@instructure/ui-tabs 8.11.2-snapshot.52 → 8.11.2-snapshot.53

package/es/Tabs/Tab/index.js

@@ -114,7 +114,9 @@ let Tab = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class
       "aria-selected": isSelected ? 'true' : void 0,
       "aria-disabled": isDisabled ? 'true' : void 0,
       "aria-controls": controls,
-      tabIndex: isSelected && !isDisabled ? '0' : void 0
+      tabIndex: isSelected && !isDisabled ? '0' : void 0,
+      position: "relative",
+      focusPosition: "inset"
     }), callRenderProp(children));
   }
 

package/es/Tabs/Tab/styles.js

@@ -102,6 +102,18 @@ const generateStyle = (componentTheme, props) => {
         })
       }
     }
+  }; // overrides for View default focus ring
+
+  const focusRingStyles = {
+    '&:before': {
+      inset: '0.5rem',
+      borderRadius: '0.25rem'
+    },
+    '&:focus': {
+      '&:before': {
+        inset: '0.375rem'
+      }
+    }
   };
   return {
     tab: {
@@ -119,9 +131,7 @@ const generateStyle = (componentTheme, props) => {
       ...(isDisabled && {
         opacity: 0.5
       }),
-      '&:focus': {
-        outline: 'none'
-      },
+      ...focusRingStyles,
       ...variants[variant]
     }
   };

package/es/Tabs/index.js

@@ -46,12 +46,12 @@ import generateComponentTheme from './theme';
 import { Tab } from './Tab';
 import { Panel } from './Panel';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 category: components
 ---
 **/
-
 let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = bidirectional(), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = class Tabs extends Component {
   constructor(props) {
     super(props);
@@ -293,7 +293,7 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = bid
     });
   }
 
-  clonePanel(index, generatedId, selected, panel) {
+  clonePanel(_index, generatedId, selected, panel) {
     const id = panel.props.id || generatedId; // fixHeight can be 0, so simply `fixheight` could return falsy value
 
     const hasFixedHeight = typeof this.props.fixHeight !== 'undefined';
@@ -305,8 +305,8 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = bid
       variant: this.props.variant,
       padding: panel.props.padding || this.props.padding,
       textAlign: panel.props.textAlign || this.props.textAlign,
-      maxHeight: panel.maxHeight || (!hasFixedHeight ? this.props.maxHeight : void 0),
-      minHeight: panel.minHeight || (!hasFixedHeight ? this.props.minHeight : '100%')
+      maxHeight: !hasFixedHeight ? this.props.maxHeight : void 0,
+      minHeight: !hasFixedHeight ? this.props.minHeight : '100%'
     });
   }
 
@@ -363,13 +363,10 @@ let Tabs = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = bid
       css: styles === null || styles === void 0 ? void 0 : styles.container
     }), jsx(Focusable, {
       ref: this.handleFocusableRef
-    }, ({
-      focusVisible
-    }) => jsx(View, {
+    }, () => jsx(View, {
       as: "div",
       position: "relative",
       borderRadius: "medium",
-      withFocusOutline: focusVisible,
       shouldAnimateFocus: false,
       css: styles === null || styles === void 0 ? void 0 : styles.tabs
     }, jsx(View, {

package/lib/Tabs/Tab/index.js

@@ -106,7 +106,9 @@ let Tab = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec
       "aria-selected": isSelected ? 'true' : void 0,
       "aria-disabled": isDisabled ? 'true' : void 0,
       "aria-controls": controls,
-      tabIndex: isSelected && !isDisabled ? '0' : void 0
+      tabIndex: isSelected && !isDisabled ? '0' : void 0,
+      position: "relative",
+      focusPosition: "inset"
     }), (0, _callRenderProp.callRenderProp)(children));
   }
 

package/lib/Tabs/Tab/styles.js

@@ -110,6 +110,18 @@ const generateStyle = (componentTheme, props) => {
         })
       }
     }
