@vodafone_de/brix-components 9.0.4 → 10.0.0

package/dist/components/Calendar/index.js

@@ -22,7 +22,7 @@ import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { a as colorBackgroundSubtle, c as colorBackgroundNeutral } from "../../BackgroundColor-e0N9tdDR.js";
 import { c as colorBorderFocus, a as colorBorderNeutral } from "../../BorderColor-BummoQ1-.js";
-import { c as borderRadiusFull, d as borderRadiusSm } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderRadiusFull, d as borderRadiusSm } from "../../BorderRadius-2LdggXbQ.js";
 import { a as borderWidthFocus } from "../../BorderWidth-BjXpOdM5.js";
 import { a as fontWeightRegular, f as fontWeightBold } from "../../FontWeight-DEBGHbtO.js";
 import { b as colorIconBrand } from "../../IconColor-CtC9WUgr.js";
@@ -30,7 +30,7 @@ import { d as colorObjectSelected } from "../../ObjectColor-DxgEnOBM.js";
 import { a as opacityDisabled, o as opacityOverlay } from "../../Opacity-smkGiwsf.js";
 import { s as spacingMd, b as spacingSm, g as spacingLg, f as spacing2Xs, a as spacingXs } from "../../Spacing-8v6hcO2x.js";
 import { a as colorTextNeutral, e as colorTextInverse } from "../../TextColor-BXVMXUVE.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 const millisecondsInWeek = 6048e5;
 const millisecondsInDay = 864e5;
 const constructFromSymbol = Symbol.for("constructDateFrom");
@@ -759,7 +759,7 @@ const match$1 = {
     defaultParseWidth: "any"
   })
 };
