@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/tabs/tablist.js

@@ -1,33 +1,15 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import warning from '@wordpress/warning';
-import { forwardRef, useLayoutEffect, useState } from '@wordpress/element';
-import { useMergeRefs } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-
-import { useTabsContext } from './context';
-import { StyledTabList } from './styles';
-import { useTrackElementOffsetRect } from '../utils/element-rect';
-import { useTrackOverflow } from './use-track-overflow';
-import { useAnimatedOffsetRect } from '../utils/hooks/use-animated-offset-rect';
+import * as Ariakit from "@ariakit/react";
+import clsx from "clsx";
+import warning from "@wordpress/warning";
+import { forwardRef, useLayoutEffect, useState } from "@wordpress/element";
+import { useMergeRefs } from "@wordpress/compose";
+import { useTabsContext } from "./context";
+import { StyledTabList } from "./styles";
+import { useTrackElementOffsetRect } from "../utils/element-rect";
+import { useTrackOverflow } from "./use-track-overflow";
+import { useAnimatedOffsetRect } from "../utils/hooks/use-animated-offset-rect";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DEFAULT_SCROLL_MARGIN = 24;
-
-/**
- * Scrolls a given parent element so that a given rect is visible.
- *
- * The scroll is updated initially and whenever the rect changes.
- */
 function useScrollRectIntoView(parent, rect, {
   margin = DEFAULT_SCROLL_MARGIN
 } = {}) {
@@ -54,18 +36,13 @@ function useScrollRectIntoView(parent, rect, {
       scrollLeft = parentScroll + rightOverflow;
     }
     if (scrollLeft !== null) {
-      /**
-       * The optional chaining is used here to avoid unit test failures.
-       * It can be removed when JSDOM supports `Element` scroll methods.
-       * See: https://github.com/WordPress/gutenberg/pull/66498#issuecomment-2441146096
-       */
       parent.scroll?.({
         left: scrollLeft
       });
     }
   }, [margin, parent, rect]);
 }
