@pega/cosmos-react-core 9.0.0-build.9.9 → 9.0.0

package/lib/components/DateTime/utils.js

@@ -1,6 +1,12 @@
+// cspell:ignore DDTHH
+import dayjs from 'dayjs';
+import tz from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
 import { cap } from '../../utils';
 import { CALENDAR_TYPES } from './Input/local';
 import { getEndOfWeek, getQuarterForDateTimeZone, getStartOfWeek, getWeek, getWeekYear } from './Input/utils';
+dayjs.extend(utc);
+dayjs.extend(tz);
 const unitsInMs = {
     year: 24 * 60 * 60 * 1000 * 365,
     month: (24 * 60 * 60 * 1000 * 365) / 12,
@@ -9,6 +15,14 @@ const unitsInMs = {
     minute: 60 * 1000,
     second: 1000
 };
+const timeUnitsOrdered = [
+    'year',
+    'month',
+    'day',
+    'hour',
+    'minute',
+    'second'
+];
 const dateShort = {
     dateStyle: 'short'
 };
@@ -52,78 +66,98 @@ const dateTimeNumeric = {
     ...dateNumeric,
     ...timeNumeric
 };
+const timeLongNumeric = {
+    ...timeNumeric,
+    second: 'numeric'
+};
+const dateTimeLongNumeric = {
+    ...dateNumeric,
+    ...timeLongNumeric
+};
 const formatMapping = {
     date: {
         short: dateShort,
         medium: dateMedium,
         long: dateLong,
-        numeric: dateNumeric
+        numeric: dateNumeric,
+        'long-numeric': dateNumeric
     },
     datetime: {
         short: dateTimeShort,
         medium: dateTimeMedium,
         long: dateTimeLong,
-        numeric: dateTimeNumeric
+        numeric: dateTimeNumeric,
+        'long-numeric': dateTimeLongNumeric
     },
     datetime12: {
         short: { ...dateTimeShort, hour12: true },
         medium: { ...dateTimeMedium, hour12: true },
         long: { ...dateTimeLong, hour12: true },
-        numeric: { ...dateTimeNumeric, hour12: true }
+        numeric: { ...dateTimeNumeric, hour12: true },
+        'long-numeric': { ...dateTimeLongNumeric, hour12: true }
     },
     datetime24: {
         short: { ...dateTimeShort, hour12: false },
         medium: { ...dateTimeMedium, hour12: false },
         long: { ...dateTimeLong, hour12: false },
-        numeric: { ...dateTimeNumeric, hour12: false }
+        numeric: { ...dateTimeNumeric, hour12: false },
+        'long-numeric': { ...dateTimeLongNumeric, hour12: false }
     },
     time: {
         short: timeShort,
         medium: timeMedium,
         long: timeLong,
-        numeric: timeNumeric
+        numeric: timeNumeric,
+        'long-numeric': timeLongNumeric
     },
     time12: {
         short: { ...timeShort, hour12: true },
         medium: { ...timeMedium, hour12: true },
         long: { ...timeLong, hour12: true },
-        numeric: { ...timeNumeric, hour12: true }
+        numeric: { ...timeNumeric, hour12: true },
+        'long-numeric': { ...timeLongNumeric, hour12: true }
     },
     time24: {
         short: { ...timeShort, hour12: false },
         medium: { ...timeMedium, hour12: false },
         long: { ...timeLong, hour12: false },
-        numeric: { ...timeNumeric, hour12: false }
+        numeric: { ...timeNumeric, hour12: false },
+        'long-numeric': { ...timeLongNumeric, hour12: false }
     },
     month: {
         short: { month: 'short' },
         medium: { month: 'short' },
         long: { month: 'long' },
-        numeric: { month: 'numeric' }
+        numeric: { month: 'numeric' },
+        'long-numeric': { month: 'numeric' }
     },
     monthyear: {
         short: { year: 'numeric', month: 'short' },
         medium: { year: 'numeric', month: 'short' },
         long: { year: 'numeric', month: 'long' },
-        numeric: { year: 'numeric', month: 'numeric' }
+        numeric: { year: 'numeric', month: 'numeric' },
+        'long-numeric': { year: 'numeric', month: 'numeric' }
     },
     week: {
         short: { month: 'short', day: 'numeric' },
         medium: { month: 'short', day: 'numeric' },
         long: { month: 'long', day: 'numeric' },
-        numeric: { month: 'numeric', day: 'numeric' }
+        numeric: { month: 'numeric', day: 'numeric' },
+        'long-numeric': { month: 'numeric', day: 'numeric' }
     },
     year: {
         short: { year: 'numeric' },
         medium: { year: 'numeric' },
         long: { year: 'numeric' },
-        numeric: { year: '2-digit' }
+        numeric: { year: '2-digit' },
+        'long-numeric': { year: '2-digit' }
     },
     relative: {
         short: { style: 'long', numeric: 'auto' },
         medium: { style: 'long', numeric: 'auto' },
         long: { style: 'long', numeric: 'auto' },
-        numeric: { style: 'short', numeric: 'auto' }
+        numeric: { style: 'short', numeric: 'auto' },
+        'long-numeric': { style: 'short', numeric: 'auto' }
     }
 };
 const dateTimeFormatCache = new Map();
@@ -148,83 +182,38 @@ export function formatDateTime(value, { t, locale, format, variant, clockFormat,
             timeZone
         }).format(date);
     };