-const enUS = {
+const enUS$1 = {
   code: "en-US",
   formatDistance: formatDistance$1,
   formatLong: formatLong$1,
@@ -1606,7 +1606,7 @@ const unescapedLatinCharacterRegExp = /[a-zA-Z]/;
 function format(date, formatStr, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const defaultOptions2 = getDefaultOptions();
-  const locale = (options == null ? void 0 : options.locale) ?? defaultOptions2.locale ?? enUS;
+  const locale = (options == null ? void 0 : options.locale) ?? defaultOptions2.locale ?? enUS$1;
   const firstWeekContainsDate = (options == null ? void 0 : options.firstWeekContainsDate) ?? ((_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.firstWeekContainsDate) ?? defaultOptions2.firstWeekContainsDate ?? ((_d = (_c = defaultOptions2.locale) == null ? void 0 : _c.options) == null ? void 0 : _d.firstWeekContainsDate) ?? 1;
   const weekStartsOn = (options == null ? void 0 : options.weekStartsOn) ?? ((_f = (_e = options == null ? void 0 : options.locale) == null ? void 0 : _e.options) == null ? void 0 : _f.weekStartsOn) ?? defaultOptions2.weekStartsOn ?? ((_h = (_g = defaultOptions2.locale) == null ? void 0 : _g.options) == null ? void 0 : _h.weekStartsOn) ?? 0;
   const originalDate = toDate(date, options == null ? void 0 : options.in);
@@ -2477,6 +2477,63 @@ function endOfBroadcastWeek(date, dateLib) {
   const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
   return endDate;
 }
+const enUS = {
+  ...enUS$1,
+  labels: {
+    labelDayButton: (date, modifiers, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
+      }
+      let label = formatDate(date, "PPPP");
+      if (modifiers.today)
+        label = `Today, ${label}`;
+      if (modifiers.selected)
+        label = `${label}, selected`;
+      return label;
+    },
+    labelMonthDropdown: "Choose the Month",
+    labelNext: "Go to the Next Month",
+    labelPrevious: "Go to the Previous Month",
+    labelWeekNumber: (weekNumber) => `Week ${weekNumber}`,
+    labelYearDropdown: "Choose the Year",
+    labelGrid: (date, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
+      }
+      return formatDate(date, "LLLL yyyy");
+    },
+    labelGridcell: (date, modifiers, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
+      }
+      let label = formatDate(date, "PPPP");
+      if (modifiers == null ? void 0 : modifiers.today) {
+        label = `Today, ${label}`;
+      }
+      return label;
+    },
+    labelNav: "Navigation bar",
+    labelWeekNumberHeader: "Week Number",
+    labelWeekday: (date, options, dateLib) => {
+      let formatDate;
+      if (dateLib && typeof dateLib.format === "function") {
+        formatDate = dateLib.format.bind(dateLib);
+      } else {
+        formatDate = (d, pattern) => format(d, pattern, { locale: enUS$1, ...options });
+      }
+      return formatDate(date, "cccc");
+    }
+  }
+};
 class DateLib {
   /**
    * Creates an instance of `DateLib`.
@@ -3073,7 +3130,7 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
       return isSameDay2(date, matcher);
     }
     if (isDatesArray(matcher, dateLib)) {
-      return matcher.includes(date);
+      return matcher.some((matcherDate) => isSameDay2(date, matcherDate));
     }
     if (isDateRange$1(matcher)) {
       return rangeIncludesDate(matcher, date, false, dateLib);
@@ -3277,60 +3334,6 @@ function getFormatters(customFormatters) {
     ...customFormatters
   };
 }
-function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
-  const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
-  const months = eachMonthOfInterval2({
-    start: startOfYear2(displayMonth),
-    end: endOfYear2(displayMonth)
-  });
-  const options = months.map((month) => {
-    const label = formatters2.formatMonthDropdown(month, dateLib);
-    const value = getMonth2(month);
-    const disabled = navStart && month < startOfMonth2(navStart) || navEnd && month > startOfMonth2(navEnd) || false;
-    return { value, label, disabled };
-  });
-  return options;
-}
-function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
-  let style = { ...styles == null ? void 0 : styles[UI.Day] };
-  Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
-    style = {
-      ...style,
-      ...modifiersStyles == null ? void 0 : modifiersStyles[modifier]
-    };
-  });
-  return style;
-}
-function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
-  const referenceToday = today ?? dateLib.today();
-  const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
-  const days = [];
-  for (let i = 0; i < 7; i++) {
-    const day = dateLib.addDays(start, i);
-    days.push(day);
-  }
-  return days;
-}
-function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
-  if (!navStart)
-    return void 0;
-  if (!navEnd)
-    return void 0;
-  const { startOfYear: startOfYear2, endOfYear: endOfYear2, eachYearOfInterval: eachYearOfInterval2, getYear: getYear2 } = dateLib;
-  const firstNavYear = startOfYear2(navStart);
-  const lastNavYear = endOfYear2(navEnd);
-  const years = eachYearOfInterval2({ start: firstNavYear, end: lastNavYear });
-  if (reverse)
-    years.reverse();
-  return years.map((year) => {
-    const label = formatters2.formatYearDropdown(year, dateLib);
-    return {
-      value: getYear2(year),
-      label,
-      disabled: false
-    };
-  });
-}
 function labelDayButton(date, modifiers, options, dateLib) {
   let label = (dateLib ?? new DateLib(options)).format(date, "PPPP");
   if (modifiers.today)
@@ -3358,8 +3361,9 @@ function labelMonthDropdown(_options) {
 function labelNav() {
   return "";
 }
-function labelNext(_month) {
-  return "Go to the Next Month";
+const defaultLabel = "Go to the Next Month";
+function labelNext(_month, _options) {
+  return defaultLabel;
 }
 function labelPrevious(_month) {
   return "Go to the Previous Month";
@@ -3392,6 +3396,225 @@ const defaultLabels = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   labelWeekday,
   labelYearDropdown
 }, Symbol.toStringTag, { value: "Module" }));
+const resolveLabel = (defaultLabel2, customLabel, localeLabel) => {
+  if (customLabel)
+    return customLabel;
+  if (localeLabel) {
+    return typeof localeLabel === "function" ? localeLabel : (..._args) => localeLabel;
+  }
+  return defaultLabel2;
+};
+function getLabels(customLabels, options) {
+  var _a;
+  const localeLabels = ((_a = options.locale) == null ? void 0 : _a.labels) ?? {};
+  return {
+    ...defaultLabels,
+    ...customLabels ?? {},
+    labelDayButton: resolveLabel(labelDayButton, customLabels == null ? void 0 : customLabels.labelDayButton, localeLabels.labelDayButton),
+    labelMonthDropdown: resolveLabel(labelMonthDropdown, customLabels == null ? void 0 : customLabels.labelMonthDropdown, localeLabels.labelMonthDropdown),
+    labelNext: resolveLabel(labelNext, customLabels == null ? void 0 : customLabels.labelNext, localeLabels.labelNext),
+    labelPrevious: resolveLabel(labelPrevious, customLabels == null ? void 0 : customLabels.labelPrevious, localeLabels.labelPrevious),
+    labelWeekNumber: resolveLabel(labelWeekNumber, customLabels == null ? void 0 : customLabels.labelWeekNumber, localeLabels.labelWeekNumber),
+    labelYearDropdown: resolveLabel(labelYearDropdown, customLabels == null ? void 0 : customLabels.labelYearDropdown, localeLabels.labelYearDropdown),
+    labelGrid: resolveLabel(labelGrid, customLabels == null ? void 0 : customLabels.labelGrid, localeLabels.labelGrid),
+    labelGridcell: resolveLabel(labelGridcell, customLabels == null ? void 0 : customLabels.labelGridcell, localeLabels.labelGridcell),
+    labelNav: resolveLabel(labelNav, customLabels == null ? void 0 : customLabels.labelNav, localeLabels.labelNav),
+    labelWeekNumberHeader: resolveLabel(labelWeekNumberHeader, customLabels == null ? void 0 : customLabels.labelWeekNumberHeader, localeLabels.labelWeekNumberHeader),
+    labelWeekday: resolveLabel(labelWeekday, customLabels == null ? void 0 : customLabels.labelWeekday, localeLabels.labelWeekday)
+  };
+}
+function getMonthOptions(displayMonth, navStart, navEnd, formatters2, dateLib) {
+  const { startOfMonth: startOfMonth2, startOfYear: startOfYear2, endOfYear: endOfYear2, eachMonthOfInterval: eachMonthOfInterval2, getMonth: getMonth2 } = dateLib;
+  const months = eachMonthOfInterval2({
+    start: startOfYear2(displayMonth),
+    end: endOfYear2(displayMonth)
+  });
+  const options = months.map((month) => {
+    const label = formatters2.formatMonthDropdown(month, dateLib);
+    const value = getMonth2(month);
+    const disabled = navStart && month < startOfMonth2(navStart) || navEnd && month > startOfMonth2(navEnd) || false;
+    return { value, label, disabled };
+  });
+  return options;
+}
+function getStyleForModifiers(dayModifiers, styles = {}, modifiersStyles = {}) {
+  let style = { ...styles == null ? void 0 : styles[UI.Day] };
+  Object.entries(dayModifiers).filter(([, active]) => active === true).forEach(([modifier]) => {
+    style = {
+      ...style,
+      ...modifiersStyles == null ? void 0 : modifiersStyles[modifier]
+    };
+  });
+  return style;
+}
+function getWeekdays(dateLib, ISOWeek, broadcastCalendar, today) {
+  const referenceToday = today ?? dateLib.today();
+  const start = broadcastCalendar ? dateLib.startOfBroadcastWeek(referenceToday, dateLib) : ISOWeek ? dateLib.startOfISOWeek(referenceToday) : dateLib.startOfWeek(referenceToday);
+  const days = [];
+  for (let i = 0; i < 7; i++) {
+    const day = dateLib.addDays(start, i);
+    days.push(day);
+  }
+  return days;
+}
+function getYearOptions(navStart, navEnd, formatters2, dateLib, reverse = false) {
+  if (!navStart)
+    return void 0;
+  if (!navEnd)
+    return void 0;
+  const { startOfYear: startOfYear2, endOfYear: endOfYear2, eachYearOfInterval: eachYearOfInterval2, getYear: getYear2 } = dateLib;
+  const firstNavYear = startOfYear2(navStart);
+  const lastNavYear = endOfYear2(navEnd);
+  const years = eachYearOfInterval2({ start: firstNavYear, end: lastNavYear });
+  if (reverse)
+    years.reverse();
+  return years.map((year) => {
+    const label = formatters2.formatYearDropdown(year, dateLib);
+    return {
+      value: getYear2(year),
+      label,
+      disabled: false
+    };
+  });
+}
+function createNoonOverrides(timeZone, options = {}) {
+  var _a;
+  const { weekStartsOn, locale } = options;
+  const fallbackWeekStartsOn = weekStartsOn ?? ((_a = locale == null ? void 0 : locale.options) == null ? void 0 : _a.weekStartsOn) ?? 0;
+  const toNoonTZDate = (date) => {
+    const normalizedDate = typeof date === "number" || typeof date === "string" ? new Date(date) : date;
+    return new TZDate(normalizedDate.getFullYear(), normalizedDate.getMonth(), normalizedDate.getDate(), 12, 0, 0, timeZone);
+  };
+  const toCalendarDate = (date) => {
+    const zoned = toNoonTZDate(date);
+    return new Date(zoned.getFullYear(), zoned.getMonth(), zoned.getDate(), 0, 0, 0, 0);
+  };
+  return {
+    today: () => {
+      return toNoonTZDate(TZDate.tz(timeZone));
+    },
+    newDate: (year, monthIndex, date) => {
+      return new TZDate(year, monthIndex, date, 12, 0, 0, timeZone);
+    },
+    startOfDay: (date) => {
+      return toNoonTZDate(date);
+    },
+    startOfWeek: (date, options2) => {
+      const base = toNoonTZDate(date);
+      const weekStartsOnValue = (options2 == null ? void 0 : options2.weekStartsOn) ?? fallbackWeekStartsOn;
+      const diff = (base.getDay() - weekStartsOnValue + 7) % 7;
+      base.setDate(base.getDate() - diff);
+      return base;
+    },
+    startOfISOWeek: (date) => {
+      const base = toNoonTZDate(date);
+      const diff = (base.getDay() - 1 + 7) % 7;
+      base.setDate(base.getDate() - diff);
+      return base;
+    },
+    startOfMonth: (date) => {
+      const base = toNoonTZDate(date);
+      base.setDate(1);
+      return base;
+    },
+    startOfYear: (date) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(0, 1);
+      return base;
+    },
+    endOfWeek: (date, options2) => {
+      const base = toNoonTZDate(date);
+      const weekStartsOnValue = (options2 == null ? void 0 : options2.weekStartsOn) ?? fallbackWeekStartsOn;
+      const endDow = (weekStartsOnValue + 6) % 7;
+      const diff = (endDow - base.getDay() + 7) % 7;
+      base.setDate(base.getDate() + diff);
+      return base;
+    },
+    endOfISOWeek: (date) => {
+      const base = toNoonTZDate(date);
+      const diff = (7 - base.getDay()) % 7;
+      base.setDate(base.getDate() + diff);
+      return base;
+    },
+    endOfMonth: (date) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(base.getMonth() + 1, 0);
+      return base;
+    },
+    endOfYear: (date) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(11, 31);
+      return base;
+    },
+    eachMonthOfInterval: (interval) => {
+      const start = toNoonTZDate(interval.start);
+      const end = toNoonTZDate(interval.end);
+      const result = [];
+      const cursor = new TZDate(start.getFullYear(), start.getMonth(), 1, 12, 0, 0, timeZone);
+      const endKey = end.getFullYear() * 12 + end.getMonth();
+      while (cursor.getFullYear() * 12 + cursor.getMonth() <= endKey) {
+        result.push(new TZDate(cursor, timeZone));
+        cursor.setMonth(cursor.getMonth() + 1, 1);
+      }
+      return result;
+    },
+    // Normalize to noon once before arithmetic (avoid DST/midnight edge cases),
+    // mutate the same TZDate, and return it.
+    addDays: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setDate(base.getDate() + amount);
+      return base;
+    },
+    addWeeks: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setDate(base.getDate() + amount * 7);
+      return base;
+    },
+    addMonths: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setMonth(base.getMonth() + amount);
+      return base;
+    },
+    addYears: (date, amount) => {
+      const base = toNoonTZDate(date);
+      base.setFullYear(base.getFullYear() + amount);
+      return base;
+    },
+    eachYearOfInterval: (interval) => {
+      const start = toNoonTZDate(interval.start);
+      const end = toNoonTZDate(interval.end);
+      const years = [];
+      const cursor = new TZDate(start.getFullYear(), 0, 1, 12, 0, 0, timeZone);
+      while (cursor.getFullYear() <= end.getFullYear()) {
+        years.push(new TZDate(cursor, timeZone));
+        cursor.setFullYear(cursor.getFullYear() + 1, 0, 1);
+      }
+      return years;
+    },
+    getWeek: (date, options2) => {
+      var _a2;
+      const base = toCalendarDate(date);
+      return getWeek(base, {
+        weekStartsOn: (options2 == null ? void 0 : options2.weekStartsOn) ?? fallbackWeekStartsOn,
+        firstWeekContainsDate: (options2 == null ? void 0 : options2.firstWeekContainsDate) ?? ((_a2 = locale == null ? void 0 : locale.options) == null ? void 0 : _a2.firstWeekContainsDate) ?? 1
+      });
+    },
+    getISOWeek: (date) => {
+      const base = toCalendarDate(date);
+      return getISOWeek(base);
+    },
+    differenceInCalendarDays: (dateLeft, dateRight) => {
+      const left = toCalendarDate(dateLeft);
+      const right = toCalendarDate(dateRight);
+      return differenceInCalendarDays(left, right);
+    },
+    differenceInCalendarMonths: (dateLeft, dateRight) => {
+      const left = toCalendarDate(dateLeft);
+      const right = toCalendarDate(dateRight);
+      return differenceInCalendarMonths(left, right);
+    }
+  };
+}
 const asHtmlElement = (element) => {
   if (element instanceof HTMLElement)
     return element;
@@ -4119,15 +4342,18 @@ function toTimeZone(date, timeZone) {
   }
   return new TZDate(date, timeZone);
 }
-function convertMatcher(matcher, timeZone) {
+function toZoneNoon(date, timeZone, noonSafe) {
+  return toTimeZone(date, timeZone);
+}
+function convertMatcher(matcher, timeZone, noonSafe) {
   if (typeof matcher === "boolean" || typeof matcher === "function") {
     return matcher;
   }
   if (matcher instanceof Date) {
-    return toTimeZone(matcher, timeZone);
+    return toZoneNoon(matcher, timeZone);
   }
   if (Array.isArray(matcher)) {
-    return matcher.map((value) => value instanceof Date ? toTimeZone(value, timeZone) : value);
+    return matcher.map((value) => value instanceof Date ? toZoneNoon(value, timeZone) : value);
   }
   if (isDateRange$1(matcher)) {
     return {
@@ -4138,23 +4364,23 @@ function convertMatcher(matcher, timeZone) {
   }
   if (isDateInterval(matcher)) {
     return {
-      before: toTimeZone(matcher.before, timeZone),
-      after: toTimeZone(matcher.after, timeZone)
+      before: toZoneNoon(matcher.before, timeZone),
+      after: toZoneNoon(matcher.after, timeZone)
     };
   }
   if (isDateAfterType(matcher)) {
     return {
-      after: toTimeZone(matcher.after, timeZone)
+      after: toZoneNoon(matcher.after, timeZone)
     };
   }
   if (isDateBeforeType(matcher)) {
     return {
-      before: toTimeZone(matcher.before, timeZone)
+      before: toZoneNoon(matcher.before, timeZone)
     };
   }
   return matcher;
 }
-function convertMatchersToTimeZone(matchers, timeZone) {
+function convertMatchersToTimeZone(matchers, timeZone, noonSafe) {
   if (!matchers) {
     return matchers;
   }
@@ -4214,20 +4440,26 @@ function DayPicker(initialProps) {
   }
   const { components: components2, formatters: formatters2, labels, dateLib, locale, classNames } = useMemo(() => {
     const locale2 = { ...enUS, ...props.locale };
+    const weekStartsOn = props.broadcastCalendar ? 1 : props.weekStartsOn;
+    const noonOverrides = props.noonSafe && props.timeZone ? createNoonOverrides(props.timeZone, {
+      weekStartsOn,
+      locale: locale2
+    }) : void 0;
+    const overrides = props.dateLib && noonOverrides ? { ...noonOverrides, ...props.dateLib } : props.dateLib ?? noonOverrides;
     const dateLib2 = new DateLib({
       locale: locale2,
-      weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
+      weekStartsOn,
       firstWeekContainsDate: props.firstWeekContainsDate,
       useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
       useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
       timeZone: props.timeZone,
       numerals: props.numerals
-    }, props.dateLib);
+    }, overrides);
     return {
       dateLib: dateLib2,
       components: getComponents(props.components),
       formatters: getFormatters(props.formatters),
-      labels: { ...defaultLabels, ...props.labels },
+      labels: getLabels(props.labels, dateLib2.options),
       locale: locale2,
       classNames: { ...getDefaultClassNames(), ...props.classNames }
     };
@@ -4241,6 +4473,7 @@ function DayPicker(initialProps) {
     props.timeZone,
     props.numerals,
     props.dateLib,
+    props.noonSafe,
     props.components,
     props.formatters,
     props.labels,

package/dist/components/Card/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { d as divTagName, s as sectionTagName, b as articleTagName, a as asideTagName, c as spanTagName } from "../../tags-D7CRQqc1.js";
-import { a as CardStyled } from "../../styled-Dq0NuP5r.js";
-import { C } from "../../styled-Dq0NuP5r.js";
+import { d as divTagName, s as sectionTagName, a as articleTagName, b as asideTagName, c as spanTagName } from "../../tags-Cwgg3Gx2.js";
+import { a as CardStyled } from "../../styled-rsUoUFyl.js";
+import { C } from "../../styled-rsUoUFyl.js";
 const cardAppearances = ["primary", "secondary"];
 const cardTags = [divTagName, sectionTagName, articleTagName, asideTagName, spanTagName];
 const validateCardProps = (props) => {

package/dist/components/Carousel/index.js

@@ -3,12 +3,11 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "@af-utils/scrollend-polyfill";
 import { createContext, useRef, useState, useEffect, useContext, createElement } from "react";
 import { useFocusWithin } from "../../hooks/useFocusWithin/index.js";
-import { l as liTagName, u as ulTagName } from "../../tags-D7CRQqc1.js";
+import { l as liTagName, u as ulTagName } from "../../tags-Cwgg3Gx2.js";
 import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { a as CardStyled } from "../../styled-Dq0NuP5r.js";
-import { G as GridStyled } from "../../styled-BiCOjvNq.js";
-import { G as GridItemStyled } from "../../styled-0KSRG-Fv.js";
+import { a as CardStyled } from "../../styled-rsUoUFyl.js";
+import { a as GridStyled, G as GridItemStyled } from "../../styled-DdeOXNN9.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import viewport from "../../foundations/media-query/viewport/index.js";
 import { getBorderRadius } from "../../foundations/token/getBorderRadius/index.js";
@@ -16,12 +15,12 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getObjectColor } from "../../foundations/token/getObjectColor/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { c as borderRadiusFull } from "../../BorderRadius-ClUShVLu.js";
+import { a as borderRadiusFull } from "../../BorderRadius-2LdggXbQ.js";
 import { d as borderWidthSm } from "../../BorderWidth-BjXpOdM5.js";
 import { a as colorObjectBrand, e as colorObjectUnselected } from "../../ObjectColor-DxgEnOBM.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 import IconButton from "../IconButton/index.js";
-import { S as ScreenreaderOnly } from "../../index-DCE5HNIR.js";
+import { S as ScreenreaderOnly } from "../../index-C2E3JrhF.js";
 const getItems = (items, loop) => {
   const normalizedItems = [...items].map((item, index) => ({
     ...item,

package/dist/components/Checkbox/index.js

@@ -18,11 +18,11 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-BummoQ1-.js";
-import { d as borderRadiusSm } from "../../BorderRadius-ClUShVLu.js";
+import { d as borderRadiusSm } from "../../BorderRadius-2LdggXbQ.js";
 import { a as borderWidthFocus } from "../../BorderWidth-BjXpOdM5.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { s as spacingMd } from "../../Spacing-8v6hcO2x.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const CheckboxLabelStyled = styled(Label).withConfig({
   shouldForwardProp: filterProps(),

package/dist/components/CheckboxGroup/index.js

@@ -5,10 +5,10 @@ import Checkbox from "../Checkbox/index.js";
 import Fieldset from "../Fieldset/index.js";
 import { g as spacingLg, s as spacingMd, c as spacingNone } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-BxkvYuWW.js";
+import { F as FlexStyled } from "../../styled-CUp4EbPh.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 const CheckboxGroupStyled = styled(FlexStyled).withConfig({
   shouldForwardProp: filterProps(),
   displayName: "CheckboxGroupStyled",

package/dist/components/Collapsible/index.js

@@ -8,7 +8,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getSpacing } from "../../foundations/token/getSpacing/index.js";
 import { a as borderWidthFocus } from "../../BorderWidth-BjXpOdM5.js";
 import { c as spacingNone } from "../../Spacing-8v6hcO2x.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 const CollapsibleStyled = styled.div.withConfig({
   shouldForwardProp: filterProps(),
   displayName: "CollapsibleStyled",
@@ -47,9 +47,23 @@ const CollapsibleContentStyled = styled.div.withConfig({
   displayName: "CollapsibleContentStyled",
   componentId: "sc-12wf2lg-1"
 })({
-  overflow: "hidden",
-  padding: `${getSpacing(spacingNone)} ${getBorderWidth(borderWidthFocus)}`,
-  marginLeft: `calc(${getBorderWidth(borderWidthFocus)} * -1)`
+  overflow: "hidden"
+}, ({
+  innerTopSpacing = spacingNone
+}) => {
+  return {
+    marginTop: getSpacing(innerTopSpacing)
+  };
+}, ({
+  expanded,
+  innerTopSpacing = spacingNone
+}) => {
+  return expanded ? {
+    padding: `${getBorderWidth(borderWidthFocus)}`,
+    marginLeft: `calc(${getBorderWidth(borderWidthFocus)} * -1)`,
+    marginBottom: `calc(${getBorderWidth(borderWidthFocus)} * -1)`,
+    marginTop: `calc(${getBorderWidth(borderWidthFocus)} * -1 + ${getSpacing(innerTopSpacing)})`
+  } : {};
 });
 const Collapsible = ({
   expanded,
@@ -78,7 +92,7 @@ const Collapsible = ({
       element.removeEventListener("transitionend", transitionEndHandler);
     };
   }, [ref]);
-  return /* @__PURE__ */ jsx(CollapsibleStyled, { ref, ...props, expanded, animated, children: /* @__PURE__ */ jsx(CollapsibleContentStyled, { children }) });
+  return /* @__PURE__ */ jsx(CollapsibleStyled, { ref, ...props, expanded, animated, children: /* @__PURE__ */ jsx(CollapsibleContentStyled, { expanded, innerTopSpacing: props.innerTopSpacing, children }) });
 };
 export {
   Collapsible as default

package/dist/components/Collapsible/props.d.ts

@@ -1,10 +1,15 @@
 import { HTMLAttributes } from 'react';
 import { PatternProps } from '../../foundations/PatternProps';
+import { Spacing } from '../../foundations/types/Spacing';
 export interface CollapsibleProps extends PatternProps, HTMLAttributes<HTMLDivElement> {
     /**
      * indicate if it's expaned or not
      */
     expanded?: boolean;
+    /**
+     * Defines a margin at the top of the content of the Collapsible
+     */
+    innerTopSpacing?: Spacing;
     /**
      * set to false if no animation should be used
      */

package/dist/components/Collapsible/styled.d.ts

@@ -1,3 +1,3 @@
 import { CollapsibleProps } from './props';
 export declare const CollapsibleStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CollapsibleProps>> & string;
-export declare const CollapsibleContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CollapsibleContentStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<CollapsibleProps, "expanded" | "innerTopSpacing">>> & string;

package/dist/components/ColorSwatch/index.js

@@ -9,7 +9,7 @@ import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index
 import { a as colorBorderNeutral } from "../../BorderColor-BummoQ1-.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
 import { c as spacingNone } from "../../Spacing-8v6hcO2x.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";
 const colorSwatchSizeSmall = "sm";

package/dist/components/ColorSwatchGroup/index.js

@@ -3,10 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import ColorSwatch, { colorSwatchSizeSmall, colorSwatchSizes } from "../ColorSwatch/index.js";
 import { s as spacingMd, f as spacing2Xs } from "../../Spacing-8v6hcO2x.js";
 import styled from "styled-components";
-import { F as FlexStyled } from "../../styled-BxkvYuWW.js";
+import { F as FlexStyled } from "../../styled-CUp4EbPh.js";
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { c as iconSizeMd } from "../../IconSize-AJp7xdJi.js";
-import { a as filterProps } from "../../filterProps-BJ5SpbnA.js";
+import { a as filterProps } from "../../filterProps-CxkibNnG.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 import "react";
 import { i as isObject, h as hasMatchingComponentName } from "../../isObject-BYBrvoVW.js";