-export const TabList = forwardRef(function TabList({
+const TabList = forwardRef(function TabList2({
   children,
   ...otherProps
 }, ref) {
@@ -73,69 +50,59 @@ export const TabList = forwardRef(function TabList({
   const {
     store
   } = (_useTabsContext = useTabsContext()) !== null && _useTabsContext !== void 0 ? _useTabsContext : {};
-  const selectedId = Ariakit.useStoreState(store, 'selectedId');
-  const activeId = Ariakit.useStoreState(store, 'activeId');
-  const selectOnMove = Ariakit.useStoreState(store, 'selectOnMove');
-  const items = Ariakit.useStoreState(store, 'items');
+  const selectedId = Ariakit.useStoreState(store, "selectedId");
+  const activeId = Ariakit.useStoreState(store, "activeId");
+  const selectOnMove = Ariakit.useStoreState(store, "selectOnMove");
+  const items = Ariakit.useStoreState(store, "items");
   const [parent, setParent] = useState();
   const refs = useMergeRefs([ref, setParent]);
   const selectedItem = store?.item(selectedId);
-  const renderedItems = Ariakit.useStoreState(store, 'renderedItems');
+  const renderedItems = Ariakit.useStoreState(store, "renderedItems");
   const selectedItemIndex = renderedItems && selectedItem ? renderedItems.indexOf(selectedItem) : -1;
-  // Use selectedItemIndex as a dependency to force recalculation when the
-  // selected item index changes (elements are swapped / added / removed).
   const selectedRect = useTrackElementOffsetRect(selectedItem?.element, [selectedItemIndex]);
-
-  // Track overflow to show scroll hints.
   const overflow = useTrackOverflow(parent, {
     first: items?.at(0)?.element,
     last: items?.at(-1)?.element
   });
-
-  // Size, position, and animate the indicator.
   useAnimatedOffsetRect(parent, selectedRect, {
-    prefix: 'selected',
-    dataAttribute: 'indicator-animated',
-    transitionEndFilter: event => event.pseudoElement === '::before',
+    prefix: "selected",
+    dataAttribute: "indicator-animated",
+    transitionEndFilter: (event) => event.pseudoElement === "::before",
     roundRect: true
   });
-
-  // Make sure selected tab is scrolled into view.
   useScrollRectIntoView(parent, selectedRect);
   const onBlur = () => {
     if (!selectOnMove) {
       return;
     }
-
-    // When automatic tab selection is on, make sure that the active tab is up
-    // to date with the selected tab when leaving the tablist. This makes sure
-    // that the selected tab will receive keyboard focus when tabbing back into
-    // the tablist.
     if (selectedId !== activeId) {
       store?.setActiveId(selectedId);
     }
   };
   if (!store) {
-    globalThis.SCRIPT_DEBUG === true ? warning('`Tabs.TabList` must be wrapped in a `Tabs` component.') : void 0;
+    globalThis.SCRIPT_DEBUG === true ? warning("`Tabs.TabList` must be wrapped in a `Tabs` component.") : void 0;
     return null;
   }
-  return /*#__PURE__*/_jsx(StyledTabList, {
+  return /* @__PURE__ */ _jsx(StyledTabList, {
     ref: refs,
-    store: store,
-    render: props => {
+    store,
+    render: (props) => {
       var _props$tabIndex;
-      return /*#__PURE__*/_jsx("div", {
+      return /* @__PURE__ */ _jsx("div", {
         ...props,
         // Fallback to -1 to prevent browsers from making the tablist
         // tabbable when it is a scrolling container.
         tabIndex: (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : -1
       });
     },
-    onBlur: onBlur,
-    "data-select-on-move": selectOnMove ? 'true' : 'false',
+    onBlur,
+    "data-select-on-move": selectOnMove ? "true" : "false",
     ...otherProps,
-    className: clsx(overflow.first && 'is-overflowing-first', overflow.last && 'is-overflowing-last', otherProps.className),
-    children: children
+    className: clsx(overflow.first && "is-overflowing-first", overflow.last && "is-overflowing-last", otherProps.className),
+    children
   });
 });
-//# sourceMappingURL=tablist.js.map
+export {
+  TabList
+};
+//# sourceMappingURL=tablist.js.map

package/build-module/tabs/tablist.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","clsx","warning","forwardRef","useLayoutEffect","useState","useMergeRefs","useTabsContext","StyledTabList","useTrackElementOffsetRect","useTrackOverflow","useAnimatedOffsetRect","jsx","_jsx","DEFAULT_SCROLL_MARGIN","useScrollRectIntoView","parent","rect","margin","scrollLeft","parentScroll","parentWidth","getBoundingClientRect","width","left","childLeft","childWidth","parentRightEdge","childRightEdge","rightOverflow","leftOverflow","scroll","TabList","children","otherProps","ref","_useTabsContext","store","selectedId","useStoreState","activeId","selectOnMove","items","setParent","refs","selectedItem","item","renderedItems","selectedItemIndex","indexOf","selectedRect","element","overflow","first","at","last","prefix","dataAttribute","transitionEndFilter","event","pseudoElement","roundRect","onBlur","setActiveId","globalThis","SCRIPT_DEBUG","render","props","_props$tabIndex","tabIndex","className"],"sources":["@wordpress/components/src/tabs/tablist.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\nimport { forwardRef, useLayoutEffect, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { TabListProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport type { ElementOffsetRect } from '../utils/element-rect';\nimport { useTabsContext } from './context';\nimport { StyledTabList } from './styles';\nimport { useTrackElementOffsetRect } from '../utils/element-rect';\nimport { useTrackOverflow } from './use-track-overflow';\nimport { useAnimatedOffsetRect } from '../utils/hooks/use-animated-offset-rect';\n\nconst DEFAULT_SCROLL_MARGIN = 24;\n\n/**\n * Scrolls a given parent element so that a given rect is visible.\n *\n * The scroll is updated initially and whenever the rect changes.\n */\nfunction useScrollRectIntoView(\n\tparent: HTMLElement | undefined,\n\trect: ElementOffsetRect,\n\t{ margin = DEFAULT_SCROLL_MARGIN } = {}\n) {\n\tuseLayoutEffect( () => {\n\t\tif ( ! parent || ! rect ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { scrollLeft: parentScroll } = parent;\n\t\tconst parentWidth = parent.getBoundingClientRect().width;\n\t\tconst { left: childLeft, width: childWidth } = rect;\n\n\t\tconst parentRightEdge = parentScroll + parentWidth;\n\t\tconst childRightEdge = childLeft + childWidth;\n\t\tconst rightOverflow = childRightEdge + margin - parentRightEdge;\n\t\tconst leftOverflow = parentScroll - ( childLeft - margin );\n\n\t\tlet scrollLeft = null;\n\t\tif ( leftOverflow > 0 ) {\n\t\t\tscrollLeft = parentScroll - leftOverflow;\n\t\t} else if ( rightOverflow > 0 ) {\n\t\t\tscrollLeft = parentScroll + rightOverflow;\n\t\t}\n\n\t\tif ( scrollLeft !== null ) {\n\t\t\t/**\n\t\t\t * The optional chaining is used here to avoid unit test failures.\n\t\t\t * It can be removed when JSDOM supports `Element` scroll methods.\n\t\t\t * See: https://github.com/WordPress/gutenberg/pull/66498#issuecomment-2441146096\n\t\t\t */\n\t\t\tparent.scroll?.( { left: scrollLeft } );\n\t\t}\n\t}, [ margin, parent, rect ] );\n}\n\nexport const TabList = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< TabListProps, 'div', false >\n>( function TabList( { children, ...otherProps }, ref ) {\n\tconst { store } = useTabsContext() ?? {};\n\n\tconst selectedId = Ariakit.useStoreState( store, 'selectedId' );\n\tconst activeId = Ariakit.useStoreState( store, 'activeId' );\n\tconst selectOnMove = Ariakit.useStoreState( store, 'selectOnMove' );\n\tconst items = Ariakit.useStoreState( store, 'items' );\n\tconst [ parent, setParent ] = useState< HTMLElement >();\n\tconst refs = useMergeRefs( [ ref, setParent ] );\n\n\tconst selectedItem = store?.item( selectedId );\n\tconst renderedItems = Ariakit.useStoreState( store, 'renderedItems' );\n\n\tconst selectedItemIndex =\n\t\trenderedItems && selectedItem\n\t\t\t? renderedItems.indexOf( selectedItem )\n\t\t\t: -1;\n\t// Use selectedItemIndex as a dependency to force recalculation when the\n\t// selected item index changes (elements are swapped / added / removed).\n\tconst selectedRect = useTrackElementOffsetRect( selectedItem?.element, [\n\t\tselectedItemIndex,\n\t] );\n\n\t// Track overflow to show scroll hints.\n\tconst overflow = useTrackOverflow( parent, {\n\t\tfirst: items?.at( 0 )?.element,\n\t\tlast: items?.at( -1 )?.element,\n\t} );\n\n\t// Size, position, and animate the indicator.\n\tuseAnimatedOffsetRect( parent, selectedRect, {\n\t\tprefix: 'selected',\n\t\tdataAttribute: 'indicator-animated',\n\t\ttransitionEndFilter: ( event ) => event.pseudoElement === '::before',\n\t\troundRect: true,\n\t} );\n\n\t// Make sure selected tab is scrolled into view.\n\tuseScrollRectIntoView( parent, selectedRect );\n\n\tconst onBlur = () => {\n\t\tif ( ! selectOnMove ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// When automatic tab selection is on, make sure that the active tab is up\n\t\t// to date with the selected tab when leaving the tablist. This makes sure\n\t\t// that the selected tab will receive keyboard focus when tabbing back into\n\t\t// the tablist.\n\t\tif ( selectedId !== activeId ) {\n\t\t\tstore?.setActiveId( selectedId );\n\t\t}\n\t};\n\n\tif ( ! store ) {\n\t\twarning( '`Tabs.TabList` must be wrapped in a `Tabs` component.' );\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<StyledTabList\n\t\t\tref={ refs }\n\t\t\tstore={ store }\n\t\t\trender={ ( props ) => (\n\t\t\t\t<div\n\t\t\t\t\t{ ...props }\n\t\t\t\t\t// Fallback to -1 to prevent browsers from making the tablist\n\t\t\t\t\t// tabbable when it is a scrolling container.\n\t\t\t\t\ttabIndex={ props.tabIndex ?? -1 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\tonBlur={ onBlur }\n\t\t\tdata-select-on-move={ selectOnMove ? 'true' : 'false' }\n\t\t\t{ ...otherProps }\n\t\t\tclassName={ clsx(\n\t\t\t\toverflow.first && 'is-overflowing-first',\n\t\t\t\toverflow.last && 'is-overflowing-last',\n\t\t\t\totherProps.className\n\t\t\t) }\n\t\t>\n\t\t\t{ children }\n\t\t</StyledTabList>\n\t);\n} );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/tabs/tablist.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport warning from '@wordpress/warning';\nimport { forwardRef, useLayoutEffect, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport { useTabsContext } from './context';\nimport { StyledTabList } from './styles';\nimport { useTrackElementOffsetRect } from '../utils/element-rect';\nimport { useTrackOverflow } from './use-track-overflow';\nimport { useAnimatedOffsetRect } from '../utils/hooks/use-animated-offset-rect';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_SCROLL_MARGIN = 24;\n\n/**\n * Scrolls a given parent element so that a given rect is visible.\n *\n * The scroll is updated initially and whenever the rect changes.\n */\nfunction useScrollRectIntoView(parent, rect, {\n  margin = DEFAULT_SCROLL_MARGIN\n} = {}) {\n  useLayoutEffect(() => {\n    if (!parent || !rect) {\n      return;\n    }\n    const {\n      scrollLeft: parentScroll\n    } = parent;\n    const parentWidth = parent.getBoundingClientRect().width;\n    const {\n      left: childLeft,\n      width: childWidth\n    } = rect;\n    const parentRightEdge = parentScroll + parentWidth;\n    const childRightEdge = childLeft + childWidth;\n    const rightOverflow = childRightEdge + margin - parentRightEdge;\n    const leftOverflow = parentScroll - (childLeft - margin);\n    let scrollLeft = null;\n    if (leftOverflow > 0) {\n      scrollLeft = parentScroll - leftOverflow;\n    } else if (rightOverflow > 0) {\n      scrollLeft = parentScroll + rightOverflow;\n    }\n    if (scrollLeft !== null) {\n      /**\n       * The optional chaining is used here to avoid unit test failures.\n       * It can be removed when JSDOM supports `Element` scroll methods.\n       * See: https://github.com/WordPress/gutenberg/pull/66498#issuecomment-2441146096\n       */\n      parent.scroll?.({\n        left: scrollLeft\n      });\n    }\n  }, [margin, parent, rect]);\n}\nexport const TabList = forwardRef(function TabList({\n  children,\n  ...otherProps\n}, ref) {\n  var _useTabsContext;\n  const {\n    store\n  } = (_useTabsContext = useTabsContext()) !== null && _useTabsContext !== void 0 ? _useTabsContext : {};\n  const selectedId = Ariakit.useStoreState(store, 'selectedId');\n  const activeId = Ariakit.useStoreState(store, 'activeId');\n  const selectOnMove = Ariakit.useStoreState(store, 'selectOnMove');\n  const items = Ariakit.useStoreState(store, 'items');\n  const [parent, setParent] = useState();\n  const refs = useMergeRefs([ref, setParent]);\n  const selectedItem = store?.item(selectedId);\n  const renderedItems = Ariakit.useStoreState(store, 'renderedItems');\n  const selectedItemIndex = renderedItems && selectedItem ? renderedItems.indexOf(selectedItem) : -1;\n  // Use selectedItemIndex as a dependency to force recalculation when the\n  // selected item index changes (elements are swapped / added / removed).\n  const selectedRect = useTrackElementOffsetRect(selectedItem?.element, [selectedItemIndex]);\n\n  // Track overflow to show scroll hints.\n  const overflow = useTrackOverflow(parent, {\n    first: items?.at(0)?.element,\n    last: items?.at(-1)?.element\n  });\n\n  // Size, position, and animate the indicator.\n  useAnimatedOffsetRect(parent, selectedRect, {\n    prefix: 'selected',\n    dataAttribute: 'indicator-animated',\n    transitionEndFilter: event => event.pseudoElement === '::before',\n    roundRect: true\n  });\n\n  // Make sure selected tab is scrolled into view.\n  useScrollRectIntoView(parent, selectedRect);\n  const onBlur = () => {\n    if (!selectOnMove) {\n      return;\n    }\n\n    // When automatic tab selection is on, make sure that the active tab is up\n    // to date with the selected tab when leaving the tablist. This makes sure\n    // that the selected tab will receive keyboard focus when tabbing back into\n    // the tablist.\n    if (selectedId !== activeId) {\n      store?.setActiveId(selectedId);\n    }\n  };\n  if (!store) {\n    globalThis.SCRIPT_DEBUG === true ? warning('`Tabs.TabList` must be wrapped in a `Tabs` component.') : void 0;\n    return null;\n  }\n  return /*#__PURE__*/_jsx(StyledTabList, {\n    ref: refs,\n    store: store,\n    render: props => {\n      var _props$tabIndex;\n      return /*#__PURE__*/_jsx(\"div\", {\n        ...props,\n        // Fallback to -1 to prevent browsers from making the tablist\n        // tabbable when it is a scrolling container.\n        tabIndex: (_props$tabIndex = props.tabIndex) !== null && _props$tabIndex !== void 0 ? _props$tabIndex : -1\n      });\n    },\n    onBlur: onBlur,\n    \"data-select-on-move\": selectOnMove ? 'true' : 'false',\n    ...otherProps,\n    className: clsx(overflow.first && 'is-overflowing-first', overflow.last && 'is-overflowing-last', otherProps.className),\n    children: children\n  });\n});"],
+  "mappings": "AAGA,YAAY,aAAa;AACzB,OAAO,UAAU;AAKjB,OAAO,aAAa;AACpB,SAAS,YAAY,iBAAiB,gBAAgB;AACtD,SAAS,oBAAoB;AAM7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AACtC,SAAS,OAAO,YAAY;AAC5B,MAAM,wBAAwB;AAO9B,SAAS,sBAAsB,QAAQ,MAAM;AAAA,EAC3C,SAAS;AACX,IAAI,CAAC,GAAG;AACN,kBAAgB,MAAM;AACpB,QAAI,CAAC,UAAU,CAAC,MAAM;AACpB;AAAA,IACF;AACA,UAAM;AAAA,MACJ,YAAY;AAAA,IACd,IAAI;AACJ,UAAM,cAAc,OAAO,sBAAsB,EAAE;AACnD,UAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,IACT,IAAI;AACJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,iBAAiB,YAAY;AACnC,UAAM,gBAAgB,iBAAiB,SAAS;AAChD,UAAM,eAAe,gBAAgB,YAAY;AACjD,QAAI,aAAa;AACjB,QAAI,eAAe,GAAG;AACpB,mBAAa,eAAe;AAAA,IAC9B,WAAW,gBAAgB,GAAG;AAC5B,mBAAa,eAAe;AAAA,IAC9B;AACA,QAAI,eAAe,MAAM;AAMvB,aAAO,SAAS;AAAA,QACd,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,IAAI,CAAC;AAC3B;AACO,MAAM,UAAU,WAAW,SAASA,SAAQ;AAAA,EACjD;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,MAAI;AACJ,QAAM;AAAA,IACJ;AAAA,EACF,KAAK,kBAAkB,eAAe,OAAO,QAAQ,oBAAoB,SAAS,kBAAkB,CAAC;AACrG,QAAM,aAAa,QAAQ,cAAc,OAAO,YAAY;AAC5D,QAAM,WAAW,QAAQ,cAAc,OAAO,UAAU;AACxD,QAAM,eAAe,QAAQ,cAAc,OAAO,cAAc;AAChE,QAAM,QAAQ,QAAQ,cAAc,OAAO,OAAO;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS;AACrC,QAAM,OAAO,aAAa,CAAC,KAAK,SAAS,CAAC;AAC1C,QAAM,eAAe,OAAO,KAAK,UAAU;AAC3C,QAAM,gBAAgB,QAAQ,cAAc,OAAO,eAAe;AAClE,QAAM,oBAAoB,iBAAiB,eAAe,cAAc,QAAQ,YAAY,IAAI;AAGhG,QAAM,eAAe,0BAA0B,cAAc,SAAS,CAAC,iBAAiB,CAAC;AAGzF,QAAM,WAAW,iBAAiB,QAAQ;AAAA,IACxC,OAAO,OAAO,GAAG,CAAC,GAAG;AAAA,IACrB,MAAM,OAAO,GAAG,EAAE,GAAG;AAAA,EACvB,CAAC;AAGD,wBAAsB,QAAQ,cAAc;AAAA,IAC1C,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,qBAAqB,WAAS,MAAM,kBAAkB;AAAA,IACtD,WAAW;AAAA,EACb,CAAC;AAGD,wBAAsB,QAAQ,YAAY;AAC1C,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC,cAAc;AACjB;AAAA,IACF;AAMA,QAAI,eAAe,UAAU;AAC3B,aAAO,YAAY,UAAU;AAAA,IAC/B;AAAA,EACF;AACA,MAAI,CAAC,OAAO;AACV,eAAW,iBAAiB,OAAO,QAAQ,uDAAuD,IAAI;AACtG,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,eAAe;AAAA,IACtC,KAAK;AAAA,IACL;AAAA,IACA,QAAQ,WAAS;AACf,UAAI;AACJ,aAAoB,qBAAK,OAAO;AAAA,QAC9B,GAAG;AAAA;AAAA;AAAA,QAGH,WAAW,kBAAkB,MAAM,cAAc,QAAQ,oBAAoB,SAAS,kBAAkB;AAAA,MAC1G,CAAC;AAAA,IACH;AAAA,IACA;AAAA,IACA,uBAAuB,eAAe,SAAS;AAAA,IAC/C,GAAG;AAAA,IACH,WAAW,KAAK,SAAS,SAAS,wBAAwB,SAAS,QAAQ,uBAAuB,WAAW,SAAS;AAAA,IACtH;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": ["TabList"]
+}

package/build-module/tabs/tabpanel.js

@@ -1,31 +1,19 @@
-/**
- * External dependencies
- */
-import { useStoreState } from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { TabPanel as StyledTabPanel } from './styles';
-import warning from '@wordpress/warning';
-import { useTabsContext } from './context';
+import { useStoreState } from "@ariakit/react";
+import { forwardRef } from "@wordpress/element";
+import { TabPanel as StyledTabPanel } from "./styles";
+import warning from "@wordpress/warning";
+import { useTabsContext } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TabPanel = forwardRef(function TabPanel({
+const TabPanel = forwardRef(function TabPanel2({
   children,
   tabId,
   focusable = true,
   ...otherProps
 }, ref) {
   const context = useTabsContext();
-  const selectedId = useStoreState(context?.store, 'selectedId');
+  const selectedId = useStoreState(context?.store, "selectedId");
   if (!context) {
-    globalThis.SCRIPT_DEBUG === true ? warning('`Tabs.TabPanel` must be wrapped in a `Tabs` component.') : void 0;
+    globalThis.SCRIPT_DEBUG === true ? warning("`Tabs.TabPanel` must be wrapped in a `Tabs` component.") : void 0;
     return null;
   }
   const {
@@ -33,18 +21,17 @@ export const TabPanel = forwardRef(function TabPanel({
     instanceId
   } = context;
   const instancedTabId = `${instanceId}-${tabId}`;
-  return /*#__PURE__*/_jsx(StyledTabPanel, {
-    ref: ref,
-    store: store
-    // For TabPanel, the id passed here is the id attribute of the DOM
-    // element.
-    // `tabId` is the id of the tab that controls this panel.
-    ,
+  return /* @__PURE__ */ _jsx(StyledTabPanel, {
+    ref,
+    store,
     id: `${instancedTabId}-view`,
     tabId: instancedTabId,
-    focusable: focusable,
+    focusable,
     ...otherProps,
     children: selectedId === instancedTabId && children
   });
 });
-//# sourceMappingURL=tabpanel.js.map
+export {
+  TabPanel
+};
+//# sourceMappingURL=tabpanel.js.map

package/build-module/tabs/tabpanel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useStoreState","forwardRef","TabPanel","StyledTabPanel","warning","useTabsContext","jsx","_jsx","children","tabId","focusable","otherProps","ref","context","selectedId","store","globalThis","SCRIPT_DEBUG","instanceId","instancedTabId","id"],"sources":["@wordpress/components/src/tabs/tabpanel.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useStoreState } from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { TabPanelProps } from './types';\nimport { TabPanel as StyledTabPanel } from './styles';\n\nimport warning from '@wordpress/warning';\nimport { useTabsContext } from './context';\nimport type { WordPressComponentProps } from '../context';\n\nexport const TabPanel = forwardRef<\n\tHTMLDivElement,\n\tOmit< WordPressComponentProps< TabPanelProps, 'div', false >, 'id' >\n>( function TabPanel(\n\t{ children, tabId, focusable = true, ...otherProps },\n\tref\n) {\n\tconst context = useTabsContext();\n\tconst selectedId = useStoreState( context?.store, 'selectedId' );\n\tif ( ! context ) {\n\t\twarning( '`Tabs.TabPanel` must be wrapped in a `Tabs` component.' );\n\t\treturn null;\n\t}\n\tconst { store, instanceId } = context;\n\tconst instancedTabId = `${ instanceId }-${ tabId }`;\n\n\treturn (\n\t\t<StyledTabPanel\n\t\t\tref={ ref }\n\t\t\tstore={ store }\n\t\t\t// For TabPanel, the id passed here is the id attribute of the DOM\n\t\t\t// element.\n\t\t\t// `tabId` is the id of the tab that controls this panel.\n\t\t\tid={ `${ instancedTabId }-view` }\n\t\t\ttabId={ instancedTabId }\n\t\t\tfocusable={ focusable }\n\t\t\t{ ...otherProps }\n\t\t>\n\t\t\t{ selectedId === instancedTabId && children }\n\t\t</StyledTabPanel>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,gBAAgB;;AAE9C;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,SAASC,QAAQ,IAAIC,cAAc,QAAQ,UAAU;AAErD,OAAOC,OAAO,MAAM,oBAAoB;AACxC,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,OAAO,MAAML,QAAQ,GAAGD,UAAU,CAG/B,SAASC,QAAQA,CACnB;EAAEM,QAAQ;EAAEC,KAAK;EAAEC,SAAS,GAAG,IAAI;EAAE,GAAGC;AAAW,CAAC,EACpDC,GAAG,EACF;EACD,MAAMC,OAAO,GAAGR,cAAc,CAAC,CAAC;EAChC,MAAMS,UAAU,GAAGd,aAAa,CAAEa,OAAO,EAAEE,KAAK,EAAE,YAAa,CAAC;EAChE,IAAK,CAAEF,OAAO,EAAG;IAChBG,UAAA,CAAAC,YAAA,YAAAb,OAAO,CAAE,wDAAyD,CAAC;IACnE,OAAO,IAAI;EACZ;EACA,MAAM;IAAEW,KAAK;IAAEG;EAAW,CAAC,GAAGL,OAAO;EACrC,MAAMM,cAAc,GAAG,GAAID,UAAU,IAAMT,KAAK,EAAG;EAEnD,oBACCF,IAAA,CAACJ,cAAc;IACdS,GAAG,EAAGA,GAAK;IACXG,KAAK,EAAGA;IACR;IACA;IACA;IAAA;IACAK,EAAE,EAAG,GAAID,cAAc,OAAU;IACjCV,KAAK,EAAGU,cAAgB;IACxBT,SAAS,EAAGA,SAAW;IAAA,GAClBC,UAAU;IAAAH,QAAA,EAEbM,UAAU,KAAKK,cAAc,IAAIX;EAAQ,CAC5B,CAAC;AAEnB,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/tabs/tabpanel.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { useStoreState } from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { TabPanel as StyledTabPanel } from './styles';\nimport warning from '@wordpress/warning';\nimport { useTabsContext } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TabPanel = forwardRef(function TabPanel({\n  children,\n  tabId,\n  focusable = true,\n  ...otherProps\n}, ref) {\n  const context = useTabsContext();\n  const selectedId = useStoreState(context?.store, 'selectedId');\n  if (!context) {\n    globalThis.SCRIPT_DEBUG === true ? warning('`Tabs.TabPanel` must be wrapped in a `Tabs` component.') : void 0;\n    return null;\n  }\n  const {\n    store,\n    instanceId\n  } = context;\n  const instancedTabId = `${instanceId}-${tabId}`;\n  return /*#__PURE__*/_jsx(StyledTabPanel, {\n    ref: ref,\n    store: store\n    // For TabPanel, the id passed here is the id attribute of the DOM\n    // element.\n    // `tabId` is the id of the tab that controls this panel.\n    ,\n    id: `${instancedTabId}-view`,\n    tabId: instancedTabId,\n    focusable: focusable,\n    ...otherProps,\n    children: selectedId === instancedTabId && children\n  });\n});"],
+  "mappings": "AAGA,SAAS,qBAAqB;AAK9B,SAAS,kBAAkB;AAM3B,SAAS,YAAY,sBAAsB;AAC3C,OAAO,aAAa;AACpB,SAAS,sBAAsB;AAC/B,SAAS,OAAO,YAAY;AACrB,MAAM,WAAW,WAAW,SAASA,UAAS;AAAA,EACnD;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,GAAG,KAAK;AACN,QAAM,UAAU,eAAe;AAC/B,QAAM,aAAa,cAAc,SAAS,OAAO,YAAY;AAC7D,MAAI,CAAC,SAAS;AACZ,eAAW,iBAAiB,OAAO,QAAQ,wDAAwD,IAAI;AACvG,WAAO;AAAA,EACT;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,iBAAiB,GAAG,UAAU,IAAI,KAAK;AAC7C,SAAoB,qBAAK,gBAAgB;AAAA,IACvC;AAAA,IACA;AAAA,IAKA,IAAI,GAAG,cAAc;AAAA,IACrB,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,IACH,UAAU,eAAe,kBAAkB;AAAA,EAC7C,CAAC;AACH,CAAC;",
+  "names": ["TabPanel"]
+}

package/build-module/tabs/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/tabs/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/tabs/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as Ariakit from '@ariakit/react';\n\nexport type TabsContextProps =\n\t| {\n\t\t\t/**\n\t\t\t * The tabStore object returned by Ariakit's `useTabStore` hook.\n\t\t\t */\n\t\t\tstore: Ariakit.TabStore;\n\t\t\t/**\n\t\t\t * The unique id string for this instance of the Tabs component.\n\t\t\t */\n\t\t\tinstanceId: string;\n\t  }\n\t| undefined;\n\nexport type TabsProps = {\n\t/**\n\t * The children elements, which should include one instance of the\n\t * `Tabs.Tablist` component and as many instances of the `Tabs.TabPanel`\n\t * components as there are `Tabs.Tab` components.\n\t */\n\tchildren: Ariakit.TabProviderProps[ 'children' ];\n\t/**\n\t * Determines if the tab should be selected when it receives focus. If set to\n\t * `false`, the tab will only be selected upon clicking, not when using arrow\n\t * keys to shift focus (manual tab activation). See the [official W3C docs](https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/)\n\t * for more info.\n\t *\n\t * @default true\n\t */\n\tselectOnMove?: Ariakit.TabProviderProps[ 'selectOnMove' ];\n\t/**\n\t * The id of the tab whose panel is currently visible.\n\t *\n\t * If left `undefined`, it will be automatically set to the first enabled\n\t * tab, and the component assumes it is being used in \"uncontrolled\" mode.\n\t *\n\t * Consequently, any value different than `undefined` will set the component\n\t * in \"controlled\" mode. When in \"controlled\" mode, the `null` value will\n\t * result in no tabs being selected, and the tablist becoming tabbable.\n\t */\n\tselectedTabId?: Ariakit.TabProviderProps[ 'selectedId' ];\n\t/**\n\t * The id of the tab whose panel is currently visible.\n\t *\n\t * If left `undefined`, it will be automatically set to the first enabled\n\t * tab. If set to `null`, no tab will be selected, and the tablist will be\n\t * tabbable.\n\t *\n\t * Note: this prop will be overridden by the `selectedTabId` prop if it is\n\t * provided (meaning the component will be used in \"controlled\" mode).\n\t */\n\tdefaultTabId?: Ariakit.TabProviderProps[ 'defaultSelectedId' ];\n\t/**\n\t * The function called when the `selectedTabId` changes.\n\t */\n\tonSelect?: Ariakit.TabProviderProps[ 'setSelectedId' ];\n\t/**\n\t * The current active tab `id`. The active tab is the tab element within the\n\t * tablist widget that has DOM focus.\n\t *\n\t * - `null` represents the tablist (ie. the base composite element). Users\n\t *   will be able to navigate out of it using arrow keys.\n\t * - If `activeTabId` is initially set to `null`, the base composite element\n\t *   itself will have focus and users will be able to navigate to it using\n\t *   arrow keys.\n\t */\n\tactiveTabId?: Ariakit.TabProviderProps[ 'activeId' ];\n\t/**\n\t * The tab id that should be active by default when the composite widget is\n\t * rendered. If `null`, the tablist element itself will have focus\n\t * and users will be able to navigate to it using arrow keys. If `undefined`,\n\t * the first enabled item will be focused.\n\t *\n\t * Note: this prop will be overridden by the `activeTabId` prop if it is\n\t * provided.\n\t */\n\tdefaultActiveTabId?: Ariakit.TabProviderProps[ 'defaultActiveId' ];\n\t/**\n\t * A callback that gets called when the `activeTabId` state changes.\n\t */\n\tonActiveTabIdChange?: Ariakit.TabProviderProps[ 'setActiveId' ];\n\t/**\n\t * Defines the orientation of the tablist and determines which arrow keys\n\t * can be used to move focus:\n\t *\n\t * - `both`: all arrow keys work.\n\t * - `horizontal`: only left and right arrow keys work.\n\t * - `vertical`: only up and down arrow keys work.\n\t *\n\t * @default \"horizontal\"\n\t */\n\torientation?: Ariakit.TabProviderProps[ 'orientation' ];\n};\n\nexport type TabListProps = {\n\t/**\n\t * The children elements, which should include one or more instances of the\n\t * `Tabs.Tab` component.\n\t */\n\tchildren: Ariakit.TabListProps[ 'children' ];\n};\n\n// TODO: consider prop name changes (tabId, selectedTabId)\n// compound technique\n\nexport type TabProps = {\n\t/**\n\t * The unique ID of the tab. It will be used to register the tab and match\n\t * it to a corresponding `Tabs.TabPanel` component.\n\t */\n\ttabId: NonNullable< Ariakit.TabProps[ 'id' ] >;\n\t/**\n\t * The contents of the tab.\n\t */\n\tchildren?: Ariakit.TabProps[ 'children' ];\n\t/**\n\t * Determines if the tab should be disabled. Note that disabled tabs can\n\t * still be accessed via the keyboard when navigating through the tablist.\n\t *\n\t * @default false\n\t */\n\tdisabled?: Ariakit.TabProps[ 'disabled' ];\n\t/**\n\t * Allows the component to be rendered as a different HTML element or React\n\t * component. The value can be a React element or a function that takes in the\n\t * original component props and gives back a React element with the props\n\t * merged.\n\t *\n\t * By default, the tab will be rendered as a `button` element.\n\t */\n\trender?: Ariakit.TabProps[ 'render' ];\n};\n\nexport type TabPanelProps = {\n\t/**\n\t * The contents of the tab panel.\n\t */\n\tchildren?: Ariakit.TabPanelProps[ 'children' ];\n\t/**\n\t * The unique `id` of the `Tabs.Tab` component controlling this panel. This\n\t * connection is used to assign the `aria-labelledby` attribute to the tab\n\t * panel and to determine if the tab panel should be visible.\n\t *\n\t * If not provided, this link is automatically established by matching the\n\t * order of `Tabs.Tab` and `Tabs.TabPanel` elements in the DOM.\n\t */\n\ttabId: NonNullable< Ariakit.TabPanelProps[ 'tabId' ] >;\n\t/**\n\t * Determines whether or not the tabpanel element should be focusable.\n\t * If `false`, pressing the tab key will skip over the tabpanel, and instead\n\t * focus on the first focusable element in the panel (if there is one).\n\t *\n\t * @default true\n\t */\n\tfocusable?: Ariakit.TabPanelProps[ 'focusable' ];\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/tabs/use-track-overflow.js

@@ -1,24 +1,10 @@
-/* eslint-disable jsdoc/require-param */
-/**
- * WordPress dependencies
- */
-import { useState, useEffect } from '@wordpress/element';
-import { useEvent } from '@wordpress/compose';
-
-/**
- * Tracks if an element contains overflow and on which end by tracking the
- * first and last child elements with an `IntersectionObserver` in relation
- * to the parent element.
- *
- * Note that the returned value will only indicate whether the first or last
- * element is currently "going out of bounds" but not whether it happens on
- * the X or Y axis.
- */
-export function useTrackOverflow(parent, children) {
+import { useState, useEffect } from "@wordpress/element";
+import { useEvent } from "@wordpress/compose";
+function useTrackOverflow(parent, children) {
   const [first, setFirst] = useState(false);
   const [last, setLast] = useState(false);
   const [observer, setObserver] = useState();
-  const callback = useEvent(entries => {
+  const callback = useEvent((entries) => {
     for (const entry of entries) {
       if (entry.target === children.first) {
         setFirst(!entry.isIntersecting);
@@ -63,5 +49,7 @@ export function useTrackOverflow(parent, children) {
     last
   };
 }
-/* eslint-enable jsdoc/require-param */
-//# sourceMappingURL=use-track-overflow.js.map
+export {
+  useTrackOverflow
+};
+//# sourceMappingURL=use-track-overflow.js.map

package/build-module/tabs/use-track-overflow.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","useEffect","useEvent","useTrackOverflow","parent","children","first","setFirst","last","setLast","observer","setObserver","callback","entries","entry","target","isIntersecting","window","IntersectionObserver","newObserver","root","threshold","disconnect","observe","unobserve"],"sources":["@wordpress/components/src/tabs/use-track-overflow.ts"],"sourcesContent":["/* eslint-disable jsdoc/require-param */\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { useEvent } from '@wordpress/compose';\n\n/**\n * Tracks if an element contains overflow and on which end by tracking the\n * first and last child elements with an `IntersectionObserver` in relation\n * to the parent element.\n *\n * Note that the returned value will only indicate whether the first or last\n * element is currently \"going out of bounds\" but not whether it happens on\n * the X or Y axis.\n */\nexport function useTrackOverflow(\n\tparent: HTMLElement | undefined | null,\n\tchildren: {\n\t\tfirst: HTMLElement | undefined | null;\n\t\tlast: HTMLElement | undefined | null;\n\t}\n) {\n\tconst [ first, setFirst ] = useState( false );\n\tconst [ last, setLast ] = useState( false );\n\tconst [ observer, setObserver ] = useState< IntersectionObserver >();\n\n\tconst callback: IntersectionObserverCallback = useEvent( ( entries ) => {\n\t\tfor ( const entry of entries ) {\n\t\t\tif ( entry.target === children.first ) {\n\t\t\t\tsetFirst( ! entry.isIntersecting );\n\t\t\t}\n\t\t\tif ( entry.target === children.last ) {\n\t\t\t\tsetLast( ! entry.isIntersecting );\n\t\t\t}\n\t\t}\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( ! parent || ! window.IntersectionObserver ) {\n\t\t\treturn;\n\t\t}\n\t\tconst newObserver = new IntersectionObserver( callback, {\n\t\t\troot: parent,\n\t\t\tthreshold: 0.9,\n\t\t} );\n\t\tsetObserver( newObserver );\n\n\t\treturn () => newObserver.disconnect();\n\t}, [ callback, parent ] );\n\n\tuseEffect( () => {\n\t\tif ( ! observer ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( children.first ) {\n\t\t\tobserver.observe( children.first );\n\t\t}\n\t\tif ( children.last ) {\n\t\t\tobserver.observe( children.last );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( children.first ) {\n\t\t\t\tobserver.unobserve( children.first );\n\t\t\t}\n\t\t\tif ( children.last ) {\n\t\t\t\tobserver.unobserve( children.last );\n\t\t\t}\n\t\t};\n\t}, [ children.first, children.last, observer ] );\n\n\treturn { first, last };\n}\n/* eslint-enable jsdoc/require-param */\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACxD,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAC/BC,MAAsC,EACtCC,QAGC,EACA;EACD,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAGP,QAAQ,CAAE,KAAM,CAAC;EAC7C,MAAM,CAAEQ,IAAI,EAAEC,OAAO,CAAE,GAAGT,QAAQ,CAAE,KAAM,CAAC;EAC3C,MAAM,CAAEU,QAAQ,EAAEC,WAAW,CAAE,GAAGX,QAAQ,CAAyB,CAAC;EAEpE,MAAMY,QAAsC,GAAGV,QAAQ,CAAIW,OAAO,IAAM;IACvE,KAAM,MAAMC,KAAK,IAAID,OAAO,EAAG;MAC9B,IAAKC,KAAK,CAACC,MAAM,KAAKV,QAAQ,CAACC,KAAK,EAAG;QACtCC,QAAQ,CAAE,CAAEO,KAAK,CAACE,cAAe,CAAC;MACnC;MACA,IAAKF,KAAK,CAACC,MAAM,KAAKV,QAAQ,CAACG,IAAI,EAAG;QACrCC,OAAO,CAAE,CAAEK,KAAK,CAACE,cAAe,CAAC;MAClC;IACD;EACD,CAAE,CAAC;EAEHf,SAAS,CAAE,MAAM;IAChB,IAAK,CAAEG,MAAM,IAAI,CAAEa,MAAM,CAACC,oBAAoB,EAAG;MAChD;IACD;IACA,MAAMC,WAAW,GAAG,IAAID,oBAAoB,CAAEN,QAAQ,EAAE;MACvDQ,IAAI,EAAEhB,MAAM;MACZiB,SAAS,EAAE;IACZ,CAAE,CAAC;IACHV,WAAW,CAAEQ,WAAY,CAAC;IAE1B,OAAO,MAAMA,WAAW,CAACG,UAAU,CAAC,CAAC;EACtC,CAAC,EAAE,CAAEV,QAAQ,EAAER,MAAM,CAAG,CAAC;EAEzBH,SAAS,CAAE,MAAM;IAChB,IAAK,CAAES,QAAQ,EAAG;MACjB;IACD;IAEA,IAAKL,QAAQ,CAACC,KAAK,EAAG;MACrBI,QAAQ,CAACa,OAAO,CAAElB,QAAQ,CAACC,KAAM,CAAC;IACnC;IACA,IAAKD,QAAQ,CAACG,IAAI,EAAG;MACpBE,QAAQ,CAACa,OAAO,CAAElB,QAAQ,CAACG,IAAK,CAAC;IAClC;IAEA,OAAO,MAAM;MACZ,IAAKH,QAAQ,CAACC,KAAK,EAAG;QACrBI,QAAQ,CAACc,SAAS,CAAEnB,QAAQ,CAACC,KAAM,CAAC;MACrC;MACA,IAAKD,QAAQ,CAACG,IAAI,EAAG;QACpBE,QAAQ,CAACc,SAAS,CAAEnB,QAAQ,CAACG,IAAK,CAAC;MACpC;IACD,CAAC;EACF,CAAC,EAAE,CAAEH,QAAQ,CAACC,KAAK,EAAED,QAAQ,CAACG,IAAI,EAAEE,QAAQ,CAAG,CAAC;EAEhD,OAAO;IAAEJ,KAAK;IAAEE;EAAK,CAAC;AACvB;AACA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/tabs/use-track-overflow.ts"],
+  "sourcesContent": ["/* eslint-disable jsdoc/require-param */\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { useEvent } from '@wordpress/compose';\n\n/**\n * Tracks if an element contains overflow and on which end by tracking the\n * first and last child elements with an `IntersectionObserver` in relation\n * to the parent element.\n *\n * Note that the returned value will only indicate whether the first or last\n * element is currently \"going out of bounds\" but not whether it happens on\n * the X or Y axis.\n */\nexport function useTrackOverflow(parent, children) {\n  const [first, setFirst] = useState(false);\n  const [last, setLast] = useState(false);\n  const [observer, setObserver] = useState();\n  const callback = useEvent(entries => {\n    for (const entry of entries) {\n      if (entry.target === children.first) {\n        setFirst(!entry.isIntersecting);\n      }\n      if (entry.target === children.last) {\n        setLast(!entry.isIntersecting);\n      }\n    }\n  });\n  useEffect(() => {\n    if (!parent || !window.IntersectionObserver) {\n      return;\n    }\n    const newObserver = new IntersectionObserver(callback, {\n      root: parent,\n      threshold: 0.9\n    });\n    setObserver(newObserver);\n    return () => newObserver.disconnect();\n  }, [callback, parent]);\n  useEffect(() => {\n    if (!observer) {\n      return;\n    }\n    if (children.first) {\n      observer.observe(children.first);\n    }\n    if (children.last) {\n      observer.observe(children.last);\n    }\n    return () => {\n      if (children.first) {\n        observer.unobserve(children.first);\n      }\n      if (children.last) {\n        observer.unobserve(children.last);\n      }\n    };\n  }, [children.first, children.last, observer]);\n  return {\n    first,\n    last\n  };\n}\n/* eslint-enable jsdoc/require-param */"],
+  "mappings": "AAIA,SAAS,UAAU,iBAAiB;AACpC,SAAS,gBAAgB;AAWlB,SAAS,iBAAiB,QAAQ,UAAU;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS;AACzC,QAAM,WAAW,SAAS,aAAW;AACnC,eAAW,SAAS,SAAS;AAC3B,UAAI,MAAM,WAAW,SAAS,OAAO;AACnC,iBAAS,CAAC,MAAM,cAAc;AAAA,MAChC;AACA,UAAI,MAAM,WAAW,SAAS,MAAM;AAClC,gBAAQ,CAAC,MAAM,cAAc;AAAA,MAC/B;AAAA,IACF;AAAA,EACF,CAAC;AACD,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,CAAC,OAAO,sBAAsB;AAC3C;AAAA,IACF;AACA,UAAM,cAAc,IAAI,qBAAqB,UAAU;AAAA,MACrD,MAAM;AAAA,MACN,WAAW;AAAA,IACb,CAAC;AACD,gBAAY,WAAW;AACvB,WAAO,MAAM,YAAY,WAAW;AAAA,EACtC,GAAG,CAAC,UAAU,MAAM,CAAC;AACrB,YAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb;AAAA,IACF;AACA,QAAI,SAAS,OAAO;AAClB,eAAS,QAAQ,SAAS,KAAK;AAAA,IACjC;AACA,QAAI,SAAS,MAAM;AACjB,eAAS,QAAQ,SAAS,IAAI;AAAA,IAChC;AACA,WAAO,MAAM;AACX,UAAI,SAAS,OAAO;AAClB,iBAAS,UAAU,SAAS,KAAK;AAAA,MACnC;AACA,UAAI,SAAS,MAAM;AACjB,iBAAS,UAAU,SAAS,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,OAAO,SAAS,MAAM,QAAQ,CAAC;AAC5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/build-module/text/component.js

@@ -1,40 +1,19 @@
-/**
- * Internal dependencies
- */
-
-import { contextConnect } from '../context';
-import { View } from '../view';
-import useText from './hook';
+import { contextConnect } from "../context";
+import { View } from "../view";
+import useText from "./hook";
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @param props
- * @param forwardedRef
- */
 function UnconnectedText(props, forwardedRef) {
   const textProps = useText(props);
-  return /*#__PURE__*/_jsx(View, {
+  return /* @__PURE__ */ _jsx(View, {
     as: "span",
     ...textProps,
     ref: forwardedRef
   });
 }
-
-/**
- * `Text` is a core component that renders text in the library, using the
- * library's typography system.
- *
- * `Text` can be used to render any text-content, like an HTML `p` or `span`.
- *
- * @example
- *
- * ```jsx
- * import { __experimentalText as Text } from `@wordpress/components`;
- *
- * function Example() {
- * 	return <Text>Code is Poetry</Text>;
- * }
- * ```
- */
-export const Text = contextConnect(UnconnectedText, 'Text');
-export default Text;
-//# sourceMappingURL=component.js.map
+const Text = contextConnect(UnconnectedText, "Text");
+var component_default = Text;
+export {
+  Text,
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/text/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["contextConnect","View","useText","jsx","_jsx","UnconnectedText","props","forwardedRef","textProps","as","ref","Text"],"sources":["@wordpress/components/src/text/component.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport useText from './hook';\nimport type { Props } from './types';\n\n/**\n * @param props\n * @param forwardedRef\n */\nfunction UnconnectedText(\n\tprops: WordPressComponentProps< Props, 'span' >,\n\tforwardedRef: React.ForwardedRef< any >\n) {\n\tconst textProps = useText( props );\n\n\treturn <View as=\"span\" { ...textProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Text` is a core component that renders text in the library, using the\n * library's typography system.\n *\n * `Text` can be used to render any text-content, like an HTML `p` or `span`.\n *\n * @example\n *\n * ```jsx\n * import { __experimentalText as Text } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn <Text>Code is Poetry</Text>;\n * }\n * ```\n */\nexport const Text = contextConnect( UnconnectedText, 'Text' );\nexport default Text;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,YAAY;AAC3C,SAASC,IAAI,QAAQ,SAAS;AAC9B,OAAOC,OAAO,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7B;AACA;AACA;AACA;AACA,SAASC,eAAeA,CACvBC,KAA+C,EAC/CC,YAAuC,EACtC;EACD,MAAMC,SAAS,GAAGN,OAAO,CAAEI,KAAM,CAAC;EAElC,oBAAOF,IAAA,CAACH,IAAI;IAACQ,EAAE,EAAC,MAAM;IAAA,GAAMD,SAAS;IAAGE,GAAG,EAAGH;EAAc,CAAE,CAAC;AAChE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,IAAI,GAAGX,cAAc,CAAEK,eAAe,EAAE,MAAO,CAAC;AAC7D,eAAeM,IAAI","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/text/component.tsx"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport useText from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * @param props\n * @param forwardedRef\n */\nfunction UnconnectedText(props, forwardedRef) {\n  const textProps = useText(props);\n  return /*#__PURE__*/_jsx(View, {\n    as: \"span\",\n    ...textProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Text` is a core component that renders text in the library, using the\n * library's typography system.\n *\n * `Text` can be used to render any text-content, like an HTML `p` or `span`.\n *\n * @example\n *\n * ```jsx\n * import { __experimentalText as Text } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn <Text>Code is Poetry</Text>;\n * }\n * ```\n */\nexport const Text = contextConnect(UnconnectedText, 'Text');\nexport default Text;"],
+  "mappings": "AAIA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,OAAO,aAAa;AACpB,SAAS,OAAO,YAAY;AAK5B,SAAS,gBAAgB,OAAO,cAAc;AAC5C,QAAM,YAAY,QAAQ,KAAK;AAC/B,SAAoB,qBAAK,MAAM;AAAA,IAC7B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAkBO,MAAM,OAAO,eAAe,iBAAiB,MAAM;AAC1D,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/text/get-line-height.js

@@ -1,14 +1,6 @@
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-import { space } from '../utils/space';
-import { CONFIG } from '../utils';
-export function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {
+import { space } from "../utils/space";
+import { CONFIG } from "../utils";
+function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {
   if (lineHeight) {
     return lineHeight;
   }
@@ -17,13 +9,13 @@ export function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {
   }
   let value = `calc(${CONFIG.controlHeight} + ${space(2)})`;
   switch (adjustLineHeightForInnerControls) {
-    case 'large':
+    case "large":
       value = `calc(${CONFIG.controlHeightLarge} + ${space(2)})`;
       break;
-    case 'small':
+    case "small":
       value = `calc(${CONFIG.controlHeightSmall} + ${space(2)})`;
       break;
-    case 'xSmall':
+    case "xSmall":
       value = `calc(${CONFIG.controlHeightXSmall} + ${space(2)})`;
       break;
     default:
@@ -31,4 +23,7 @@ export function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {
   }
   return value;
 }
-//# sourceMappingURL=get-line-height.js.map
+export {
+  getLineHeight
+};
+//# sourceMappingURL=get-line-height.js.map

package/build-module/text/get-line-height.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["space","CONFIG","getLineHeight","adjustLineHeightForInnerControls","lineHeight","value","controlHeight","controlHeightLarge","controlHeightSmall","controlHeightXSmall"],"sources":["@wordpress/components/src/text/get-line-height.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Props } from './types';\nimport { space } from '../utils/space';\nimport { CONFIG } from '../utils';\n\nexport function getLineHeight(\n\tadjustLineHeightForInnerControls: Props[ 'adjustLineHeightForInnerControls' ],\n\tlineHeight: CSSProperties[ 'lineHeight' ]\n) {\n\tif ( lineHeight ) {\n\t\treturn lineHeight;\n\t}\n\n\tif ( ! adjustLineHeightForInnerControls ) {\n\t\treturn;\n\t}\n\n\tlet value = `calc(${ CONFIG.controlHeight } + ${ space( 2 ) })`;\n\n\tswitch ( adjustLineHeightForInnerControls ) {\n\t\tcase 'large':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightLarge } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tcase 'small':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightSmall } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tcase 'xSmall':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightXSmall } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\n\treturn value;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,SAASC,aAAaA,CAC5BC,gCAA6E,EAC7EC,UAAyC,EACxC;EACD,IAAKA,UAAU,EAAG;IACjB,OAAOA,UAAU;EAClB;EAEA,IAAK,CAAED,gCAAgC,EAAG;IACzC;EACD;EAEA,IAAIE,KAAK,GAAG,QAASJ,MAAM,CAACK,aAAa,MAAQN,KAAK,CAAE,CAAE,CAAC,GAAI;EAE/D,QAASG,gCAAgC;IACxC,KAAK,OAAO;MACXE,KAAK,GAAG,QAASJ,MAAM,CAACM,kBAAkB,MAAQP,KAAK,CAAE,CAAE,CAAC,GAAI;MAChE;IACD,KAAK,OAAO;MACXK,KAAK,GAAG,QAASJ,MAAM,CAACO,kBAAkB,MAAQR,KAAK,CAAE,CAAE,CAAC,GAAI;MAChE;IACD,KAAK,QAAQ;MACZK,KAAK,GAAG,QAASJ,MAAM,CAACQ,mBAAmB,MAAQT,KAAK,CAAE,CAAE,CAAC,GAAI;MACjE;IACD;MACC;EACF;EAEA,OAAOK,KAAK;AACb","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/text/get-line-height.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { space } from '../utils/space';\nimport { CONFIG } from '../utils';\nexport function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {\n  if (lineHeight) {\n    return lineHeight;\n  }\n  if (!adjustLineHeightForInnerControls) {\n    return;\n  }\n  let value = `calc(${CONFIG.controlHeight} + ${space(2)})`;\n  switch (adjustLineHeightForInnerControls) {\n    case 'large':\n      value = `calc(${CONFIG.controlHeightLarge} + ${space(2)})`;\n      break;\n    case 'small':\n      value = `calc(${CONFIG.controlHeightSmall} + ${space(2)})`;\n      break;\n    case 'xSmall':\n      value = `calc(${CONFIG.controlHeightXSmall} + ${space(2)})`;\n      break;\n    default:\n      break;\n  }\n  return value;\n}"],
+  "mappings": "AAQA,SAAS,aAAa;AACtB,SAAS,cAAc;AAChB,SAAS,cAAc,kCAAkC,YAAY;AAC1E,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AACA,MAAI,CAAC,kCAAkC;AACrC;AAAA,EACF;AACA,MAAI,QAAQ,QAAQ,OAAO,aAAa,MAAM,MAAM,CAAC,CAAC;AACtD,UAAQ,kCAAkC;AAAA,IACxC,KAAK;AACH,cAAQ,QAAQ,OAAO,kBAAkB,MAAM,MAAM,CAAC,CAAC;AACvD;AAAA,IACF,KAAK;AACH,cAAQ,QAAQ,OAAO,kBAAkB,MAAM,MAAM,CAAC,CAAC;AACvD;AAAA,IACF,KAAK;AACH,cAAQ,QAAQ,OAAO,mBAAmB,MAAM,MAAM,CAAC,CAAC;AACxD;AAAA,IACF;AACE;AAAA,EACJ;AACA,SAAO;AACT;",
+  "names": []
+}