@govbr-ds/webcomponents 2.4.0 → 2.5.0

package/dist/cjs/br-date-picker_3.cjs.entry.js

@@ -5,9 +5,9 @@
 'use strict';
 
 var index$1 = require('./index-Bc30P_6z.js');
-var index = require('./index-C-IpVFDH.js');
-var datetimePickerConstants = require('./datetime-picker-constants-CCeI5iW7.js');
-var isValid = require('./isValid-CduHZTFc.js');
+var index = require('./index-Caoez3xb.js');
+var datetimePickerConstants = require('./datetime-picker-constants-CTf1kVJ1.js');
+var isValid = require('./isValid-DgJ-noPS.js');
 var event = require('./event-CmVdNHxl.js');
 var propWarning = require('./prop-warning-xvEHQz8H.js');
 
@@ -100,6 +100,50 @@ function requireAddMonths () {
 
 var addMonthsExports = /*@__PURE__*/ requireAddMonths();
 
+var addYears = {};
+
+var hasRequiredAddYears;
+
+function requireAddYears () {
+	if (hasRequiredAddYears) return addYears;
+	hasRequiredAddYears = 1;
+	addYears.addYears = addYears$1;
+	var _index = /*@__PURE__*/ requireAddMonths();
+
+	/**
+	 * The {@link addYears} function options.
+	 */
+
+	/**
+	 * @name addYears
+	 * @category Year Helpers
+	 * @summary Add the specified number of years to the given date.
+	 *
+	 * @description
+	 * Add the specified number of years to the given date.
+	 *
+	 * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+	 * @typeParam ResultDate - The result `Date` type.
+	 *
+	 * @param date - The date to be changed
+	 * @param amount - The amount of years to be added.
+	 * @param options - The options
+	 *
+	 * @returns The new date with the years added
+	 *
+	 * @example
+	 * // Add 5 years to 1 September 2014:
+	 * const result = addYears(new Date(2014, 8, 1), 5)
+	 * //=> Sun Sep 01 2019 00:00:00
+	 */
+	function addYears$1(date, amount, options) {
+	  return (0, _index.addMonths)(date, amount * 12, options);
+	}
+	return addYears;
+}
+
+var addYearsExports = /*@__PURE__*/ requireAddYears();
+
 var compareAsc = {};
 
 var hasRequiredCompareAsc;
@@ -268,6 +312,8 @@ function requireEndOfWeek () {
 
 var endOfWeekExports = /*@__PURE__*/ requireEndOfWeek();
 
+var getDaysInMonthExports = /*@__PURE__*/ datetimePickerConstants.requireGetDaysInMonth();
+
 var isAfter = {};
 
 var hasRequiredIsAfter;
@@ -542,6 +588,8 @@ function normalizeLocale(value) {
 
 const datePickerCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block;width:100%;max-width:304px;height:auto;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-scale-base);width:100%;box-sizing:border-box}select{appearance:none;border:none;background:rgba(0,0,0,0);padding-right:20px;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);color:var(--blue-warm-vivid-70);outline:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%231351b4' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L224 285.229l154.706-154.705c9.373-9.373 24.569-9.373 33.941 0l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.373-24.569 9.373-33.942 0z'/></svg>");background-repeat:no-repeat;background-position:right .35rem center;background-size:10px}select option{color:var(--color)}select:focus{outline:none}select:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}select:hover{cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}input[type=number]{width:70px;padding:4px;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);background-color:var(--gray-0);color:var(--gray-80);text-align:center;border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width)}input[type=number]:hover{background:linear-gradient(rgb(var(--color-rgb), var(--hover)), rgb(var(--color-rgb), var(--hover)))}.weekdays{margin-bottom:var(--spacing-scale-half)}.weekdays,.monthdays{display:grid;grid-template-columns:repeat(7, 1fr);place-items:center center;text-align:center;gap:var(--spacing-scale-half) var(--spacing-scale-half);width:100%;box-sizing:border-box}.weekday{display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);color:var(--gray-70);width:var(--spacing-scale-4x)}.week{display:contents}.day{display:flex;align-items:center;justify-content:center;justify-self:center;padding:var(--spacing-scale-half);font-weight:var(--font-weight-semi-bold);color:var(--blue-warm-vivid-70);border-radius:50%;width:var(--spacing-scale-4x);height:var(--spacing-scale-4x)}.day:hover{background:var(--hover-effect);cursor:pointer}.day:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.day.selected{background:var(--blue-warm-vivid-70);color:var(--color-secondary-01);font-weight:var(--font-weight-bold)}.day.in-range{background:var(--blue-warm-vivid-10);color:var(--blue-warm-vivid-70);border-radius:0;place-self:stretch stretch;width:100%;height:100%;overflow:hidden}.day.range-start{background:var(--blue-warm-vivid-70);color:var(--color-secondary-01);font-weight:var(--font-weight-bold);width:100%;height:100%;border-radius:var(--surface-rounder-pill) 0 0 var(--surface-rounder-pill);place-self:stretch stretch;overflow:hidden}.day.range-end{background:var(--blue-warm-vivid-70);color:var(--color-secondary-01);font-weight:var(--font-weight-bold);width:100%;height:100%;border-radius:0 var(--surface-rounder-pill) var(--surface-rounder-pill) 0;place-self:stretch stretch;overflow:hidden}.day.range-start.range-end{border-radius:var(--surface-rounder-pill);height:100%;overflow:hidden}.day.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.outside-month{font-weight:var(--font-weight-regular);color:var(--gray-70)}.today{background:var(--orange-vivid-5);color:var(--gray-80)}`;
 
+/** Formato da chave local de dia usada em `data-date` e nas buscas de datas bloqueadas. */
+const DAY_KEY_FORMAT = 'yyyy-MM-dd';
 const DatePicker = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
@@ -609,6 +657,11 @@ const DatePicker = class {
          * @internal
          */
         this.shouldFocusDate = false;
+        /**
+         * Chaves `yyyy-MM-dd` das datas bloqueadas, para consulta O(1) por célula.
+         * @internal
+         */
+        this.disabledDateKeysCache = new Set();
         /**
          * Handler de mudança do seletor de mês.
          * @param event - evento de mudança do `<select>`
@@ -624,8 +677,7 @@ const DatePicker = class {
                 console.warn(`Índice de mês inválido selecionado: ${select.value}`);
                 return;
             }
-            const date = isValid.setExports.set(this.baseDate, { month: monthIndex, date: 1 });
-            this.emitDateStateChange(date);
+            this.navigateToMonth(isValid.setExports.set(this.baseDate, { month: monthIndex, date: 1 }));
         };
         /**
          * Trata cliques nos botões de navegação do calendário.
@@ -671,11 +723,7 @@ const DatePicker = class {
                 console.warn(`Ano inválido digitado: ${input.value}`);
                 return;
             }
-            const date = isValid.setExports.set(this.baseDate, { year, month: this.baseDate.getMonth(), date: 1 });
-            const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
-                ? { start: this.rangeStart, end: this.rangeEnd }
-                : undefined;
-            this.emitDateStateChange(date, this.value, range);
+            this.navigateToMonth(isValid.setExports.set(this.baseDate, { year, month: this.baseDate.getMonth(), date: 1 }));
         };
         /**
          * Trata cliques com um handler compartilhado, lendo a data local da célula.
@@ -688,7 +736,7 @@ const DatePicker = class {
                 console.warn('Célula de dia clicada sem data-date definido');
                 return;
             }
-            const date = isValid.parseExports.parse(cell.dataset.date, 'yyyy-MM-dd', this.baseDate);
+            const date = isValid.parseExports.parse(cell.dataset.date, DAY_KEY_FORMAT, this.baseDate);
             if (Number.isNaN(date.getTime())) {
                 console.warn(`Data inválida na célula de dia: ${cell.dataset.date}`);
                 return;
@@ -697,7 +745,10 @@ const DatePicker = class {
         };
         /**
          * Gerencia navegação por teclado dentro da grade de dias.
-         * Teclas suportadas: ArrowLeft/Right/Up/Down, PageUp/PageDown, Home/End, Enter/Space.
+         * Teclas suportadas: ArrowLeft/Right/Up/Down, PageUp/PageDown (mês), Shift+PageUp/PageDown (ano),
+         * Home/End, Enter/Space.
+         *
+         * Permanece ativo em datas bloqueadas para que o foco não fique preso nelas; somente a seleção é ignorada.
          * @param event - evento de teclado
          * @returns void
          * @internal
@@ -727,7 +778,7 @@ const DatePicker = class {
             if (targetEl && targetEl.dataset?.date !== undefined) {
                 const dateKey = targetEl.dataset.date;
                 event.preventDefault();
-                current = isValid.parseExports.parse(dateKey, 'yyyy-MM-dd', new Date());
+                current = isValid.parseExports.parse(dateKey, DAY_KEY_FORMAT, new Date());
             }
             else {
                 event.preventDefault();
@@ -754,10 +805,10 @@ const DatePicker = class {
                     next = index.addDaysExports.addDays(current, 7);
                     break;
                 case 'PageUp':
-                    next = addMonthsExports.addMonths(current, -1);
+                    next = event.shiftKey ? addYearsExports.addYears(current, -1) : addMonthsExports.addMonths(current, -1);
                     break;
                 case 'PageDown':
-                    next = addMonthsExports.addMonths(current, 1);
+                    next = event.shiftKey ? addYearsExports.addYears(current, 1) : addMonthsExports.addMonths(current, 1);
                     break;
                 case 'Home':
                     next = index.startOfWeekExports.startOfWeek(current, { weekStartsOn: this.weekStartsOn });
@@ -790,10 +841,12 @@ const DatePicker = class {
     /**
      * Observador para a prop `value` — atualiza `focusedDate` quando a seleção externa muda.
      * @param {Date | null} newValue - novo valor de seleção (ou `null`)
+     * @param {Date | null} oldValue - valor anterior da seleção
      * @internal
      */
-    handleValueChange(newValue) {
-        if (newValue !== null) {
+    handleValueChange(newValue, oldValue) {
+        // Reatribuições com o mesmo instante (ex.: navegação entre meses) não devem mover o foco.
+        if (newValue !== null && newValue.getTime() !== oldValue?.getTime()) {
             this.focusedDate = isValid.toDateExports.toDate(newValue);
         }
     }
@@ -834,7 +887,7 @@ const DatePicker = class {
             return;
         this.shouldFocusDate = false;
         const normalizedDate = this.getNormalizedFocusedDate();
-        const dateKey = datetimePickerConstants.formatExports.format(normalizedDate, 'yyyy-MM-dd');
+        const dateKey = datetimePickerConstants.formatExports.format(normalizedDate, DAY_KEY_FORMAT);
         const cell = this.el.shadowRoot?.querySelector(`[data-date="${dateKey}"]`);
         cell?.focus();
     }
@@ -954,11 +1007,7 @@ const DatePicker = class {
         if (this.disabled) {
             return;
         }
-        const date = isValid.setExports.set(subMonthsExports.subMonths(this.baseDate, 1), { date: 1 });
-        const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
-            ? { start: this.rangeStart, end: this.rangeEnd }
-            : undefined;
-        this.emitDateStateChange(date, this.value, range);
+        this.navigateToMonth(isValid.setExports.set(subMonthsExports.subMonths(this.baseDate, 1), { date: 1 }));
     }
     /**
      * Incrementa o mês exibido e preserva seleção/intervalo quando aplicável.
@@ -968,11 +1017,28 @@ const DatePicker = class {
         if (this.disabled) {
             return;
         }
-        const date = isValid.setExports.set(addMonthsExports.addMonths(this.baseDate, 1), { date: 1 });
+        this.navigateToMonth(isValid.setExports.set(addMonthsExports.addMonths(this.baseDate, 1), { date: 1 }));
+    }
+    /**
+     * Exibe o mês informado preservando a seleção, o intervalo completo e o dia em foco.
+     *
+     * O foco vai para a data selecionada quando ela pertence ao novo mês; caso
+     * contrário, mantém o mesmo dia do mês, limitado ao último dia disponível
+     * (ex.: 31/01 → 28/02).
+     *
+     * @param monthDate - primeiro dia do mês de destino
+     * @internal
+     */
+    navigateToMonth(monthDate) {
+        const value = this.value;
+        this.focusedDate =
+            value !== null && isSameMonthExports.isSameMonth(value, monthDate)
+                ? value
+                : isValid.setExports.set(monthDate, { date: Math.min(this.focusedDate.getDate(), getDaysInMonthExports.getDaysInMonth(monthDate)) });
         const range = this.selectionMode === 'range' && this.rangeStart !== null && this.rangeEnd !== null
             ? { start: this.rangeStart, end: this.rangeEnd }
             : undefined;
-        this.emitDateStateChange(date, this.value, range);
+        this.emitDateStateChange(monthDate, value, range);
     }
     /**
      * Verifica se uma data está indisponível para seleção.
@@ -981,7 +1047,22 @@ const DatePicker = class {
      * @internal
      */
     isDateDisabled(date) {
-        return this.disabledDates.some((disabledDate) => isValid.isSameDayExports.isSameDay(disabledDate, date));
+        return this.disabledDateKeys.has(datetimePickerConstants.formatExports.format(date, DAY_KEY_FORMAT));
+    }
+    /**
+     * Chaves locais das datas bloqueadas, recalculadas somente quando `disabledDates` é substituída.
+     * Entradas inválidas são ignoradas.
+     * @internal
+     */
+    get disabledDateKeys() {
+        if (this.disabledDateKeysSource !== this.disabledDates) {
+            this.disabledDateKeysSource = this.disabledDates;
+            this.disabledDateKeysCache = new Set((this.disabledDates ?? [])
+                .map((disabledDate) => isValid.toDateExports.toDate(disabledDate))
+                .filter((disabledDate) => !Number.isNaN(disabledDate.getTime()))
+                .map((disabledDate) => datetimePickerConstants.formatExports.format(disabledDate, DAY_KEY_FORMAT)));
+        }
+        return this.disabledDateKeysCache;
     }
     /**
      * Data base usada para todos os cálculos de calendário.
@@ -1003,25 +1084,19 @@ const DatePicker = class {
     /**
      * Constrói o rótulo acessível da célula de dia, incluindo estado (selecionado/início/fim).
      * @param date - dia representado pela célula
+     * @param state - estado já calculado da célula
      * @returns string para `aria-label`
      * @internal
      */
-    getDayCellAriaLabel(date) {
+    getDayCellAriaLabel(date, state) {
         const fullDate = datetimePickerConstants.formatExports.format(date, "d 'de' MMMM 'de' yyyy", { locale: this.dateFnsLocale });
-        const isSelected = this.selectionMode === 'single' && this.value !== null && isValid.isSameDayExports.isSameDay(date, this.value);
-        const isRangeStart = this.selectionMode === 'range' && this.rangeStart !== null && isValid.isSameDayExports.isSameDay(date, this.rangeStart);
-        const isRangeEnd = this.selectionMode === 'range' && this.rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, this.rangeEnd);
-        const isBetween = this.selectionMode === 'range' &&
-            this.rangeStart !== null &&
-            this.rangeEnd !== null &&
-            this.isDateBetweenRange(date, this.rangeStart, this.rangeEnd);
-        if (isSelected)
+        if (state.isSelected)
             return `${fullDate}, selecionado`;
-        if (isRangeStart)
+        if (state.isRangeStart)
             return `${fullDate}, início do intervalo`;
-        if (isRangeEnd)
+        if (state.isRangeEnd)
             return `${fullDate}, fim do intervalo`;
-        if (isBetween)
+        if (state.isInRange)
             return `${fullDate}, no intervalo selecionado`;
         return fullDate;
     }
@@ -1033,28 +1108,41 @@ const DatePicker = class {
         return index.resolveDateFnsLocale(this.locale);
     }
     /**
-     * Calcula o mapa de classes CSS da célula do dia.
+     * Calcula uma única vez o estado de seleção da célula, compartilhado por classes, ARIA e foco.
      * @param date - dia da grade
      * @param today - instante atual compartilhado pela renderização da grade
+     * @returns estado da célula
+     * @internal
+     */
+    getDayCellState(date, today) {
+        const isRange = this.selectionMode === 'range';
+        const { value, rangeStart, rangeEnd } = this;
+        return {
+            isToday: isValid.isSameDayExports.isSameDay(date, today),
+            isOutsideMonth: !isSameMonthExports.isSameMonth(date, this.baseDate),
+            isSelected: !isRange && value !== null && isValid.isSameDayExports.isSameDay(date, value),
+            isRangeStart: isRange && rangeStart !== null && isValid.isSameDayExports.isSameDay(date, rangeStart),
+            isRangeEnd: isRange && rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, rangeEnd),
+            isInRange: isRange && rangeStart !== null && rangeEnd !== null && this.isDateBetweenRange(date, rangeStart, rangeEnd),
+        };
+    }
+    /**
+     * Calcula o mapa de classes CSS da célula do dia.
+     * @param state - estado já calculado da célula
+     * @param disabled - indica se a célula está bloqueada
      * @returns mapa de classes booleanas
      * @internal
      */
-    getDayCssClasses(date, today) {
-        const selected = this.value;
-        const rangeStart = this.rangeStart;
-        const rangeEnd = this.rangeEnd;
-        const hasRange = rangeStart !== null && rangeEnd !== null;
-        const isRangeStart = rangeStart !== null && isValid.isSameDayExports.isSameDay(date, rangeStart);
-        const isRangeEnd = rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, rangeEnd);
-        const isBetweenRange = hasRange && this.isDateBetweenRange(date, rangeStart, rangeEnd);
+    getDayCssClasses(state, disabled) {
         return {
             day: true,
-            'outside-month': !isSameMonthExports.isSameMonth(date, this.baseDate),
-            today: isValid.isSameDayExports.isSameDay(date, today),
-            selected: this.selectionMode === 'single' && selected !== null && isValid.isSameDayExports.isSameDay(date, selected),
-            'range-start': this.selectionMode === 'range' && isRangeStart,
-            'range-end': this.selectionMode === 'range' && isRangeEnd,
-            'in-range': this.selectionMode === 'range' && isBetweenRange,
+            'outside-month': state.isOutsideMonth,
+            today: state.isToday,
+            selected: state.isSelected,
+            'range-start': state.isRangeStart,
+            'range-end': state.isRangeEnd,
+            'in-range': state.isInRange,
+            disabled,
         };
     }
     /**
@@ -1198,7 +1286,7 @@ const DatePicker = class {
      */
     renderCalendar() {
         const monthLabel = datetimePickerConstants.formatExports.format(this.baseDate, "MMMM 'de' yyyy", { locale: this.dateFnsLocale });
-        return (index$1.h("div", { class: "calendar", role: "grid", "aria-label": `Calendário de ${monthLabel}`, part: "calendar" }, this.renderWeekdays(), this.renderMonthGrid()));
+        return (index$1.h(index$1.Fragment, null, index$1.h("div", { class: "visually-hidden", "aria-live": "polite" }, monthLabel), index$1.h("div", { class: "calendar", role: "grid", "aria-label": `Calendário de ${monthLabel}`, part: "calendar" }, this.renderWeekdays(), this.renderMonthGrid())));
     }
     /**
      * Renderiza os rótulos dos dias da semana.
@@ -1207,7 +1295,8 @@ const DatePicker = class {
      */
     renderWeekdays() {
         const labels = this.getWeekdayLabels();
-        return (index$1.h("div", { class: "weekdays", role: "row", tabIndex: -1, part: "weekdays" }, labels.map((label, index) => (index$1.h("div", { key: `weekday-${index}`, class: "weekday", role: "columnheader", tabIndex: -1, "aria-label": label, part: "weekday" }, label)))));
+        const fullNames = index.getWeekdayFullNames(this.locale, this.weekStartsOn);
+        return (index$1.h("div", { class: "weekdays", role: "row", tabIndex: -1, part: "weekdays" }, labels.map((label, index) => (index$1.h("div", { key: `weekday-${index}`, class: "weekday", role: "columnheader", tabIndex: -1, "aria-label": fullNames[index], part: "weekday" }, label)))));
     }
     /**
      * Renderiza a grade de dias do mês atual.
@@ -1220,7 +1309,7 @@ const DatePicker = class {
         const normalizedFocusedDate = this.getNormalizedFocusedDate(interval);
         const today = new Date();
         const weeks = Array.from({ length: Math.ceil(dates.length / 7) }, (_, index) => dates.slice(index * 7, index * 7 + 7));
-        return (index$1.h("div", { class: "monthdays", role: "rowgroup", part: "grid" }, weeks.map((week) => (index$1.h("div", { key: `week-${datetimePickerConstants.formatExports.format(week[0], 'yyyy-MM-dd')}`, class: "week", role: "row", tabIndex: -1 }, week.map((date) => this.renderDayCell(date, normalizedFocusedDate, today)))))));
+        return (index$1.h("div", { class: "monthdays", role: "rowgroup", part: "grid" }, weeks.map((week) => (index$1.h("div", { key: `week-${datetimePickerConstants.formatExports.format(week[0], DAY_KEY_FORMAT)}`, class: "week", role: "row", tabIndex: -1 }, week.map((date) => this.renderDayCell(date, normalizedFocusedDate, today)))))));
     }
     /**
      * Renderiza uma célula de dia com estado visual apropriado.
@@ -1231,17 +1320,15 @@ const DatePicker = class {
      * @internal
      */
     renderDayCell(date, normalizedFocusedDate, today) {
-        const dateKey = datetimePickerConstants.formatExports.format(date, 'yyyy-MM-dd');
-        const disabled = this.disabled || this.isDateDisabled(date);
-        const isSelected = this.selectionMode === 'single' && this.value !== null && isValid.isSameDayExports.isSameDay(date, this.value);
-        const isRangeStart = this.selectionMode === 'range' && this.rangeStart !== null && isValid.isSameDayExports.isSameDay(date, this.rangeStart);
-        const isRangeEnd = this.selectionMode === 'range' && this.rangeEnd !== null && isValid.isSameDayExports.isSameDay(date, this.rangeEnd);
-        const isActiveDay = isSelected || isRangeStart || isRangeEnd;
+        const dateKey = datetimePickerConstants.formatExports.format(date, DAY_KEY_FORMAT);
+        const disabled = this.disabled || this.disabledDateKeys.has(dateKey);
+        const state = this.getDayCellState(date, today);
+        const isActiveDay = state.isSelected || state.isRangeStart || state.isRangeEnd;
         const isFocused = isValid.isSameDayExports.isSameDay(date, normalizedFocusedDate);
-        return (index$1.h("div", { key: dateKey, role: "gridcell", tabIndex: this.disabled ? undefined : isFocused ? 0 : -1, "data-date": dateKey, class: { ...this.getDayCssClasses(date, today), disabled }, onClick: disabled ? undefined : this.handleDayCellClick, onKeyDown: disabled ? undefined : this.handleGridKeydown, "aria-label": this.getDayCellAriaLabel(date), "aria-selected": isActiveDay ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, part: "day" }, this.getDayWithLeadingZero(date)));
+        return (index$1.h("div", { key: dateKey, role: "gridcell", tabIndex: this.disabled ? undefined : isFocused ? 0 : -1, "data-date": dateKey, class: this.getDayCssClasses(state, disabled), onClick: disabled ? undefined : this.handleDayCellClick, onKeyDown: this.handleGridKeydown, "aria-label": this.getDayCellAriaLabel(date, state), "aria-selected": isActiveDay ? 'true' : 'false', "aria-current": state.isToday ? 'date' : null, "aria-disabled": disabled ? 'true' : null, part: "day" }, this.getDayWithLeadingZero(date)));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '652b18891338dd9d009e87fb2383dc3c1c78c6ee' }, index$1.h("div", { key: '3c441b0df40d69767ee4c3e8166e9403988def5d', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
+        return (index$1.h(index$1.Host, { key: 'd909c9c84061f6b456a0350e2ab3fe6e50cc5d83' }, index$1.h("div", { key: 'aba7fc5f0b7bce2a9aa2d95bae9897f138dd8146', class: "br-date-picker", part: "container" }, this.renderCalendarHeader(), this.renderCalendar())));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -2267,7 +2354,7 @@ const DatetimeInput = class {
      * Renderização principal do componente.
      */
     render() {
-        return (index$1.h(index$1.Host, { key: '40033b7b73bd1760cf07c5b4797a86e918fde54b' }, index$1.h("div", { key: '31e968efbb7a6f43acb8a67fb225d6e0159af7f9', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
+        return (index$1.h(index$1.Host, { key: 'dd5b4fa7df2b33edc9c262b4d7cf0d161ae195b8' }, index$1.h("div", { key: '83035393364d795eeb46f7a9f03309e33d53aa42', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
     }
     static get delegatesFocus() { return true; }
     get el() { return index$1.getElement(this); }
@@ -2548,7 +2635,7 @@ const TimePicker = class {
          */
         this.referenceDate = new Date();
         /**
-         * Valor canônico selecionado pelo usuário.
+         * Valor selecionado pelo usuário.
          *
          * @default null
          */
@@ -2941,7 +3028,7 @@ const TimePicker = class {
      * @returns {JSX.Element}
      */
     render() {
-        return (index$1.h(index$1.Host, { key: '1957a00098311a26b250bad62c885fc636072b30' }, index$1.h("div", { key: '0dd334340ba7da6cbc53d72183b862770d275856', class: "br-time-picker", part: "container" }, this.renderTimePicker())));
+        return (index$1.h(index$1.Host, { key: 'e81125092811d06b37cdd61d562998de83020880' }, index$1.h("div", { key: 'df218ea0cc8424f55ed0689e5479ef47cdbee74c', class: "br-time-picker", part: "container" }, this.renderTimePicker())));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

package/dist/cjs/br-datetime-picker.cjs.entry.js

@@ -5,13 +5,13 @@
 'use strict';
 
 var index = require('./index-Bc30P_6z.js');
-var isValid = require('./isValid-CduHZTFc.js');
+var isValid = require('./isValid-DgJ-noPS.js');
 var event = require('./event-CmVdNHxl.js');
 var validator = require('./validator-GkkueMOx.js');
 var formatBytes$1 = require('./format-bytes-Cs8SH2w0.js');
 var id = require('./id-DE4jSi-L.js');
-var slot = require('./slot-DAllytTj.js');
-var datetimePickerConstants = require('./datetime-picker-constants-CCeI5iW7.js');
+var slot = require('./slot-CjaqqX7y.js');
+var datetimePickerConstants = require('./datetime-picker-constants-CTf1kVJ1.js');
 var propWarning = require('./prop-warning-xvEHQz8H.js');
 
 /**
@@ -2049,7 +2049,7 @@ const DatetimePicker = class {
         }
         this.restoreSingleStateFromSerialized(serializedValue);
     }
-    /** Atualiza os nomes canônicos sem emitir eventos adicionais ou criar ciclos de watchers. */
+    /** Atualiza os nomes padrão sem emitir eventos adicionais ou criar ciclos de watchers. */
     syncCanonicalValues() {
         const nextSerializedValue = this.getSerializedValue();
         const nextValueAsDate = this.cloneDate(this.value);
@@ -2456,7 +2456,7 @@ const DatetimePicker = class {
             this.inputValidationMessage ||
             this.validatorMessage ||
             (this.inputValidationPending ? '' : this.getRangeOrderValidationMessage());
-        return (index.h(index.Host, { key: '0640504e844713daaf31d7c8a34b96fb48bcf499', onKeyDown: this.handlePickerKeydown, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || validationMessage ? this.feedbackId : null, "aria-errormessage": validationMessage || this.hasFeedbackSlot ? this.feedbackId : null }, index.h("div", { key: '7512ed8a4437a99d6d0702351af659bfa1d270b0', class: this.getCssClassMap(), part: "container" }, this.renderInputField(), this.renderPickerContent()), index.h("div", { key: '80a8d3a717ceacc4dfb6bd0ac4850b61e3b2d311', id: this.feedbackId, part: "feedback", hidden: !this.hasFeedbackSlot && !validationMessage }, index.h("slot", { key: '41a8e4fad5edaa3729d63b7ee469f248a53129a1', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && validationMessage ? (index.h("br-message", { state: "danger", "attr:message": validationMessage, feedback: true })) : null)));
+        return (index.h(index.Host, { key: '84fb00b49ddc94c38ccb60d6473008ef6f966c0a', onKeyDown: this.handlePickerKeydown, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || validationMessage ? this.feedbackId : null, "aria-errormessage": validationMessage || this.hasFeedbackSlot ? this.feedbackId : null }, index.h("div", { key: '4c16fee0aa4a44ceb5b4097a3189ab9a427f00a3', class: this.getCssClassMap(), part: "container" }, this.renderInputField(), this.renderPickerContent()), index.h("div", { key: '1906aed19809ab4a5da12bef5d5a71fbe807be1b', id: this.feedbackId, part: "feedback", hidden: !this.hasFeedbackSlot && !validationMessage }, index.h("slot", { key: 'b3544c63edfcaf84f48f91e4105874ff7ebe4b01', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && validationMessage ? (index.h("br-message", { state: "danger", "attr:message": validationMessage, feedback: true })) : null)));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/br-divider.cjs.entry.js

@@ -7,7 +7,7 @@
 var index = require('./index-Bc30P_6z.js');
 var id = require('./id-DE4jSi-L.js');
 var props = require('./props-D8dybmr0.js');
-var slot = require('./slot-DAllytTj.js');
+var slot = require('./slot-CjaqqX7y.js');
 require('./prop-warning-xvEHQz8H.js');
 
 const dividerCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block}:host(.vertical){display:flex;height:100%}:host .br-divider{align-items:center;background-color:rgba(0,0,0,0);border:none;display:flex;justify-content:space-between;margin:var(--divider-margin-top, 16px) var(--divider-margin-right, 0) var(--divider-margin-bottom, 16px) var(--divider-margin-left, 0)}:host .br-divider::before,:host .br-divider::after{content:"";flex:1;border-top:var(--divider-size, 1px) solid var(--border-color, black)}:host .br-divider.dashed{border-top:none;background:none}:host .br-divider.dashed::before,:host .br-divider.dashed::after{border-top:var(--divider-size, 1px) dashed var(--border-color)}:host .br-divider.dashed.vertical{border-right:var(--divider-size, 1px) dashed var(--border-color);border-top:none}:host .br-divider.dashed.vertical::before,:host .br-divider.dashed.vertical::after{border-right:var(--divider-size, 1px) dashed var(--border-color);border-top:none}:host .br-divider.vertical{flex-direction:column;height:100%;width:auto;margin:var(--divider-margin-top, 0) var(--divider-margin-right, 16px) var(--divider-margin-bottom, 0) var(--divider-margin-left, 16px);align-self:stretch;border-right-width:var(--divider-size);border-top-width:0}:host .br-divider.vertical::before,:host .br-divider.vertical::after{border-right:var(--divider-size, 1px) solid var(--border-color, black);border-top:none;margin:0}:host .br-divider.small{--divider-size:var(--surface-width-sm)}:host .br-divider.medium{--divider-size:var(--surface-width-md)}:host .br-divider.large{--divider-size:var(--surface-width-lg)}:host .br-divider.divider-start{justify-content:flex-start}:host .br-divider.divider-start::before{flex:0 0 0px;margin-right:var(--spacing-scale-base)}:host .br-divider.divider-center{justify-content:center}:host .br-divider.divider-end{justify-content:flex-end}:host .br-divider.divider-end::after{flex:0 0 0px;margin-left:var(--spacing-scale-base)}:host .br-divider.dark-mode{--border-color:var(--pure-0)}:host .br-divider .divider-start::after,:host .br-divider .divider-center::before,:host .br-divider .divider-center::after,:host .br-divider .divider-end::before{margin:0 var(--spacing-scale-base)}:host .br-divider .divider-start::before{margin-right:var(--spacing-scale-base)}:host .br-divider .divider-end::after{margin-left:var(--spacing-scale-base)}`;
@@ -247,7 +247,7 @@ const Divider = class {
         return index.h("hr", { class: this.getCssClassMap(), part: "divider" });
     }
     render() {
-        return (index.h(index.Host, { key: '95bf9293cff4f5a5fe90f1e621151282127cd733', class: this.effectiveOrientation === 'vertical' ? 'vertical' : undefined }, this.hasContent
+        return (index.h(index.Host, { key: '5bb8579f8b756513982809583bfb73068deb3c00', class: this.effectiveOrientation === 'vertical' ? 'vertical' : undefined }, this.hasContent
             ? this.renderDefaultSlotDivider()
             : [
                 index.h("slot", { onSlotchange: (event) => (this.hasContent = slot.hasAssignedSlotContent(event.currentTarget)) }),