@ostack.tech/ui 0.11.0 → 0.11.2

package/dist/locales/pt-PT.js

@@ -44,8 +44,8 @@ const locale = {
     emptyMessage: "Nada a mostrar."
   },
   DataTableFilter: {
-    "aria-label": "Procurar na tabela",
-    placeholder: "Procurar…"
+    "aria-label": "Pesquisar tabela",
+    placeholder: "Pesquisar…"
   },
   DataTablePagination: {
     "aria-label": "Paginação da tabela",

package/dist/locales/pt-PT.js.map

@@ -1 +1 @@
-{"version":3,"file":"pt-PT.js","sources":["../../src/locales/pt-PT.tsx"],"sourcesContent":["import { pt as dayPickerPt } from \"react-day-picker/locale\";\n\nimport type { LocalizationObject } from \"../providers/LocalizationProvider\";\nimport { IS_APPLE } from \"../utils/platformUtils.ts\";\n\n/** `pt-PT` locale. */\nexport const locale: LocalizationObject = {\n  languageTag: \"pt-PT\",\n  dayPickerLocale: dayPickerPt,\n  AlertDialog: {\n    okText: \"OK\",\n  },\n  Calendar: {\n    monthSelectLabel: \"Mês\",\n    yearSelectLabel: \"Ano\",\n    previousMonthLabel: \"Mês anterior\",\n    nextMonthLabel: \"Próximo mês\",\n  },\n  CloseButton: {\n    label: \"Fechar\",\n  },\n  CollapsibleTrigger: {\n    expandLabel: \"Mostrar\",\n    collapseLabel: \"Ocultar\",\n  },\n  CommandMenu: {\n    searchPlaceholder: \"Pesquisar…\",\n    listLabel: \"Sugestões\",\n    loadingLabel: \"A carregar…\",\n    emptyMessage: \"Nenhum resultado encontrado.\",\n  },\n  CommandMenuDialog: {\n    title: \"Paleta de comandos\",\n    description: \"Pesquise por um comando…\",\n  },\n  ConfirmDialog: {\n    cancelText: \"Cancelar\",\n  },\n  ControlCode: {\n    visuallyHiddenPrefix: \"Campo\",\n  },\n  DataTable: {\n    selectAllRowsLabel: \"Selecionar tudo\",\n    selectRowLabel: \"Selecionar\",\n  },\n  DataTableContent: {\n    emptyMessage: \"Nada a mostrar.\",\n  },\n  DataTableFilter: {\n    \"aria-label\": \"Procurar na tabela\",\n    placeholder: \"Procurar…\",\n  },\n  DataTablePagination: {\n    \"aria-label\": \"Paginação da tabela\",\n    rowsRangeSelectLabel: (total) => `Linhas visíveis de um total de ${total}`,\n    rowsRange: (range, total) => (\n      <>\n        Linhas&nbsp;{range}&nbsp;de {total}\n      </>\n    ),\n    previousPageButtonLabel: \"Página anterior\",\n    nextPageButtonLabel: \"Próxima página\",\n  },\n  DataTableRowsPerPage: {\n    label: \"Linhas por página:\",\n  },\n  DateInput: {\n    placeholder: \"dia/mês/ano\",\n    formatDescription:\n      \"Introduza a data no formato, D D barra M M barra A A A A.\",\n    selectedDateDescription: (date) => `Data selecionada, ${date}`,\n    calendarButtonLabel: \"Abrir calendário\",\n  },\n  DateRangeInput: {\n    startInputLabel: \"Data de início\",\n    endInputLabel: \"Data de fim\",\n    selectedDateRangeDescription: ({ start, end }) =>\n      `Período selecionado, ${start || \"data de início ausente\"} a ${\n        end || \"data de fim ausente\"\n      }`,\n  },\n  ErrorBoundary: {\n    fallbackMessage: (\n      <>\n        Algo correu mal.\n        <br />\n        Pressione o botão à direita para tentar novamente. Se o problema\n        persistir, volte a tentar mais tarde.\n      </>\n    ),\n    resetButtonLabel: \"Tentar novamente\",\n  },\n  Feedback: {\n    visuallyHiddenPrefix: (type) =>\n      type === \"error\" ? \"Erro,\" : type === \"warning\" ? \"Alerta,\" : null,\n  },\n  FeedbackPopover: {\n    label: \"Mostrar observações\",\n  },\n  FieldGroupHeader: {\n    visuallyHiddenCodePrefix: \"Secção\",\n  },\n  Input: {\n    loadingDescription: \"A carregar…\",\n    clearButtonLabel: \"Limpar\",\n  },\n  Keybinds: {\n    keybindsSeparatorLabel: \"ou\",\n    keyPressesSeparatorLabel: \"seguido de\",\n    keySymbols: {\n      Space: \"Espaço\",\n    },\n    keyLabels: {\n      Meta: IS_APPLE ? undefined : \"Tecla Windows\",\n      Space: \"Espaço\",\n      ArrowUp: \"Seta para cima\",\n      ArrowDown: \"Seta para baixo\",\n      ArrowLeft: \"Seta para esquerda\",\n      ArrowRight: \"Seta para direita\",\n      Enter: IS_APPLE ? \"Retorno\" : undefined,\n      Home: \"Início\",\n      End: \"Fim\",\n      PageUp: \"Página para cima\",\n      PageDown: \"Página para baixo\",\n    },\n  },\n  Label: {\n    helperButtonLabel: \"Mostrar ajuda\",\n  },\n  NumericInput: {\n    decimalSeparator: \",\",\n    groupingStyle: \"thousand\",\n    groupSeparator: \"\\u00A0\",\n  },\n  RadioGroup: {\n    clearDescription: \"Pressione Backspace ou Delete para limpar.\",\n  },\n  Select: {\n    placeholder: \"Selecionar…\",\n    clearDescription: \"Pressione Backspace ou Delete para limpar.\",\n    searchLabel: \"Pesquisar opções\",\n    optionsLabel: \"Opções\",\n    valueTagCloseButtonLabel: \"Remover\",\n  },\n  Step: {\n    stepNumberLabel: (number) => `Passo ${number}`,\n    completedLabel: \"Concluído\",\n  },\n  StepperFinishTrigger: {\n    label: \"Concluir\",\n  },\n  StepperNextTrigger: {\n    label: \"Seguinte\",\n  },\n  StepperPreviousTrigger: {\n    label: \"Anterior\",\n  },\n  TableColumn: {\n    helperButtonLabel: \"Mostrar ajuda\",\n  },\n  TableHead: {\n    sortByColumnDescription: (columnName, sortDirection) =>\n      sortDirection === null\n        ? `Deixar de ordenar tabela pela coluna “${columnName}”`\n        : `Ordenar tabela pela coluna “${columnName}” em ordem ${\n            sortDirection === \"asc\" ? \"ascendente\" : \"descendente\"\n          }`,\n  },\n  TabList: {\n    scrollLeftButtonLabel: \"Deslocar para a esquerda\",\n    scrollRightButtonLabel: \"Deslocar para a direita\",\n  },\n  ToastProvider: {\n    label: \"Notificação\",\n  },\n  ToastViewport: {\n    label: \"Notificações ({hotkey})\",\n  },\n};\n"],"names":["dayPickerPt"],"mappings":";;;AAMO,MAAM,SAA6B;AAAA,EACxC,aAAa;AAAA,EACb,iBAAiBA;AAAAA,EACjB,aAAa;AAAA,IACX,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAAA;AAAA,EAElB,aAAa;AAAA,IACX,OAAO;AAAA,EAAA;AAAA,EAET,oBAAoB;AAAA,IAClB,aAAa;AAAA,IACb,eAAe;AAAA,EAAA;AAAA,EAEjB,aAAa;AAAA,IACX,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAAA,EAEhB,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf,eAAe;AAAA,IACb,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AAAA,IACX,sBAAsB;AAAA,EAAA;AAAA,EAExB,WAAW;AAAA,IACT,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAAA;AAAA,EAElB,kBAAkB;AAAA,IAChB,cAAc;AAAA,EAAA;AAAA,EAEhB,iBAAiB;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,EAAA;AAAA,EAEf,qBAAqB;AAAA,IACnB,cAAc;AAAA,IACd,sBAAsB,CAAC,UAAU,kCAAkC,KAAK;AAAA,IACxE,WAAW,CAAC,OAAO,UACjB,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACa;AAAA,MAAM;AAAA,MAAU;AAAA,IAAA,GAC/B;AAAA,IAEF,yBAAyB;AAAA,IACzB,qBAAqB;AAAA,EAAA;AAAA,EAEvB,sBAAsB;AAAA,IACpB,OAAO;AAAA,EAAA;AAAA,EAET,WAAW;AAAA,IACT,aAAa;AAAA,IACb,mBACE;AAAA,IACF,yBAAyB,CAAC,SAAS,qBAAqB,IAAI;AAAA,IAC5D,qBAAqB;AAAA,EAAA;AAAA,EAEvB,gBAAgB;AAAA,IACd,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,8BAA8B,CAAC,EAAE,OAAO,UACtC,wBAAwB,SAAS,wBAAwB,MACvD,OAAO,qBACT;AAAA,EAAA;AAAA,EAEJ,eAAe;AAAA,IACb,iBACE,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,0BAEC,MAAA,EAAG;AAAA,MAAE;AAAA,IAAA,GAGR;AAAA,IAEF,kBAAkB;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,sBAAsB,CAAC,SACrB,SAAS,UAAU,UAAU,SAAS,YAAY,YAAY;AAAA,EAAA;AAAA,EAElE,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAAA,EAET,kBAAkB;AAAA,IAChB,0BAA0B;AAAA,EAAA;AAAA,EAE5B,OAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AAAA,EAEpB,UAAU;AAAA,IACR,wBAAwB;AAAA,IACxB,0BAA0B;AAAA,IAC1B,YAAY;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,IAET,WAAW;AAAA,MACT,MAAM,WAAW,SAAY;AAAA,MAC7B,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,OAAO,WAAW,YAAY;AAAA,MAC9B,MAAM;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,OAAO;AAAA,IACL,mBAAmB;AAAA,EAAA;AAAA,EAErB,cAAc;AAAA,IACZ,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,gBAAgB;AAAA,EAAA;AAAA,EAElB,YAAY;AAAA,IACV,kBAAkB;AAAA,EAAA;AAAA,EAEpB,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,0BAA0B;AAAA,EAAA;AAAA,EAE5B,MAAM;AAAA,IACJ,iBAAiB,CAAC,WAAW,SAAS,MAAM;AAAA,IAC5C,gBAAgB;AAAA,EAAA;AAAA,EAElB,sBAAsB;AAAA,IACpB,OAAO;AAAA,EAAA;AAAA,EAET,oBAAoB;AAAA,IAClB,OAAO;AAAA,EAAA;AAAA,EAET,wBAAwB;AAAA,IACtB,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,mBAAmB;AAAA,EAAA;AAAA,EAErB,WAAW;AAAA,IACT,yBAAyB,CAAC,YAAY,kBACpC,kBAAkB,OACd,yCAAyC,UAAU,MACnD,+BAA+B,UAAU,cACvC,kBAAkB,QAAQ,eAAe,aAC3C;AAAA,EAAA;AAAA,EAER,SAAS;AAAA,IACP,uBAAuB;AAAA,IACvB,wBAAwB;AAAA,EAAA;AAAA,EAE1B,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAAA,EAET,eAAe;AAAA,IACb,OAAO;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"pt-PT.js","sources":["../../src/locales/pt-PT.tsx"],"sourcesContent":["import { pt as dayPickerPt } from \"react-day-picker/locale\";\n\nimport type { LocalizationObject } from \"../providers/LocalizationProvider\";\nimport { IS_APPLE } from \"../utils/platformUtils.ts\";\n\n/** `pt-PT` locale. */\nexport const locale: LocalizationObject = {\n  languageTag: \"pt-PT\",\n  dayPickerLocale: dayPickerPt,\n  AlertDialog: {\n    okText: \"OK\",\n  },\n  Calendar: {\n    monthSelectLabel: \"Mês\",\n    yearSelectLabel: \"Ano\",\n    previousMonthLabel: \"Mês anterior\",\n    nextMonthLabel: \"Próximo mês\",\n  },\n  CloseButton: {\n    label: \"Fechar\",\n  },\n  CollapsibleTrigger: {\n    expandLabel: \"Mostrar\",\n    collapseLabel: \"Ocultar\",\n  },\n  CommandMenu: {\n    searchPlaceholder: \"Pesquisar…\",\n    listLabel: \"Sugestões\",\n    loadingLabel: \"A carregar…\",\n    emptyMessage: \"Nenhum resultado encontrado.\",\n  },\n  CommandMenuDialog: {\n    title: \"Paleta de comandos\",\n    description: \"Pesquise por um comando…\",\n  },\n  ConfirmDialog: {\n    cancelText: \"Cancelar\",\n  },\n  ControlCode: {\n    visuallyHiddenPrefix: \"Campo\",\n  },\n  DataTable: {\n    selectAllRowsLabel: \"Selecionar tudo\",\n    selectRowLabel: \"Selecionar\",\n  },\n  DataTableContent: {\n    emptyMessage: \"Nada a mostrar.\",\n  },\n  DataTableFilter: {\n    \"aria-label\": \"Pesquisar tabela\",\n    placeholder: \"Pesquisar…\",\n  },\n  DataTablePagination: {\n    \"aria-label\": \"Paginação da tabela\",\n    rowsRangeSelectLabel: (total) => `Linhas visíveis de um total de ${total}`,\n    rowsRange: (range, total) => (\n      <>\n        Linhas&nbsp;{range}&nbsp;de {total}\n      </>\n    ),\n    previousPageButtonLabel: \"Página anterior\",\n    nextPageButtonLabel: \"Próxima página\",\n  },\n  DataTableRowsPerPage: {\n    label: \"Linhas por página:\",\n  },\n  DateInput: {\n    placeholder: \"dia/mês/ano\",\n    formatDescription:\n      \"Introduza a data no formato, D D barra M M barra A A A A.\",\n    selectedDateDescription: (date) => `Data selecionada, ${date}`,\n    calendarButtonLabel: \"Abrir calendário\",\n  },\n  DateRangeInput: {\n    startInputLabel: \"Data de início\",\n    endInputLabel: \"Data de fim\",\n    selectedDateRangeDescription: ({ start, end }) =>\n      `Período selecionado, ${start || \"data de início ausente\"} a ${\n        end || \"data de fim ausente\"\n      }`,\n  },\n  ErrorBoundary: {\n    fallbackMessage: (\n      <>\n        Algo correu mal.\n        <br />\n        Pressione o botão à direita para tentar novamente. Se o problema\n        persistir, volte a tentar mais tarde.\n      </>\n    ),\n    resetButtonLabel: \"Tentar novamente\",\n  },\n  Feedback: {\n    visuallyHiddenPrefix: (type) =>\n      type === \"error\" ? \"Erro,\" : type === \"warning\" ? \"Alerta,\" : null,\n  },\n  FeedbackPopover: {\n    label: \"Mostrar observações\",\n  },\n  FieldGroupHeader: {\n    visuallyHiddenCodePrefix: \"Secção\",\n  },\n  Input: {\n    loadingDescription: \"A carregar…\",\n    clearButtonLabel: \"Limpar\",\n  },\n  Keybinds: {\n    keybindsSeparatorLabel: \"ou\",\n    keyPressesSeparatorLabel: \"seguido de\",\n    keySymbols: {\n      Space: \"Espaço\",\n    },\n    keyLabels: {\n      Meta: IS_APPLE ? undefined : \"Tecla Windows\",\n      Space: \"Espaço\",\n      ArrowUp: \"Seta para cima\",\n      ArrowDown: \"Seta para baixo\",\n      ArrowLeft: \"Seta para esquerda\",\n      ArrowRight: \"Seta para direita\",\n      Enter: IS_APPLE ? \"Retorno\" : undefined,\n      Home: \"Início\",\n      End: \"Fim\",\n      PageUp: \"Página para cima\",\n      PageDown: \"Página para baixo\",\n    },\n  },\n  Label: {\n    helperButtonLabel: \"Mostrar ajuda\",\n  },\n  NumericInput: {\n    decimalSeparator: \",\",\n    groupingStyle: \"thousand\",\n    groupSeparator: \"\\u00A0\",\n  },\n  RadioGroup: {\n    clearDescription: \"Pressione Backspace ou Delete para limpar.\",\n  },\n  Select: {\n    placeholder: \"Selecionar…\",\n    clearDescription: \"Pressione Backspace ou Delete para limpar.\",\n    searchLabel: \"Pesquisar opções\",\n    optionsLabel: \"Opções\",\n    valueTagCloseButtonLabel: \"Remover\",\n  },\n  Step: {\n    stepNumberLabel: (number) => `Passo ${number}`,\n    completedLabel: \"Concluído\",\n  },\n  StepperFinishTrigger: {\n    label: \"Concluir\",\n  },\n  StepperNextTrigger: {\n    label: \"Seguinte\",\n  },\n  StepperPreviousTrigger: {\n    label: \"Anterior\",\n  },\n  TableColumn: {\n    helperButtonLabel: \"Mostrar ajuda\",\n  },\n  TableHead: {\n    sortByColumnDescription: (columnName, sortDirection) =>\n      sortDirection === null\n        ? `Deixar de ordenar tabela pela coluna “${columnName}”`\n        : `Ordenar tabela pela coluna “${columnName}” em ordem ${\n            sortDirection === \"asc\" ? \"ascendente\" : \"descendente\"\n          }`,\n  },\n  TabList: {\n    scrollLeftButtonLabel: \"Deslocar para a esquerda\",\n    scrollRightButtonLabel: \"Deslocar para a direita\",\n  },\n  ToastProvider: {\n    label: \"Notificação\",\n  },\n  ToastViewport: {\n    label: \"Notificações ({hotkey})\",\n  },\n};\n"],"names":["dayPickerPt"],"mappings":"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"}