-    const relativeTimeFormatter = (relativeValue, unit) => {
-        const resolvedOptions = formatMapping.relative[format];
+    const relativeTimeFormatter = (relativeValue, unit, enforceNumeric) => {
+        const resolvedOptions = {
+            ...formatMapping.relative[format],
+            numeric: enforceNumeric ? 'always' : 'auto'
+        };
         relativeTimeFormatCache[locale] ??= new Map();
         const map = relativeTimeFormatCache[locale];
         if (!map.has(resolvedOptions)) {
-            map.set(resolvedOptions, new Intl.RelativeTimeFormat(locale, resolvedOptions));
+            map.set(resolvedOptions, new Intl.RelativeTimeFormat(locale, {
+                ...resolvedOptions
+            }));
         }
         return map.get(resolvedOptions).format(relativeValue, unit);
     };
-    const getUnitsElapsed = (date, unit) => {
-        let amount;
-        const now = new Date();
-        switch (unit) {
-            case 'year':
-                amount = date.getUTCFullYear() - now.getUTCFullYear();
-                break;
-            case 'month':
-                if (date.getUTCFullYear() === now.getUTCFullYear()) {
-                    amount = date.getUTCMonth() - now.getUTCMonth();
-                }
-                else if (date < now) {
-                    amount = (11 - date.getUTCMonth() + now.getUTCMonth() + 1) * -1;
-                }
-                else {
-                    amount = 11 - now.getUTCMonth() + date.getUTCMonth() + 1;
-                }
-                break;
-            case 'day':
-                if (date.getUTCMonth() === now.getUTCMonth()) {
-                    amount = date.getUTCDate() - now.getUTCDate();
-                }
-                else if (date < now) {
-                    const maximalDayOfMonth = new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + 1, 0)).getUTCDate();
-                    amount = (maximalDayOfMonth - date.getUTCDate() + now.getUTCDate()) * -1;
-                }
-                else {
-                    const maximalDayOfMonth = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 0)).getUTCDate();
-                    amount = maximalDayOfMonth - now.getUTCDate() + date.getUTCDate() + 1;
-                }
-                break;
-            case 'hour':
-                if (date.getUTCDate() === now.getUTCDate()) {
-                    amount = date.getUTCHours() - now.getUTCHours();
-                }
-                else if (date < now) {
-                    amount = (23 - date.getUTCHours() + now.getUTCHours() + 1) * -1;
-                }
-                else {
-                    amount = 23 - now.getUTCHours() + date.getUTCHours() + 1;
-                }
-                break;
-            case 'minute':
-                if (date.getUTCHours() === now.getUTCHours()) {
-                    amount = date.getUTCMinutes() - now.getUTCMinutes();
-                }
-                else if (date < now) {
-                    amount = (59 - date.getUTCMinutes() + now.getUTCMinutes() + 1) * -1;
-                }
-                else {
-                    amount = 59 - now.getUTCMinutes() + date.getUTCMinutes() + 1;
-                }
-                break;
-            default:
-                amount = 0;
-                break;
-        }
-        return amount;
-    };
     const getRelativeTime = (date) => {
-        let elapsed = date.getTime() - Date.now();
-        // Deliberately reduce precision to 1 minute
-        if (Math.abs(elapsed) < 60000)
-            elapsed = 0;
-        const unit = (Object.keys(unitsInMs).find(u => Math.abs(elapsed) >= unitsInMs[u]) ||
-            'second');
-        const amount = getUnitsElapsed(date, unit);
-        return relativeTimeFormatter(amount, unit);
+        const now = dayjs();
+        const targetDate = dayjs(date);
+        // Deliberately reduce precision to 1 minute, handles "now" cases
+        const isWithinMinute = Math.abs(targetDate.diff(now, 'millisecond')) < 60000;
+        if (isWithinMinute) {
+            return relativeTimeFormatter(0, 'second', false);
+        }
+        // Find the most appropriate unit by checking dayjs diff for each unit
+        for (const unit of timeUnitsOrdered) {
+            const diff = targetDate.diff(now, unit);
+            if (Math.abs(diff) >= 1) {
+                return relativeTimeFormatter(diff, unit, true);
+            }
+        }
+        // Fallback to seconds if no unit has a difference >= 1
+        const secondsDiff = targetDate.diff(now, 'second');
+        return relativeTimeFormatter(secondsDiff, 'second', true);
     };
     const getFormattedWeek = (date) => {
         displayNamesCache[locale] ??= new Intl.DisplayNames(locale, {
@@ -293,4 +282,19 @@ export const getAdjustedUTCDateTime = () => {
     now.setTime(now.getTime() - now.getTimezoneOffset() * 60000);
     return now;
 };
+/**
+ * @param timeZone - IANA timezone string (e.g. "America/New_York")
+ * @returns Current date and time for the given timezone, with wall-clock time
+ *          encoded in UTC fields — matching the convention used by DateTime inputs.
+ */
+export const getAdjustedUTCDateTimeForTimezone = (timeZone) => {
+    try {
+        // eslint-disable-next-line no-new
+        new Intl.DateTimeFormat('en-US', { timeZone });
+    }
+    catch {
+        return getAdjustedUTCDateTime();
+    }
+    return new Date(`${dayjs().tz(timeZone).format('YYYY-MM-DDTHH:mm:ss.SSS')}Z`);
+};
 //# sourceMappingURL=utils.js.map

package/lib/components/DateTime/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DateTime/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TranslationFunction, TranslationPack } from '../../i18n';\nimport type { ExcludeStrict } from '../../types';\nimport { cap } from '../../utils';\n\nimport type { AbsoluteVariant, DateTimeFormat, DateTimeVariant } from './DateTime.types';\nimport { CALENDAR_TYPES } from './Input/local';\nimport {\n  getEndOfWeek,\n  getQuarterForDateTimeZone,\n  getStartOfWeek,\n  getWeek,\n  getWeekYear\n} from './Input/utils';\nimport type { ClockFormat } from './Input/utils';\n\nconst unitsInMs = {\n  year: 24 * 60 * 60 * 1000 * 365,\n  month: (24 * 60 * 60 * 1000 * 365) / 12,\n  day: 24 * 60 * 60 * 1000,\n  hour: 60 * 60 * 1000,\n  minute: 60 * 1000,\n  second: 1000\n} satisfies Partial<Record<Intl.RelativeTimeFormatUnit, number>>;\n\ntype TimeUnit = keyof typeof unitsInMs;\n\ntype DateTimeFormatOptions = {\n  locale: string;\n  format: DateTimeFormat;\n  timeZone?: string;\n  clockFormat?: ClockFormat;\n  calendarType?: string;\n} & (\n  | {\n      variant: ExcludeStrict<DateTimeVariant, 'quarteryear'>;\n      t?: TranslationFunction<TranslationPack>;\n    }\n  | { variant: 'quarteryear'; t: TranslationFunction<TranslationPack> }\n);\n\ntype DateOptions = Pick<Intl.DateTimeFormatOptions, 'year' | 'month' | 'day'>;\ntype TimeOptions = Pick<Intl.DateTimeFormatOptions, 'hour' | 'minute' | 'second'>;\ntype DateStyle = Pick<Intl.DateTimeFormatOptions, 'dateStyle'>;\ntype TimeStyle = Pick<Intl.DateTimeFormatOptions, 'timeStyle'>;\n\nconst dateShort = {\n  dateStyle: 'short'\n} satisfies DateStyle;\n\nconst dateMedium = {\n  dateStyle: 'medium'\n} satisfies DateStyle;\n\nconst dateLong = {\n  dateStyle: 'long'\n} satisfies DateStyle;\n\nconst dateNumeric = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric'\n} satisfies DateOptions;\n\nconst timeShort = {\n  timeStyle: 'short'\n} satisfies TimeStyle;\n\nconst timeMedium = {\n  timeStyle: 'medium'\n} satisfies TimeStyle;\n\nconst timeLong = {\n  timeStyle: 'medium'\n} satisfies TimeStyle;\n\nconst timeNumeric = {\n  hour: 'numeric',\n  minute: 'numeric'\n} satisfies TimeOptions;\n\nconst dateTimeShort = {\n  ...dateShort,\n  ...timeShort\n} satisfies DateStyle & TimeStyle;\n\nconst dateTimeMedium = {\n  ...dateMedium,\n  ...timeShort\n} satisfies DateStyle & TimeStyle;\n\nconst dateTimeLong = {\n  ...dateLong,\n  ...timeMedium\n} satisfies DateStyle & TimeStyle;\n\nconst dateTimeNumeric = {\n  ...dateNumeric,\n  ...timeNumeric\n} satisfies DateOptions & TimeOptions;\n\ntype AddClockFormatToTimeKeys<Key extends DateTimeVariant> = Key extends `${string}time`\n  ? `${Key}${'' | 12 | 24}`\n  : Key;\n\nconst formatMapping = {\n  date: {\n    short: dateShort,\n    medium: dateMedium,\n    long: dateLong,\n    numeric: dateNumeric\n  },\n  datetime: {\n    short: dateTimeShort,\n    medium: dateTimeMedium,\n    long: dateTimeLong,\n    numeric: dateTimeNumeric\n  },\n  datetime12: {\n    short: { ...dateTimeShort, hour12: true },\n    medium: { ...dateTimeMedium, hour12: true },\n    long: { ...dateTimeLong, hour12: true },\n    numeric: { ...dateTimeNumeric, hour12: true }\n  },\n  datetime24: {\n    short: { ...dateTimeShort, hour12: false },\n    medium: { ...dateTimeMedium, hour12: false },\n    long: { ...dateTimeLong, hour12: false },\n    numeric: { ...dateTimeNumeric, hour12: false }\n  },\n  time: {\n    short: timeShort,\n    medium: timeMedium,\n    long: timeLong,\n    numeric: timeNumeric\n  },\n  time12: {\n    short: { ...timeShort, hour12: true },\n    medium: { ...timeMedium, hour12: true },\n    long: { ...timeLong, hour12: true },\n    numeric: { ...timeNumeric, hour12: true }\n  },\n  time24: {\n    short: { ...timeShort, hour12: false },\n    medium: { ...timeMedium, hour12: false },\n    long: { ...timeLong, hour12: false },\n    numeric: { ...timeNumeric, hour12: false }\n  },\n  month: {\n    short: { month: 'short' },\n    medium: { month: 'short' },\n    long: { month: 'long' },\n    numeric: { month: 'numeric' }\n  },\n  monthyear: {\n    short: { year: 'numeric', month: 'short' },\n    medium: { year: 'numeric', month: 'short' },\n    long: { year: 'numeric', month: 'long' },\n    numeric: { year: 'numeric', month: 'numeric' }\n  },\n  week: {\n    short: { month: 'short', day: 'numeric' },\n    medium: { month: 'short', day: 'numeric' },\n    long: { month: 'long', day: 'numeric' },\n    numeric: { month: 'numeric', day: 'numeric' }\n  },\n  year: {\n    short: { year: 'numeric' },\n    medium: { year: 'numeric' },\n    long: { year: 'numeric' },\n    numeric: { year: '2-digit' }\n  },\n  relative: {\n    short: { style: 'long', numeric: 'auto' },\n    medium: { style: 'long', numeric: 'auto' },\n    long: { style: 'long', numeric: 'auto' },\n    numeric: { style: 'short', numeric: 'auto' }\n  }\n} satisfies Record<\n  AddClockFormatToTimeKeys<ExcludeStrict<AbsoluteVariant, 'quarteryear'>>,\n  Record<DateTimeFormat, Intl.DateTimeFormatOptions>\n> &\n  Record<'relative', Record<DateTimeFormat, Intl.RelativeTimeFormatOptions>>;\n\nconst dateTimeFormatCache: Map<\n  // locale & stringified sorted Intl.DateTimeFormatOptions\n  string,\n  Intl.DateTimeFormat\n> = new Map();\n\nexport function getIntlDateTimeFormatFromCache(\n  locale: string,\n  options: Intl.DateTimeFormatOptions = {}\n) {\n  const sortedOptions = JSON.stringify(options, Object.keys(options).sort());\n  const key = `${locale}${sortedOptions}`;\n\n  if (!dateTimeFormatCache.has(key)) {\n    dateTimeFormatCache.set(key, new Intl.DateTimeFormat(locale, options));\n  }\n\n  return dateTimeFormatCache.get(key)!;\n}\n\nconst relativeTimeFormatCache: Record<\n  // locale\n  string,\n  Map<Intl.RelativeTimeFormatOptions, Intl.RelativeTimeFormat>\n> = {};\n\nconst displayNamesCache: Record<\n  // locale\n  string,\n  Intl.DateTimeDisplayNames\n> = {};\n\nexport function formatDateTime(\n  value: Date,\n  {\n    t,\n    locale,\n    format,\n    variant,\n    clockFormat,\n    calendarType = CALENDAR_TYPES.ISO_8601,\n    timeZone\n  }: DateTimeFormatOptions\n) {\n  const getFormattedDate = (\n    date: Date,\n    dateVariant: ExcludeStrict<AbsoluteVariant, 'quarteryear'>\n  ) => {\n    const resolvedVariant: AddClockFormatToTimeKeys<typeof dateVariant> =\n      dateVariant === 'time' || dateVariant === 'datetime'\n        ? `${dateVariant}${clockFormat ?? ''}`\n        : dateVariant;\n    const resolvedOptions = formatMapping[resolvedVariant][format];\n\n    return getIntlDateTimeFormatFromCache(locale, {\n      ...resolvedOptions,\n      timeZone\n    }).format(date);\n  };\n\n  const relativeTimeFormatter = (relativeValue: number, unit: TimeUnit) => {\n    const resolvedOptions = formatMapping.relative[format];\n\n    relativeTimeFormatCache[locale] ??= new Map();\n    const map = relativeTimeFormatCache[locale];\n\n    if (!map.has(resolvedOptions)) {\n      map.set(resolvedOptions, new Intl.RelativeTimeFormat(locale, resolvedOptions));\n    }\n\n    return map.get(resolvedOptions)!.format(relativeValue, unit);\n  };\n\n  const getUnitsElapsed = (date: Date, unit: TimeUnit): number => {\n    let amount: number;\n    const now = new Date();\n\n    switch (unit) {\n      case 'year':\n        amount = date.getUTCFullYear() - now.getUTCFullYear();\n        break;\n      case 'month':\n        if (date.getUTCFullYear() === now.getUTCFullYear()) {\n          amount = date.getUTCMonth() - now.getUTCMonth();\n        } else if (date < now) {\n          amount = (11 - date.getUTCMonth() + now.getUTCMonth() + 1) * -1;\n        } else {\n          amount = 11 - now.getUTCMonth() + date.getUTCMonth() + 1;\n        }\n        break;\n      case 'day':\n        if (date.getUTCMonth() === now.getUTCMonth()) {\n          amount = date.getUTCDate() - now.getUTCDate();\n        } else if (date < now) {\n          const maximalDayOfMonth = new Date(\n            Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + 1, 0)\n          ).getUTCDate();\n          amount = (maximalDayOfMonth - date.getUTCDate() + now.getUTCDate()) * -1;\n        } else {\n          const maximalDayOfMonth = new Date(\n            Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), 0)\n          ).getUTCDate();\n          amount = maximalDayOfMonth - now.getUTCDate() + date.getUTCDate() + 1;\n        }\n        break;\n      case 'hour':\n        if (date.getUTCDate() === now.getUTCDate()) {\n          amount = date.getUTCHours() - now.getUTCHours();\n        } else if (date < now) {\n          amount = (23 - date.getUTCHours() + now.getUTCHours() + 1) * -1;\n        } else {\n          amount = 23 - now.getUTCHours() + date.getUTCHours() + 1;\n        }\n        break;\n      case 'minute':\n        if (date.getUTCHours() === now.getUTCHours()) {\n          amount = date.getUTCMinutes() - now.getUTCMinutes();\n        } else if (date < now) {\n          amount = (59 - date.getUTCMinutes() + now.getUTCMinutes() + 1) * -1;\n        } else {\n          amount = 59 - now.getUTCMinutes() + date.getUTCMinutes() + 1;\n        }\n        break;\n      default:\n        amount = 0;\n        break;\n    }\n    return amount;\n  };\n\n  const getRelativeTime = (date: Date) => {\n    let elapsed = date.getTime() - Date.now();\n    // Deliberately reduce precision to 1 minute\n    if (Math.abs(elapsed) < 60000) elapsed = 0;\n    const unit = (Object.keys(unitsInMs).find(u => Math.abs(elapsed) >= unitsInMs[u as TimeUnit]) ||\n      'second') as TimeUnit;\n    const amount = getUnitsElapsed(date, unit);\n\n    return relativeTimeFormatter(amount, unit);\n  };\n\n  const getFormattedWeek = (date: Date) => {\n    displayNamesCache[locale] ??= new Intl.DisplayNames(locale, {\n      style: 'long',\n      type: 'dateTimeField'\n    }) as Intl.DateTimeDisplayNames;\n\n    const displayNames = displayNamesCache[locale];\n    const startDate = getFormattedDate(getStartOfWeek(date, calendarType, timeZone), 'week');\n    const endDate = getFormattedDate(getEndOfWeek(date, calendarType, timeZone), 'week');\n\n    return `${cap(displayNames.of('weekOfYear'))} ${getWeek(\n      date,\n      calendarType,\n      timeZone\n    )}, ${getWeekYear(date, calendarType, timeZone)} (${startDate} - ${endDate})`;\n  };\n\n  const getFormattedQuarterYear = (date: Date) => {\n    const formattedYear = getFormattedDate(date, 'year');\n    const quarterNumber = getQuarterForDateTimeZone(date, timeZone);\n    return `${t!(`date_quarter_q${quarterNumber}`, [formattedYear])}`;\n  };\n\n  switch (variant) {\n    case 'relative':\n      return getRelativeTime(value);\n    case 'week':\n      return getFormattedWeek(value);\n    case 'quarteryear':\n      return getFormattedQuarterYear(value);\n    default:\n      return getFormattedDate(value, variant);\n  }\n}\n\nconst dayInMs = 24 * 60 * 60 * 1000;\nconst hourInMs = 60 * 60 * 1000;\nconst minuteInMs = 60 * 1000;\nconst secondInMs = 1000;\n\ninterface DurationFormatOptions {\n  /** Locale to be used - en_US, jp_JP, fr_FR etc */\n  locale: string;\n  /** Determines maximum number of units to be displayed. */\n  significantUnits: 5 | 4 | 3 | 2 | 1;\n  /**\n   * Unit formatting style\n   * @default \"narrow\"\n   */\n  unitDisplay?: Intl.NumberFormatOptions['unitDisplay'];\n  /**\n   * Unit of maximum precision\n   * @default \"second\"\n   */\n  maxPrecision?: 'day' | 'hour' | 'minute' | 'second' | 'millisecond';\n}\n\nconst numberFormatCache: Record<\n  // locale\n  string,\n  Record<\n    // unit\n    string,\n    Record<\n      // unitDisplay\n      string,\n      Intl.NumberFormat\n    >\n  >\n> = {};\n\nexport function formatDuration(\n  valueInMs: number,\n  {\n    locale,\n    significantUnits,\n    unitDisplay = 'narrow',\n    maxPrecision = 'second'\n  }: DurationFormatOptions\n) {\n  numberFormatCache[locale] ??= {};\n\n  const sign = valueInMs < 0 ? '-' : '';\n  const absMs = Math.abs(valueInMs);\n\n  const durationParts = [\n    { unit: 'day', value: Math.floor(absMs / dayInMs) },\n    { unit: 'hour', value: Math.floor((absMs % dayInMs) / hourInMs) },\n    { unit: 'minute', value: Math.floor((absMs % hourInMs) / minuteInMs) },\n    { unit: 'second', value: Math.floor((absMs % minuteInMs) / secondInMs) },\n    { unit: 'millisecond', value: absMs % secondInMs }\n  ];\n\n  const result = [];\n  for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {\n    const { value, unit } = durationParts[i];\n\n    if (value > 0 || (unit === maxPrecision && result.length === 0)) {\n      numberFormatCache[locale][unit] ??= {};\n      numberFormatCache[locale][unit][unitDisplay] ??= new Intl.NumberFormat(locale, {\n        style: 'unit',\n        unit,\n        unitDisplay\n      });\n\n      result.push(numberFormatCache[locale][unit][unitDisplay].format(value));\n    }\n    if (durationParts[i].unit === maxPrecision) break;\n  }\n  return `${sign}${result.join(' ')}`;\n}\n\n/**\n * @returns Current date and time value adjusted for local time zone.\n */\nexport const getAdjustedUTCDateTime = (): Date => {\n  const now = new Date();\n  now.setTime(now.getTime() - now.getTimezoneOffset() * 60000);\n  return now;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DateTime/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// cspell:ignore DDTHH\nimport dayjs from 'dayjs';\nimport tz from 'dayjs/plugin/timezone';\nimport utc from 'dayjs/plugin/utc';\n\nimport type { TranslationFunction, TranslationPack } from '../../i18n';\nimport type { ExcludeStrict } from '../../types';\nimport { cap } from '../../utils';\n\nimport type { AbsoluteVariant, DateTimeFormat, DateTimeVariant } from './DateTime.types';\nimport { CALENDAR_TYPES, type CalendarType } from './Input/local';\nimport {\n  getEndOfWeek,\n  getQuarterForDateTimeZone,\n  getStartOfWeek,\n  getWeek,\n  getWeekYear\n} from './Input/utils';\nimport type { ClockFormat } from './Input/utils';\n\ndayjs.extend(utc);\ndayjs.extend(tz);\n\nconst unitsInMs = {\n  year: 24 * 60 * 60 * 1000 * 365,\n  month: (24 * 60 * 60 * 1000 * 365) / 12,\n  day: 24 * 60 * 60 * 1000,\n  hour: 60 * 60 * 1000,\n  minute: 60 * 1000,\n  second: 1000\n} satisfies Partial<Record<Intl.RelativeTimeFormatUnit, number>>;\n\ntype TimeUnit = keyof typeof unitsInMs;\nconst timeUnitsOrdered = [\n  'year',\n  'month',\n  'day',\n  'hour',\n  'minute',\n  'second'\n] as const satisfies TimeUnit[];\n\ntype DateTimeFormatOptions = {\n  locale: string;\n  format: DateTimeFormat;\n  timeZone?: string;\n  clockFormat?: ClockFormat;\n  calendarType?: CalendarType;\n} & (\n  | {\n      variant: ExcludeStrict<DateTimeVariant, 'quarteryear'>;\n      t?: TranslationFunction<TranslationPack>;\n    }\n  | { variant: 'quarteryear'; t: TranslationFunction<TranslationPack> }\n);\n\ntype DateOptions = Pick<Intl.DateTimeFormatOptions, 'year' | 'month' | 'day'>;\ntype TimeOptions = Pick<Intl.DateTimeFormatOptions, 'hour' | 'minute' | 'second'>;\ntype DateStyle = Pick<Intl.DateTimeFormatOptions, 'dateStyle'>;\ntype TimeStyle = Pick<Intl.DateTimeFormatOptions, 'timeStyle'>;\n\nconst dateShort = {\n  dateStyle: 'short'\n} satisfies DateStyle;\n\nconst dateMedium = {\n  dateStyle: 'medium'\n} satisfies DateStyle;\n\nconst dateLong = {\n  dateStyle: 'long'\n} satisfies DateStyle;\n\nconst dateNumeric = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric'\n} satisfies DateOptions;\n\nconst timeShort = {\n  timeStyle: 'short'\n} satisfies TimeStyle;\n\nconst timeMedium = {\n  timeStyle: 'medium'\n} satisfies TimeStyle;\n\nconst timeLong = {\n  timeStyle: 'medium'\n} satisfies TimeStyle;\n\nconst timeNumeric = {\n  hour: 'numeric',\n  minute: 'numeric'\n} satisfies TimeOptions;\n\nconst dateTimeShort = {\n  ...dateShort,\n  ...timeShort\n} satisfies DateStyle & TimeStyle;\n\nconst dateTimeMedium = {\n  ...dateMedium,\n  ...timeShort\n} satisfies DateStyle & TimeStyle;\n\nconst dateTimeLong = {\n  ...dateLong,\n  ...timeMedium\n} satisfies DateStyle & TimeStyle;\n\nconst dateTimeNumeric = {\n  ...dateNumeric,\n  ...timeNumeric\n} satisfies DateOptions & TimeOptions;\n\nconst timeLongNumeric = {\n  ...timeNumeric,\n  second: 'numeric'\n} satisfies TimeOptions;\n\nconst dateTimeLongNumeric = {\n  ...dateNumeric,\n  ...timeLongNumeric\n} satisfies DateOptions & TimeOptions;\n\ntype AddClockFormatToTimeKeys<Key extends DateTimeVariant> = Key extends `${string}time`\n  ? `${Key}${'' | 12 | 24}`\n  : Key;\n\nconst formatMapping = {\n  date: {\n    short: dateShort,\n    medium: dateMedium,\n    long: dateLong,\n    numeric: dateNumeric,\n    'long-numeric': dateNumeric\n  },\n  datetime: {\n    short: dateTimeShort,\n    medium: dateTimeMedium,\n    long: dateTimeLong,\n    numeric: dateTimeNumeric,\n    'long-numeric': dateTimeLongNumeric\n  },\n  datetime12: {\n    short: { ...dateTimeShort, hour12: true },\n    medium: { ...dateTimeMedium, hour12: true },\n    long: { ...dateTimeLong, hour12: true },\n    numeric: { ...dateTimeNumeric, hour12: true },\n    'long-numeric': { ...dateTimeLongNumeric, hour12: true }\n  },\n  datetime24: {\n    short: { ...dateTimeShort, hour12: false },\n    medium: { ...dateTimeMedium, hour12: false },\n    long: { ...dateTimeLong, hour12: false },\n    numeric: { ...dateTimeNumeric, hour12: false },\n    'long-numeric': { ...dateTimeLongNumeric, hour12: false }\n  },\n  time: {\n    short: timeShort,\n    medium: timeMedium,\n    long: timeLong,\n    numeric: timeNumeric,\n    'long-numeric': timeLongNumeric\n  },\n  time12: {\n    short: { ...timeShort, hour12: true },\n    medium: { ...timeMedium, hour12: true },\n    long: { ...timeLong, hour12: true },\n    numeric: { ...timeNumeric, hour12: true },\n    'long-numeric': { ...timeLongNumeric, hour12: true }\n  },\n  time24: {\n    short: { ...timeShort, hour12: false },\n    medium: { ...timeMedium, hour12: false },\n    long: { ...timeLong, hour12: false },\n    numeric: { ...timeNumeric, hour12: false },\n    'long-numeric': { ...timeLongNumeric, hour12: false }\n  },\n  month: {\n    short: { month: 'short' },\n    medium: { month: 'short' },\n    long: { month: 'long' },\n    numeric: { month: 'numeric' },\n    'long-numeric': { month: 'numeric' }\n  },\n  monthyear: {\n    short: { year: 'numeric', month: 'short' },\n    medium: { year: 'numeric', month: 'short' },\n    long: { year: 'numeric', month: 'long' },\n    numeric: { year: 'numeric', month: 'numeric' },\n    'long-numeric': { year: 'numeric', month: 'numeric' }\n  },\n  week: {\n    short: { month: 'short', day: 'numeric' },\n    medium: { month: 'short', day: 'numeric' },\n    long: { month: 'long', day: 'numeric' },\n    numeric: { month: 'numeric', day: 'numeric' },\n    'long-numeric': { month: 'numeric', day: 'numeric' }\n  },\n  year: {\n    short: { year: 'numeric' },\n    medium: { year: 'numeric' },\n    long: { year: 'numeric' },\n    numeric: { year: '2-digit' },\n    'long-numeric': { year: '2-digit' }\n  },\n  relative: {\n    short: { style: 'long', numeric: 'auto' },\n    medium: { style: 'long', numeric: 'auto' },\n    long: { style: 'long', numeric: 'auto' },\n    numeric: { style: 'short', numeric: 'auto' },\n    'long-numeric': { style: 'short', numeric: 'auto' }\n  }\n} satisfies Record<\n  AddClockFormatToTimeKeys<ExcludeStrict<AbsoluteVariant, 'quarteryear'>>,\n  Record<DateTimeFormat, Intl.DateTimeFormatOptions>\n> &\n  Record<'relative', Record<DateTimeFormat, Intl.RelativeTimeFormatOptions>>;\n\nconst dateTimeFormatCache: Map<\n  // locale & stringified sorted Intl.DateTimeFormatOptions\n  string,\n  Intl.DateTimeFormat\n> = new Map();\n\nexport function getIntlDateTimeFormatFromCache(\n  locale: string,\n  options: Intl.DateTimeFormatOptions = {}\n) {\n  const sortedOptions = JSON.stringify(options, Object.keys(options).sort());\n  const key = `${locale}${sortedOptions}`;\n\n  if (!dateTimeFormatCache.has(key)) {\n    dateTimeFormatCache.set(key, new Intl.DateTimeFormat(locale, options));\n  }\n\n  return dateTimeFormatCache.get(key)!;\n}\n\nconst relativeTimeFormatCache: Record<\n  // locale\n  string,\n  Map<Intl.RelativeTimeFormatOptions, Intl.RelativeTimeFormat>\n> = {};\n\nconst displayNamesCache: Record<\n  // locale\n  string,\n  Intl.DateTimeDisplayNames\n> = {};\n\nexport function formatDateTime(\n  value: Date,\n  {\n    t,\n    locale,\n    format,\n    variant,\n    clockFormat,\n    calendarType = CALENDAR_TYPES.ISO_8601,\n    timeZone\n  }: DateTimeFormatOptions\n) {\n  const getFormattedDate = (\n    date: Date,\n    dateVariant: ExcludeStrict<AbsoluteVariant, 'quarteryear'>\n  ) => {\n    const resolvedVariant: AddClockFormatToTimeKeys<typeof dateVariant> =\n      dateVariant === 'time' || dateVariant === 'datetime'\n        ? `${dateVariant}${clockFormat ?? ''}`\n        : dateVariant;\n    const resolvedOptions = formatMapping[resolvedVariant][format];\n\n    return getIntlDateTimeFormatFromCache(locale, {\n      ...resolvedOptions,\n      timeZone\n    }).format(date);\n  };\n\n  const relativeTimeFormatter = (\n    relativeValue: number,\n    unit: TimeUnit,\n    enforceNumeric?: boolean\n  ) => {\n    const resolvedOptions: Intl.RelativeTimeFormatOptions = {\n      ...formatMapping.relative[format],\n      numeric: enforceNumeric ? 'always' : 'auto'\n    };\n\n    relativeTimeFormatCache[locale] ??= new Map();\n    const map = relativeTimeFormatCache[locale];\n\n    if (!map.has(resolvedOptions)) {\n      map.set(\n        resolvedOptions,\n        new Intl.RelativeTimeFormat(locale, {\n          ...resolvedOptions\n        })\n      );\n    }\n\n    return map.get(resolvedOptions)!.format(relativeValue, unit);\n  };\n\n  const getRelativeTime = (date: Date) => {\n    const now = dayjs();\n    const targetDate = dayjs(date);\n\n    // Deliberately reduce precision to 1 minute, handles \"now\" cases\n    const isWithinMinute = Math.abs(targetDate.diff(now, 'millisecond')) < 60000;\n    if (isWithinMinute) {\n      return relativeTimeFormatter(0, 'second', false);\n    }\n\n    // Find the most appropriate unit by checking dayjs diff for each unit\n    for (const unit of timeUnitsOrdered) {\n      const diff = targetDate.diff(now, unit);\n      if (Math.abs(diff) >= 1) {\n        return relativeTimeFormatter(diff, unit, true);\n      }\n    }\n\n    // Fallback to seconds if no unit has a difference >= 1\n    const secondsDiff = targetDate.diff(now, 'second');\n    return relativeTimeFormatter(secondsDiff, 'second', true);\n  };\n\n  const getFormattedWeek = (date: Date) => {\n    displayNamesCache[locale] ??= new Intl.DisplayNames(locale, {\n      style: 'long',\n      type: 'dateTimeField'\n    }) as Intl.DateTimeDisplayNames;\n\n    const displayNames = displayNamesCache[locale];\n    const startDate = getFormattedDate(getStartOfWeek(date, calendarType, timeZone), 'week');\n    const endDate = getFormattedDate(getEndOfWeek(date, calendarType, timeZone), 'week');\n\n    return `${cap(displayNames.of('weekOfYear'))} ${getWeek(\n      date,\n      calendarType,\n      timeZone\n    )}, ${getWeekYear(date, calendarType, timeZone)} (${startDate} - ${endDate})`;\n  };\n\n  const getFormattedQuarterYear = (date: Date) => {\n    const formattedYear = getFormattedDate(date, 'year');\n    const quarterNumber = getQuarterForDateTimeZone(date, timeZone);\n    return `${t!(`date_quarter_q${quarterNumber}`, [formattedYear])}`;\n  };\n\n  switch (variant) {\n    case 'relative':\n      return getRelativeTime(value);\n    case 'week':\n      return getFormattedWeek(value);\n    case 'quarteryear':\n      return getFormattedQuarterYear(value);\n    default:\n      return getFormattedDate(value, variant);\n  }\n}\n\nconst dayInMs = 24 * 60 * 60 * 1000;\nconst hourInMs = 60 * 60 * 1000;\nconst minuteInMs = 60 * 1000;\nconst secondInMs = 1000;\n\ninterface DurationFormatOptions {\n  /** Locale to be used - en_US, jp_JP, fr_FR etc */\n  locale: string;\n  /** Determines maximum number of units to be displayed. */\n  significantUnits: 5 | 4 | 3 | 2 | 1;\n  /**\n   * Unit formatting style\n   * @default \"narrow\"\n   */\n  unitDisplay?: Intl.NumberFormatOptions['unitDisplay'];\n  /**\n   * Unit of maximum precision\n   * @default \"second\"\n   */\n  maxPrecision?: 'day' | 'hour' | 'minute' | 'second' | 'millisecond';\n}\n\nconst numberFormatCache: Record<\n  // locale\n  string,\n  Record<\n    // unit\n    string,\n    Record<\n      // unitDisplay\n      string,\n      Intl.NumberFormat\n    >\n  >\n> = {};\n\nexport function formatDuration(\n  valueInMs: number,\n  {\n    locale,\n    significantUnits,\n    unitDisplay = 'narrow',\n    maxPrecision = 'second'\n  }: DurationFormatOptions\n) {\n  numberFormatCache[locale] ??= {};\n\n  const sign = valueInMs < 0 ? '-' : '';\n  const absMs = Math.abs(valueInMs);\n\n  const durationParts = [\n    { unit: 'day', value: Math.floor(absMs / dayInMs) },\n    { unit: 'hour', value: Math.floor((absMs % dayInMs) / hourInMs) },\n    { unit: 'minute', value: Math.floor((absMs % hourInMs) / minuteInMs) },\n    { unit: 'second', value: Math.floor((absMs % minuteInMs) / secondInMs) },\n    { unit: 'millisecond', value: absMs % secondInMs }\n  ];\n\n  const result = [];\n  for (let i = 0; result.length < significantUnits && i < durationParts.length; i += 1) {\n    const { value, unit } = durationParts[i];\n\n    if (value > 0 || (unit === maxPrecision && result.length === 0)) {\n      numberFormatCache[locale][unit] ??= {};\n      numberFormatCache[locale][unit][unitDisplay] ??= new Intl.NumberFormat(locale, {\n        style: 'unit',\n        unit,\n        unitDisplay\n      });\n\n      result.push(numberFormatCache[locale][unit][unitDisplay].format(value));\n    }\n    if (durationParts[i].unit === maxPrecision) break;\n  }\n  return `${sign}${result.join(' ')}`;\n}\n\n/**\n * @returns Current date and time value adjusted for local time zone.\n */\nexport const getAdjustedUTCDateTime = (): Date => {\n  const now = new Date();\n  now.setTime(now.getTime() - now.getTimezoneOffset() * 60000);\n  return now;\n};\n\n/**\n * @param timeZone - IANA timezone string (e.g. \"America/New_York\")\n * @returns Current date and time for the given timezone, with wall-clock time\n *          encoded in UTC fields — matching the convention used by DateTime inputs.\n */\nexport const getAdjustedUTCDateTimeForTimezone = (timeZone: string): Date => {\n  try {\n    // eslint-disable-next-line no-new\n    new Intl.DateTimeFormat('en-US', { timeZone });\n  } catch {\n    return getAdjustedUTCDateTime();\n  }\n  return new Date(`${dayjs().tz(timeZone).format('YYYY-MM-DDTHH:mm:ss.SSS')}Z`);\n};\n"]}

package/lib/components/Dialog/Dialog.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const StyledChildrenWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDialogHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDialogContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDialogFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDialog: import("styled-components").StyledComponent<(<Modifiers extends string = string>(props: import("../Popover").PopoverProps<Modifiers> & import("../..").ForwardProps) => import("react").ReactElement | null), import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChildrenWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDialogHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDialogContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDialogFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Popover").PopoverProps<string> & import("../..").ForwardProps, never>> & string & Omit<(<Modifiers extends string = string>(props: import("../Popover").PopoverProps<Modifiers> & import("../..").ForwardProps) => import("react").ReactElement | null), keyof import("react").Component<any, {}, any>>;
 //# sourceMappingURL=Dialog.styles.d.ts.map

package/lib/components/Dialog/Dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,yGAAe,CAAC;AAE/C,eAAO,MAAM,kBAAkB,yGAAe,CAAC;AAE/C,eAAO,MAAM,mBAAmB,yGAkB9B,CAAC;AAIH,eAAO,MAAM,kBAAkB,yGAAe,CAAC;AAE/C,eAAO,MAAM,YAAY,oQAkBvB,CAAC"}
+{"version":3,"file":"Dialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,6NAAe,CAAC;AAE/C,eAAO,MAAM,kBAAkB,6NAAe,CAAC;AAE/C,eAAO,MAAM,mBAAmB,6NAkB9B,CAAC;AAIH,eAAO,MAAM,kBAAkB,6NAAe,CAAC;AAE/C,eAAO,MAAM,YAAY,4ZAyBvB,CAAC"}

package/lib/components/Dialog/Dialog.styles.js

@@ -41,6 +41,13 @@ export const StyledDialog = styled(Popover)(({ theme }) => {
         overflow: hidden;
       }
     }
+
+    &:focus-visible {
+      @media (forced-colors: none) {
+        outline: none;
+      }
+      box-shadow: ${theme.base.shadow.focus};
+    }
   `;
 });
 StyledDialog.defaultProps = defaultThemeProp;

package/lib/components/Dialog/Dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK,CAAC,IAAI,CAAC,OAAO;;;MAGpC,kBAAkB;wCACgB,KAAK,CAAC,IAAI,CAAC,OAAO;;;;sCAIpB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAErD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;;;qBAGS,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;qBAC9B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;;;;;;;;QAQ3C,mBAAmB;;;;GAIxB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport Popover from '../Popover';\n\nexport const StyledChildrenWrap = styled.div``;\n\nexport const StyledDialogHeader = styled.div``;\n\nexport const StyledDialogContent = styled.div(({ theme }) => {\n  return css`\n    position: relative;\n    @media (height >= 31.25rem) {\n      overflow-y: auto;\n      min-height: 4rem;\n    }\n    padding: calc(2 * ${theme.base.spacing});\n\n    /* Small amount of block padding accounts for focus ring clipping within overflow auto. */\n    ${StyledDialogHeader} + & {\n      padding-block-start: calc(0.5 * ${theme.base.spacing});\n    }\n\n    &:not(:last-child) {\n      padding-block-end: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledDialogContent.defaultProps = defaultThemeProp;\n\nexport const StyledDialogFooter = styled.div``;\n\nexport const StyledDialog = styled(Popover)(({ theme }) => {\n  return css`\n    display: flex;\n    flex-direction: column;\n    min-width: min(${theme.base['content-width'].sm}, calc(100vw - 2rem));\n    max-width: min(${theme.base['content-width'].lg}, calc(100vw - 2rem));\n    max-height: calc(100vh - 2rem);\n\n    @media (height < 31.25rem) {\n      overflow-y: auto;\n    }\n\n    &[aria-busy='true'] {\n      ${StyledDialogContent} {\n        overflow: hidden;\n      }\n    }\n  `;\n});\n\nStyledDialog.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"Dialog.styles.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;;;;;;wBAMY,KAAK,CAAC,IAAI,CAAC,OAAO;;;MAGpC,kBAAkB;wCACgB,KAAK,CAAC,IAAI,CAAC,OAAO;;;;sCAIpB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAErD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;;;qBAGS,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;qBAC9B,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;;;;;;;;QAQ3C,mBAAmB;;;;;;;;;oBASP,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;GAExC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport Popover from '../Popover';\n\nexport const StyledChildrenWrap = styled.div``;\n\nexport const StyledDialogHeader = styled.div``;\n\nexport const StyledDialogContent = styled.div(({ theme }) => {\n  return css`\n    position: relative;\n    @media (height >= 31.25rem) {\n      overflow-y: auto;\n      min-height: 4rem;\n    }\n    padding: calc(2 * ${theme.base.spacing});\n\n    /* Small amount of block padding accounts for focus ring clipping within overflow auto. */\n    ${StyledDialogHeader} + & {\n      padding-block-start: calc(0.5 * ${theme.base.spacing});\n    }\n\n    &:not(:last-child) {\n      padding-block-end: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledDialogContent.defaultProps = defaultThemeProp;\n\nexport const StyledDialogFooter = styled.div``;\n\nexport const StyledDialog = styled(Popover)(({ theme }) => {\n  return css`\n    display: flex;\n    flex-direction: column;\n    min-width: min(${theme.base['content-width'].sm}, calc(100vw - 2rem));\n    max-width: min(${theme.base['content-width'].lg}, calc(100vw - 2rem));\n    max-height: calc(100vh - 2rem);\n\n    @media (height < 31.25rem) {\n      overflow-y: auto;\n    }\n\n    &[aria-busy='true'] {\n      ${StyledDialogContent} {\n        overflow: hidden;\n      }\n    }\n\n    &:focus-visible {\n      @media (forced-colors: none) {\n        outline: none;\n      }\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\n\nStyledDialog.defaultProps = defaultThemeProp;\n"]}