+  }; // overrides for View default focus ring
+
+  const focusRingStyles = {
+    '&:before': {
+      inset: '0.5rem',
+      borderRadius: '0.25rem'
+    },
+    '&:focus': {
+      '&:before': {
+        inset: '0.375rem'
+      }
+    }
   };
   return {
     tab: {
@@ -127,9 +139,7 @@ const generateStyle = (componentTheme, props) => {
       ...(isDisabled && {
         opacity: 0.5
       }),
-      '&:focus': {
-        outline: 'none'
-      },
+      ...focusRingStyles,
       ...variants[variant]
     }
   };

package/lib/Tabs/index.js

@@ -308,7 +308,7 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
     });
   }
 
-  clonePanel(index, generatedId, selected, panel) {
+  clonePanel(_index, generatedId, selected, panel) {
     const id = panel.props.id || generatedId; // fixHeight can be 0, so simply `fixheight` could return falsy value
 
     const hasFixedHeight = typeof this.props.fixHeight !== 'undefined';
@@ -320,8 +320,8 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       variant: this.props.variant,
       padding: panel.props.padding || this.props.padding,
       textAlign: panel.props.textAlign || this.props.textAlign,
-      maxHeight: panel.maxHeight || (!hasFixedHeight ? this.props.maxHeight : void 0),
-      minHeight: panel.minHeight || (!hasFixedHeight ? this.props.minHeight : '100%')
+      maxHeight: !hasFixedHeight ? this.props.maxHeight : void 0,
+      minHeight: !hasFixedHeight ? this.props.minHeight : '100%'
     });
   }
 