package/dist/ostack-ui.css

@@ -1702,8 +1702,6 @@ a > .o-ui-code {
 }
 .o-ui-data-table__rows-per-page-label {
   margin-right: var(--o-ui-space);
-  font-size: var(--o-ui-font-size-sm);
-  line-height: var(--o-ui-line-height-sm);
   font-weight: 400 !important;
 }
 .o-ui-data-table__rows-per-page-select-root, .o-ui-data-table__pagination-select-root {
@@ -1715,6 +1713,7 @@ a > .o-ui-code {
   align-items: center;
   font-size: var(--o-ui-font-size-sm);
   line-height: var(--o-ui-line-height-sm);
+  font-weight: 400;
 }
 .o-ui-data-table__pagination-arrows {
   margin-left: calc(var(--o-ui-space) * 2);
@@ -1987,12 +1986,15 @@ a > .o-ui-code {
 .o-ui-date-range-input__container[data-variant=cell] {
   height: 100%;
 }
+.o-ui-date-range-input__popover-anchor {
+  box-shadow: none;
+}
 .o-ui-date-range-input__popover-anchor > .o-ui-date-range-input__container {
   margin: calc(var(--o-ui-control-border-width) * -1);
-  background: none;
 }
 .o-ui-date-range-input__popover-anchor > .o-ui-date-range-input__container:not([data-focused]) {
   border-color: transparent;
+  background: none;
 }
 .o-ui-date-range-input__popover-anchor > .o-ui-date-range-input__container:not(:first-child) {
   border-top-left-radius: 0;
@@ -2149,6 +2151,7 @@ a > .o-ui-code {
 }
 .o-ui-feedback-list > .o-ui-feedback {
   margin-left: calc(var(--o-ui-space) * 3.5) !important;
+  text-align: left !important;
 }
 .o-ui-feedback-list > .o-ui-feedback ~ .o-ui-feedback {
   margin-top: calc(var(--o-ui-space) * 0.5);
@@ -3588,10 +3591,10 @@ a > .o-ui-code {
 .o-ui-stepper__step[data-status]::before {
   background-color: var(--o-ui-accent-a3);
 }
-.o-ui-stepper__step:is([data-completed], [data-active])::before {
+.o-ui-stepper__step:is([data-completed], [data-current])::before {
   background-color: var(--o-ui-primary-a9);
 }
-.o-ui-stepper__step:is([data-completed], [data-active])[data-status]::before {
+.o-ui-stepper__step:is([data-completed], [data-current])[data-status]::before {
   background-color: var(--o-ui-accent-a9);
 }
 .o-ui-stepper__step-button {
@@ -3604,7 +3607,7 @@ a > .o-ui-code {
   margin-bottom: calc(var(--o-ui-space) * 2);
   text-align: center;
 }
-.o-ui-stepper__step-label:not([data-completed], [data-active]) {
+.o-ui-stepper__step-label:not([data-completed], [data-current]) {
   color: var(--o-ui-neutral-a9);
 }
 .o-ui-stepper__step-content-label {
@@ -3633,7 +3636,7 @@ a > .o-ui-code {
   outline: 2px solid var(--o-ui-primary-8);
 }
 @media screen and (prefers-reduced-motion: no-preference) {
-  .o-ui-stepper__step-content[data-active] {
+  .o-ui-stepper__step-content[data-current] {
     animation: o-ui-fade-in var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
 }

package/dist/ostack-ui.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { forwardRef, createContext, useContext, useCallback, useRef, useEffect, useId, useMemo, useState, memo, Fragment as Fragment$1, isValidElement, cloneElement, Children, useImperativeHandle, startTransition, useLayoutEffect as useLayoutEffect$2, useSyncExternalStore, useDeferredValue } from "react";
 import { parseKeybinding, tinykeys } from "tinykeys";
 import fromExponential from "from-exponential";
-import { isValid, isDate, addMonths, isAfter, isBefore, startOfMonth, setMonth, getYear, setYear, startOfYear, format, isSameYear, getMonth, max, min, isSameDay, lastDayOfMonth, isEqual, parseISO, parse, isWithinInterval } from "date-fns";
+import { isValid, isDate, addMonths, isAfter, isBefore, startOfMonth, setMonth, getYear, setYear, startOfYear, format, isSameYear, getMonth, max, min, endOfMonth, isWithinInterval, lastDayOfMonth, isSameDay, isEqual, parseISO, parse } from "date-fns";
 import { createStore, useStore as useStore$1, create } from "zustand";
 import { shallow } from "zustand/shallow";
 import { numericFormatter, removeNumericFormat, NumericFormat } from "react-number-format";
@@ -6098,7 +6098,7 @@ const ScrolledDataTablePagination = forwardRef(function ScrolledDataTablePaginat
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cx(prefix("data-table__pagination"), className),
+      className: cx(prefix("data-table__pagination-label"), className),
       ...otherProps,
       "data-prefer-right-alignment": boolDataAttr(preferRightAlignment),
       ref: forwardedRef,
@@ -8787,18 +8787,24 @@ const CalendarHeader = memo(function CalendarHeader2({
     }
     return months2;
   }, []);
+  const displayYear = getYear(displayDate);
+  const curYear = getYear(/* @__PURE__ */ new Date());
+  const nearestCentury = curYear + 50 - (curYear + 50) % 100;
+  const minYear = minAllowedDate ? getYear(minAllowedDate) : Math.min(displayYear, nearestCentury - 100);
+  const maxYear = maxAllowedDate ? getYear(maxAllowedDate) : Math.max(displayYear, nearestCentury + 99);
   const yearDates = useMemo(() => {
-    const displayYear = getYear(displayDate);
-    const curYear = getYear(/* @__PURE__ */ new Date());
-    const nearestCentury = curYear + 50 - (curYear + 50) % 100;
-    const minYear = minAllowedDate ? getYear(minAllowedDate) : Math.min(displayYear, nearestCentury - 100);
-    const maxYear = maxAllowedDate ? getYear(maxAllowedDate) : Math.max(displayYear, nearestCentury + 99);
     const years = [];
+    if (displayYear < minYear) {
+      years.push(setYear(startOfYear(/* @__PURE__ */ new Date()), displayYear));
+    }
     for (let year = minYear; year <= maxYear; year++) {
       years.push(setYear(startOfYear(/* @__PURE__ */ new Date()), year));
     }
+    if (displayYear > maxYear) {
+      years.push(setYear(startOfYear(/* @__PURE__ */ new Date()), displayYear));
+    }
     return years;
-  }, [displayDate, minAllowedDate, maxAllowedDate]);
+  }, [displayYear, minYear, maxYear]);
   const handleMonthChange = useCallback(
     (value) => goToMonth(
       addMonths(
@@ -8868,20 +8874,33 @@ const CalendarHeader = memo(function CalendarHeader2({
     }
   );
   const monthOptions = useMemo(
-    () => monthDates.map((monthDate) => /* @__PURE__ */ jsx(
-      Option,
-      {
-        value: getMonth(monthDate),
-        disabled: minAllowedDate && maxAllowedDate && isSameYear(minAllowedDate, maxAllowedDate) && (getMonth(monthDate) < getMonth(minAllowedDate) || getMonth(monthDate) > getMonth(maxAllowedDate)),
-        children: format(monthDate, MONTH_FORMAT, { locale: locale7 })
-      },
-      getMonth(monthDate)
-    )),
+    () => monthDates.map((monthDate) => {
+      return /* @__PURE__ */ jsx(
+        Option,
+        {
+          value: getMonth(monthDate),
+          disabled: minAllowedDate && maxAllowedDate && isSameYear(minAllowedDate, maxAllowedDate) && (getMonth(monthDate) < getMonth(minAllowedDate) || getMonth(monthDate) > getMonth(maxAllowedDate)),
+          children: format(monthDate, MONTH_FORMAT, { locale: locale7 })
+        },
+        getMonth(monthDate)
+      );
+    }),
     [locale7, maxAllowedDate, minAllowedDate, monthDates]
   );
   const yearOptions = useMemo(
-    () => yearDates.map((yearDate) => /* @__PURE__ */ jsx(Option, { value: getYear(yearDate), children: format(yearDate, YEAR_FORMAT, { locale: locale7 }) }, getYear(yearDate))),
-    [locale7, yearDates]
+    () => yearDates.map((yearDate) => {
+      const year = getYear(yearDate);
+      return /* @__PURE__ */ jsx(
+        Option,
+        {
+          value: year,
+          disabled: year < minYear || year > maxYear,
+          children: format(yearDate, YEAR_FORMAT, { locale: locale7 })
+        },
+        year
+      );
+    }),
+    [locale7, maxYear, minYear, yearDates]
   );
   return /* @__PURE__ */ jsxs(
     "header",
@@ -8981,6 +9000,7 @@ function Calendar({
   disableNavigation,
   disabled,
   modifiers,
+  apiRef,
   headerProps,
   headerLabelProps,
   previousButtonProps,
@@ -9038,15 +9058,16 @@ function Calendar({
         return normalizedValue === null ? { start: null, end: null } : isDate(normalizedValue) ? { start: normalizedValue, end: null } : Array.isArray(normalizedValue) ? normalizedValue.length === 0 ? { start: null, end: null } : { start: min(normalizedValue), end: max(normalizedValue) } : normalizedValue;
     }
   }, [normalizedValue, selectionMode]);
-  const firstSelectedDate = selectionMode === "none" ? void 0 : selectionMode === "single" ? value ?? void 0 : selectionMode === "multiple" ? value[0] : value.start ?? value.end ?? void 0;
   const [focusedRange, setFocusedRange] = useState({
     start: null,
     end: null
   });
+  minMonth = useMemo(() => toValidDate(minMonth), [minMonth]);
+  maxMonth = useMemo(() => toValidDate(maxMonth), [maxMonth]);
   const minAllowedDate = useMemo(() => {
     const minDates = [
       toValidDate(minDate),
-      toValidDate(minMonth),
+      minMonth && startOfMonth(minMonth),
       minYear != null && new Date(minYear, 0, 1)
     ].filter((d) => d);
     return minDates.length > 0 ? max(minDates) : void 0;
@@ -9054,16 +9075,70 @@ function Calendar({
   const maxAllowedDate = useMemo(() => {
     const maxDates = [
       toValidDate(maxDate),
-      toValidDate(maxMonth),
+      maxMonth && endOfMonth(maxMonth),
       maxYear != null && new Date(maxYear, 11, 31)
     ].filter((d) => d);
     return maxDates.length > 0 ? min(maxDates) : void 0;
   }, [maxDate, maxMonth, maxYear]);
-  const curMonth = startOfMonth(/* @__PURE__ */ new Date());
-  const [month, setMonth2] = useControllableState(
-    defaultMonth ?? firstSelectedDate ?? ((!minAllowedDate || !isBefore(curMonth, minAllowedDate)) && (!maxAllowedDate || !isAfter(curMonth, maxAllowedDate)) ? curMonth : minAllowedDate ?? maxAllowedDate ?? curMonth),
+  const curDateStr = (/* @__PURE__ */ new Date()).toISOString();
+  const curMonth = useMemo(
+    () => startOfMonth(new Date(curDateStr)),
+    [curDateStr]
+  );
+  const initialMonth = useMemo(() => {
+    if (controlledMonth !== void 0) {
+      return controlledMonth;
+    }
+    if (defaultMonth !== void 0) {
+      return defaultMonth;
+    }
+    const selectedMonth = selectionMode === "none" ? null : selectionMode === "single" ? value : selectionMode === "multiple" ? value[0] : selectionMode === "range-end" ? value.end ?? value.start : value.start ?? value.end;
+    if (selectedMonth != null) {
+      return selectedMonth;
+    }
+    const minAllowedMonth = minAllowedDate && startOfMonth(minAllowedDate);
+    const maxAllowedMonth = maxAllowedDate && startOfMonth(maxAllowedDate);
+    return (!minAllowedMonth || !isBefore(curMonth, minAllowedMonth)) && (!maxAllowedMonth || !isAfter(curMonth, maxAllowedMonth)) ? curMonth : minAllowedMonth ?? maxAllowedMonth ?? curMonth;
+  }, [
+    controlledMonth,
+    curMonth,
+    defaultMonth,
+    maxAllowedDate,
+    minAllowedDate,
+    selectionMode,
+    value
+  ]);
+  const [unnormalizedMonth, setMonth2] = useControllableState(
+    initialMonth,
     controlledMonth
   );
+  const month = useMemo(
+    () => toValidDate(unnormalizedMonth) ?? curMonth,
+    [curMonth, unnormalizedMonth]
+  );
+  const latest = useLatestValues({ value, month, numberOfMonths });
+  useImperativeHandle(
+    apiRef,
+    () => ({
+      getValue: () => latest.value,
+      setValue,
+      getMonth: () => latest.month,
+      setMonth: setMonth2,
+      isVisible: (date) => {
+        const validDate = toValidDate(date);
+        if (!validDate) {
+          throw new Error(`Invalid date argument: ${date.toString()}`);
+        }
+        return isWithinInterval(validDate, {
+          start: latest.month,
+          end: lastDayOfMonth(
+            addMonths(latest.month, (latest.numberOfMonths ?? 1) - 1)
+          )
+        });
+      }
+    }),
+    [latest, setMonth2, setValue]
+  );
   const handleMonthChange = useCallback(
     (date) => {
       onMonthChange?.(date);
@@ -9117,7 +9192,7 @@ function Calendar({
         }
       }
       if (modifiers2.outside) {
-        const firstDay = startOfMonth(month);
+        const firstDay = startOfMonth(unnormalizedMonth);
         const lastDay = lastDayOfMonth(addMonths(firstDay, numberOfMonths - 1));
         if (isBefore(date, firstDay)) {
           handleMonthChange(
@@ -9132,7 +9207,7 @@ function Calendar({
     },
     [
       handleMonthChange,
-      month,
+      unnormalizedMonth,
       numberOfMonths,
       onDayClick,
       onValueChange,
@@ -9225,7 +9300,6 @@ function Calendar({
           locale: locale7.dayPickerLocale,
           required,
           disabled: composedDisabled,
-          selected: firstSelectedDate,
           components: {
             MonthCaption: CalendarHeader,
             MonthGrid: CalendarMonthGrid,
@@ -9698,6 +9772,7 @@ const DateInput = forwardRef(
       open: false,
       modal: false
     });
+    const calendarApiRef = useRef(null);
     const inputRef = useRef(null);
     const clearButtonRef = useRef(null);
     const addonButtonRef = useRef(null);
@@ -9713,60 +9788,27 @@ const DateInput = forwardRef(
       },
       [onPopoverOpenChange, popoverState.open]
     );
-    const monthToDisplay = useCallback(
-      () => startOfMonth(calendarProps?.defaultMonth ?? dateValue ?? /* @__PURE__ */ new Date()),
-      [calendarProps?.defaultMonth, dateValue]
-    );
-    const [month, setMonth2] = useControllableState(
-      () => monthToDisplay(),
-      calendarProps?.month
-    );
-    const dateIsVisible = useCallback(
-      (date) => isWithinInterval(date, {
-        start: month,
-        end: lastDayOfMonth(
-          addMonths(month, (calendarProps?.numberOfMonths ?? 1) - 1)
-        )
-      }),
-      [calendarProps?.numberOfMonths, month]
-    );
-    const handleMonthChange = combineEventHandlers(
-      calendarProps?.onMonthChange,
-      setMonth2
-    );
     const handleInputChange = useCallback(
       (evt) => {
         const formattedValue2 = evt.currentTarget.value;
         const dateValue2 = parseDate(formattedValue2);
         onValueChange?.({ formattedValue: formattedValue2, dateValue: dateValue2 });
         setFormattedValue(formattedValue2);
-        if (!evt.defaultPrevented && dateValue2 && !dateIsVisible(dateValue2)) {
-          handleMonthChange(startOfMonth(dateValue2));
+        const calendarApi = calendarApiRef.current;
+        if (!evt.defaultPrevented && dateValue2 && calendarApi && !calendarApi?.isVisible(dateValue2)) {
+          const month = startOfMonth(dateValue2);
+          calendarProps?.onMonthChange?.(month);
+          calendarApi.setMonth(month);
         }
       },
-      [
-        dateIsVisible,
-        handleMonthChange,
-        onValueChange,
-        parseDate,
-        setFormattedValue
-      ]
+      [calendarProps, onValueChange, parseDate, setFormattedValue]
     );
     const handleInputFocus = useCallback(() => {
-      if (!popoverState.open) {
-        handleMonthChange(monthToDisplay());
-      }
       changePopoverState({ open: true, modal: false });
-    }, [
-      popoverState.open,
-      changePopoverState,
-      handleMonthChange,
-      monthToDisplay
-    ]);
+    }, [changePopoverState]);
     const handleAddonButtonClick = useCallback(() => {
-      handleMonthChange(monthToDisplay());
       changePopoverState({ open: true, modal: true });
-    }, [changePopoverState, handleMonthChange, monthToDisplay]);
+    }, [changePopoverState]);
     const handleCalendarValueChange = useCallback(
       (date) => {
         const formattedValue2 = formatDate(date);
@@ -9931,8 +9973,6 @@ const DateInput = forwardRef(
                 selectionMode: "single",
                 value: deferredDateValue,
                 onValueChange: handleCalendarValueChange,
-                month,
-                onMonthChange: handleMonthChange,
                 disabled: disabled || softDisabled || readOnly || calendarProps?.disabled,
                 minDate,
                 maxDate,
@@ -9940,6 +9980,7 @@ const DateInput = forwardRef(
                 maxMonth,
                 minYear,
                 maxYear,
+                apiRef: calendarApiRef,
                 monthSelectProps: {
                   ...calendarProps?.monthSelectProps,
                   popoverProps: {
@@ -10102,6 +10143,7 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
     open: false,
     modal: false
   });
+  const calendarApiRef = useRef(null);
   const startContainerRef = useRef(null);
   const endContainerRef = useRef(null);
   const startInputRef = useRef(null);
@@ -10121,43 +10163,6 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
     },
     [onPopoverOpenChange, popoverState.open, selectionMode]
   );
-  const monthToDisplay = useCallback(
-    (input) => {
-      let toDisplay;
-      if (calendarProps?.defaultMonth) {
-        toDisplay = calendarProps.defaultMonth;
-      } else if (input === "start" && dateValue.start) {
-        toDisplay = dateValue.start;
-      } else {
-        const relevantForEnd = dateValue.end && addMonths(dateValue.end, -(calendarProps?.numberOfMonths ?? 1) + 1);
-        toDisplay = relevantForEnd ?? dateValue.start ?? /* @__PURE__ */ new Date();
-      }
-      return startOfMonth(toDisplay);
-    },
-    [
-      dateValue.end,
-      dateValue.start,
-      calendarProps?.defaultMonth,
-      calendarProps?.numberOfMonths
-    ]
-  );
-  const [month, setMonth2] = useControllableState(
-    () => monthToDisplay("start"),
-    calendarProps?.month
-  );
-  const dateIsVisible = useCallback(
-    (date) => isWithinInterval(date, {
-      start: month,
-      end: lastDayOfMonth(
-        addMonths(month, (calendarProps?.numberOfMonths ?? 1) - 1)
-      )
-    }),
-    [calendarProps?.numberOfMonths, month]
-  );
-  const handleMonthChange = combineEventHandlers(
-    calendarProps?.onMonthChange,
-    setMonth2
-  );
   const handleStartInputChange = useCallback(
     (evt) => {
       const formattedStart = evt.currentTarget.value;
@@ -10172,18 +10177,20 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
         dateValue: newDateValue
       });
       setFormattedValue(newFormattedValue);
-      if (!evt.defaultPrevented && dateStart && !dateIsVisible(dateStart)) {
-        handleMonthChange(startOfMonth(dateStart));
+      const calendarApi = calendarApiRef.current;
+      if (!evt.defaultPrevented && dateStart && calendarApi && !calendarApi.isVisible(dateStart)) {
+        const month = startOfMonth(dateStart);
+        calendarProps?.onMonthChange?.(month);
+        calendarApi.setMonth(month);
       }
     },
     [
-      dateIsVisible,
+      parseDate,
+      formattedValue.end,
       dateValue.end,
-      handleMonthChange,
       onValueChange,
-      parseDate,
       setFormattedValue,
-      formattedValue.end
+      calendarProps
     ]
   );
   const handleEndInputChange = useCallback(
@@ -10200,24 +10207,23 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
         dateValue: newDateValue
       });
       setFormattedValue(newFormattedValue);
-      if (!evt.defaultPrevented && dateEnd && !dateIsVisible(dateEnd)) {
-        handleMonthChange(
-          addMonths(
-            startOfMonth(dateEnd),
-            -(calendarProps?.numberOfMonths ?? 1) + 1
-          )
+      const calendarApi = calendarApiRef.current;
+      if (!evt.defaultPrevented && dateEnd && calendarApi && !calendarApi.isVisible(dateEnd)) {
+        const month = addMonths(
+          startOfMonth(dateEnd),
+          -(calendarProps?.numberOfMonths ?? 1) + 1
         );
+        calendarProps?.onMonthChange?.(month);
+        calendarApi.setMonth(month);
       }
     },
     [
-      dateIsVisible,
+      parseDate,
+      formattedValue.start,
       dateValue.start,
-      calendarProps?.numberOfMonths,
-      handleMonthChange,
       onValueChange,
-      parseDate,
       setFormattedValue,
-      formattedValue.start
+      calendarProps
     ]
   );
   const handleInputFocus = useCallback(
@@ -10225,19 +10231,10 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
       setFieldControlFocused(true);
       setSelectionMode(input);
       if (!evt.defaultPrevented) {
-        if (!popoverState.open) {
-          handleMonthChange(monthToDisplay(input));
-        }
         changePopoverState({ open: true, modal: false });
       }
     },
-    [
-      setFieldControlFocused,
-      popoverState.open,
-      changePopoverState,
-      handleMonthChange,
-      monthToDisplay
-    ]
+    [setFieldControlFocused, changePopoverState]
   );
   const handleClearButtonClick = useCallback(
     (ref) => () => {
@@ -10272,9 +10269,8 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
   );
   const handleAddonButtonClick = useCallback(() => {
     setSelectionMode("start");
-    handleMonthChange(monthToDisplay("start"));
     changePopoverState({ open: true, modal: true });
-  }, [handleMonthChange, monthToDisplay, changePopoverState]);
+  }, [changePopoverState]);
   const handleCalendarValueChange = useCallback(
     (range) => {
       const newFormattedValue = {
@@ -10745,8 +10741,6 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
                         selectionMode: `range-${selectionMode}`,
                         value: deferredDateValue,
                         onValueChange: handleCalendarValueChange,
-                        month,
-                        onMonthChange: handleMonthChange,
                         disabled: bothDisabled || bothSoftDisabled || bothReadOnly || (startDisabled || startSoftDisabled || startReadOnly) && (endDisabled || endSoftDisabled || endReadOnly) || calendarProps?.disabled,
                         minDate,
                         maxDate,
@@ -10754,6 +10748,7 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
                         maxMonth,
                         minYear,
                         maxYear,
+                        apiRef: calendarApiRef,
                         monthSelectProps: {
                           ...calendarProps?.monthSelectProps,
                           popoverProps: {
@@ -12693,7 +12688,7 @@ const Step = forwardRef(function Step2({
   completedLabel ??= locale7.Step.completedLabel;
   const prefix = usePrefix();
   const { store } = useStepperContext();
-  const isActive = useStore$1(store, (state) => state.activeStep() === index);
+  const isActiveStep = useStore$1(store, (state) => state.activeStep() === index);
   const isCompleted = useStore$1(
     store,
     (state) => completed ?? state.activeStep() > index
@@ -12722,7 +12717,7 @@ const Step = forwardRef(function Step2({
     {
       className: cx(prefix("stepper__step"), className),
       "data-completed": boolDataAttr(isCompleted),
-      "data-active": boolDataAttr(isActive),
+      "data-current": boolDataAttr(isActiveStep),
       "data-status": status,
       "data-accent": controlStatusToAccent(
         status,
@@ -12735,7 +12730,7 @@ const Step = forwardRef(function Step2({
           Label,
           {
             "data-completed": boolDataAttr(isCompleted),
-            "data-active": boolDataAttr(isActive),
+            "data-current": boolDataAttr(isActiveStep),
             ...labelProps,
             id: labelId,
             className: cx(prefix("stepper__step-label"), labelProps?.className),
@@ -12756,19 +12751,19 @@ const Step = forwardRef(function Step2({
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: variant ?? (isCompleted || isActive ? "solid" : "subtle"),
+            variant: variant ?? (isCompleted || isActiveStep ? "solid" : "subtle"),
             color: controlStatusToAccent(
               status,
-              isCompleted || isActive ? "primary" : "neutral"
+              isCompleted || isActiveStep ? "primary" : "neutral"
             ),
             "data-completed": boolDataAttr(isCompleted),
-            "data-active": boolDataAttr(isActive),
+            "data-current": boolDataAttr(isActiveStep),
             "data-status": status,
             loading,
             showSpinner,
             "aria-disabled": disabled,
-            "aria-current": isActive ? "step" : void 0,
-            "aria-controls": isActive ? stepContentInfo?.id : void 0,
+            "aria-current": isActiveStep ? "step" : void 0,
+            "aria-controls": isActiveStep ? stepContentInfo?.id : void 0,
             ...buttonProps,
             id: buttonId,
             className: cx(prefix("stepper__step-button"), buttonProps?.className),