@ostack.tech/ui 0.9.2 → 0.10.0

package/dist/ostack-ui.js

@@ -433,7 +433,9 @@ function useCreateDataTableContext({
   defaultSelectedRows,
   selectedRows,
   onSelectedRowsChange,
-  disabledSelections
+  disabledSelections,
+  selectAllRowsLabel,
+  selectRowLabel
 }) {
   const { startPrintingTask, finishPrintingTask } = usePrinterContentContext();
   const latest = useLatestValues({
@@ -775,6 +777,8 @@ function useCreateDataTableContext({
       dynamicRowHeight,
       estimatedRowHeight,
       overscan,
+      selectAllRowsLabel,
+      selectRowLabel,
       generatedId,
       showAllRowsWhilePrinting,
       apiRef,
@@ -790,6 +794,8 @@ function useCreateDataTableContext({
       dynamicRowHeight,
       estimatedRowHeight,
       overscan,
+      selectAllRowsLabel,
+      selectRowLabel,
       generatedId,
       showAllRowsWhilePrinting,
       apiRef,
@@ -1085,6 +1091,7 @@ const Portal = forwardRef(function Portal2({ asChild, children, ...otherProps },
   );
 });
 const DialogContent = forwardRef(function DialogContent2({
+  asChild,
   variant = "solid",
   mergeSections,
   color = "neutral",
@@ -1094,6 +1101,7 @@ const DialogContent = forwardRef(function DialogContent2({
   portalProps,
   overlayProps,
   className,
+  children,
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
@@ -1115,27 +1123,29 @@ const DialogContent = forwardRef(function DialogContent2({
           ...overlayProps,
           className: cx(prefix("dialog__overlay"), overlayProps?.className),
           children: /* @__PURE__ */ jsx(
-            Card,
+            Dialog$1.Content,
             {
-              variant,
-              color,
-              mergeSections,
-              asChild: true,
+              asChild: !asChild,
+              onPointerDownOutside: combineEventHandlers(
+                onPointerDownOutside,
+                handlePointerDownOutside,
+                { checkDefaultPrevented: true }
+              ),
+              className: cx(
+                prefix("dialog"),
+                prefix(`dialog--${size}`),
+                className
+              ),
+              ref: forwardedRef,
+              ...otherProps,
               children: /* @__PURE__ */ jsx(
-                Dialog$1.Content,
+                Card,
                 {
-                  onPointerDownOutside: combineEventHandlers(
-                    onPointerDownOutside,
-                    handlePointerDownOutside,
-                    { checkDefaultPrevented: true }
-                  ),
-                  className: cx(
-                    prefix("dialog"),
-                    prefix(`dialog--${size}`),
-                    className
-                  ),
-                  ref: forwardedRef,
-                  ...otherProps
+                  asChild,
+                  variant,
+                  color,
+                  mergeSections,
+                  children
                 }
               )
             }
@@ -1895,6 +1905,7 @@ const AlertDialogCancel = forwardRef(function AlertDialogCancel2(props, forwarde
   return /* @__PURE__ */ jsx(AlertDialog$1.Cancel, { ...props, asChild: true, ref: forwardedRef });
 });
 const AlertDialogContent = forwardRef(function AlertDialogContent2({
+  asChild,
   variant = "solid",
   mergeSections,
   color = "neutral",
@@ -1920,22 +1931,23 @@ const AlertDialogContent = forwardRef(function AlertDialogContent2({
           ...overlayProps,
           className: cx(prefix("dialog__overlay"), overlayProps?.className),
           children: /* @__PURE__ */ jsx(
-            Card,
+            AlertDialog$1.Content,
             {
-              variant,
-              color,
-              mergeSections,
-              asChild: true,
+              asChild: !asChild,
+              className: cx(
+                prefix("dialog"),
+                prefix(`dialog--${size}`),
+                className
+              ),
+              ref: forwardedRef,
+              ...otherProps,
               children: /* @__PURE__ */ jsx(
-                AlertDialog$1.Content,
+                Card,
                 {
-                  className: cx(
-                    prefix("dialog"),
-                    prefix(`dialog--${size}`),
-                    className
-                  ),
-                  ref: forwardedRef,
-                  ...otherProps,
+                  asChild,
+                  variant,
+                  color,
+                  mergeSections,
                   children
                 }
               )
@@ -2481,7 +2493,7 @@ const Toast = forwardRef(function Toast2({
   icon = SEVERITY_ICON$1[severity],
   action,
   actionAltText,
-  showCloseButton = action === void 0,
+  showCloseButton = action == null || typeof action === "boolean",
   visuallyHidden,
   rootProps,
   containerProps,
@@ -3691,6 +3703,10 @@ const Field = forwardRef(function Field2({ asChild, className, ...otherProps },
     }
   ) });
 });
+function FieldProvider({ children }) {
+  const store = useCreateFieldContext();
+  return /* @__PURE__ */ jsx(FieldContext.Provider, { value: store, children });
+}
 const DEFAULT_TABLE_COLUMN_WIDTH = 150;
 const Table = forwardRef(
   function Table2({
@@ -3710,6 +3726,8 @@ const Table = forwardRef(
     visuallyHiddenCaptionProps,
     className,
     children,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
     ...otherProps
   }, forwardedRef) {
@@ -3718,13 +3736,14 @@ const Table = forwardRef(
     visuallyHiddenCaption ??= label;
     const descriptionIds = useFieldDescriptionIds();
     const errorMessageIds = useFieldErrorMessageIds();
-    const { controlId, codeId } = useSetFieldControl(
+    const { generatedId, controlId, codeId } = useSetFieldControl(
       containerProps?.id,
       "DIV",
       void 0,
       false,
       required
     );
+    const visuallyHiddenCaptionId = visuallyHiddenCaption ? visuallyHiddenCaptionProps?.id ?? prefix(`table-caption-${generatedId}`) : void 0;
     const tableRef = useRef(null);
     const [scrollableEl, setScrollableEl] = useState(
       null
@@ -3763,6 +3782,7 @@ const Table = forwardRef(
     const captionEl = caption && /* @__PURE__ */ jsx(
       "div",
       {
+        "aria-hidden": true,
         ...captionProps,
         className: cx(
           prefix("table__caption"),
@@ -3818,8 +3838,9 @@ const Table = forwardRef(
                     className
                   ),
                   "data-status": status,
+                  "aria-label": ariaLabel,
+                  "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 && codeId ? combineAriaIds(codeId, visuallyHiddenCaptionId) : void 0),
                   "aria-describedby": combineAriaIds(
-                    codeId,
                     errorMessageIds,
                     ariaDescribedBy,
                     descriptionIds
@@ -3827,7 +3848,14 @@ const Table = forwardRef(
                   ...otherProps,
                   ref: combinedTableRef,
                   children: [
-                    visuallyHiddenCaption && /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("caption", { ...visuallyHiddenCaptionProps, children: visuallyHiddenCaption }) }),
+                    visuallyHiddenCaptionId && /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(
+                      "caption",
+                      {
+                        ...visuallyHiddenCaptionProps,
+                        id: visuallyHiddenCaptionId,
+                        children: visuallyHiddenCaption
+                      }
+                    ) }),
                     /* @__PURE__ */ jsx(ColumnWidths, {}),
                     children
                   ]
@@ -4210,14 +4238,16 @@ const TableHead = forwardRef(
                     }
                   )
                 ] });
+                const rowSpan = numberOfRows$1([column]) > 1 ? 1 : nRows - i;
+                const colSpan = numberOfColumns([column]);
                 return /* @__PURE__ */ jsx(
                   TableCell,
                   {
                     header,
                     scope: header ? column.children.length > 0 ? "colgroup" : "col" : void 0,
                     align,
-                    rowSpan: numberOfRows$1([column]) > 1 ? 1 : nRows - i,
-                    colSpan: numberOfColumns([column]),
+                    rowSpan: rowSpan === 1 ? void 0 : rowSpan,
+                    colSpan: colSpan === 1 ? void 0 : colSpan,
                     style: {
                       width: layout === "fixed" && width != null ? Array.isArray(width) ? width.reduce((sum, width2) => sum + width2, 0) : width : void 0,
                       ...style
@@ -4456,6 +4486,8 @@ const DataTable = forwardRef(
     selectedRows,
     onSelectedRowsChange,
     disabledSelections,
+    selectAllRowsLabel,
+    selectRowLabel,
     renderRow,
     renderCell,
     dynamicRowHeight = false,
@@ -4506,7 +4538,9 @@ const DataTable = forwardRef(
       defaultSelectedRows,
       selectedRows,
       onSelectedRowsChange,
-      disabledSelections
+      disabledSelections,
+      selectAllRowsLabel,
+      selectRowLabel
     });
     return /* @__PURE__ */ jsx(DataTableContext.Provider, { value: dataTableContextValue, children: /* @__PURE__ */ jsx(
       "div",
@@ -4957,7 +4991,7 @@ const Checkbox = forwardRef(function Checkbox2({
   );
   const combinedCheckboxRef = useCombinedRef(checkboxRef, forwardedRef);
   const combinedLabelRef = useCombinedRef(labelProps?.ref, labelRef);
-  return /* @__PURE__ */ jsx(ClearContexts, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearContexts, { children: /* @__PURE__ */ jsxs(
     ControlContext.Provider,
     {
       value: {
@@ -4971,137 +5005,149 @@ const Checkbox = forwardRef(function Checkbox2({
         loading,
         readOnly
       },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          "data-status": status,
-          "data-accent": controlStatusToAccent(status),
-          "data-variant": checkboxVariant,
-          ...rootProps,
-          className: cx(prefix("checkbox__root"), rootProps?.className),
-          children: [
-            code != null && typeof code !== "boolean" && /* @__PURE__ */ jsx(
-              ControlCode,
-              {
-                ...codeProps,
-                id: codeId,
-                className: cx(prefix("checkbox__code"), codeProps?.className),
-                children: code
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "div",
-              {
-                "data-status": status,
-                "data-variant": checkboxVariant,
-                "data-disabled": boolDataAttr(disabled || loading),
-                "data-readonly": boolDataAttr(readOnly),
-                ...containerProps,
-                className: cx(
-                  prefix("checkbox__container"),
-                  containerProps?.className
-                ),
-                onBlur: combineEventHandlers(
-                  containerProps?.onBlur,
-                  handleContainerBlur
-                ),
-                ref: combinedContainerRef,
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Checkbox$1.Root,
-                    {
-                      id: controlId,
-                      className: cx(prefix("checkbox"), className),
-                      name: name ?? checkboxGroupContext?.name,
-                      value,
-                      checked,
-                      required: requiredInGroup || required || void 0,
-                      disabled,
-                      "data-loading": boolDataAttr(loading),
-                      "data-readonly": boolDataAttr(readOnly),
-                      "data-status": status,
-                      "data-variant": checkboxVariant,
-                      onCheckedChange: handleCheckedChange,
-                      onFocus: combineEventHandlers(onFocus, handleFocus),
-                      onBlur: combineEventHandlers(onBlur, handleBlur),
-                      "aria-disabled": loading || readOnly || void 0,
-                      "aria-label": ariaLabel,
-                      "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 && combinedLabelIds !== labelId && combinedLabelIds !== fieldLabelId ? combinedLabelIds : void 0),
-                      "aria-invalid": status === "invalid" || void 0,
-                      "aria-describedby": combineAriaIds(
-                        loadingDescriptionId,
-                        checkboxGroupContext?.loadingDescriptionId,
-                        errorMessageIds,
-                        checkboxGroupContext?.errorMessageIds,
-                        ariaDescribedBy,
-                        descriptionIds,
-                        groupDescriptionIds
-                      ),
-                      ...otherProps,
-                      ref: combinedCheckboxRef,
-                      children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, { asChild: true, children: /* @__PURE__ */ jsx(
-                        Icon,
-                        {
-                          icon: checked === "indeterminate" ? faMinus : faCheck,
-                          ...indicatorProps,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-status": status,
+            "data-accent": controlStatusToAccent(status),
+            "data-variant": checkboxVariant,
+            ...rootProps,
+            className: cx(prefix("checkbox__root"), rootProps?.className),
+            children: [
+              code != null && typeof code !== "boolean" && /* @__PURE__ */ jsx(
+                ControlCode,
+                {
+                  ...codeProps,
+                  id: codeId,
+                  className: cx(prefix("checkbox__code"), codeProps?.className),
+                  children: code
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-status": status,
+                  "data-variant": checkboxVariant,
+                  "data-disabled": boolDataAttr(disabled || loading),
+                  "data-readonly": boolDataAttr(readOnly),
+                  ...containerProps,
+                  className: cx(
+                    prefix("checkbox__container"),
+                    containerProps?.className
+                  ),
+                  onBlur: combineEventHandlers(
+                    containerProps?.onBlur,
+                    handleContainerBlur
+                  ),
+                  ref: combinedContainerRef,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox$1.Root,
+                      {
+                        id: controlId,
+                        className: cx(prefix("checkbox"), className),
+                        name: name ?? checkboxGroupContext?.name,
+                        value,
+                        checked,
+                        required: requiredInGroup || required || void 0,
+                        disabled,
+                        "data-loading": boolDataAttr(loading),
+                        "data-readonly": boolDataAttr(readOnly),
+                        "data-status": status,
+                        "data-variant": checkboxVariant,
+                        onCheckedChange: handleCheckedChange,
+                        onFocus: combineEventHandlers(onFocus, handleFocus),
+                        onBlur: combineEventHandlers(onBlur, handleBlur),
+                        "aria-disabled": loading || readOnly || void 0,
+                        "aria-label": ariaLabel,
+                        "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 && combinedLabelIds !== labelId && combinedLabelIds !== fieldLabelId ? combinedLabelIds : void 0),
+                        "aria-invalid": status === "invalid" || void 0,
+                        "aria-describedby": combineAriaIds(
+                          loadingDescriptionId,
+                          checkboxGroupContext?.loadingDescriptionId,
+                          errorMessageIds,
+                          checkboxGroupContext?.errorMessageIds,
+                          ariaDescribedBy,
+                          descriptionIds,
+                          groupDescriptionIds
+                        ),
+                        ...otherProps,
+                        ref: combinedCheckboxRef,
+                        children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, { asChild: true, children: /* @__PURE__ */ jsx(
+                          Icon,
+                          {
+                            icon: checked === "indeterminate" ? faMinus : faCheck,
+                            ...indicatorProps,
+                            className: cx(
+                              prefix("checkbox__indicator"),
+                              indicatorProps?.className
+                            )
+                          }
+                        ) })
+                      }
+                    ),
+                    labelId && /* @__PURE__ */ jsx(
+                      Label,
+                      {
+                        htmlFor: controlId,
+                        "data-status": status,
+                        ...labelProps,
+                        id: labelId,
+                        className: cx(prefix("checkbox__label"), labelProps?.className),
+                        required,
+                        onMouseDown: combineEventHandlers(
+                          labelProps?.onMouseDown,
+                          handleLabelMouseDown
+                        ),
+                        containerProps: {
+                          ...labelProps?.containerProps,
                           className: cx(
-                            prefix("checkbox__indicator"),
-                            indicatorProps?.className
+                            prefix("checkbox__label-container"),
+                            labelProps?.containerProps?.className
                           )
-                        }
-                      ) })
-                    }
-                  ),
-                  labelId && /* @__PURE__ */ jsx(
-                    Label,
-                    {
-                      htmlFor: controlId,
-                      "data-status": status,
-                      ...labelProps,
-                      id: labelId,
-                      className: cx(prefix("checkbox__label"), labelProps?.className),
-                      required,
-                      onMouseDown: combineEventHandlers(
-                        labelProps?.onMouseDown,
-                        handleLabelMouseDown
-                      ),
-                      containerProps: {
-                        ...labelProps?.containerProps,
+                        },
+                        ref: combinedLabelRef,
+                        children
+                      }
+                    ),
+                    showSpinner && /* @__PURE__ */ jsx(
+                      Spinner,
+                      {
+                        color: controlStatusToAccent(status, "neutral"),
+                        "data-disabled": boolDataAttr(disabled || loading),
+                        ...spinnerProps,
                         className: cx(
-                          prefix("checkbox__label-container"),
-                          labelProps?.containerProps?.className
+                          prefix("checkbox__spinner"),
+                          spinnerProps?.className
                         )
-                      },
-                      ref: combinedLabelRef,
-                      children
-                    }
-                  ),
-                  showSpinner && /* @__PURE__ */ jsx(
-                    Spinner,
-                    {
-                      color: controlStatusToAccent(status, "neutral"),
-                      "data-disabled": boolDataAttr(disabled || loading),
-                      ...spinnerProps,
-                      className: cx(
-                        prefix("checkbox__spinner"),
-                        spinnerProps?.className
-                      )
-                    }
-                  ),
-                  loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription })
-                ]
-              }
-            )
-          ]
-        }
-      )
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription })
+      ]
     }
   ) });
 });
 const DATA_TABLE_SELECTION_COLUMN_WIDTH = 42;
 function useDataTableSelectionColumn() {
   const prefix = usePrefix();
-  const { displayMode, rowKey, showSelectionColumn, store } = useDataTableContext();
+  const [locale7] = useLocale();
+  const {
+    displayMode,
+    rowKey,
+    showSelectionColumn,
+    selectAllRowsLabel,
+    selectRowLabel,
+    store
+  } = useDataTableContext();
+  const actualSelectAllRowsLabel = selectAllRowsLabel ?? locale7.DataTable.selectAllRowsLabel;
+  const actualSelectRowLabel = selectRowLabel ?? locale7.DataTable.selectRowLabel;
   const [selectedRows] = useStore$1(store, (state) => state.selectedRows);
   const disabledSelections = useStore$1(
     store,
@@ -5152,7 +5198,11 @@ function useDataTableSelectionColumn() {
             } else {
               selectRows(keys);
             }
-          }
+          },
+          labelProps: {
+            containerProps: { className: prefix("visually-hidden") }
+          },
+          children: actualSelectAllRowsLabel
         }
       ),
       header: true,
@@ -5174,7 +5224,11 @@ function useDataTableSelectionColumn() {
                 unselectRows([key]);
               }
             },
-            disabled: disabledSelections?.has(key)
+            disabled: disabledSelections?.has(key),
+            labelProps: {
+              containerProps: { className: prefix("visually-hidden") }
+            },
+            children: actualSelectRowLabel
           }
         );
       }
@@ -5308,6 +5362,7 @@ function DataTableEmptyOrLoadingRows({
   const loading = useStore$1(store, (state) => state.loading);
   const loadingCount = useStore$1(store, (state) => state.loadingCount);
   const numberOfColumns2 = (useTableNumberOfColumns() ?? 1) + (showSelectionColumn ? 1 : 0);
+  const headCount = useStore$1(store, (state) => state.headCount);
   useImperativeHandle(
     apiRef,
     () => ({
@@ -5324,16 +5379,25 @@ function DataTableEmptyOrLoadingRows({
     const props = { row: void 0, index: i };
     const key = `loading-${i}`;
     return renderRow ? /* @__PURE__ */ jsx(Fragment$1, { children: renderRow(props) }, key) : /* @__PURE__ */ jsx(DataTableRow, { ...props }, key);
-  }) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { paddingless: false, colSpan: numberOfColumns2, children: !loading && /* @__PURE__ */ jsx(
-    "div",
+  }) : /* @__PURE__ */ jsx(TableRow, { "aria-rowindex": headCount + 1, children: /* @__PURE__ */ jsx(
+    TableCell,
     {
-      className: cx(
-        prefix("data-table__empty-message"),
-        emptyMessageProps?.className
-      ),
-      children: emptyMessage
+      header: true,
+      variant: "data",
+      paddingless: false,
+      colSpan: numberOfColumns2 === 1 ? void 0 : numberOfColumns2,
+      children: !loading && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cx(
+            prefix("data-table__empty-message"),
+            emptyMessageProps?.className
+          ),
+          children: emptyMessage
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 function PagedDataTableRows() {
   const { rowKey, renderRow, showAllRowsWhilePrinting, apiRef, store } = useDataTableContext();
@@ -5703,7 +5767,7 @@ const DataTableContent = forwardRef(function DataTable2({
 }, forwardedRef) {
   const prefix = usePrefix();
   const [locale7] = useLocale();
-  emptyMessage ??= locale7.DataTable.emptyMessage;
+  emptyMessage ??= locale7.DataTableContent.emptyMessage;
   const { displayMode, required, estimatedRowHeight, store } = useDataTableContext();
   const tableRef = useRef(null);
   const scrollableRef = useRef(null);
@@ -5815,15 +5879,19 @@ const DataTableFilter = forwardRef(function DataTableFilter2({
 });
 const PagedDataTablePagination = forwardRef(function PagedDataTablePagination2({
   rowsRange,
+  rowsRangeSelectLabel,
   previousPageButtonLabel,
   nextPageButtonLabel,
   preferRightAlignment,
   previousPageButtonProps,
   nextPageButtonProps,
   className,
+  "aria-label": ariaLabel,
   ...otherProps
 }, forwardedRef) {
   const prefix = usePrefix();
+  const [locale7] = useLocale();
+  ariaLabel ??= locale7.DataTablePagination["aria-label"];
   const { store } = useDataTableContext();
   const totalCount = useStore$1(store, (state) => state.totalCount());
   const limit = useStore$1(store, (state) => state.limit);
@@ -5835,7 +5903,9 @@ const PagedDataTablePagination = forwardRef(function PagedDataTablePagination2({
   return /* @__PURE__ */ jsx(ClearContexts, { children: /* @__PURE__ */ jsxs(
     "div",
     {
+      role: "group",
       className: cx(prefix("data-table__pagination"), className),
+      "aria-label": ariaLabel,
       ...otherProps,
       "data-prefer-right-alignment": boolDataAttr(preferRightAlignment),
       ref: forwardedRef,
@@ -5850,6 +5920,7 @@ const PagedDataTablePagination = forwardRef(function PagedDataTablePagination2({
                 value: currentPage,
                 onValueChange: (value) => setOffsetWithTransition(+value * limit),
                 showClearButton: false,
+                "aria-label": rowsRangeSelectLabel?.(totalCount),
                 rootProps: {
                   className: prefix("data-table__pagination-select-root")
                 },
@@ -5931,6 +6002,7 @@ const ScrolledDataTablePagination = forwardRef(function ScrolledDataTablePaginat
 });
 const DataTablePagination = forwardRef(function DataTablePagination2({
   rowsRange,
+  rowsRangeSelectLabel,
   previousPageButtonLabel,
   nextPageButtonLabel,
   previousPageButtonProps,
@@ -5940,6 +6012,7 @@ const DataTablePagination = forwardRef(function DataTablePagination2({
 }, forwardedRef) {
   const [locale7] = useLocale();
   rowsRange ??= locale7.DataTablePagination.rowsRange;
+  rowsRangeSelectLabel ??= locale7.DataTablePagination.rowsRangeSelectLabel;
   previousPageButtonLabel ??= locale7.DataTablePagination.previousPageButtonLabel;
   nextPageButtonLabel ??= locale7.DataTablePagination.nextPageButtonLabel;
   const { displayMode, showAllRowsWhilePrinting } = useDataTableContext();
@@ -5949,6 +6022,7 @@ const DataTablePagination = forwardRef(function DataTablePagination2({
     {
       ...otherProps,
       rowsRange,
+      rowsRangeSelectLabel,
       previousPageButtonLabel,
       nextPageButtonLabel,
       previousPageButtonProps,
@@ -5982,8 +6056,7 @@ const DataTableRowsPerPage = forwardRef(function DataTableRowsPerPage2({
   const { setLimit } = useStore$1(store, (state) => state.actions);
   const optionsIncludingLimit = limitOptions.includes(limit) ? [...limitOptions] : [...limitOptions, limit];
   optionsIncludingLimit.sort((v1, v2) => v1 - v2);
-  const selectId = prefix(`data-table-rows-per-page-${useId()}`);
-  return /* @__PURE__ */ jsx(ClearContexts, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(ClearContexts, { children: /* @__PURE__ */ jsx(FieldProvider, { children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: cx(prefix("data-table__rows-per-page"), className),
@@ -5991,22 +6064,11 @@ const DataTableRowsPerPage = forwardRef(function DataTableRowsPerPage2({
       "data-prefer-right-alignment": boolDataAttr(preferRightAlignment),
       ref: forwardedRef,
       children: [
-        /* @__PURE__ */ jsxs(
-          "label",
-          {
-            htmlFor: selectId,
-            className: prefix("data-table__rows-per-page-label"),
-            children: [
-              label,
-              ":"
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsx(Label, { className: prefix("data-table__rows-per-page-label"), children: label }),
         /* @__PURE__ */ jsx(
           Select,
           {
             className: prefix("data-table__rows-per-page-select"),
-            id: selectId,
             value: limit,
             onValueChange: (value) => setLimit(+value),
             showClearButton: false,
@@ -6018,7 +6080,7 @@ const DataTableRowsPerPage = forwardRef(function DataTableRowsPerPage2({
         )
       ]
     }
-  ) });
+  ) }) });
 });
 const DataTableSelectionTrigger = forwardRef(function DataTableSelectionTrigger2({
   preferRightAlignment = true,
@@ -6220,12 +6282,12 @@ const Input$1 = forwardRef(
       clearButtonProps?.ref
     );
     const As = asChild ? Slot : "input";
-    return /* @__PURE__ */ jsxs(ClearContexts, { field: false, children: [
-      /* @__PURE__ */ jsx(
-        ControlContext.Provider,
-        {
-          value: { variant, status, disabled, loading, readOnly },
-          children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(ClearContexts, { field: false, children: /* @__PURE__ */ jsxs(
+      ControlContext.Provider,
+      {
+        value: { variant, status, disabled, loading, readOnly },
+        children: [
+          /* @__PURE__ */ jsxs(
             "div",
             {
               "data-status": status,
@@ -6349,12 +6411,12 @@ const Input$1 = forwardRef(
                 )
               ]
             }
-          )
-        }
-      ),
-      loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription }),
-      clearDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: clearDescriptionId, children: clearDescription })
-    ] });
+          ),
+          loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription }),
+          clearDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: clearDescriptionId, children: clearDescription })
+        ]
+      }
+    ) });
   }
 );
 const InputWithContainerRef = forwardRef(function InputWithContainerRef2({ inputRef, containerProps, ...otherProps }, forwardedRef) {
@@ -8155,6 +8217,7 @@ const Select = forwardRef(function Select2({
   const generatedId = useId();
   const codeId = code ? codeProps?.id ?? prefix(`select-code-${generatedId}`) : void 0;
   const valueId = valueProps?.id ?? prefix(`select-value-${generatedId}`);
+  const ariaLabelId = ariaLabel && prefix(`select-aria-label-${generatedId}`);
   const { printHidden } = usePrintClassNames();
   const [open, setOpen] = useControllableState(
     defaultOpen ?? false,
@@ -8362,12 +8425,10 @@ const Select = forwardRef(function Select2({
                     ref: combinedClearButtonRef
                   },
                   ...open ? {} : { "aria-controls": void 0 },
-                  "aria-label": ariaLabel,
-                  "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 ? combineAriaIds(
-                    codeId,
-                    labelId ?? dataTableColumnLabelId,
+                  "aria-labelledby": combineAriaIds(
+                    ariaLabelledBy ?? ariaLabelId ?? combineAriaIds(codeId, labelId ?? dataTableColumnLabelId),
                     valueId
-                  ) : void 0),
+                  ),
                   spinnerProps: {
                     ...spinnerProps,
                     className: cx(prefix("select__spinner"), spinnerProps?.className)
@@ -8439,7 +8500,8 @@ const Select = forwardRef(function Select2({
           )
         ]
       }
-    )
+    ),
+    ariaLabelId && /* @__PURE__ */ jsx("span", { hidden: true, id: ariaLabelId, children: ariaLabel })
   ] });
 });
 const CAPTION_FORMAT = "LLLL y";
@@ -8664,6 +8726,18 @@ const CalendarHeader = memo(function CalendarHeader2({
     }
   );
 });
+const CalendarMonthGrid = memo(function CalendarMonthGrid2({
+  children,
+  "aria-label": ariaLabel,
+  ...otherProps
+}) {
+  const prefix = usePrefix();
+  const captionId = prefix(`calendar-grid-caption-${useId()}`);
+  return /* @__PURE__ */ jsxs("table", { ...otherProps, "aria-labelledby": captionId, children: [
+    /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx("caption", { id: captionId, children: ariaLabel }) }),
+    children
+  ] });
+});
 function Calendar({
   required,
   minDate,
@@ -8806,6 +8880,7 @@ function Calendar({
           disabled: composedDisabled,
           components: {
             MonthCaption: CalendarHeader,
+            MonthGrid: CalendarMonthGrid,
             Day: CalendarDay,
             Nav: () => null
           },
@@ -8964,87 +9039,89 @@ const CheckboxGroup = forwardRef(function CheckboxGroup2({
     ControlContext.Provider,
     {
       value: { variant, status, disabled, loading, readOnly },
-      children: /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, { value: checkboxGroupContextValue, children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          role: "group",
-          id: controlId,
-          ...otherProps,
-          "data-status": status,
-          "data-accent": controlStatusToAccent(status),
-          "data-variant": variant,
-          className: cx(
-            prefix("checkbox-group"),
-            inline && prefix("checkbox-group--inline"),
-            className
-          ),
-          onMouseDown: combineEventHandlers(onMouseDown, handleMouseDown),
-          onFocus: combineEventHandlers(onFocus, handleFocus),
-          onBlur: combineEventHandlers(onBlur, handleBlur),
-          "aria-disabled": loading || readOnly || void 0,
-          "aria-label": ariaLabel,
-          "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 ? combineAriaIds(codeId, labelId ?? dataTableColumnLabelId) : void 0),
-          tabIndex,
-          ref: combinedCheckboxGroupRef,
-          children: [
-            code != null && typeof code !== "boolean" && /* @__PURE__ */ jsx(
-              ControlCode,
-              {
-                status,
-                ...codeProps,
-                id: codeId,
-                className: cx(
-                  prefix("checkbox-group__code"),
-                  codeProps?.className
-                ),
-                children: code
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-status": status,
-                "data-variant": variant,
-                "data-disabled": boolDataAttr(disabled || loading),
-                "data-readonly": boolDataAttr(readOnly),
-                ...containerProps,
-                className: cx(
-                  prefix("checkbox-group__container"),
-                  containerProps?.className
-                ),
-                children: /* @__PURE__ */ jsx(ClearContexts, { children })
-              }
+      children: /* @__PURE__ */ jsxs(CheckboxGroupContext.Provider, { value: checkboxGroupContextValue, children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "group",
+            id: controlId,
+            ...otherProps,
+            "data-status": status,
+            "data-accent": controlStatusToAccent(status),
+            "data-variant": variant,
+            className: cx(
+              prefix("checkbox-group"),
+              inline && prefix("checkbox-group--inline"),
+              className
             ),
-            showSpinner && /* @__PURE__ */ jsx(
-              "div",
-              {
-                "data-status": status,
-                "data-variant": variant,
-                "data-disabled": boolDataAttr(disabled || loading),
-                "data-readonly": boolDataAttr(readOnly),
-                ...endContainerProps,
-                className: cx(
-                  prefix("checkbox-group__end-container"),
-                  endContainerProps?.className
-                ),
-                children: /* @__PURE__ */ jsx(
-                  Spinner,
-                  {
-                    color: controlStatusToAccent(status, "neutral"),
-                    "data-disabled": boolDataAttr(disabled || loading),
-                    ...spinnerProps,
-                    className: cx(
-                      prefix("checkbox-group__spinner"),
-                      spinnerProps?.className
-                    )
-                  }
-                )
-              }
-            ),
-            loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription })
-          ]
-        }
-      ) })
+            onMouseDown: combineEventHandlers(onMouseDown, handleMouseDown),
+            onFocus: combineEventHandlers(onFocus, handleFocus),
+            onBlur: combineEventHandlers(onBlur, handleBlur),
+            "aria-disabled": loading || readOnly || void 0,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 ? combineAriaIds(codeId, labelId ?? dataTableColumnLabelId) : void 0),
+            tabIndex,
+            ref: combinedCheckboxGroupRef,
+            children: [
+              code != null && typeof code !== "boolean" && /* @__PURE__ */ jsx(
+                ControlCode,
+                {
+                  status,
+                  ...codeProps,
+                  id: codeId,
+                  className: cx(
+                    prefix("checkbox-group__code"),
+                    codeProps?.className
+                  ),
+                  children: code
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-status": status,
+                  "data-variant": variant,
+                  "data-disabled": boolDataAttr(disabled || loading),
+                  "data-readonly": boolDataAttr(readOnly),
+                  ...containerProps,
+                  className: cx(
+                    prefix("checkbox-group__container"),
+                    containerProps?.className
+                  ),
+                  children: /* @__PURE__ */ jsx(ClearContexts, { children })
+                }
+              ),
+              showSpinner && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-status": status,
+                  "data-variant": variant,
+                  "data-disabled": boolDataAttr(disabled || loading),
+                  "data-readonly": boolDataAttr(readOnly),
+                  ...endContainerProps,
+                  className: cx(
+                    prefix("checkbox-group__end-container"),
+                    endContainerProps?.className
+                  ),
+                  children: /* @__PURE__ */ jsx(
+                    Spinner,
+                    {
+                      color: controlStatusToAccent(status, "neutral"),
+                      "data-disabled": boolDataAttr(disabled || loading),
+                      ...spinnerProps,
+                      className: cx(
+                        prefix("checkbox-group__spinner"),
+                        spinnerProps?.className
+                      )
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription })
+      ] })
     }
   ) });
 });
@@ -9372,7 +9449,7 @@ const DateInput = forwardRef(
             showClearButton,
             endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
               endAdornment,
-              /* @__PURE__ */ jsx(Tooltip, { content: calendarButtonLabel, children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(Tooltip, { content: calendarButtonLabel, children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(
                 "button",
                 {
                   className: printHidden,
@@ -9381,10 +9458,7 @@ const DateInput = forwardRef(
                   "data-state": void 0,
                   ref: addonButtonRef,
                   "aria-describedby": selectedDateDescriptionId,
-                  children: [
-                    /* @__PURE__ */ jsx(Icon, { icon: faCalendar }),
-                    /* @__PURE__ */ jsx(VisuallyHidden, { children: calendarButtonLabel })
-                  ]
+                  children: /* @__PURE__ */ jsx(Icon, { icon: faCalendar, label: calendarButtonLabel })
                 }
               ) }) }) })
             ] }),
@@ -10005,402 +10079,401 @@ const DateRangeInput = forwardRef(function DateRangeInput2({
     popoverRef,
     popoverContentProps?.ref
   );
-  return /* @__PURE__ */ jsx(ClearContexts, { field: false, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(ClearContexts, { field: false, children: /* @__PURE__ */ jsxs(
     ControlContext.Provider,
     {
       value: { variant, status, disabled, loading, readOnly },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          "data-status": status,
-          "data-accent": controlStatusToAccent(status),
-          "data-variant": variant,
-          "data-disabled": boolDataAttr(
-            disabled || loading || startInputProps?.disabled && endInputProps?.disabled
-          ),
-          "data-readonly": boolDataAttr(
-            readOnly || startInputProps?.readOnly && endInputProps?.readOnly
-          ),
-          className: cx(prefix("date-range-input__root"), className),
-          ...otherProps,
-          ref: forwardedRef,
-          children: [
-            startInputLabelId && /* @__PURE__ */ jsx("span", { hidden: true, id: startInputLabelId, children: startInputLabel }),
-            endInputLabelId && /* @__PURE__ */ jsx("span", { hidden: true, id: endInputLabelId, children: endInputLabel }),
-            loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription }),
-            formatDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: formatDescriptionId, children: formatDescription }),
-            selectedStartDateDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: selectedStartDateDescriptionId, children: selectedDateDescription(descriptionFormattedStart) }),
-            selectedEndDateDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: selectedEndDateDescriptionId, children: selectedDateDescription(descriptionFormattedEnd) }),
-            selectedDateRangeDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: selectedDateRangeDescriptionId, children: selectedDateRangeDescription({
-              start: descriptionFormattedStart,
-              end: descriptionFormattedEnd
-            }) }),
-            code != null && typeof code !== "boolean" && /* @__PURE__ */ jsx(
-              ControlCode,
-              {
-                ...codeProps,
-                id: codeId,
-                className: cx(
-                  prefix("date-range-input__code"),
-                  codeProps?.className
-                ),
-                children: code
-              }
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-status": status,
+            "data-accent": controlStatusToAccent(status),
+            "data-variant": variant,
+            "data-disabled": boolDataAttr(
+              disabled || loading || startInputProps?.disabled && endInputProps?.disabled
             ),
-            /* @__PURE__ */ jsxs(Popover, { open: popoverState.open, modal: popoverState.modal, children: [
-              /* @__PURE__ */ jsxs(
-                PopoverAnchor,
+            "data-readonly": boolDataAttr(
+              readOnly || startInputProps?.readOnly && endInputProps?.readOnly
+            ),
+            className: cx(prefix("date-range-input__root"), className),
+            ...otherProps,
+            ref: forwardedRef,
+            children: [
+              code != null && typeof code !== "boolean" && /* @__PURE__ */ jsx(
+                ControlCode,
                 {
-                  "data-status": status,
-                  "data-accent": controlStatusToAccent(status),
-                  "data-variant": variant,
-                  "data-disabled": boolDataAttr(
-                    disabled || loading || startInputProps?.disabled && endInputProps?.disabled
-                  ),
-                  "data-readonly": boolDataAttr(
-                    readOnly || startInputProps?.readOnly && endInputProps?.readOnly
-                  ),
-                  ...popoverAnchorProps,
+                  ...codeProps,
+                  id: codeId,
                   className: cx(
-                    prefix("date-range-input__container"),
-                    prefix("date-range-input__popover-anchor"),
-                    popoverAnchorProps?.className
+                    prefix("date-range-input__code"),
+                    codeProps?.className
                   ),
-                  children: [
-                    startAdornment,
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        "data-focused": boolDataAttr(
-                          !disabled && !startInputProps?.disabled && popoverState.open && selectionMode === "start"
-                        ),
-                        "data-status": status,
-                        "data-accent": controlStatusToAccent(status),
-                        "data-variant": variant,
-                        "data-disabled": boolDataAttr(
-                          disabled || loading || startInputProps?.disabled && endInputProps?.disabled
-                        ),
-                        "data-readonly": boolDataAttr(
-                          readOnly || startInputProps?.readOnly && endInputProps?.readOnly
-                        ),
-                        ...startContainerProps,
-                        className: cx(
-                          prefix("date-range-input__container"),
-                          prefix("date-range-input__container--start"),
-                          startContainerProps?.className
-                        ),
-                        onPointerDown: combineEventHandlers(
-                          startContainerProps?.onPointerDown,
-                          handleContainerPointerDown("start")
-                        ),
-                        ref: combinedStartContainerRef,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "input",
-                            {
-                              ...startInputProps,
-                              id: controlId,
-                              "data-loading": boolDataAttr(loading),
-                              "data-status": status,
-                              "data-variant": variant,
-                              className: cx(
-                                prefix("date-range-input"),
-                                prefix("date-range-input--start"),
-                                startInputProps?.className
-                              ),
-                              value: formattedValue.start,
-                              placeholder: startInputProps?.placeholder ?? startPlaceholder ?? placeholder,
-                              required: required || startInputProps?.required,
-                              disabled: disabled || startInputProps?.disabled,
-                              readOnly: readOnly || loading || startInputProps?.readOnly,
-                              onChange: combineEventHandlers(
-                                startInputProps?.onChange,
-                                handleStartInputChange
-                              ),
-                              onFocus: combineEventHandlers(
-                                startInputProps?.onFocus,
-                                handleInputFocus("start")
-                              ),
-                              onBlur: combineEventHandlers(
-                                startInputProps?.onBlur,
-                                handleControlBlur
-                              ),
-                              style: { ...cssVars, ...startInputProps?.style },
-                              ...dataAttrs,
-                              "aria-invalid": status === "invalid" || void 0,
-                              "aria-labelledby": startInputProps?.["aria-labelledby"] ?? (startInputProps?.["aria-label"] === void 0 ? combineAriaIds(
-                                codeId,
-                                labelId ?? dataTableColumnLabelId,
-                                startInputLabelId
-                              ) : void 0),
-                              "aria-describedby": combineAriaIds(
-                                loadingDescriptionId,
-                                errorMessageIds,
-                                startInputProps?.["aria-describedby"],
-                                descriptionIds,
-                                formatDescriptionId,
-                                selectedStartDateDescriptionId
-                              ),
-                              ref: combinedStartInputRef
-                            }
+                  children: code
+                }
+              ),
+              /* @__PURE__ */ jsxs(Popover, { open: popoverState.open, modal: popoverState.modal, children: [
+                /* @__PURE__ */ jsxs(
+                  PopoverAnchor,
+                  {
+                    "data-status": status,
+                    "data-accent": controlStatusToAccent(status),
+                    "data-variant": variant,
+                    "data-disabled": boolDataAttr(
+                      disabled || loading || startInputProps?.disabled && endInputProps?.disabled
+                    ),
+                    "data-readonly": boolDataAttr(
+                      readOnly || startInputProps?.readOnly && endInputProps?.readOnly
+                    ),
+                    ...popoverAnchorProps,
+                    className: cx(
+                      prefix("date-range-input__container"),
+                      prefix("date-range-input__popover-anchor"),
+                      popoverAnchorProps?.className
+                    ),
+                    children: [
+                      startAdornment,
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          "data-focused": boolDataAttr(
+                            !disabled && !startInputProps?.disabled && popoverState.open && selectionMode === "start"
                           ),
-                          hasStartClearButton && /* @__PURE__ */ jsx(
-                            CloseButton,
-                            {
-                              size: "sm",
-                              label: clearButtonsLabel,
-                              tabIndex: -1,
-                              ...startClearButtonProps,
-                              className: cx(
-                                prefix("date-range-input__clear-button"),
-                                prefix("date-range-input__clear-button--start"),
-                                printHidden,
-                                startClearButtonProps?.className
-                              ),
-                              onClick: combineEventHandlers(
-                                startClearButtonProps?.onClick,
-                                handleClearButtonClick(startInputRef),
-                                { checkDefaultPrevented: true }
-                              ),
-                              ref: combinedStartClearButtonRef
-                            }
+                          "data-status": status,
+                          "data-accent": controlStatusToAccent(status),
+                          "data-variant": variant,
+                          "data-disabled": boolDataAttr(
+                            disabled || loading || startInputProps?.disabled && endInputProps?.disabled
                           ),
-                          showStartSpinner && /* @__PURE__ */ jsx(
-                            Spinner,
-                            {
-                              color: controlStatusToAccent(status, "neutral"),
-                              "data-disabled": boolDataAttr(
-                                disabled || loading || startInputProps?.disabled
-                              ),
-                              ...spinnerProps,
-                              className: cx(
-                                prefix("date-range-input__spinner"),
-                                prefix("date-range-input__spinner--start"),
-                                spinnerProps?.className
-                              )
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(ControlAddon, { className: cx(prefix("date-range-input__arrow")), children: /* @__PURE__ */ jsx(Icon, { icon: faArrowRight }) }),
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        "data-focused": boolDataAttr(
-                          !disabled && !endInputProps?.disabled && popoverState.open && selectionMode === "end"
-                        ),
-                        "data-status": status,
-                        "data-accent": controlStatusToAccent(status),
-                        "data-variant": variant,
-                        "data-disabled": boolDataAttr(
-                          disabled || loading || startInputProps?.disabled && endInputProps?.disabled
-                        ),
-                        "data-readonly": boolDataAttr(
-                          readOnly || startInputProps?.readOnly && endInputProps?.readOnly
-                        ),
-                        ...endContainerProps,
-                        className: cx(
-                          prefix("date-range-input__container"),
-                          prefix("date-range-input__container--end"),
-                          endContainerProps?.className
-                        ),
-                        onPointerDown: combineEventHandlers(
-                          endContainerProps?.onPointerDown,
-                          handleContainerPointerDown("end")
-                        ),
-                        ref: combinedEndContainerRef,
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "input",
-                            {
-                              ...endInputProps,
-                              "data-loading": boolDataAttr(loading),
-                              "data-status": status,
-                              "data-variant": variant,
-                              className: cx(
-                                prefix("date-range-input"),
-                                prefix("date-range-input--end"),
-                                endInputProps?.className
-                              ),
-                              value: formattedValue.end,
-                              placeholder: endInputProps?.placeholder ?? endPlaceholder ?? placeholder,
-                              required: required || endInputProps?.required,
-                              disabled: disabled || endInputProps?.disabled,
-                              readOnly: readOnly || loading || endInputProps?.readOnly,
-                              onChange: combineEventHandlers(
-                                endInputProps?.onChange,
-                                handleEndInputChange
-                              ),
-                              onFocus: combineEventHandlers(
-                                endInputProps?.onFocus,
-                                handleInputFocus("end")
-                              ),
-                              onBlur: combineEventHandlers(
-                                endInputProps?.onBlur,
-                                handleControlBlur
-                              ),
-                              style: { ...cssVars, ...endInputProps?.style },
-                              ...dataAttrs,
-                              "aria-invalid": status === "invalid" || void 0,
-                              "aria-labelledby": endInputProps?.["aria-labelledby"] ?? (endInputProps?.["aria-label"] === void 0 ? combineAriaIds(
-                                codeId,
-                                labelId ?? dataTableColumnLabelId,
-                                endInputLabelId
-                              ) : void 0),
-                              "aria-describedby": combineAriaIds(
-                                loadingDescriptionId,
-                                errorMessageIds,
-                                endInputProps?.["aria-describedby"],
-                                descriptionIds,
-                                formatDescriptionId,
-                                selectedEndDateDescriptionId
-                              ),
-                              ref: combinedEndInputRef
-                            }
+                          "data-readonly": boolDataAttr(
+                            readOnly || startInputProps?.readOnly && endInputProps?.readOnly
                           ),
-                          hasEndClearButton && /* @__PURE__ */ jsx(
-                            CloseButton,
-                            {
-                              size: "sm",
-                              label: clearButtonsLabel,
-                              tabIndex: -1,
-                              ...endClearButtonProps,
-                              className: cx(
-                                prefix("date-range-input__clear-button"),
-                                prefix("date-range-input__clear-button--end"),
-                                printHidden,
-                                endClearButtonProps?.className
-                              ),
-                              onClick: combineEventHandlers(
-                                endClearButtonProps?.onClick,
-                                handleClearButtonClick(endInputRef),
-                                { checkDefaultPrevented: true }
-                              ),
-                              ref: combinedEndClearButtonRef
-                            }
+                          ...startContainerProps,
+                          className: cx(
+                            prefix("date-range-input__container"),
+                            prefix("date-range-input__container--start"),
+                            startContainerProps?.className
                           ),
-                          showEndSpinner && /* @__PURE__ */ jsx(
-                            Spinner,
-                            {
-                              color: controlStatusToAccent(status, "neutral"),
-                              "data-disabled": boolDataAttr(
-                                disabled || loading || endInputProps?.disabled
-                              ),
-                              ...spinnerProps,
-                              className: cx(
-                                prefix("date-range-input__spinner"),
-                                prefix("date-range-input__spinner--end"),
-                                spinnerProps?.className
-                              )
-                            }
-                          )
-                        ]
-                      }
+                          onPointerDown: combineEventHandlers(
+                            startContainerProps?.onPointerDown,
+                            handleContainerPointerDown("start")
+                          ),
+                          ref: combinedStartContainerRef,
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "input",
+                              {
+                                ...startInputProps,
+                                id: controlId,
+                                "data-loading": boolDataAttr(loading),
+                                "data-status": status,
+                                "data-variant": variant,
+                                className: cx(
+                                  prefix("date-range-input"),
+                                  prefix("date-range-input--start"),
+                                  startInputProps?.className
+                                ),
+                                value: formattedValue.start,
+                                placeholder: startInputProps?.placeholder ?? startPlaceholder ?? placeholder,
+                                required: required || startInputProps?.required,
+                                disabled: disabled || startInputProps?.disabled,
+                                readOnly: readOnly || loading || startInputProps?.readOnly,
+                                onChange: combineEventHandlers(
+                                  startInputProps?.onChange,
+                                  handleStartInputChange
+                                ),
+                                onFocus: combineEventHandlers(
+                                  startInputProps?.onFocus,
+                                  handleInputFocus("start")
+                                ),
+                                onBlur: combineEventHandlers(
+                                  startInputProps?.onBlur,
+                                  handleControlBlur
+                                ),
+                                style: { ...cssVars, ...startInputProps?.style },
+                                ...dataAttrs,
+                                "aria-invalid": status === "invalid" || void 0,
+                                "aria-labelledby": startInputProps?.["aria-labelledby"] ?? (startInputProps?.["aria-label"] === void 0 ? combineAriaIds(
+                                  codeId,
+                                  labelId ?? dataTableColumnLabelId,
+                                  startInputLabelId
+                                ) : void 0),
+                                "aria-describedby": combineAriaIds(
+                                  loadingDescriptionId,
+                                  errorMessageIds,
+                                  startInputProps?.["aria-describedby"],
+                                  descriptionIds,
+                                  formatDescriptionId,
+                                  selectedStartDateDescriptionId
+                                ),
+                                ref: combinedStartInputRef
+                              }
+                            ),
+                            hasStartClearButton && /* @__PURE__ */ jsx(
+                              CloseButton,
+                              {
+                                size: "sm",
+                                label: clearButtonsLabel,
+                                tabIndex: -1,
+                                ...startClearButtonProps,
+                                className: cx(
+                                  prefix("date-range-input__clear-button"),
+                                  prefix("date-range-input__clear-button--start"),
+                                  printHidden,
+                                  startClearButtonProps?.className
+                                ),
+                                onClick: combineEventHandlers(
+                                  startClearButtonProps?.onClick,
+                                  handleClearButtonClick(startInputRef),
+                                  { checkDefaultPrevented: true }
+                                ),
+                                ref: combinedStartClearButtonRef
+                              }
+                            ),
+                            showStartSpinner && /* @__PURE__ */ jsx(
+                              Spinner,
+                              {
+                                color: controlStatusToAccent(status, "neutral"),
+                                "data-disabled": boolDataAttr(
+                                  disabled || loading || startInputProps?.disabled
+                                ),
+                                ...spinnerProps,
+                                className: cx(
+                                  prefix("date-range-input__spinner"),
+                                  prefix("date-range-input__spinner--start"),
+                                  spinnerProps?.className
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(ControlAddon, { className: cx(prefix("date-range-input__arrow")), children: /* @__PURE__ */ jsx(Icon, { icon: faArrowRight }) }),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          "data-focused": boolDataAttr(
+                            !disabled && !endInputProps?.disabled && popoverState.open && selectionMode === "end"
+                          ),
+                          "data-status": status,
+                          "data-accent": controlStatusToAccent(status),
+                          "data-variant": variant,
+                          "data-disabled": boolDataAttr(
+                            disabled || loading || startInputProps?.disabled && endInputProps?.disabled
+                          ),
+                          "data-readonly": boolDataAttr(
+                            readOnly || startInputProps?.readOnly && endInputProps?.readOnly
+                          ),
+                          ...endContainerProps,
+                          className: cx(
+                            prefix("date-range-input__container"),
+                            prefix("date-range-input__container--end"),
+                            endContainerProps?.className
+                          ),
+                          onPointerDown: combineEventHandlers(
+                            endContainerProps?.onPointerDown,
+                            handleContainerPointerDown("end")
+                          ),
+                          ref: combinedEndContainerRef,
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "input",
+                              {
+                                ...endInputProps,
+                                "data-loading": boolDataAttr(loading),
+                                "data-status": status,
+                                "data-variant": variant,
+                                className: cx(
+                                  prefix("date-range-input"),
+                                  prefix("date-range-input--end"),
+                                  endInputProps?.className
+                                ),
+                                value: formattedValue.end,
+                                placeholder: endInputProps?.placeholder ?? endPlaceholder ?? placeholder,
+                                required: required || endInputProps?.required,
+                                disabled: disabled || endInputProps?.disabled,
+                                readOnly: readOnly || loading || endInputProps?.readOnly,
+                                onChange: combineEventHandlers(
+                                  endInputProps?.onChange,
+                                  handleEndInputChange
+                                ),
+                                onFocus: combineEventHandlers(
+                                  endInputProps?.onFocus,
+                                  handleInputFocus("end")
+                                ),
+                                onBlur: combineEventHandlers(
+                                  endInputProps?.onBlur,
+                                  handleControlBlur
+                                ),
+                                style: { ...cssVars, ...endInputProps?.style },
+                                ...dataAttrs,
+                                "aria-invalid": status === "invalid" || void 0,
+                                "aria-labelledby": endInputProps?.["aria-labelledby"] ?? (endInputProps?.["aria-label"] === void 0 ? combineAriaIds(
+                                  codeId,
+                                  labelId ?? dataTableColumnLabelId,
+                                  endInputLabelId
+                                ) : void 0),
+                                "aria-describedby": combineAriaIds(
+                                  loadingDescriptionId,
+                                  errorMessageIds,
+                                  endInputProps?.["aria-describedby"],
+                                  descriptionIds,
+                                  formatDescriptionId,
+                                  selectedEndDateDescriptionId
+                                ),
+                                ref: combinedEndInputRef
+                              }
+                            ),
+                            hasEndClearButton && /* @__PURE__ */ jsx(
+                              CloseButton,
+                              {
+                                size: "sm",
+                                label: clearButtonsLabel,
+                                tabIndex: -1,
+                                ...endClearButtonProps,
+                                className: cx(
+                                  prefix("date-range-input__clear-button"),
+                                  prefix("date-range-input__clear-button--end"),
+                                  printHidden,
+                                  endClearButtonProps?.className
+                                ),
+                                onClick: combineEventHandlers(
+                                  endClearButtonProps?.onClick,
+                                  handleClearButtonClick(endInputRef),
+                                  { checkDefaultPrevented: true }
+                                ),
+                                ref: combinedEndClearButtonRef
+                              }
+                            ),
+                            showEndSpinner && /* @__PURE__ */ jsx(
+                              Spinner,
+                              {
+                                color: controlStatusToAccent(status, "neutral"),
+                                "data-disabled": boolDataAttr(
+                                  disabled || loading || endInputProps?.disabled
+                                ),
+                                ...spinnerProps,
+                                className: cx(
+                                  prefix("date-range-input__spinner"),
+                                  prefix("date-range-input__spinner--end"),
+                                  spinnerProps?.className
+                                )
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      endAdornment,
+                      /* @__PURE__ */ jsx(Tooltip, { content: calendarButtonLabel, children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: handleAddonButtonClick,
+                          onBlur: handleControlBlur,
+                          "data-state": void 0,
+                          className: cx(
+                            prefix("date-range-input__calendar-button"),
+                            printHidden
+                          ),
+                          ref: addonButtonRef,
+                          "aria-describedby": selectedDateRangeDescriptionId,
+                          children: /* @__PURE__ */ jsx(Icon, { icon: faCalendar, label: calendarButtonLabel })
+                        }
+                      ) }) }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PopoverContent,
+                  {
+                    ...popoverContentProps,
+                    className: cx(
+                      prefix("date-range-input__popover"),
+                      popoverContentProps?.className
+                    ),
+                    side: popoverContentProps?.side ?? "bottom",
+                    sideOffset: popoverContentProps?.sideOffset ?? 5,
+                    showArrow: popoverContentProps?.showArrow ?? false,
+                    onOpenAutoFocus: combineEventHandlers(
+                      popoverContentProps?.onOpenAutoFocus,
+                      handlePopoverOpenAutoFocus
+                    ),
+                    onEscapeKeyDown: combineEventHandlers(
+                      popoverContentProps?.onEscapeKeyDown,
+                      handlePopoverEscapeKeyDown
+                    ),
+                    onPointerDownOutside: combineEventHandlers(
+                      popoverContentProps?.onPointerDownOutside,
+                      handlePopoverPointerDownOutside
                     ),
-                    endAdornment,
-                    /* @__PURE__ */ jsx(Tooltip, { content: calendarButtonLabel, children: /* @__PURE__ */ jsx(ControlAddon, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsxs(
-                      "button",
+                    onInteractOutside: combineEventHandlers(
+                      popoverContentProps?.onInteractOutside,
+                      handlePopoverInteractOutside
+                    ),
+                    onBlur: combineEventHandlers(
+                      popoverContentProps?.onBlur,
+                      handleControlBlur
+                    ),
+                    ref: combinedPopoverRef,
+                    children: /* @__PURE__ */ jsx(
+                      DateRangePicker,
                       {
-                        onClick: handleAddonButtonClick,
-                        onBlur: handleControlBlur,
-                        "data-state": void 0,
                         className: cx(
-                          prefix("date-range-input__calendar-button"),
-                          printHidden
+                          prefix("date-range-input__picker"),
+                          dateRangePickerProps?.className
                         ),
-                        ref: addonButtonRef,
-                        "aria-describedby": selectedDateRangeDescriptionId,
-                        children: [
-                          /* @__PURE__ */ jsx(Icon, { icon: faCalendar }),
-                          /* @__PURE__ */ jsx(VisuallyHidden, { children: calendarButtonLabel })
-                        ]
-                      }
-                    ) }) }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                PopoverContent,
-                {
-                  ...popoverContentProps,
-                  className: cx(
-                    prefix("date-range-input__popover"),
-                    popoverContentProps?.className
-                  ),
-                  side: popoverContentProps?.side ?? "bottom",
-                  sideOffset: popoverContentProps?.sideOffset ?? 5,
-                  showArrow: popoverContentProps?.showArrow ?? false,
-                  onOpenAutoFocus: combineEventHandlers(
-                    popoverContentProps?.onOpenAutoFocus,
-                    handlePopoverOpenAutoFocus
-                  ),
-                  onEscapeKeyDown: combineEventHandlers(
-                    popoverContentProps?.onEscapeKeyDown,
-                    handlePopoverEscapeKeyDown
-                  ),
-                  onPointerDownOutside: combineEventHandlers(
-                    popoverContentProps?.onPointerDownOutside,
-                    handlePopoverPointerDownOutside
-                  ),
-                  onInteractOutside: combineEventHandlers(
-                    popoverContentProps?.onInteractOutside,
-                    handlePopoverInteractOutside
-                  ),
-                  onBlur: combineEventHandlers(
-                    popoverContentProps?.onBlur,
-                    handleControlBlur
-                  ),
-                  ref: combinedPopoverRef,
-                  children: /* @__PURE__ */ jsx(
-                    DateRangePicker,
-                    {
-                      className: cx(
-                        prefix("date-range-input__picker"),
-                        dateRangePickerProps?.className
-                      ),
-                      ...dateRangePickerProps,
-                      value: deferredDateValue,
-                      onChange: combineEventHandlers(
-                        dateRangePickerProps?.onChange,
-                        handleDatePickerChange
-                      ),
-                      selectionMode,
-                      month,
-                      onMonthChange: handleMonthChange,
-                      disabled: disabled || loading || readOnly || (startInputProps?.disabled || startInputProps?.readOnly) && (endInputProps?.disabled || endInputProps?.readOnly) || dateRangePickerProps?.disabled,
-                      minDate,
-                      maxDate,
-                      minMonth,
-                      maxMonth,
-                      minYear,
-                      maxYear,
-                      monthSelectProps: {
-                        ...dateRangePickerProps?.monthSelectProps,
-                        popoverProps: {
-                          ...dateRangePickerProps?.monthSelectProps?.popoverProps,
-                          ref: monthSelectMenuRef
-                        }
-                      },
-                      yearSelectProps: {
-                        ...dateRangePickerProps?.yearSelectProps,
-                        popoverProps: {
-                          ...dateRangePickerProps?.yearSelectProps?.popoverProps,
-                          ref: yearSelectMenuRef
+                        ...dateRangePickerProps,
+                        value: deferredDateValue,
+                        onChange: combineEventHandlers(
+                          dateRangePickerProps?.onChange,
+                          handleDatePickerChange
+                        ),
+                        selectionMode,
+                        month,
+                        onMonthChange: handleMonthChange,
+                        disabled: disabled || loading || readOnly || (startInputProps?.disabled || startInputProps?.readOnly) && (endInputProps?.disabled || endInputProps?.readOnly) || dateRangePickerProps?.disabled,
+                        minDate,
+                        maxDate,
+                        minMonth,
+                        maxMonth,
+                        minYear,
+                        maxYear,
+                        monthSelectProps: {
+                          ...dateRangePickerProps?.monthSelectProps,
+                          popoverProps: {
+                            ...dateRangePickerProps?.monthSelectProps?.popoverProps,
+                            ref: monthSelectMenuRef
+                          }
+                        },
+                        yearSelectProps: {
+                          ...dateRangePickerProps?.yearSelectProps,
+                          popoverProps: {
+                            ...dateRangePickerProps?.yearSelectProps?.popoverProps,
+                            ref: yearSelectMenuRef
+                          }
+                        },
+                        headerLabelProps: {
+                          role: popoverState.modal ? "status" : void 0,
+                          ...dateRangePickerProps?.headerLabelProps
                         }
-                      },
-                      headerLabelProps: {
-                        role: popoverState.modal ? "status" : void 0,
-                        ...dateRangePickerProps?.headerLabelProps
                       }
-                    }
-                  )
-                }
-              )
-            ] })
-          ]
-        }
-      )
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        startInputLabelId && /* @__PURE__ */ jsx("span", { hidden: true, id: startInputLabelId, children: startInputLabel }),
+        endInputLabelId && /* @__PURE__ */ jsx("span", { hidden: true, id: endInputLabelId, children: endInputLabel }),
+        loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription }),
+        formatDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: formatDescriptionId, children: formatDescription }),
+        selectedStartDateDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: selectedStartDateDescriptionId, children: selectedDateDescription(descriptionFormattedStart) }),
+        selectedEndDateDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: selectedEndDateDescriptionId, children: selectedDateDescription(descriptionFormattedEnd) }),
+        selectedDateRangeDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: selectedDateRangeDescriptionId, children: selectedDateRangeDescription({
+          start: descriptionFormattedStart,
+          end: descriptionFormattedEnd
+        }) })
+      ]
     }
   ) });
 });
@@ -11288,7 +11361,7 @@ const Link = forwardRef(function Link2({
   );
 });
 function numericToString(v) {
-  return typeof v === "string" ? v : v == null || isNaN(v) ? "" : fromExponential(v);
+  return typeof v === "string" ? v : typeof v === "bigint" ? v.toString() : v == null || isNaN(v) ? "" : fromExponential(v);
 }
 function isNumericStringNegative(v) {
   return v.startsWith("-");
@@ -11734,79 +11807,84 @@ const Radio = forwardRef(function Radio2({
     [loading, readOnly]
   );
   const combinedLabelIds = combineAriaIds(codeId, labelId);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-status": status,
-      ...rootProps,
-      className: cx(prefix("radio__root"), rootProps?.className),
-      children: [
-        codeId && /* @__PURE__ */ jsx(
-          ControlCode,
-          {
-            status,
-            ...codeProps,
-            id: codeId,
-            className: cx(prefix("radio__code"), codeProps?.className),
-            children: code
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RadioGroup$1.Item,
-          {
-            id: controlId,
-            className: cx(prefix("radio"), className),
-            value: value?.toString() ?? "",
-            disabled,
-            "data-loading": boolDataAttr(loading),
-            "data-readonly": boolDataAttr(readOnly),
-            "data-status": status,
-            "aria-disabled": loading || readOnly || void 0,
-            "aria-label": ariaLabel,
-            "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 && combinedLabelIds !== labelId ? combinedLabelIds : void 0),
-            ...otherProps,
-            onClick: combineEventHandlers(onClick, handleClick),
-            ref: forwardedRef,
-            children: /* @__PURE__ */ jsx(
-              RadioGroup$1.Indicator,
-              {
-                ...indicatorProps,
-                className: cx(prefix("radio__indicator"), indicatorProps?.className)
-              }
-            )
-          }
-        ),
-        labelId && /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: controlId,
-            "data-status": status,
-            ...labelProps,
-            id: labelId,
-            className: cx(prefix("radio__label"), labelProps?.className),
-            containerProps: {
-              ...labelProps?.containerProps,
-              className: cx(
-                prefix("radio__label-container"),
-                labelProps?.containerProps?.className
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-status": status,
+        ...rootProps,
+        className: cx(prefix("radio__root"), rootProps?.className),
+        children: [
+          codeId && /* @__PURE__ */ jsx(
+            ControlCode,
+            {
+              status,
+              ...codeProps,
+              id: codeId,
+              className: cx(prefix("radio__code"), codeProps?.className),
+              children: code
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RadioGroup$1.Item,
+            {
+              id: controlId,
+              className: cx(prefix("radio"), className),
+              value: value?.toString() ?? "",
+              disabled,
+              "data-loading": boolDataAttr(loading),
+              "data-readonly": boolDataAttr(readOnly),
+              "data-status": status,
+              "aria-disabled": loading || readOnly || void 0,
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledBy ?? (ariaLabel === void 0 && combinedLabelIds !== labelId ? combinedLabelIds : void 0),
+              ...otherProps,
+              onClick: combineEventHandlers(onClick, handleClick),
+              ref: forwardedRef,
+              children: /* @__PURE__ */ jsx(
+                RadioGroup$1.Indicator,
+                {
+                  ...indicatorProps,
+                  className: cx(
+                    prefix("radio__indicator"),
+                    indicatorProps?.className
+                  )
+                }
               )
-            },
-            children
-          }
-        ),
-        showSpinner && /* @__PURE__ */ jsx(
-          Spinner,
-          {
-            "data-status": status,
-            "data-disabled": boolDataAttr(disabled || loading),
-            ...spinnerProps,
-            className: cx(prefix("radio__spinner"), spinnerProps?.className)
-          }
-        ),
-        loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription })
-      ]
-    }
-  );
+            }
+          ),
+          labelId && /* @__PURE__ */ jsx(
+            Label,
+            {
+              htmlFor: controlId,
+              "data-status": status,
+              ...labelProps,
+              id: labelId,
+              className: cx(prefix("radio__label"), labelProps?.className),
+              containerProps: {
+                ...labelProps?.containerProps,
+                className: cx(
+                  prefix("radio__label-container"),
+                  labelProps?.containerProps?.className
+                )
+              },
+              children
+            }
+          ),
+          showSpinner && /* @__PURE__ */ jsx(
+            Spinner,
+            {
+              "data-status": status,
+              "data-disabled": boolDataAttr(disabled || loading),
+              ...spinnerProps,
+              className: cx(prefix("radio__spinner"), spinnerProps?.className)
+            }
+          )
+        ]
+      }
+    ),
+    loadingDescriptionId && /* @__PURE__ */ jsx("span", { hidden: true, id: loadingDescriptionId, children: loadingDescription })
+  ] });
 });
 const RadioGroup = forwardRef(function RadioGroup2({
   defaultValue,
@@ -12274,10 +12352,12 @@ const Tab = forwardRef(function Tab2({ value, status, tabInnerProps, className,
   const isActive = useStore$1(store, (state) => state.activeTab === stringValue);
   useRegisterTabLabel(stringValue, children);
   const tabRef = useRef(null);
+  const prevIsActiveRef = useRef(isActive);
   useEffect(() => {
-    if (isActive) {
+    if (isActive && !prevIsActiveRef.current) {
       setTimeout(() => tabRef.current?.scrollIntoView({ block: "nearest" }));
     }
+    prevIsActiveRef.current = isActive;
   }, [isActive]);
   const combinedTabRef = useCombinedRef(tabRef, forwardedRef);
   return /* @__PURE__ */ jsxs(
@@ -12865,6 +12945,7 @@ export {
   FieldGroupBody,
   FieldGroupHeader,
   FieldGroupTitle,
+  FieldProvider,
   Grid,
   Heading,
   HelperText,