@vuetify/nightly 3.7.1-master.2024-09-02 → 3.7.1-master.2024-09-03

package/dist/vuetify.d.ts

@@ -67102,24 +67102,28 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VAppBar: typeof import('vuetify/components')['VAppBar']
-    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
-    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VApp: typeof import('vuetify/components')['VApp']
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VAppBar: typeof import('vuetify/components')['VAppBar']
+    VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
+    VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
     VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
-    VBtn: typeof import('vuetify/components')['VBtn']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VCheckbox: typeof import('vuetify/components')['VCheckbox']
     VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VCard: typeof import('vuetify/components')['VCard']
@@ -67128,25 +67132,12 @@ declare module 'vue' {
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VCode: typeof import('vuetify/components')['VCode']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VChip: typeof import('vuetify/components')['VChip']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VCode: typeof import('vuetify/components')['VCode']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VChipGroup: typeof import('vuetify/components')['VChipGroup']
-    VDataTable: typeof import('vuetify/components')['VDataTable']
-    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
-    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
-    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
-    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
-    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
-    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
@@ -67154,24 +67145,35 @@ declare module 'vue' {
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
     VDivider: typeof import('vuetify/components')['VDivider']
+    VDataTable: typeof import('vuetify/components')['VDataTable']
+    VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
+    VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
+    VDataTableRows: typeof import('vuetify/components')['VDataTableRows']
+    VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
+    VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
+    VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
     VFab: typeof import('vuetify/components')['VFab']
-    VField: typeof import('vuetify/components')['VField']
-    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VDialog: typeof import('vuetify/components')['VDialog']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFooter: typeof import('vuetify/components')['VFooter']
     VFileInput: typeof import('vuetify/components')['VFileInput']
+    VField: typeof import('vuetify/components')['VField']
+    VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
     VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
+    VItemGroup: typeof import('vuetify/components')['VItemGroup']
+    VItem: typeof import('vuetify/components')['VItem']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VImg: typeof import('vuetify/components')['VImg']
-    VInput: typeof import('vuetify/components')['VInput']
     VKbd: typeof import('vuetify/components')['VKbd']
+    VInput: typeof import('vuetify/components')['VInput']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -67182,34 +67184,26 @@ declare module 'vue' {
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
     VLabel: typeof import('vuetify/components')['VLabel']
-    VItemGroup: typeof import('vuetify/components')['VItemGroup']
-    VItem: typeof import('vuetify/components')['VItem']
-    VMain: typeof import('vuetify/components')['VMain']
-    VMessages: typeof import('vuetify/components')['VMessages']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
+    VMain: typeof import('vuetify/components')['VMain']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VMessages: typeof import('vuetify/components')['VMessages']
+    VOverlay: typeof import('vuetify/components')['VOverlay']
     VPagination: typeof import('vuetify/components')['VPagination']
     VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VOverlay: typeof import('vuetify/components')['VOverlay']
+    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VSelect: typeof import('vuetify/components')['VSelect']
-    VRating: typeof import('vuetify/components')['VRating']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
     VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
     VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSheet: typeof import('vuetify/components')['VSheet']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTable: typeof import('vuetify/components')['VTable']
-    VTab: typeof import('vuetify/components')['VTab']
-    VTabs: typeof import('vuetify/components')['VTabs']
-    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
-    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VSlider: typeof import('vuetify/components')['VSlider']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
@@ -67217,6 +67211,13 @@ declare module 'vue' {
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
     VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VTable: typeof import('vuetify/components')['VTable']
+    VTab: typeof import('vuetify/components')['VTab']
+    VTabs: typeof import('vuetify/components')['VTabs']
+    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
+    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
     VTextField: typeof import('vuetify/components')['VTextField']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
@@ -67226,10 +67227,9 @@ declare module 'vue' {
     VTooltip: typeof import('vuetify/components')['VTooltip']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
-    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
+    VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VForm: typeof import('vuetify/components')['VForm']
     VContainer: typeof import('vuetify/components')['VContainer']
     VCol: typeof import('vuetify/components')['VCol']
@@ -67248,8 +67248,8 @@ declare module 'vue' {
     VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
-    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VValidation: typeof import('vuetify/components')['VValidation']
+    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -67266,21 +67266,21 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
+    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
     VCalendar: typeof import('vuetify/labs/components')['VCalendar']
     VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
     VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
     VCalendarInterval: typeof import('vuetify/labs/components')['VCalendarInterval']
     VCalendarIntervalEvent: typeof import('vuetify/labs/components')['VCalendarIntervalEvent']
     VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
-    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
     VTreeview: typeof import('vuetify/labs/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.1-master.2024-09-02
+* Vuetify v3.7.1-master.2024-09-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -5389,10 +5389,14 @@ function useLink(props, attrs) {
     return isLink?.value || hasEvent(attrs, 'click') || hasEvent(props, 'click');
   });
   if (typeof RouterLink === 'string' || !('useLink' in RouterLink)) {
+    const href = toRef(props, 'href');
     return {
       isLink,
       isClickable,
-      href: toRef(props, 'href')
+      href,
+      linkProps: reactive({
+        href
+      })
     };
   }
   // vue-router useLink `to` prop needs to be reactive and useLink will crash if undefined
@@ -5404,18 +5408,24 @@ function useLink(props, attrs) {
   // Actual link needs to be undefined when to prop is not used
   const link = computed(() => props.to ? routerLink : undefined);
   const route = useRoute();
+  const isActive = computed(() => {
+    if (!link.value) return false;
+    if (!props.exact) return link.value.isActive?.value ?? false;
+    if (!route.value) return link.value.isExactActive?.value ?? false;
+    return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query);
+  });
+  const href = computed(() => props.to ? link.value?.route.value.href : props.href);
   return {
     isLink,
     isClickable,
+    isActive,
     route: link.value?.route,
     navigate: link.value?.navigate,
-    isActive: computed(() => {
-      if (!link.value) return false;
-      if (!props.exact) return link.value.isActive?.value ?? false;
-      if (!route.value) return link.value.isExactActive?.value ?? false;
-      return link.value.isExactActive?.value && deepEqual(link.value.route.value.query, route.value.query);
-    }),
-    href: computed(() => props.to ? link.value?.route.value.href : props.href)
+    href,
+    linkProps: reactive({
+      href,
+      'aria-current': computed(() => isActive.value ? 'page' : undefined)
+    })
   };
 }
 const makeRouterProps = propsFactory({
@@ -5890,7 +5900,7 @@ const VBtn = genericComponent()({
       const hasPrepend = !!(props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendIcon || slots.append);
       const hasIcon = !!(props.icon && props.icon !== true);
-      return withDirectives(createVNode(Tag, {
+      return withDirectives(createVNode(Tag, mergeProps({
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group?.selectedClass.value, {
           'v-btn--active': isActive.value,
@@ -5907,11 +5917,10 @@ const VBtn = genericComponent()({
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, sizeStyles.value, props.style],
         "aria-busy": props.loading ? true : undefined,
         "disabled": isDisabled.value || undefined,
-        "href": link.href.value,
         "tabindex": props.loading || props.readonly ? -1 : undefined,
         "onClick": onClick,
         "value": valueAttr.value
-      }, {
+      }, link.linkProps), {
         default: () => [genOverlays(true, 'v-btn'), !props.icon && hasPrepend && createVNode("span", {
           "key": "prepend",
           "class": "v-btn__prepend"
@@ -8174,7 +8183,7 @@ const VChip = genericComponent()({
       const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
       const hasPrepend = !!(hasPrependMedia || slots.prepend);
       const hasColor = !group || group.isSelected.value;
-      return isActive.value && withDirectives(createVNode(Tag, {
+      return isActive.value && withDirectives(createVNode(Tag, mergeProps({
         "class": ['v-chip', {
           'v-chip--disabled': props.disabled,
           'v-chip--label': props.label,
@@ -8185,11 +8194,10 @@ const VChip = genericComponent()({
         "style": [hasColor ? colorStyles.value : undefined, props.style],
         "disabled": props.disabled || undefined,
         "draggable": props.draggable,
-        "href": link.href.value,
         "tabindex": isClickable.value ? 0 : undefined,
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
-      }, {
+      }, link.linkProps), {
         default: () => [genOverlays(isClickable.value, 'v-chip'), hasFilter && createVNode(VExpandXTransition, {
           "key": "filter"
         }, {
@@ -9234,7 +9242,7 @@ const VListItem = genericComponent()({
       if (props.activeColor) {
         deprecate('active-color', ['color', 'base-color']);
       }
-      return withDirectives(createVNode(Tag, {
+      return withDirectives(createVNode(Tag, mergeProps({
         "class": ['v-list-item', {
           'v-list-item--active': isActive.value,
           'v-list-item--disabled': props.disabled,
@@ -9245,11 +9253,10 @@ const VListItem = genericComponent()({
           [`${props.activeClass}`]: props.activeClass && isActive.value
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, lineClasses.value, roundedClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, dimensionStyles.value, props.style],
-        "href": link.href.value,
         "tabindex": isClickable.value ? list ? -2 : 0 : undefined,
         "onClick": onClick,
         "onKeydown": isClickable.value && !isLink.value && onKeyDown
-      }, {
+      }, link.linkProps), {
         default: () => [genOverlays(isClickable.value || isActive.value, 'v-list-item'), hasPrepend && createVNode("div", {
           "key": "prepend",
           "class": "v-list-item__prepend"
@@ -14005,8 +14012,7 @@ const VDialog = genericComponent()({
     useRender(() => {
       const overlayProps = VOverlay.filterProps(props);
       const activatorProps = mergeProps({
-        'aria-haspopup': 'dialog',
-        'aria-expanded': String(isActive.value)
+        'aria-haspopup': 'dialog'
       }, props.activatorProps);
       const contentProps = mergeProps({
         tabindex: -1
@@ -14137,12 +14143,10 @@ const VBreadcrumbsItem = genericComponent()({
         "style": [textColorStyles.value, props.style],
         "aria-current": isActive.value ? 'page' : undefined
       }, {
-        default: () => [!link.isLink.value ? slots.default?.() ?? props.title : createVNode("a", {
+        default: () => [!link.isLink.value ? slots.default?.() ?? props.title : createVNode("a", mergeProps({
           "class": "v-breadcrumbs-item--link",
-          "href": link.href.value,
-          "aria-current": isActive.value ? 'page' : undefined,
           "onClick": link.navigate
-        }, [slots.default?.() ?? props.title])]
+        }, link.linkProps), [slots.default?.() ?? props.title])]
       });
     });
     return {};
@@ -14518,7 +14522,7 @@ const VCard = genericComponent()({
       const hasImage = !!(slots.image || props.image);
       const hasCardItem = hasHeader || hasPrepend || hasAppend;
       const hasText = !!(slots.text || props.text != null);
-      return withDirectives(createVNode(Tag, {
+      return withDirectives(createVNode(Tag, mergeProps({
         "class": ['v-card', {
           'v-card--disabled': props.disabled,
           'v-card--flat': props.flat,
@@ -14526,10 +14530,9 @@ const VCard = genericComponent()({
           'v-card--link': isClickable.value
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, variantClasses.value, props.class],
         "style": [colorStyles.value, dimensionStyles.value, locationStyles.value, props.style],
-        "href": link.href.value,
         "onClick": isClickable.value && link.navigate,
         "tabindex": props.disabled ? -1 : undefined
-      }, {
+      }, link.linkProps), {
         default: () => [hasImage && createVNode("div", {
           "key": "image",
           "class": "v-card__image"
@@ -28067,7 +28070,7 @@ function mountComponent(component, props) {
     const value = isObject(binding.value) ? binding.value : {};
 
     // Get the children from the props or directive value, or the element's children
-    const children = () => text ?? el.innerHTML;
+    const children = () => text ?? el.textContent;
 
     // If vnode.ctx is the same as the instance, then we're bound to a plain element
     // and need to find the nearest parent component instance to inherit provides from
@@ -28125,7 +28128,7 @@ function findComponentParent(vnode, root) {
 const Tooltip = useDirectiveComponent(VTooltip, binding => {
   return {
     activator: 'parent',
-    location: binding.arg?.replace('-', ' ') ?? 'top',
+    location: binding.arg?.replace('-', ' '),
     text: typeof binding.value === 'boolean' ? undefined : binding.value
   };
 });
@@ -28231,7 +28234,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.1-master.2024-09-02";
+const version$1 = "3.7.1-master.2024-09-03";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28256,7 +28259,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.1-master.2024-09-02";
+const version = "3.7.1-master.2024-09-03";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };