@instructure/ui-tabs 11.7.8 → 11.7.9-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-tabs
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-tabs

package/lib/Tabs/v1/Panel/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Panel = void 0;
 var _react = require("react");
 var _v11_ = require("@instructure/ui-view/v11_6");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _Transition = require("@instructure/ui-motion/lib/Transition");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiMotion = require("@instructure/ui-motion");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -104,7 +104,7 @@ let Panel = exports.Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       ...props
     } = this.props;
     return (0, _jsxRuntime.jsx)("div", {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       css: styles?.panel,
       role: "tabpanel",
       id: id,
@@ -112,7 +112,7 @@ let Panel = exports.Panel = (_dec = (0, _emotion.withStyle)(_styles.default, _th
       "aria-hidden": this.isHidden ? 'true' : undefined,
       tabIndex: this.isHidden ? undefined : tabIndex,
       ref: this.handleRef,
-      children: (0, _jsxRuntime.jsx)(_Transition.Transition, {
+      children: (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
         type: "fade",
         in: !this.isHidden,
         unmountOnExit: unmountOnExit,

package/lib/Tabs/v1/Tab/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tab = void 0;
 var _react = require("react");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _v11_ = require("@instructure/ui-view/v11_6");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -105,7 +104,7 @@ let Tab = exports.Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       ...props
     } = this.props;
     return (0, _jsxRuntime.jsx)(_v11_.View, {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       as: "div",
       role: "tab",
       id: id,
@@ -118,7 +117,7 @@ let Tab = exports.Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       tabIndex: isSelected && !isDisabled ? 0 : undefined,
       position: "relative",
       focusPosition: "inset",
-      children: (0, _callRenderProp.callRenderProp)(children)
+      children: (0, _uiReactUtils.callRenderProp)(children)
     });
   }
 }) || _class);

package/lib/Tabs/v1/index.js

@@ -14,15 +14,12 @@ exports.default = exports.Tabs = void 0;
 var _react = require("react");
 var _keycode = _interopRequireDefault(require("keycode"));
 var _v11_ = require("@instructure/ui-view/v11_6");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _console = require("@instructure/console");
-var _Focusable = require("@instructure/ui-focusable/lib/Focusable");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
+var _uiFocusable = require("@instructure/ui-focusable");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _debounce = require("@instructure/debounce");
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiUtils = require("@instructure/ui-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -59,7 +56,7 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Tabs extends _react.Component {
+let Tabs = exports.Tabs = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Tabs extends _react.Component {
   static displayName = 'Tabs';
   static componentId = 'Tabs';
   static allowedProps = _props.allowedProps;
@@ -139,7 +136,7 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       leading: true,
       trailing: true
     });
-    this._tabListPosition = (0, _getBoundingClientRect.getBoundingClientRect)(this._tabList);
+    this._tabListPosition = (0, _uiDomUtils.getBoundingClientRect)(this._tabList);
     this._resizeListener = new ResizeObserver(entries => {
       for (const entry of entries) {
         const {
@@ -168,9 +165,9 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
     } = this.props;
     if (styles && tabOverflow === 'scroll') {
       if (variant === 'default') {
-        return (0, _px.px)(styles?.scrollOverlayWidthDefault);
+        return (0, _uiUtils.px)(styles?.scrollOverlayWidthDefault);
       } else {
-        return (0, _px.px)(styles?.scrollOverlayWidthSecondary);
+        return (0, _uiUtils.px)(styles?.scrollOverlayWidthSecondary);
       }
     }
     return 0;
@@ -178,7 +175,7 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
   showActiveTabIfOverlayed(activeTabEl) {
     if (this._tabList && this._tabListPosition && typeof this._tabList.scrollTo === 'function' // test for scrollTo support
     ) {
-      const tabPosition = (0, _getBoundingClientRect.getBoundingClientRect)(activeTabEl);
+      const tabPosition = (0, _uiDomUtils.getBoundingClientRect)(activeTabEl);
       const tabListPosition = this._tabListPosition;
       const tabListBoundStart = tabListPosition.left + this.getOverlayWidth();
       const tabListBoundEnd = tabListPosition.right + this.getOverlayWidth();
@@ -227,10 +224,10 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
     this.setState({
       withTabListOverflow: this._tabList.scrollWidth > this._tabList.offsetWidth
     });
-    this._tabListPosition = (0, _getBoundingClientRect.getBoundingClientRect)(this._tabList);
+    this._tabListPosition = (0, _uiDomUtils.getBoundingClientRect)(this._tabList);
   };
   getNextTab(startIndex, step) {
-    const tabs = _react.Children.toArray(this.props.children).map(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel]) && child);
+    const tabs = _react.Children.toArray(this.props.children).map(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel]) && child);
     const count = tabs.length;
     const change = step < 0 ? step + count : step;
     (0, _console.logError)(startIndex >= 0 && startIndex < count, `[Tabs] Invalid tab index: '${startIndex}'.`);
@@ -301,13 +298,13 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       activePanelClone = /*#__PURE__*/(0, _react.cloneElement)(activePanel, {
         key: `panel-${index}`
       });
-      return (0, _safeCloneElement.safeCloneElement)(activePanelClone, {
+      return (0, _uiReactUtils.safeCloneElement)(activePanelClone, {
         padding: activePanelClone.props.padding || this.props.padding,
         textAlign: activePanelClone.props.textAlign || this.props.textAlign,
         ...commonProps
       });
     } else {
-      return (0, _safeCloneElement.safeCloneElement)(panel, {
+      return (0, _uiReactUtils.safeCloneElement)(panel, {
         key: `panel-${index}`,
         padding: panel.props.padding || this.props.padding,
         textAlign: panel.props.textAlign || this.props.textAlign,
@@ -330,7 +327,7 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       return;
     }
     const tabList = event.currentTarget;
-    const scrollLeftMax = Math.round(tabList.scrollWidth - (0, _getBoundingClientRect.getBoundingClientRect)(tabList).width);
+    const scrollLeftMax = Math.round(tabList.scrollWidth - (0, _uiDomUtils.getBoundingClientRect)(tabList).width);
     const scrollLeft = Math.floor(Math.abs(tabList.scrollLeft));
     this.setState({
       showStartOverLay: scrollLeft > 0,
@@ -352,14 +349,14 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       styles,
       ...props
     } = this.props;
-    const activePanels = _react.Children.toArray(children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel])).filter(child => child.props.active);
+    const activePanels = _react.Children.toArray(children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel])).filter(child => child.props.active);
     if (activePanels.length > 1) {
       (0, _console.logError)(false, `[Tabs] Only one Panel can be marked as active.`);
     }
-    const selectedChildIndex = _react.Children.toArray(children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel])).findIndex(child => child.props.isSelected && !child.props.isDisabled);
+    const selectedChildIndex = _react.Children.toArray(children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel])).findIndex(child => child.props.isSelected && !child.props.isDisabled);
     const selectedIndex = selectedChildIndex >= 0 ? selectedChildIndex : 0;
     _react.Children.toArray(children).map((child, index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel])) {
         const selected = !child.props.isDisabled && (child.props.isSelected || selectedIndex === index);
         const id = this.props.deterministicId(`Tabs_${index}`);
         tabs.push(this.createTab(index, id, selected, child));
@@ -382,14 +379,14 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       css: styles?.endScrollOverlay
     }, "end-overlay") : null;
     return (0, _jsxRuntime.jsxs)(_v11_.View, {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       elementRef: this.handleRef,
       maxWidth: maxWidth,
       margin: margin,
       as: "div",
       css: styles?.container,
       "data-cid": "Tabs",
-      children: [(0, _jsxRuntime.jsx)(_Focusable.Focusable, {
+      children: [(0, _jsxRuntime.jsx)(_uiFocusable.Focusable, {
         ref: this.handleFocusableRef,
         children: () => (0, _jsxRuntime.jsx)(_v11_.View, {
           as: "div",

package/lib/Tabs/v2/Panel/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Panel = void 0;
 var _react = require("react");
 var _latest = require("@instructure/ui-view/latest");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _Transition = require("@instructure/ui-motion/lib/Transition");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiMotion = require("@instructure/ui-motion");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
@@ -103,7 +103,7 @@ let Panel = exports.Panel = (_dec = (0, _emotion.withStyleNew)(_styles.default),
       ...props
     } = this.props;
     return (0, _jsxRuntime.jsx)("div", {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       css: styles?.panel,
       role: "tabpanel",
       id: id,
@@ -111,7 +111,7 @@ let Panel = exports.Panel = (_dec = (0, _emotion.withStyleNew)(_styles.default),
       "aria-hidden": this.isHidden ? 'true' : undefined,
       tabIndex: this.isHidden ? undefined : tabIndex,
       ref: this.handleRef,
-      children: (0, _jsxRuntime.jsx)(_Transition.Transition, {
+      children: (0, _jsxRuntime.jsx)(_uiMotion.Transition, {
         type: "fade",
         in: !this.isHidden,
         unmountOnExit: unmountOnExit,

package/lib/Tabs/v2/Tab/index.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tab = void 0;
 var _react = require("react");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _latest = require("@instructure/ui-view/latest");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -104,7 +103,7 @@ let Tab = exports.Tab = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
       ...props
     } = this.props;
     return (0, _jsxRuntime.jsx)(_latest.View, {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       as: "div",
       role: "tab",
       id: id,
@@ -117,7 +116,7 @@ let Tab = exports.Tab = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
       tabIndex: isSelected && !isDisabled ? 0 : undefined,
       position: "relative",
       focusPosition: "offset",
-      children: (0, _callRenderProp.callRenderProp)(children)
+      children: (0, _uiReactUtils.callRenderProp)(children)
     });
   }
 }) || _class);

package/lib/Tabs/v2/index.js

@@ -14,15 +14,12 @@ exports.default = exports.Tabs = void 0;
 var _react = require("react");
 var _keycode = _interopRequireDefault(require("keycode"));
 var _latest = require("@instructure/ui-view/latest");
-var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _console = require("@instructure/console");
-var _Focusable = require("@instructure/ui-focusable/lib/Focusable");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
+var _uiFocusable = require("@instructure/ui-focusable");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _debounce = require("@instructure/debounce");
-var _px = require("@instructure/ui-utils/lib/px.js");
+var _uiUtils = require("@instructure/ui-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _index = require("./Tab/index.js");
@@ -58,7 +55,7 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Tabs extends _react.Component {
+let Tabs = exports.Tabs = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Tabs extends _react.Component {
   static displayName = 'Tabs';
   static componentId = 'Tabs';
   static allowedProps = _props.allowedProps;
@@ -138,7 +135,7 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       leading: true,
       trailing: true
     });
-    this._tabListPosition = (0, _getBoundingClientRect.getBoundingClientRect)(this._tabList);
+    this._tabListPosition = (0, _uiDomUtils.getBoundingClientRect)(this._tabList);
     this._resizeListener = new ResizeObserver(entries => {
       for (const entry of entries) {
         const {
@@ -167,9 +164,9 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
     } = this.props;
     if (styles && tabOverflow === 'scroll') {
       if (variant === 'default') {
-        return (0, _px.px)(styles?.scrollOverlayWidthDefault);
+        return (0, _uiUtils.px)(styles?.scrollOverlayWidthDefault);
       } else {
-        return (0, _px.px)(styles?.scrollOverlayWidthSecondary);
+        return (0, _uiUtils.px)(styles?.scrollOverlayWidthSecondary);
       }
     }
     return 0;
@@ -177,7 +174,7 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
   showActiveTabIfOverlayed(activeTabEl) {
     if (this._tabList && this._tabListPosition && typeof this._tabList.scrollTo === 'function' // test for scrollTo support
     ) {
-      const tabPosition = (0, _getBoundingClientRect.getBoundingClientRect)(activeTabEl);
+      const tabPosition = (0, _uiDomUtils.getBoundingClientRect)(activeTabEl);
       const tabListPosition = this._tabListPosition;
       const tabListBoundStart = tabListPosition.left + this.getOverlayWidth();
       const tabListBoundEnd = tabListPosition.right + this.getOverlayWidth();
@@ -226,10 +223,10 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
     this.setState({
       withTabListOverflow: this._tabList.scrollWidth > this._tabList.offsetWidth
     });
-    this._tabListPosition = (0, _getBoundingClientRect.getBoundingClientRect)(this._tabList);
+    this._tabListPosition = (0, _uiDomUtils.getBoundingClientRect)(this._tabList);
   };
   getNextTab(startIndex, step) {
-    const tabs = _react.Children.toArray(this.props.children).map(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel]) && child);
+    const tabs = _react.Children.toArray(this.props.children).map(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel]) && child);
     const count = tabs.length;
     const change = step < 0 ? step + count : step;
     (0, _console.logError)(startIndex >= 0 && startIndex < count, `[Tabs] Invalid tab index: '${startIndex}'.`);
@@ -300,13 +297,13 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       activePanelClone = /*#__PURE__*/(0, _react.cloneElement)(activePanel, {
         key: `panel-${index}`
       });
-      return (0, _safeCloneElement.safeCloneElement)(activePanelClone, {
+      return (0, _uiReactUtils.safeCloneElement)(activePanelClone, {
         padding: activePanelClone.props.padding || this.props.padding,
         textAlign: activePanelClone.props.textAlign || this.props.textAlign,
         ...commonProps
       });
     } else {
-      return (0, _safeCloneElement.safeCloneElement)(panel, {
+      return (0, _uiReactUtils.safeCloneElement)(panel, {
         key: `panel-${index}`,
         padding: panel.props.padding || this.props.padding,
         textAlign: panel.props.textAlign || this.props.textAlign,
@@ -329,7 +326,7 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       return;
     }
     const tabList = event.currentTarget;
-    const scrollLeftMax = Math.round(tabList.scrollWidth - (0, _getBoundingClientRect.getBoundingClientRect)(tabList).width);
+    const scrollLeftMax = Math.round(tabList.scrollWidth - (0, _uiDomUtils.getBoundingClientRect)(tabList).width);
     const scrollLeft = Math.floor(Math.abs(tabList.scrollLeft));
     this.setState({
       showStartOverLay: scrollLeft > 0,
@@ -351,14 +348,14 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       styles,
       ...props
     } = this.props;
-    const activePanels = _react.Children.toArray(children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel])).filter(child => child.props.active);
+    const activePanels = _react.Children.toArray(children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel])).filter(child => child.props.active);
     if (activePanels.length > 1) {
       (0, _console.logError)(false, `[Tabs] Only one Panel can be marked as active.`);
     }
-    const selectedChildIndex = _react.Children.toArray(children).filter(child => (0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel])).findIndex(child => child.props.isSelected && !child.props.isDisabled);
+    const selectedChildIndex = _react.Children.toArray(children).filter(child => (0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel])).findIndex(child => child.props.isSelected && !child.props.isDisabled);
     const selectedIndex = selectedChildIndex >= 0 ? selectedChildIndex : 0;
     _react.Children.toArray(children).map((child, index) => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index2.Panel])) {
+      if ((0, _uiReactUtils.matchComponentTypes)(child, [_index2.Panel])) {
         const selected = !child.props.isDisabled && (child.props.isSelected || selectedIndex === index);
         const id = this.props.deterministicId(`Tabs_${index}`);
         tabs.push(this.createTab(index, id, selected, child));
@@ -381,14 +378,14 @@ let Tabs = exports.Tabs = (_dec = (0, _withDeterministicId.withDeterministicId)(
       css: styles?.endScrollOverlay
     }, "end-overlay") : null;
     return (0, _jsxRuntime.jsxs)(_latest.View, {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       elementRef: this.handleRef,
       maxWidth: maxWidth,
       margin: margin,
       as: "div",
       css: styles?.container,
       "data-cid": "Tabs",
-      children: [(0, _jsxRuntime.jsx)(_Focusable.Focusable, {
+      children: [(0, _jsxRuntime.jsx)(_uiFocusable.Focusable, {
         ref: this.handleFocusableRef,
         children: () => (0, _jsxRuntime.jsx)(_latest.View, {
           as: "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tabs",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,24 +16,24 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "keycode": "^2",
-    "@instructure/console": "11.7.8",
-    "@instructure/emotion": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/debounce": "11.7.8",
-    "@instructure/ui-focusable": "11.7.8",
-    "@instructure/ui-i18n": "11.7.8",
-    "@instructure/ui-motion": "11.7.8",
-    "@instructure/ui-themes": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/ui-utils": "11.7.8",
-    "@instructure/ui-view": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/emotion": "11.7.9-snapshot-1",
+    "@instructure/debounce": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-focusable": "11.7.9-snapshot-1",
+    "@instructure/ui-i18n": "11.7.9-snapshot-1",
+    "@instructure/ui-motion": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-themes": "11.7.9-snapshot-1",
+    "@instructure/ui-view": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8",
-    "@instructure/ui-axe-check": "11.7.8",
-    "@instructure/ui-color-utils": "11.7.8"
+    "@instructure/ui-axe-check": "11.7.9-snapshot-1",
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
+    "@instructure/ui-color-utils": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"