@doist/reactist 30.1.3 → 31.0.0

package/es/checkbox-field/use-fork-ref.js

@@ -26,7 +26,7 @@ function useForkRef(...refs) {
       refs.forEach(ref => setRef(ref, value));
     };
   },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo
   refs);
 }
 

package/es/checkbox-field/use-fork-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;AAEA;AACA;AACA;AACA,SAASA,MAAMA,CACXC,GAAwE,EACxEC,KAAQ,EACV;AACE,EAAA,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC3BA,GAAG,CAACC,KAAK,CAAC,CAAA;GACb,MAAM,IAAID,GAAG,EAAE;IACZA,GAAG,CAACE,OAAO,GAAGD,KAAK,CAAA;AACvB,GAAA;AACJ,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAUA,CAAC,GAAGC,IAA2C,EAAE;EAChE,OAAOC,OAAO,CACV,MAAM;AACF,IAAA,IAAI,CAACD,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC,EAAE,OAAA;AACzB,IAAA,OAAQN,KAAc,IAAK;MACvBG,IAAI,CAACI,OAAO,CAAER,GAAG,IAAKD,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;KAC5C,CAAA;GACJ;AACD;AACAG,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}
+{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;AAEA;AACA;AACA;AACA,SAASA,MAAMA,CACXC,GAAwE,EACxEC,KAAQ,EACV;AACE,EAAA,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC3BA,GAAG,CAACC,KAAK,CAAC,CAAA;GACb,MAAM,IAAID,GAAG,EAAE;IACZA,GAAG,CAACE,OAAO,GAAGD,KAAK,CAAA;AACvB,GAAA;AACJ,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAUA,CAAC,GAAGC,IAA2C,EAAE;EAChE,OAAOC,OAAO,CACV,MAAM;AACF,IAAA,IAAI,CAACD,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC,EAAE,OAAA;AACzB,IAAA,OAAQN,KAAc,IAAK;MACvBG,IAAI,CAACI,OAAO,CAAER,GAAG,IAAKD,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;KAC5C,CAAA;GACJ;AACD;AACAG,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}

package/es/tabs/tabs.js

@@ -211,6 +211,7 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref2, ref) {
   const tabIsActive = selectedId === id;
   React.useEffect(function trackTabRenderedState() {
     if (!tabRendered && tabIsActive) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setTabRendered(true);
     }
   }, [tabRendered, tabIsActive]);

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                // eslint-disable-next-line react-hooks/set-state-in-effect\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}

package/es/tooltip/tooltip.js

@@ -70,6 +70,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   if (!child) {
     return child;
   }
+
+  /* eslint-disable react-hooks/refs */
   if (typeof child.ref === 'string') {
     throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
   }
@@ -92,6 +94,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
       textAlign: "center"
     })
   }, withArrow ? /*#__PURE__*/React.createElement(TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
+  /* eslint-enable react-hooks/refs */
 });
 Tooltip.displayName = 'Tooltip';
 

package/es/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        if (typeof child.ref === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Error","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        /* eslint-disable react-hooks/refs */\n        if (typeof child.ref === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n        /* eslint-enable react-hooks/refs */\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Error","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}

package/lib/checkbox-field/use-fork-ref.js

@@ -30,7 +30,7 @@ function useForkRef(...refs) {
       refs.forEach(ref => setRef(ref, value));
     };
   },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo
   refs);
 }
 