package/lib/components/Dialog/Dialog.types.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import type { OmitStrict, WithAttributes } from '../../types';
 import type { PopoverProps } from '../Popover';
 import type { ProgressProps } from '../Progress';
+import type { AdditionalInfoProps } from '../AdditionalInfo';
 export interface BaseDialogProps {
     /**
      * Certain uses of dialogs require a linear edge with an input like control.
@@ -37,7 +38,7 @@ export interface BaseDialogProps {
 }
 export type DialogProps = WithAttributes<'div', BaseDialogProps>;
 /** A simple callback or an object to customize a subset button properties. */
-type FormAction = (() => void) | {
+export type FormAction = (() => void) | {
     text?: string;
     disabled?: boolean;
     handler: () => void;
@@ -59,11 +60,14 @@ export type FormDialogProps = WithAttributes<'div', BaseDialogProps & {
 } & ({
     /** A string to indicate context for the dialog. The dialog will be labelled by this value. */
     heading: string;
+    /** Show additional info in form dialog header. */
+    additionalInfo?: AdditionalInfoProps;
     'aria-label'?: never;
 } | {
     heading?: never;
     /** Provide a contextually sufficient aria label if a visible heading is not provided. */
     'aria-label': string;
+    additionalInfo?: never;
 })>;
 export type InfoDialogProps = WithAttributes<'div', OmitStrict<BaseDialogProps, 'arrow'> & {
     /** A string or summary item like props to indicate context for the dialog. The dialog will be labelled by either the heading element or primary property. */
@@ -83,5 +87,4 @@ export interface DialogHandleValue {
     open: () => void;
     close: () => void;
 }
-export {};
 //# sourceMappingURL=Dialog.types.d.ts.map

package/lib/components/Dialog/Dialog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAE9B;;;OAGG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB,6IAA6I;IAC7I,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEnC,yIAAyI;IACzI,QAAQ,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAE9C,iGAAiG;IACjG,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEhC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAEjE,8EAA8E;AAC9E,KAAK,UAAU,GACX,CAAC,MAAM,IAAI,CAAC,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,eAAe,GAAG;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,QAAQ,EAAE,UAAU,CAAC;CACtB,GAAG,CACE;IACE,8FAA8F;IAC9F,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,yFAAyF;IACzF,YAAY,EAAE,MAAM,CAAC;CACtB,CACJ,CACJ,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IACrC,6JAA6J;IAC7J,OAAO,CAAC,EACJ,MAAM,GACN;QACE,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,SAAS,CAAC;KACpB,CAAC;IAEN,2IAA2I;IAC3I,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}
+{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAE9B;;;OAGG;IACH,MAAM,EAAE,WAAW,CAAC;IAEpB,6IAA6I;IAC7I,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEnC,yIAAyI;IACzI,QAAQ,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAE9C,iGAAiG;IACjG,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEhC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAEpC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,GAAG,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAEjE,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAClB,CAAC,MAAM,IAAI,CAAC,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEN,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,eAAe,GAAG;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,QAAQ,EAAE,UAAU,CAAC;CACtB,GAAG,CACE;IACE,8FAA8F;IAC9F,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,yFAAyF;IACzF,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CACJ,CACJ,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,UAAU,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IACrC,6JAA6J;IAC7J,OAAO,CAAC,EACJ,MAAM,GACN;QACE,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,SAAS,CAAC;KACpB,CAAC;IAEN,2IAA2I;IAC3I,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}

package/lib/components/Dialog/Dialog.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.types.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { OmitStrict, WithAttributes } from '../../types';\nimport type { PopoverProps } from '../Popover';\nimport type { ProgressProps } from '../Progress';\n\nexport interface BaseDialogProps {\n  /**\n   * Certain uses of dialogs require a linear edge with an input like control.\n   * There an arrow is not desired.\n   * @default true\n   */\n  arrow?: PopoverProps['arrow'];\n\n  /**\n   * An element the dialog is contextually and visually associated with. Normally a triggering button.\n   * Components rendering Dialog should mount and unmount instances based on this value.\n   */\n  target: HTMLElement;\n\n  /** Content for the dialog. Avoid form control buttons within as those should be rendered by way of onCancel and onSubmit with FormDialog. */\n  children: PopoverProps['children'];\n\n  /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */\n  progress?: boolean | ProgressProps['message'];\n\n  /** Optionally render the dialog element at the end of the body or within a specified element. */\n  portal?: PopoverProps['portal'];\n\n  /** Positioning strategy for solving rendering scenarios. */\n  strategy?: PopoverProps['strategy'];\n\n  /**\n   * Intended positioning placement for the dialog element.\n   * Placement may auto adjust based on screen position and other layout variables.\n   */\n  placement?: PopoverProps['placement'];\n  /**\n   * Optionally determines whether to trap the focus inside the dialog, preventing it from being moved outside until the dialog is closed.\n   * @default false\n   */\n  focusTrap?: boolean;\n\n  /** Reference to the dialog's root element. */\n  ref?: PopoverProps['ref'];\n}\n\nexport type DialogProps = WithAttributes<'div', BaseDialogProps>;\n\n/** A simple callback or an object to customize a subset button properties. */\ntype FormAction =\n  | (() => void)\n  | {\n      text?: string;\n      disabled?: boolean;\n      handler: () => void;\n    };\n\nexport type FormDialogProps = WithAttributes<\n  'div',\n  BaseDialogProps & {\n    /** Called when the user presses escape or clicks away. */\n    onDismiss?: () => void;\n\n    /**\n     * Renders a standard design system cancel button.\n     * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.\n     * Invocation of this indicates the user wishes to cancel any changes and close the dialog.\n     */\n    onCancel: FormAction;\n\n    /**\n     * Renders a standard design system submit button.\n     * Invocation of this indicates the user wishes to submit any changes and close the dialog. Please consider progress states after submit.\n     */\n    onSubmit: FormAction;\n  } & (\n      | {\n          /** A string to indicate context for the dialog. The dialog will be labelled by this value. */\n          heading: string;\n          'aria-label'?: never;\n        }\n      | {\n          heading?: never;\n          /** Provide a contextually sufficient aria label if a visible heading is not provided. */\n          'aria-label': string;\n        }\n    )\n>;\n\nexport type InfoDialogProps = WithAttributes<\n  'div',\n  OmitStrict<BaseDialogProps, 'arrow'> & {\n    /** A string or summary item like props to indicate context for the dialog. The dialog will be labelled by either the heading element or primary property. */\n    heading?:\n      | string\n      | {\n          primary: string;\n          secondary?: string;\n          visual?: ReactNode;\n        };\n\n    /** Renders a standard design system dismiss button to close the dialog when the user clicks this button, presses escape or clicks away. */\n    onDismiss: () => void;\n  }\n>;\n\n/**\n * Components which render Dialog internally may need to offer some control to consuming components.\n * Use this interface to offer an imperative handle for shared control.\n */\nexport interface DialogHandleValue {\n  open: () => void;\n  close: () => void;\n}\n"]}
+{"version":3,"file":"Dialog.types.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { OmitStrict, WithAttributes } from '../../types';\nimport type { PopoverProps } from '../Popover';\nimport type { ProgressProps } from '../Progress';\nimport type { AdditionalInfoProps } from '../AdditionalInfo';\n\nexport interface BaseDialogProps {\n  /**\n   * Certain uses of dialogs require a linear edge with an input like control.\n   * There an arrow is not desired.\n   * @default true\n   */\n  arrow?: PopoverProps['arrow'];\n\n  /**\n   * An element the dialog is contextually and visually associated with. Normally a triggering button.\n   * Components rendering Dialog should mount and unmount instances based on this value.\n   */\n  target: HTMLElement;\n\n  /** Content for the dialog. Avoid form control buttons within as those should be rendered by way of onCancel and onSubmit with FormDialog. */\n  children: PopoverProps['children'];\n\n  /** If there is a progress state either on opening, or after submit, you must indicate as such. A custom message is supported as well. */\n  progress?: boolean | ProgressProps['message'];\n\n  /** Optionally render the dialog element at the end of the body or within a specified element. */\n  portal?: PopoverProps['portal'];\n\n  /** Positioning strategy for solving rendering scenarios. */\n  strategy?: PopoverProps['strategy'];\n\n  /**\n   * Intended positioning placement for the dialog element.\n   * Placement may auto adjust based on screen position and other layout variables.\n   */\n  placement?: PopoverProps['placement'];\n  /**\n   * Optionally determines whether to trap the focus inside the dialog, preventing it from being moved outside until the dialog is closed.\n   * @default false\n   */\n  focusTrap?: boolean;\n\n  /** Reference to the dialog's root element. */\n  ref?: PopoverProps['ref'];\n}\n\nexport type DialogProps = WithAttributes<'div', BaseDialogProps>;\n\n/** A simple callback or an object to customize a subset button properties. */\nexport type FormAction =\n  | (() => void)\n  | {\n      text?: string;\n      disabled?: boolean;\n      handler: () => void;\n    };\n\nexport type FormDialogProps = WithAttributes<\n  'div',\n  BaseDialogProps & {\n    /** Called when the user presses escape or clicks away. */\n    onDismiss?: () => void;\n\n    /**\n     * Renders a standard design system cancel button.\n     * If onDismiss is not provided, onCancel will be invoked when the user presses the Escape key or clicks outside of the dialog.\n     * Invocation of this indicates the user wishes to cancel any changes and close the dialog.\n     */\n    onCancel: FormAction;\n\n    /**\n     * Renders a standard design system submit button.\n     * Invocation of this indicates the user wishes to submit any changes and close the dialog. Please consider progress states after submit.\n     */\n    onSubmit: FormAction;\n  } & (\n      | {\n          /** A string to indicate context for the dialog. The dialog will be labelled by this value. */\n          heading: string;\n          /** Show additional info in form dialog header. */\n          additionalInfo?: AdditionalInfoProps;\n          'aria-label'?: never;\n        }\n      | {\n          heading?: never;\n          /** Provide a contextually sufficient aria label if a visible heading is not provided. */\n          'aria-label': string;\n          additionalInfo?: never;\n        }\n    )\n>;\n\nexport type InfoDialogProps = WithAttributes<\n  'div',\n  OmitStrict<BaseDialogProps, 'arrow'> & {\n    /** A string or summary item like props to indicate context for the dialog. The dialog will be labelled by either the heading element or primary property. */\n    heading?:\n      | string\n      | {\n          primary: string;\n          secondary?: string;\n          visual?: ReactNode;\n        };\n\n    /** Renders a standard design system dismiss button to close the dialog when the user clicks this button, presses escape or clicks away. */\n    onDismiss: () => void;\n  }\n>;\n\n/**\n * Components which render Dialog internally may need to offer some control to consuming components.\n * Use this interface to offer an imperative handle for shared control.\n */\nexport interface DialogHandleValue {\n  open: () => void;\n  close: () => void;\n}\n"]}

package/lib/components/Dialog/FormDialog.d.ts

@@ -1,6 +1,8 @@
 import type { PropsWithoutRef } from 'react';
 import type { FormDialogProps } from './Dialog.types';
-export declare const StyledFormDialog: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("./Dialog.types").DialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFormDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("./Dialog.types").DialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("./Dialog.types").DialogProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 declare const FormDialog: import("react").ForwardRefExoticComponent<PropsWithoutRef<FormDialogProps> & import("react").RefAttributes<HTMLDivElement>>;
 export default FormDialog;
 //# sourceMappingURL=FormDialog.d.ts.map

package/lib/components/Dialog/FormDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAiB7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,eAAO,MAAM,gBAAgB,gPAAmB,CAAC;AAEjD,QAAA,MAAM,UAAU,6HA+Jf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/FormDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAyB7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,eAAO,MAAM,gBAAgB;;uNAAmB,CAAC;AAEjD,QAAA,MAAM,UAAU,6HAwKf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/Dialog/FormDialog.js

@@ -1,31 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect, useLayoutEffect } from 'react';
+import { forwardRef, useEffect, useLayoutEffect, useRef } from 'react';
 import styled from 'styled-components';
-import { useConsolidatedRef, useEscape, useI18n, useOuterEvent, useUID } from '../../hooks';
-import { getActiveElement, getFocusables } from '../../utils';
+import { useConsolidatedRef, useContentTabIndex, useEscape, useI18n, useOuterEvent, useUID } from '../../hooks';
+import { getActiveElement, focusNonInteractiveElement } from '../../utils';
 import Button from '../Button';
 import Text from '../Text';
 import Progress from '../Progress';
+import AdditionalInfo from '../AdditionalInfo';
 import Flex from '../Flex';
 import { StyledChildrenWrap, StyledDialogContent, StyledDialogFooter, StyledDialogHeader } from './Dialog.styles';
 import Dialog from './Dialog';
 export const StyledFormDialog = styled(Dialog) ``;
-const FormDialog = forwardRef(function FormDialog({ arrow = true, target, heading, 'aria-label': ariaLabel, children, progress, onDismiss, onCancel, onSubmit, ...restProps }, ref) {
+const FormDialog = forwardRef(function FormDialog({ arrow = true, target, heading, 'aria-label': ariaLabel, children, progress, onDismiss, onCancel, onSubmit, additionalInfo, ...restProps }, ref) {
     const t = useI18n();
     const headingId = useUID();
+    const headingRef = useRef(null);
     const dialogRef = useConsolidatedRef(ref);
     const dialogContentRef = useRef(null);
-    const cancelButtonRef = useRef(null);
+    const contentTabIndex = useContentTabIndex(dialogRef, dialogContentRef, [], [progress]);
     const setFocus = () => {
-        if (progress)
+        if (progress || !dialogRef.current)
             return;
-        const focusables = getFocusables(dialogRef);
-        const focusable = focusables.find(el => {
-            return dialogContentRef.current?.contains(el);
-        }) ??
-            cancelButtonRef.current ??
-            focusables[0];
-        focusable?.focus();
+        if (headingRef.current) {
+            focusNonInteractiveElement(headingRef.current, heading ?? ariaLabel);
+        }
+        else {
+            focusNonInteractiveElement(dialogRef.current, heading ?? ariaLabel);
+        }
     };
     const onCancelHandler = typeof onCancel === 'function' ? onCancel : onCancel.handler;
     useEscape(e => {
@@ -78,9 +79,13 @@ const FormDialog = forwardRef(function FormDialog({ arrow = true, target, headin
     }, []);
     return (_jsxs(StyledFormDialog, { ...restProps, ...(heading === undefined
             ? { 'aria-label': ariaLabel }
-            : { 'aria-labelledby': headingId }), arrow: arrow, target: target, progress: progress, ref: dialogRef, children: [heading !== undefined && (_jsx(Flex, { container: { alignItems: 'center', justify: 'between', pad: 2 }, item: { shrink: 0 }, as: StyledDialogHeader, children: _jsx(Text, { id: headingId, variant: 'h2', children: heading }) })), _jsxs(Flex, { item: { grow: 1 }, as: StyledDialogContent, ref: dialogContentRef, children: [children && (_jsx(StyledChildrenWrap, { inert: progress ? '' : undefined, children: children })), _jsx(Progress, { visible: !!progress, focusOnVisible: true, placement: 'local', message: typeof progress === 'string' ? progress : undefined })] }), _jsxs(Flex, { container: { alignItems: 'center', justify: 'between', pad: 2 }, item: { shrink: 0 }, as: StyledDialogFooter, children: [_jsx(Button, { onClick: () => {
+            : { 'aria-labelledby': headingId }), arrow: arrow, target: target, progress: progress, ref: dialogRef, children: [heading !== undefined && (_jsxs(Flex, { container: {
+                    alignItems: 'center',
+                    gap: additionalInfo?.heading ? 1 : undefined,
+                    pad: [2, 2, 1]
+                }, item: { shrink: 0 }, as: StyledDialogHeader, children: [_jsx(Text, { ref: headingRef, id: headingId, variant: 'h2', children: heading }), additionalInfo?.heading && (_jsx(AdditionalInfo, { heading: additionalInfo.heading, children: additionalInfo.children }))] })), _jsxs(Flex, { item: { grow: 1 }, as: StyledDialogContent, ref: dialogContentRef, tabIndex: contentTabIndex, children: [children && (_jsx(StyledChildrenWrap, { inert: progress ? '' : undefined, children: children })), _jsx(Progress, { visible: !!progress, focusOnVisible: true, placement: 'local', message: typeof progress === 'string' ? progress : undefined })] }), _jsxs(Flex, { container: { alignItems: 'center', justify: 'between', pad: 2 }, item: { shrink: 0 }, as: StyledDialogFooter, children: [_jsx(Button, { onClick: () => {
                             onCancelHandler();
-                        }, disabled: typeof onCancel !== 'function' ? onCancel.disabled : undefined, ref: cancelButtonRef, children: typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel') }), _jsx(Button, { variant: 'primary', onClick: () => {
+                        }, disabled: typeof onCancel !== 'function' ? onCancel.disabled : undefined, children: typeof onCancel !== 'function' && onCancel.text ? onCancel.text : t('cancel') }), _jsx(Button, { variant: 'primary', onClick: () => {
                             (typeof onSubmit !== 'function' ? onSubmit.handler : onSubmit)();
                         }, disabled: typeof onSubmit !== 'function' ? onSubmit.disabled : undefined, children: typeof onSubmit !== 'function' && onSubmit.text ? onSubmit.text : t('submit') })] })] }));
 });