@@ -380,13 +380,10 @@ let Tabs = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _de
       css: styles === null || styles === void 0 ? void 0 : styles.container
     }), (0, _emotion.jsx)(_Focusable.Focusable, {
       ref: this.handleFocusableRef
-    }, ({
-      focusVisible
-    }) => (0, _emotion.jsx)(_View.View, {
+    }, () => (0, _emotion.jsx)(_View.View, {
       as: "div",
       position: "relative",
       borderRadius: "medium",
-      withFocusOutline: focusVisible,
       shouldAnimateFocus: false,
       css: styles === null || styles === void 0 ? void 0 : styles.tabs
     }, (0, _emotion.jsx)(_View.View, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tabs",
-  "version": "8.11.2-snapshot.52+d51a85e4e",
+  "version": "8.11.2-snapshot.53+3a59c3f04",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,28 +24,28 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-color-utils": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-test-locator": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-themes": "8.11.2-snapshot.52+d51a85e4e"
+    "@instructure/ui-babel-preset": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-color-utils": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-test-locator": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-test-utils": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-themes": "8.11.2-snapshot.53+3a59c3f04"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/debounce": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/emotion": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/shared-types": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-dom-utils": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-focusable": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-i18n": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-motion": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-prop-types": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-testable": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-utils": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/ui-view": "8.11.2-snapshot.52+d51a85e4e",
-    "@instructure/uid": "8.11.2-snapshot.52+d51a85e4e",
+    "@instructure/console": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/debounce": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/emotion": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/shared-types": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-dom-utils": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-focusable": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-i18n": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-motion": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-prop-types": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-react-utils": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-testable": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-utils": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/ui-view": "8.11.2-snapshot.53+3a59c3f04",
+    "@instructure/uid": "8.11.2-snapshot.53+3a59c3f04",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -56,5 +56,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "d51a85e4ec89d499dd5466623fc2efc85e3bddcf"
+  "gitHead": "3a59c3f0443db81631c4f4d5dafe5778389e8dbc"
 }

package/src/Tabs/Tab/index.tsx

@@ -118,6 +118,8 @@ class Tab extends Component<TabsTabProps> {
         aria-controls={controls}
         //@ts-expect-error fix this to be number
         tabIndex={isSelected && !isDisabled ? '0' : undefined}
+        position="relative"
+        focusPosition="inset"
       >
         {callRenderProp(children)}
       </View>

package/src/Tabs/Tab/styles.ts

@@ -115,6 +115,20 @@ const generateStyle = (
     }
   }
 
+  // overrides for View default focus ring
+  const focusRingStyles = {
+    '&:before': {
+      inset: '0.5rem',
+      borderRadius: '0.25rem'
+    },
+
+    '&:focus': {
+      '&:before': {
+        inset: '0.375rem'
+      }
+    }
+  }
+
   return {
     tab: {
       label: 'tab',
@@ -129,7 +143,7 @@ const generateStyle = (
       ...((isSelected || isDisabled) && { cursor: 'default' }),
       ...(isDisabled && { opacity: 0.5 }),
 
-      '&:focus': { outline: 'none' },
+      ...focusRingStyles,
 
       ...variants[variant!]
     }

package/src/Tabs/index.tsx

@@ -23,7 +23,13 @@
  */
 
 /** @jsx jsx */
-import React, { Component, createElement } from 'react'
+import React, {
+  Component,
+  ComponentClass,
+  ComponentElement,
+  createElement,
+  ReactElement
+} from 'react'
 
 import keycode from 'keycode'
 
@@ -49,8 +55,14 @@ import generateComponentTheme from './theme'
 
 import { Tab } from './Tab'
 import { Panel } from './Panel'
-import type { TabsProps } from './props'
+
 import { allowedProps, propTypes } from './props'
+import type { TabsProps } from './props'
+import type { TabsTabProps } from './Tab/props'
+import type { TabsPanelProps } from './Panel/props'
+
+type TabChild = ReactElement & ComponentElement<TabsTabProps, any>
+type PanelChild = ReactElement & ComponentElement<TabsPanelProps, any>
 
 /**
 ---
@@ -354,12 +366,15 @@ class Tabs extends Component<TabsProps> {
       this.showActiveTabIfOverlayed(this._tabList.querySelector(`#tab-${id}`))
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'index' implicitly has an 'any' type.
-  createTab(index, generatedId, selected, panel) {
+  createTab(
+    index: number,
+    generatedId: string,
+    selected: boolean,
+    panel: PanelChild
+  ): TabChild {
     const id = panel.props.id || generatedId
 
-    // @ts-expect-error ts-migrate(2769) FIXME: No overload matches this call.
-    return createElement(Tab, {
+    return createElement(Tab as ComponentClass<TabsTabProps>, {
       variant: this.props.variant,
       key: `tab-${id}`,
       id: `tab-${id}`,
@@ -373,8 +388,12 @@ class Tabs extends Component<TabsProps> {
     })
   }
 
-  // @ts-expect-error ts-migrate(6133) FIXME: 'index' is declared but its value is never read.
-  clonePanel(index, generatedId, selected, panel) {
+  clonePanel(
+    _index: number,
+    generatedId: string,
+    selected: boolean,
+    panel: PanelChild
+  ) {
     const id = panel.props.id || generatedId
 
     // fixHeight can be 0, so simply `fixheight` could return falsy value
@@ -388,10 +407,8 @@ class Tabs extends Component<TabsProps> {
       variant: this.props.variant,
       padding: panel.props.padding || this.props.padding,
       textAlign: panel.props.textAlign || this.props.textAlign,
-      maxHeight:
-        panel.maxHeight || (!hasFixedHeight ? this.props.maxHeight : undefined),
-      minHeight:
-        panel.minHeight || (!hasFixedHeight ? this.props.minHeight : '100%')
+      maxHeight: !hasFixedHeight ? this.props.maxHeight : undefined,
+      minHeight: !hasFixedHeight ? this.props.minHeight : '100%'
     })
   }
 
@@ -419,8 +436,7 @@ class Tabs extends Component<TabsProps> {
   render() {
     // @ts-expect-error ts-migrate(7034) FIXME: Variable 'panels' implicitly has type 'any[]' in s... Remove this comment to see the full error message
     const panels = []
-    // @ts-expect-error ts-migrate(7034) FIXME: Variable 'tabs' implicitly has type 'any[]' in som... Remove this comment to see the full error message
-    const tabs = []
+    const tabs: TabChild[] = []
     const {
       children,
       elementRef,
@@ -445,14 +461,12 @@ class Tabs extends Component<TabsProps> {
     React.Children.forEach(children, (child) => {
       if (matchComponentTypes(child, [Panel])) {
         const selected =
-          // @ts-expect-error ts-migrate(2533) FIXME: Object is possibly 'null' or 'undefined'.
-          !child.props.isDisabled &&
-          // @ts-expect-error ts-migrate(2533) FIXME: Object is possibly 'null' or 'undefined'.
-          (child.props.isSelected || selectedIndex === index)
+          !(child as PanelChild).props.isDisabled &&
+          ((child as PanelChild).props.isSelected || selectedIndex === index)
         const id = uid()
 
-        tabs.push(this.createTab(index, id, selected, child))
-        panels.push(this.clonePanel(index, id, selected, child))
+        tabs.push(this.createTab(index, id, selected, child as PanelChild))
+        panels.push(this.clonePanel(index, id, selected, child as PanelChild))
 
         index++
       } else {
@@ -486,12 +500,11 @@ class Tabs extends Component<TabsProps> {
         css={styles?.container}
       >
         <Focusable ref={this.handleFocusableRef}>
-          {({ focusVisible }) => (
+          {() => (
             <View
               as="div"
               position="relative"
               borderRadius="medium"
-              withFocusOutline={focusVisible}
               shouldAnimateFocus={false}
               css={styles?.tabs}
             >
@@ -502,7 +515,6 @@ class Tabs extends Component<TabsProps> {
                 aria-label={screenReaderLabel}
                 elementRef={this.handleTabListRef}
               >
-                {/* @ts-expect-error ts-migrate(7005) FIXME: Variable 'tabs' implicitly has an 'any[]' type. */}
                 {tabs}
                 {withScrollFade && scrollFadeEls}
               </View>

package/types/Tabs/Tab/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;;GAKG;AACH,cACM,GAAI,SAAQ,SAAS,CAAC,YAAY,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;MASlB;IAED,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,WAAW,uBASV;IAGD,aAAa,uBASZ;IAED,MAAM;CA+BP;AAED,eAAe,GAAG,CAAA;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tab/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;;GAKG;AACH,cACM,GAAI,SAAQ,SAAS,CAAC,YAAY,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;MASlB;IAED,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,WAAW,uBASV;IAGD,aAAa,uBASZ;IAED,MAAM;CAiCP;AAED,eAAe,GAAG,CAAA;AAClB,OAAO,EAAE,GAAG,EAAE,CAAA"}

package/types/Tabs/Tab/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tab/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAUzD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,YAAY,SACrB,YAAY,KAClB,YAsFF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tab/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAUzD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,YAAY,SACrB,YAAY,KAClB,YAoGF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Tabs/index.d.ts

@@ -1,9 +1,13 @@
 /** @jsx jsx */
-import React, { Component } from 'react';
+import React, { Component, ComponentElement, ReactElement } from 'react';
 import { jsx } from '@instructure/emotion';
 import { Tab } from './Tab';
 import { Panel } from './Panel';
 import type { TabsProps } from './props';
+import type { TabsTabProps } from './Tab/props';
+import type { TabsPanelProps } from './Panel/props';
+declare type TabChild = ReactElement & ComponentElement<TabsTabProps, any>;
+declare type PanelChild = ReactElement & ComponentElement<TabsPanelProps, any>;
 /**
 ---
 category: components
@@ -82,18 +86,8 @@ declare class Tabs extends Component<TabsProps> {
         index: any;
         id: any;
     }): void;
-    createTab(index: any, generatedId: any, selected: any, panel: any): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-    clonePanel(index: any, generatedId: any, selected: any, panel: any): React.ReactElement<{
-        id: any;
-        labelledBy: string;
-        isSelected: any;
-        key: any;
-        variant: "default" | "secondary" | undefined;
-        padding: any;
-        textAlign: any;
-        maxHeight: any;
-        minHeight: any;
-    }, string | React.JSXElementConstructor<any>>;
+    createTab(index: number, generatedId: string, selected: boolean, panel: PanelChild): TabChild;
+    clonePanel(_index: number, generatedId: string, selected: boolean, panel: PanelChild): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     handleFocusableRef: (el: any) => void;
     handleTabListRef: (el: any) => void;
     focus(): void;

package/types/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tabs/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAA;AAmBvD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGxC;;;;GAIG;AACH,cAGM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAQlB;IAED,MAAM,CAAC,KAAK,eAAQ;IACpB,MAAM,CAAC,GAAG,aAAM;IAEhB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;gBAGW,KAAK,KAAA;IAajB,iBAAiB;IAcjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IA+CjD,oBAAoB;IAIpB,mBAAmB;IA2BnB,oBAAoB;IAepB,eAAe;IAaf,wBAAwB,CAAC,WAAW,KAAA;IAiDpC,cAAc;;;eAGb;IAGD,gBAAgB;;eAoBf;IAED,YAAY,aAQX;IAGD,UAAU,CAAC,UAAU,KAAA,EAAE,IAAI,KAAA;;;;IA8B3B,YAAY,CAAC,KAAK,KAAA,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;;;KAAA;IAYjC,SAAS,CAAC,KAAK,KAAA,EAAE,WAAW,KAAA,EAAE,QAAQ,KAAA,EAAE,KAAK,KAAA;IAmB7C,UAAU,CAAC,KAAK,KAAA,EAAE,WAAW,KAAA,EAAE,QAAQ,KAAA,EAAE,KAAK,KAAA;;;;;;;;;;;IAsB9C,kBAAkB,oBAGjB;IAGD,gBAAgB,oBAGf;IAED,KAAK;IASL,MAAM;CAqGP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tabs/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EACZ,SAAS,EAET,gBAAgB,EAEhB,YAAY,EACb,MAAM,OAAO,CAAA;AAmBd,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,aAAK,QAAQ,GAAG,YAAY,GAAG,gBAAgB,CAAC,YAAY,EAAE,GAAG,CAAC,CAAA;AAClE,aAAK,UAAU,GAAG,YAAY,GAAG,gBAAgB,CAAC,cAAc,EAAE,GAAG,CAAC,CAAA;AAEtE;;;;GAIG;AACH,cAGM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAQlB;IAED,MAAM,CAAC,KAAK,eAAQ;IACpB,MAAM,CAAC,GAAG,aAAM;IAEhB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;gBAGW,KAAK,KAAA;IAajB,iBAAiB;IAcjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IA+CjD,oBAAoB;IAIpB,mBAAmB;IA2BnB,oBAAoB;IAepB,eAAe;IAaf,wBAAwB,CAAC,WAAW,KAAA;IAiDpC,cAAc;;;eAGb;IAGD,gBAAgB;;eAoBf;IAED,YAAY,aAQX;IAGD,UAAU,CAAC,UAAU,KAAA,EAAE,IAAI,KAAA;;;;IA8B3B,YAAY,CAAC,KAAK,KAAA,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;;;KAAA;IAWjC,SAAS,CACP,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,UAAU,GAChB,QAAQ;IAiBX,UAAU,CACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,UAAU;IAqBnB,kBAAkB,oBAGjB;IAGD,gBAAgB,oBAGf;IAED,KAAK;IASL,MAAM;CAgGP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA"}