package/lib/checkbox-field/use-fork-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;;;;;AAEA;AACA;AACA;AACA,SAASA,MAAMA,CACXC,GAAwE,EACxEC,KAAQ,EACV;AACE,EAAA,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC3BA,GAAG,CAACC,KAAK,CAAC,CAAA;GACb,MAAM,IAAID,GAAG,EAAE;IACZA,GAAG,CAACE,OAAO,GAAGD,KAAK,CAAA;AACvB,GAAA;AACJ,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAUA,CAAC,GAAGC,IAA2C,EAAE;EAChE,OAAOC,aAAO,CACV,MAAM;AACF,IAAA,IAAI,CAACD,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC,EAAE,OAAA;AACzB,IAAA,OAAQN,KAAc,IAAK;MACvBG,IAAI,CAACI,OAAO,CAAER,GAAG,IAAKD,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;KAC5C,CAAA;GACJ;AACD;AACAG,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}
+{"version":3,"file":"use-fork-ref.js","sources":["../../src/checkbox-field/use-fork-ref.ts"],"sourcesContent":["import { useMemo } from 'react'\n\n/**\n * Sets both a function and object React ref.\n */\nfunction setRef<T>(\n    ref: React.RefCallback<T> | React.MutableRefObject<T> | null | undefined,\n    value: T,\n) {\n    if (typeof ref === 'function') {\n        ref(value)\n    } else if (ref) {\n        ref.current = value\n    }\n}\n\n/**\n * Merges React Refs into a single memoized function ref so you can pass it to an element.\n * @example\n * const Component = React.forwardRef((props, ref) => {\n *   const internalRef = React.useRef();\n *   return <div {...props} ref={useForkRef(internalRef, ref)} />;\n * });\n */\nfunction useForkRef(...refs: Array<React.Ref<unknown> | undefined>) {\n    return useMemo(\n        () => {\n            if (!refs.some(Boolean)) return\n            return (value: unknown) => {\n                refs.forEach((ref) => setRef(ref, value))\n            }\n        },\n        // eslint-disable-next-line react-hooks/exhaustive-deps, react-hooks/use-memo\n        refs,\n    )\n}\n\nexport { useForkRef }\n"],"names":["setRef","ref","value","current","useForkRef","refs","useMemo","some","Boolean","forEach"],"mappings":";;;;;;AAEA;AACA;AACA;AACA,SAASA,MAAMA,CACXC,GAAwE,EACxEC,KAAQ,EACV;AACE,EAAA,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC3BA,GAAG,CAACC,KAAK,CAAC,CAAA;GACb,MAAM,IAAID,GAAG,EAAE;IACZA,GAAG,CAACE,OAAO,GAAGD,KAAK,CAAA;AACvB,GAAA;AACJ,CAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASE,UAAUA,CAAC,GAAGC,IAA2C,EAAE;EAChE,OAAOC,aAAO,CACV,MAAM;AACF,IAAA,IAAI,CAACD,IAAI,CAACE,IAAI,CAACC,OAAO,CAAC,EAAE,OAAA;AACzB,IAAA,OAAQN,KAAc,IAAK;MACvBG,IAAI,CAACI,OAAO,CAAER,GAAG,IAAKD,MAAM,CAACC,GAAG,EAAEC,KAAK,CAAC,CAAC,CAAA;KAC5C,CAAA;GACJ;AACD;AACAG,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}

package/lib/tabs/tabs.js

@@ -240,6 +240,7 @@ const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel(_ref
   const tabIsActive = selectedId === id;
   React__namespace.useEffect(function trackTabRenderedState() {
     if (!tabRendered && tabIsActive) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       setTabRendered(true);
     }
   }, [tabRendered, tabIsActive]);

package/lib/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                // eslint-disable-next-line react-hooks/set-state-in-effect\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}

package/lib/tooltip/tooltip.js

@@ -94,6 +94,8 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(({
   if (!child) {
     return child;
   }
+
+  /* eslint-disable react-hooks/refs */
   if (typeof child.ref === 'string') {
     throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
   }
@@ -116,6 +118,7 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(({
       textAlign: "center"
     })
   }, withArrow ? /*#__PURE__*/React__namespace.createElement(react.TooltipArrow, null) : null, typeof content === 'function' ? content() : content) : null);
+  /* eslint-enable react-hooks/refs */
 });
 Tooltip.displayName = 'Tooltip';
 

package/lib/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        if (typeof child.ref === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Error","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tooltip as AriakitTooltip,\n    TooltipAnchor,\n    TooltipArrow,\n    useTooltipStore,\n} from '@ariakit/react'\n\nimport { Box } from '../box'\n\nimport styles from './tooltip.module.css'\n\nimport type { TooltipStore, TooltipStoreState } from '@ariakit/react'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nconst defaultShowTimeout = 500\nconst defaultHideTimeout = 100\n\ntype TooltipContextState = {\n    showTimeout: number\n    hideTimeout: number\n}\n\nconst TooltipContext = React.createContext<TooltipContextState>({\n    showTimeout: defaultShowTimeout,\n    hideTimeout: defaultHideTimeout,\n})\n\nfunction TooltipProvider({\n    showTimeout = defaultShowTimeout,\n    hideTimeout = defaultHideTimeout,\n    children,\n}: React.PropsWithChildren<{\n    showTimeout?: number\n    hideTimeout?: number\n}>) {\n    const value = React.useMemo(() => ({ showTimeout, hideTimeout }), [showTimeout, hideTimeout])\n    return <TooltipContext.Provider value={value}>{children}</TooltipContext.Provider>\n}\n\ninterface TooltipProps extends ObfuscatedClassName {\n    /**\n     * The element that triggers the tooltip. Generally a button or link.\n     *\n     * It should be an interactive element accessible both via mouse and keyboard interactions.\n     */\n    children: React.ReactNode\n\n    /**\n     * The content to show in the tooltip.\n     *\n     * It can be rich content provided via React elements, or string content. It should not include\n     * interactive elements inside it. This includes links or buttons.\n     *\n     * You can provide a function instead of the content itself. In this case, the function should\n     * return the desired content. This is useful if the content is expensive to generate. It can\n     * also be useful if the content dynamically changes often, so every time you trigger the\n     * tooltip the content may have changed (e.g. if you show a ticking time clock in the tooltip).\n     *\n     * The trigger element will be associated to this content via `aria-describedby`. This means\n     * that the tooltip content will be read by assistive technologies such as screen readers. It\n     * will likely read this content right after reading the trigger element label.\n     */\n    content: React.ReactNode | (() => React.ReactNode)\n\n    /**\n     * How to place the tooltip relative to its trigger element.\n     *\n     * The possible values are \"top\", \"bottom\", \"left\", \"right\". Additionally, any of these values\n     * can be combined with `-start` or `-end` for even more control. For instance `top-start` will\n     * place the tooltip at the top, but with the start (e.g. left) side of the toolip and the\n     * trigger aligned. If neither `-start` or `-end` are provided, the tooltip is centered along\n     * the vertical or horizontal axis with the trigger.\n     *\n     * The position is enforced whenever possible, but tooltips can appear in different positions\n     * if the specified one would make the tooltip intersect with the viewport edges.\n     *\n     * @default 'top'\n     */\n    position?: TooltipStoreState['placement']\n\n    /**\n     * The separation (in pixels) between the trigger element and the tooltip.\n     * @default 3\n     */\n    gapSize?: number\n\n    /**\n     * Whether to show an arrow-like element attached to the tooltip, and pointing towards the\n     * trigger element.\n     * @default false\n     */\n    withArrow?: boolean\n\n    /**\n     * The amount of time in milliseconds to wait before showing the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 500\n     */\n    showTimeout?: number\n\n    /**\n     * The amount of time in milliseconds to wait before hiding the tooltip\n     * Use `<TooltipContext.Provider>` to set a global value for all tooltips\n     * @default 100\n     */\n    hideTimeout?: number\n}\n\nconst Tooltip = React.forwardRef<TooltipStore, TooltipProps>(\n    (\n        {\n            children,\n            content,\n            position = 'top',\n            gapSize = 3,\n            withArrow = false,\n            showTimeout,\n            hideTimeout,\n            exceptionallySetClassName,\n        },\n        ref,\n    ) => {\n        const { showTimeout: globalShowTimeout, hideTimeout: globalHideTimeout } =\n            React.useContext(TooltipContext)\n\n        const tooltip = useTooltipStore({\n            placement: position,\n            showTimeout: showTimeout ?? globalShowTimeout,\n            hideTimeout: hideTimeout ?? globalHideTimeout,\n        })\n\n        React.useImperativeHandle(ref, () => tooltip, [tooltip])\n\n        const isOpen = tooltip.useState('open')\n\n        const child = React.Children.only(\n            children as React.FunctionComponentElement<JSX.IntrinsicElements['div']> | null,\n        )\n\n        if (!child) {\n            return child\n        }\n\n        /* eslint-disable react-hooks/refs */\n        if (typeof child.ref === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={child.ref} />\n                {isOpen && content ? (\n                    <AriakitTooltip\n                        store={tooltip}\n                        gutter={gapSize}\n                        render={\n                            <Box\n                                className={[styles.tooltip, exceptionallySetClassName]}\n                                background=\"toast\"\n                                borderRadius=\"standard\"\n                                paddingX=\"small\"\n                                paddingY=\"xsmall\"\n                                maxWidth=\"medium\"\n                                width=\"fitContent\"\n                                overflow=\"hidden\"\n                                textAlign=\"center\"\n                            />\n                        }\n                    >\n                        {withArrow ? <TooltipArrow /> : null}\n                        {typeof content === 'function' ? content() : content}\n                    </AriakitTooltip>\n                ) : null}\n            </>\n        )\n        /* eslint-enable react-hooks/refs */\n    },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type { TooltipProps }\nexport { Tooltip, TooltipProvider }\n"],"names":["defaultShowTimeout","defaultHideTimeout","TooltipContext","React","createContext","showTimeout","hideTimeout","TooltipProvider","t0","$","_c","t1","t2","children","undefined","t3","value","t4","createElement","Provider","Tooltip","forwardRef","content","position","gapSize","withArrow","exceptionallySetClassName","ref","globalShowTimeout","globalHideTimeout","useContext","tooltip","useTooltipStore","placement","useImperativeHandle","isOpen","useState","child","Children","only","Error","Fragment","TooltipAnchor","render","store","AriakitTooltip","gutter","Box","className","styles","background","borderRadius","paddingX","paddingY","maxWidth","width","overflow","textAlign","TooltipArrow","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,kBAAkB,GAAG,GAAG,CAAA;AAC9B,MAAMC,kBAAkB,GAAG,GAAG,CAAA;AAO9B,MAAMC,cAAc,gBAAGC,gBAAK,CAACC,aAAa,CAAsB;AAC5DC,EAAAA,WAAW,EAAEL,kBAAkB;AAC/BM,EAAAA,WAAW,EAAEL,kBAAAA;AACjB,CAAC,CAAC,CAAA;AAEF,SAAAM,gBAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,CAAA,CAAA,CAAA;AAAyB,EAAA,MAAA;AAAAL,IAAAA,WAAA,EAAAM,EAAA;AAAAL,IAAAA,WAAA,EAAAM,EAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAL,EAOvB,CAAA;EANE,MAAAH,WAAA,GAAAM,EAAgC,KAAhCG,SAAgC,GAAhCd,kBAAgC,GAAhCW,EAAgC,CAAA;EAChC,MAAAL,WAAA,GAAAM,EAAgC,KAAhCE,SAAgC,GAAhCb,kBAAgC,GAAhCW,EAAgC,CAAA;AAAA,EAAA,IAAAG,EAAA,CAAA;AAAA,EAAA,IAAAN,CAAA,CAAAH,CAAAA,CAAAA,KAAAA,WAAA,IAAAG,CAAA,QAAAJ,WAAA,EAAA;IAMGU,EAAA,GAAA;MAAAV,WAAA;AAAAC,MAAAA,WAAAA;KAA4B,CAAA;AAAAG,IAAAA,CAAA,MAAAH,WAAA,CAAA;AAAAG,IAAAA,CAAA,MAAAJ,WAAA,CAAA;AAAAI,IAAAA,CAAA,MAAAM,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EAA/D,MAAAO,KAAA,GAAmCD,EAA4B,CAAA;AAA8B,EAAA,IAAAE,EAAA,CAAA;AAAA,EAAA,IAAAR,CAAA,CAAAI,CAAAA,CAAAA,KAAAA,QAAA,IAAAJ,CAAA,QAAAO,KAAA,EAAA;AACtFC,IAAAA,EAAA,gBAAAd,gBAAA,CAAAe,aAAA,CAAAhB,cAAA,CAAAiB,QAAA,EAAA;AAAgCH,MAAAA,KAAK,EAALA,KAAAA;AAAK,KAAA,EAAGH,QAAkC,CAAC,CAAA;AAAAJ,IAAAA,CAAA,MAAAI,QAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAO,KAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA3EQ,EAA2E,CAAA;AAAA,CAAA;AAwEtF,MAAMG,OAAO,gBAAGjB,gBAAK,CAACkB,UAAU,CAC5B,CACI;EACIR,QAAQ;EACRS,OAAO;AACPC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,OAAO,GAAG,CAAC;AACXC,EAAAA,SAAS,GAAG,KAAK;EACjBpB,WAAW;EACXC,WAAW;AACXoB,EAAAA,yBAAAA;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM;AAAEtB,IAAAA,WAAW,EAAEuB,iBAAiB;AAAEtB,IAAAA,WAAW,EAAEuB,iBAAAA;AAAkB,GAAC,GACpE1B,gBAAK,CAAC2B,UAAU,CAAC5B,cAAc,CAAC,CAAA;EAEpC,MAAM6B,OAAO,GAAGC,qBAAe,CAAC;AAC5BC,IAAAA,SAAS,EAAEV,QAAQ;IACnBlB,WAAW,EAAEA,WAAW,IAAIuB,iBAAiB;IAC7CtB,WAAW,EAAEA,WAAW,IAAIuB,iBAAAA;AAChC,GAAC,CAAC,CAAA;EAEF1B,gBAAK,CAAC+B,mBAAmB,CAACP,GAAG,EAAE,MAAMI,OAAO,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAExD,EAAA,MAAMI,MAAM,GAAGJ,OAAO,CAACK,QAAQ,CAAC,MAAM,CAAC,CAAA;EAEvC,MAAMC,KAAK,GAAGlC,gBAAK,CAACmC,QAAQ,CAACC,IAAI,CAC7B1B,QACJ,CAAC,CAAA;EAED,IAAI,CAACwB,KAAK,EAAE;AACR,IAAA,OAAOA,KAAK,CAAA;AAChB,GAAA;;AAEA;AACA,EAAA,IAAI,OAAOA,KAAK,CAACV,GAAG,KAAK,QAAQ,EAAE;AAC/B,IAAA,MAAM,IAAIa,KAAK,CAAC,iEAAiE,CAAC,CAAA;AACtF,GAAA;AAEA,EAAA,oBACIrC,gBAAA,CAAAe,aAAA,CAAAf,gBAAA,CAAAsC,QAAA,EAAA,IAAA,eACItC,gBAAA,CAAAe,aAAA,CAACwB,mBAAa,EAAA;AAACC,IAAAA,MAAM,EAAEN,KAAM;AAACO,IAAAA,KAAK,EAAEb,OAAQ;IAACJ,GAAG,EAAEU,KAAK,CAACV,GAAAA;GAAM,CAAC,EAC/DQ,MAAM,IAAIb,OAAO,gBACdnB,gBAAA,CAAAe,aAAA,CAAC2B,aAAc,EAAA;AACXD,IAAAA,KAAK,EAAEb,OAAQ;AACfe,IAAAA,MAAM,EAAEtB,OAAQ;AAChBmB,IAAAA,MAAM,eACFxC,gBAAA,CAAAe,aAAA,CAAC6B,OAAG,EAAA;AACAC,MAAAA,SAAS,EAAE,CAACC,yBAAM,CAAClB,OAAO,EAAEL,yBAAyB,CAAE;AACvDwB,MAAAA,UAAU,EAAC,OAAO;AAClBC,MAAAA,YAAY,EAAC,UAAU;AACvBC,MAAAA,QAAQ,EAAC,OAAO;AAChBC,MAAAA,QAAQ,EAAC,QAAQ;AACjBC,MAAAA,QAAQ,EAAC,QAAQ;AACjBC,MAAAA,KAAK,EAAC,YAAY;AAClBC,MAAAA,QAAQ,EAAC,QAAQ;AACjBC,MAAAA,SAAS,EAAC,QAAA;KACb,CAAA;GAGJhC,EAAAA,SAAS,gBAAGtB,gBAAA,CAAAe,aAAA,CAACwC,kBAAY,EAAA,IAAE,CAAC,GAAG,IAAI,EACnC,OAAOpC,OAAO,KAAK,UAAU,GAAGA,OAAO,EAAE,GAAGA,OACjC,CAAC,GACjB,IACN,CAAC,CAAA;AAEP;AACJ,CACJ,EAAC;AAEDF,OAAO,CAACuC,WAAW,GAAG,SAAS;;;;;"}

package/lib/utils/test-helpers.d.ts

@@ -17,6 +17,6 @@ declare function runSpaceTests<Props extends PropsWithSpace>(Component: React.Co
  * @see https://twitter.com/diegohaz/status/1560525455383461888
  * @see https://github.com/ariakit/ariakit/issues/1800#issuecomment-1227862399
  */
-declare function flushMicrotasks(): Promise<undefined>;
+declare function flushMicrotasks(): Promise<void>;
 declare function TestIcon(): React.JSX.Element;
 export { flushMicrotasks, runSpaceTests, TestIcon };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
-    "version": "30.1.3",
+    "version": "31.0.0",
     "repository": "https://github.com/Doist/reactist",
     "homepage": "https://github.com/Doist/reactist#readme",
     "bugs": {
@@ -22,8 +22,7 @@
         "**/*.css"
     ],
     "publishConfig": {
-        "access": "public",
-        "provenance": true
+        "access": "public"
     },
     "files": [
         "CHANGELOG.md",
@@ -55,16 +54,15 @@
         "lint": "eslint --format codeframe --cache --ext js,jsx,ts,tsx ./",
         "storybook": "start-storybook -p 6006",
         "prettify": "prettier --write \"./**/*.{js,jsx,ts,tsx,json,css,scss,less,md,mdx}\"",
-        "plop": "plop",
-        "prepublishOnly": "npm run build && npm test"
+        "plop": "plop"
     },
     "peerDependencies": {
         "@ariakit/react": "~0.4.19",
         "classnames": "^2.2.5",
         "prop-types": "^15.6.2",
-        "react": "^17.0.0 || ^18.0.0",
+        "react": ">=18.0.0 <19.0.0",
         "react-compiler-runtime": "^1.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
+        "react-dom": ">=18.0.0 <19.0.0"
     },
     "devDependencies": {
         "@ariakit/react": "0.4.19",
@@ -100,7 +98,6 @@
         "@storybook/addon-controls": "^6.5.3",
         "@storybook/addon-docs": "^6.5.3",
         "@storybook/addon-interactions": "^6.5.15",
-        "@storybook/addon-knobs": "^6.3.1",
         "@storybook/addon-links": "^6.5.3",
         "@storybook/addon-postcss": "^2.0.0",
         "@storybook/addons": "^6.5.3",
@@ -108,11 +105,10 @@
         "@storybook/react": "6.5.17-alpha.0",
         "@storybook/testing-library": "^0.0.13",
         "@testing-library/jest-dom": "^5.14.1",
-        "@testing-library/react": "^12.0.0",
+        "@testing-library/react": "14.3.1",
         "@testing-library/user-event": "^13.2.1",
         "@types/cheerio": "^0.22.22",
         "@types/classnames": "^2.2.10",
-        "@types/enzyme": "^3.10.7",
         "@types/jest": "28.1.8",
         "@types/jest-axe": "^3.5.3",
         "@types/marked": "^4.0.8",
@@ -120,7 +116,6 @@
         "@types/react-dom": "18.3.0",
         "@typescript-eslint/eslint-plugin": "8.46.2",
         "@typescript-eslint/parser": "8.46.2",
-        "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
         "autoprefixer": "^9.8.0",
         "babel-core": "^7.0.0-bridge.0",
         "babel-loader": "^8.1.0",
@@ -154,13 +149,13 @@
         "plop": "^3.1.1",
         "prettier": "3.6.2",
         "raw-loader": "^4.0.1",
-        "react": "^17.0.2",
+        "react": "18.3.1",
         "react-compiler-runtime": "1.0.0",
         "react-docgen-typescript-loader": "^3.7.2",
-        "react-dom": "^17.0.2",
-        "react-is": "^17.0.2",
+        "react-dom": "18.3.1",
+        "react-is": "18.3.1",
         "react-svg-loader": "^3.0.3",
-        "react-test-renderer": "^17.0.2",
+        "react-test-renderer": "18.3.1",
         "rimraf": "^3.0.2",
         "semantic-release": "25.0.3",
         "rollup": "2.79.2",
@@ -184,6 +179,15 @@
         "use-callback-ref": "^1.3.0"
     },
     "overrides": {
-        "fork-ts-checker-webpack-plugin": "$fork-ts-checker-webpack-plugin"
+        "@geometricpanda/storybook-addon-badges": {
+            "react": "$react",
+            "react-dom": "$react-dom",
+            "react-is": "$react-is"
+        },
+        "fork-ts-checker-webpack-plugin": "$fork-ts-checker-webpack-plugin",
+        "pretty-format": {
+            "react-is": "$react-is"
+        },
+        "react-element-to-jsx-string": "15.0.0"
     }
 }