@doist/reactist 33.1.0 → 33.2.1

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                // 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","space","width","align","props","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","renderMode","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":";;;;;;;;;AA2BA,MAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAa,CAA0B,IAAI,CAAC,CAAA;AA+BtE;AACA;AACA;AACA,SAASC,IAAIA,CAAC;EACVC,QAAQ;EACRC,UAAU;EACVC,iBAAiB;AACjBC,EAAAA,OAAO,GAAG,SAAS;AACnBC,EAAAA,kBAAAA;AACO,CAAC,EAAsB;EAC9B,MAAMC,QAAQ,GAAGC,WAAW,CAAC;IACzBJ,iBAAiB;IACjBD,UAAU;AACVM,IAAAA,aAAa,EAAEH,kBAAAA;AACnB,GAAC,CAAC,CAAA;AACF,EAAA,MAAMI,gBAAgB,GAAGH,QAAQ,CAACI,QAAQ,CAAC,YAAY,CAAC,CAAA;AAExD,EAAA,MAAMC,gBAAgB,GAAGb,KAAK,CAACc,OAAO,CAClC,OAAO;IAAEN,QAAQ;IAAEF,OAAO;AAAEF,IAAAA,UAAU,EAAEA,UAAU,IAAIO,gBAAgB,IAAI,IAAA;GAAM,CAAC,EACjF,CAACL,OAAO,EAAEE,QAAQ,EAAEJ,UAAU,EAAEO,gBAAgB,CACpD,CAAC,CAAA;AACD,EAAA,oBAAOX,KAAA,CAAAe,aAAA,CAAChB,WAAW,CAACiB,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,gBAAAA;AAAiB,GAAA,EAAEV,QAA+B,CAAC,CAAA;AAC3F,CAAA;AAqBA;AACA;AACA;AACMe,MAAAA,GAAG,gBAAGlB,KAAK,CAACmB,UAAU,CAA8B,SAAAD,GAAAA,CAAAE,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,CAAA,CAAA,EAAA,CAAA,CAAA;AACtD,EAAA,MAAA;IAAApB,QAAA;IAAAqB,EAAA;IAAAC,QAAA;IAAAC,yBAAA;IAAAC,MAAA;AAAAC,IAAAA,OAAAA;AAAA,GAAA,GAAAR,EAAsE,CAAA;AAGtE,EAAA,MAAAS,eAAA,GAAwB7B,KAAK,CAAA8B,UAAW,CAAC/B,WAAW,CAAC,CAAA;AACrD,EAAA,IAAI,CAAC8B,eAAe,EAAA;AAAA,IAAA,OAAS,IAAI,CAAA;AAAA,GAAA;AAEjC,EAAA,MAAA;IAAAvB,OAAA;AAAAE,IAAAA,QAAAA;AAAA,GAAA,GAA8BqB,eAAe,CAAA;AACuB,EAAA,MAAAE,EAAA,GAAAC,gBAAM,CAAC,CAAO1B,IAAAA,EAAAA,OAAO,EAAE,CAAC,CAAA;AAAA,EAAA,IAAA2B,EAAA,CAAA;AAAA,EAAA,IAAAX,CAAA,CAAAI,CAAAA,CAAAA,KAAAA,yBAAA,IAAAJ,CAAA,QAAAS,EAAA,EAAA;IAA1EE,EAAA,GAAAC,UAAU,CAACR,yBAAyB,EAAEM,gBAAM,CAAAG,GAAI,EAAEJ,EAAwB,CAAC,CAAA;AAAAT,IAAAA,CAAA,MAAAI,yBAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAS,EAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAW,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAX,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;EAA7F,MAAAc,SAAA,GAAkBH,EAA2E,CAAA;AAAA,EAAA,IAAAI,EAAA,CAAA;AAAA,EAAA,IAAAf,CAAA,CAAA,CAAA,CAAA,KAAAnB,QAAA,IAAAmB,CAAA,CAAA,CAAA,CAAA,KAAAc,SAAA,IAAAd,CAAA,CAAA,CAAA,CAAA,KAAAG,QAAA,IAAAH,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,EAAA,IAAAF,CAAA,CAAAM,CAAAA,CAAAA,KAAAA,OAAA,IAAAN,CAAA,CAAAD,CAAAA,CAAAA,KAAAA,GAAA,IAAAC,CAAA,CAAAK,CAAAA,CAAAA,KAAAA,MAAA,IAAAL,CAAA,SAAAd,QAAA,EAAA;AAGzF6B,IAAAA,EAAA,gBAAArC,KAAA,CAAAe,aAAA,CAACuB,KAAO,EAAA;AACAd,MAAAA,EAAE,EAAFA,EAAE;AACDH,MAAAA,GAAG,EAAHA,GAAG;AACEI,MAAAA,QAAQ,EAARA,QAAQ;AACXjB,MAAAA,KAAQ,EAARA,QAAQ;AACPmB,MAAAA,MAAM,EAANA,MAAM;AACHS,MAAAA,SAAS,EAATA,SAAS;AACXR,MAAAA,OAAO,EAAPA,OAAAA;AAAO,KAAA,EAEfzB,QACI,CAAC,CAAA;AAAAmB,IAAAA,CAAA,MAAAnB,QAAA,CAAA;AAAAmB,IAAAA,CAAA,MAAAc,SAAA,CAAA;AAAAd,IAAAA,CAAA,MAAAG,QAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAE,EAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAM,OAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAK,MAAA,CAAA;AAAAL,IAAAA,CAAA,OAAAd,QAAA,CAAA;AAAAc,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAVVe,EAUU,CAAA;AAAA,CAEjB,EAAC;AAiDF;AACA;AACA;AACA,SAASE,OAAOA,CAAC;EACbpC,QAAQ;EACRqC,KAAK;AACLC,EAAAA,KAAK,GAAG,YAAY;AACpBC,EAAAA,KAAK,GAAG,OAAO;EACfhB,yBAAyB;EACzB,GAAGiB,KAAAA;AACO,CAAC,EAA6B;AACxC,EAAA,MAAMC,UAAU,GAAG5C,KAAK,CAAC6C,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC5D,EAAA,MAAMC,mBAAmB,GAAG9C,KAAK,CAAC6C,MAAM,CAAC,CAAC,CAAC,CAAA;AAE3C,EAAA,MAAMhB,eAAe,GAAG7B,KAAK,CAAC8B,UAAU,CAAC/B,WAAW,CAAC,CAAA;EAErD,MAAM,CAACgD,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGhD,KAAK,CAACY,QAAQ,CAAqB,IAAI,CAAC,CAAA;AAC5F,EAAA,MAAM,CAACqC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGlD,KAAK,CAACY,QAAQ,CAAsB,EAAE,CAAC,CAAA;EAEvF,MAAMR,UAAU,GAAGyB,eAAe,EAAErB,QAAQ,CAACI,QAAQ,CAAC,YAAY,CAAC,CAAA;EAEnE,MAAMuC,yBAAyB,GAAGnD,KAAK,CAACoD,WAAW,CAC/C,SAASC,iCAAiCA,GAAG;AACzC,IAAA,IAAI,CAACjD,UAAU,IAAI,CAACwC,UAAU,CAACU,OAAO,EAAE;AACpC,MAAA,OAAA;AACJ,KAAA;IAEA,MAAMC,IAAI,GAAGX,UAAU,CAACU,OAAO,CAACE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IAEhE,MAAMC,WAAW,GAAGC,KAAK,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACK,IAAI,CACpCzB,GAAG,IAAKA,GAAG,CAAC0B,YAAY,CAAC,IAAI,CAAC,KAAKzD,UACxC,CAA4B,CAAA;AAE5B,IAAA,IAAIqD,WAAW,EAAE;MACbT,qBAAqB,CAACS,WAAW,CAAC,CAAA;AAClCP,MAAAA,mBAAmB,CAAC;AAChBY,QAAAA,IAAI,EAAE,CAAA,EAAGL,WAAW,CAACM,UAAU,CAAI,EAAA,CAAA;AACnCtB,QAAAA,KAAK,EAAE,CAAA,EAAGgB,WAAW,CAACO,WAAW,CAAA,EAAA,CAAA;AACrC,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EACD,CAAC5D,UAAU,CACf,CAAC,CAAA;AAEDJ,EAAAA,KAAK,CAACiE,SAAS,CACX,SAASC,oCAAoCA,GAAG;AAC5Cf,IAAAA,yBAAyB,EAAE,CAAA;GAC9B;AACD;AACA,EAAA,CAAC/C,UAAU,EAAE+C,yBAAyB,CAC1C,CAAC,CAAA;AAEDnD,EAAAA,KAAK,CAACiE,SAAS,CACX,SAASE,yBAAyBA,GAAG;IACjC,IAAIC,gBAA+B,GAAG,IAAI,CAAA;IAE1C,MAAMC,eAAe,GAAG,IAAIC,cAAc,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK;AACpD,MAAA,MAAM9B,OAAK,GAAG8B,KAAK,EAAEC,WAAW,CAAC/B,KAAK,CAAA;AAEtC,MAAA,IAAIA,OAAK,IAAIK,mBAAmB,CAACQ,OAAO,KAAKb,OAAK,EAAE;QAChDK,mBAAmB,CAACQ,OAAO,GAAGb,OAAK,CAAA;QAEnC,IAAI2B,gBAAgB,KAAK,IAAI,EAAE;UAC3BK,oBAAoB,CAACL,gBAAgB,CAAC,CAAA;AAC1C,SAAA;QAEAA,gBAAgB,GAAGM,qBAAqB,CAAC,MAAM;AAC3CvB,UAAAA,yBAAyB,EAAE,CAAA;AAC3BiB,UAAAA,gBAAgB,GAAG,IAAI,CAAA;AAC3B,SAAC,CAAC,CAAA;AACN,OAAA;AACJ,KAAC,CAAC,CAAA;IAEF,IAAIxB,UAAU,CAACU,OAAO,EAAE;AACpBe,MAAAA,eAAe,CAACM,OAAO,CAAC/B,UAAU,CAACU,OAAO,CAAC,CAAA;AAC/C,KAAA;IAEA,OAAO,SAASsB,qBAAqBA,GAAG;AACpC,MAAA,IAAIR,gBAAgB,EAAE;QAClBK,oBAAoB,CAACL,gBAAgB,CAAC,CAAA;AAC1C,OAAA;MAEAC,eAAe,CAACQ,UAAU,EAAE,CAAA;KAC/B,CAAA;AACL,GAAC,EACD,CAAC1B,yBAAyB,CAC9B,CAAC,CAAA;EAED,IAAI,CAACtB,eAAe,EAAE;AAClB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EAEA,MAAM;IAAErB,QAAQ;AAAEF,IAAAA,OAAAA;AAAQ,GAAC,GAAGuB,eAAe,CAAA;AAE7C,EAAA,MAAMiD,sBAA+D,GAAG;AACpEC,IAAAA,KAAK,EAAE,WAAW;AAClBC,IAAAA,GAAG,EAAE,SAAS;AACdC,IAAAA,MAAM,EAAE,QAAA;GACX,CAAA;AAED,EAAA;AAAA;AACI;AACA;AACA;IACAjF,KAAA,CAAAe,aAAA,CAACmE,GAAG,EAAA;AACAC,MAAAA,OAAO,EAAC,MAAM;MACdC,cAAc,EAAE3C,KAAK,KAAK,MAAM,GAAG,QAAQ,GAAGqC,sBAAsB,CAACpC,KAAK,CAAA;AAAE,KAAA,eAE5E1C,KAAA,CAAAe,aAAA,CAACsE,SAAW,EAAAC,QAAA,CAAA;AACRC,MAAAA,KAAK,EAAE/E,QAAS;AAChBmB,MAAAA,MAAM,eACF3B,KAAA,CAAAe,aAAA,CAACmE,GAAG,EAAA;AAACM,QAAAA,QAAQ,EAAC,UAAU;AAAC/C,QAAAA,KAAK,EAAEA,KAAM;AAACL,QAAAA,SAAS,EAAEV,yBAAAA;AAA0B,OAAE,CACjF;AACDL,MAAAA,GAAG,EAAEuB,UAAAA;AAAW,KAAA,EACZD,KAAK,CAET3C,eAAAA,KAAA,CAAAe,aAAA,CAACmE,GAAG,EAAA;MAAC9C,SAAS,EAAE,CAACJ,gBAAM,CAACyD,KAAK,EAAEzD,gBAAM,CAAC,CAAA,MAAA,EAAS1B,OAAO,CAAA,CAAE,CAAC,CAAA;KAAI,CAAC,EAC7DyC,kBAAkB,gBACf/C,KAAA,CAAAe,aAAA,CAACmE,GAAG,EAAA;AACA9C,MAAAA,SAAS,EAAE,CAACJ,gBAAM,CAAC0D,QAAQ,EAAE1D,gBAAM,CAAC,CAAY1B,SAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,CAAE;AAC5DqF,MAAAA,KAAK,EAAE1C,gBAAAA;KACV,CAAC,GACF,IAAI,eACRjD,KAAA,CAAAe,aAAA,CAAC6E,MAAM,EAAA;AACHpD,MAAAA,KAAK,EAAEA,KAAM;MACbd,yBAAyB,EAAEQ,UAAU,CACjCO,KAAK,KAAK,MAAM,GAAGT,gBAAM,CAAC6D,WAAW,GAAG,IAC5C,CAAA;KAEC1F,EAAAA,QACG,CACC,CACZ,CAAA;AAAC,IAAA;AAEd,CAAA;AAoBA;AACA;AACA;AACA;AACM2F,MAAAA,QAAQ,gBAAG9F,KAAK,CAACmB,UAAU,CAAgC,SAAS2E,QAAQA,CAC9E;EAAE3F,QAAQ;EAAEqB,EAAE;AAAEuE,EAAAA,UAAU,GAAG,QAAQ;EAAE,GAAGpD,KAAAA;AAAM,CAAC,EACjDtB,GAAG,EACsB;AACzB,EAAA,MAAMQ,eAAe,GAAG7B,KAAK,CAAC8B,UAAU,CAAC/B,WAAW,CAAC,CAAA;EACrD,MAAM,CAACiG,WAAW,EAAEC,cAAc,CAAC,GAAGjG,KAAK,CAACY,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC3D,MAAMR,UAAU,GAAGyB,eAAe,EAAErB,QAAQ,CAACI,QAAQ,CAAC,YAAY,CAAC,CAAA;AACnE,EAAA,MAAMsF,WAAW,GAAG9F,UAAU,KAAKoB,EAAE,CAAA;AAErCxB,EAAAA,KAAK,CAACiE,SAAS,CACX,SAASkC,qBAAqBA,GAAG;AAC7B,IAAA,IAAI,CAACH,WAAW,IAAIE,WAAW,EAAE;AAC7B;MACAD,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;AACJ,GAAC,EACD,CAACD,WAAW,EAAEE,WAAW,CAC7B,CAAC,CAAA;EAED,IAAI,CAACrE,eAAe,EAAE;AAClB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EAEA,MAAM;AAAErB,IAAAA,QAAAA;AAAS,GAAC,GAAGqB,eAAe,CAAA;AACpC,EAAA,MAAMuE,YAAY,GACdL,UAAU,KAAK,QAAQ,IACtBA,UAAU,KAAK,QAAQ,IAAIG,WAAY,IACvCH,UAAU,KAAK,MAAM,KAAKG,WAAW,IAAIF,WAAW,CAAE,CAAA;EAE3D,OAAOI,YAAY,gBACfpG,KAAA,CAAAe,aAAA,CAACsF,UAAY,EAAAf,QAAA,CAAA,EAAA,EAAK3C,KAAK,EAAA;AAAE2D,IAAAA,KAAK,EAAE9E,EAAG;AAAC+D,IAAAA,KAAK,EAAE/E,QAAS;AAACa,IAAAA,GAAG,EAAEA,GAAAA;GACrDlB,CAAAA,EAAAA,QACS,CAAC,GACf,IAAI,CAAA;AACZ,CAAC,EAAC;AAUF;AACA;AACA;AACA;AACA,SAASoG,YAAYA,CAAC;AAAEpG,EAAAA,QAAAA;AAA4B,CAAC,EAA6B;AAC9E,EAAA,MAAM0B,eAAe,GAAG7B,KAAK,CAAC8B,UAAU,CAAC/B,WAAW,CAAC,CAAA;EACrD,MAAMK,UAAU,GAAGyB,eAAe,EAAErB,QAAQ,CAACI,QAAQ,CAAC,YAAY,CAAC,CAAA;EACnE,OAAOiB,eAAe,GAAG1B,QAAQ,CAAC;AAAEC,IAAAA,UAAAA;GAAY,CAAC,GAAG,IAAI,CAAA;AAC5D;;;;"}
+{"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    useStoreState,\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 = useStoreState(tabStore, '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 = useStoreState(tabContextValue?.tabStore, '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 = useStoreState(tabContextValue?.tabStore, '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 = useStoreState(tabContextValue?.tabStore, 'selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","t0","$","_c","children","selectedId","defaultSelectedId","variant","t1","onSelectedIdChange","undefined","t2","setSelectedId","tabStore","useTabStore","actualSelectedId","useStoreState","t3","t4","memoizedTabState","t5","createElement","Provider","Tab","forwardRef","ref","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","styles","classNames","tab","className","BaseTab","TabList","props","space","width","align","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","useState","Symbol","for","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","updateSelectedTabPosition","updateSelectedTabPositionOnTabChange","t6","useEffect","t7","t8","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","t9","entry","width_0","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","start","end","center","justifyContentAlignMap","t10","t11","Box","position","t12","t13","track","t14","selected","t15","fullTabList","t16","t17","Inline","t18","BaseTabList","_extends","t19","display","justifyContent","TabPanel","renderMode","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","TabAwareSlot"],"mappings":"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"}

package/es/text-area/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n    extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n        Omit<\n            BaseFieldVariantProps,\n            'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n        > {\n    /**\n     * The value of the text area.\n     *\n     * If this prop is not specified, the text area will be uncontrolled and the component will\n     * manage its own state.\n     */\n    value?: string\n\n    /**\n     * The number of visible text lines for the text area.\n     *\n     * If it is specified, it must be a positive integer. If it is not specified, the default\n     * value is 2 (set by the browser).\n     *\n     * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n     * of rows that the textarea will shrink to when the content is not large enough to make it\n     * expand.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n     */\n    rows?: number\n\n    /**\n     * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n     * manually resize the textarea will be disabled.\n     */\n    autoExpand?: boolean\n\n    /**\n     * If `true`, the ability to manually resize the textarea will be disabled.\n     *\n     * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n     * resize the textarea is always disabled when `autoExpand` is true.\n     */\n    disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        rows,\n        autoExpand = false,\n        disableResize = false,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n    const textAreaClassName = classNames([\n        autoExpand ? styles.disableResize : null,\n        disableResize ? styles.disableResize : null,\n    ])\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            className={[\n                styles.textAreaContainer,\n                tone === 'error' ? styles.error : null,\n                variant === 'bordered' ? styles.bordered : null,\n            ]}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    width=\"full\"\n                    display=\"flex\"\n                    className={styles.innerContainer}\n                    ref={containerRef}\n                >\n                    <textarea\n                        {...props}\n                        {...extraProps}\n                        ref={combinedRef}\n                        rows={rows}\n                        className={textAreaClassName}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction useAutoExpand({\n    value,\n    autoExpand,\n    containerRef,\n    internalRef,\n}: {\n    value: string | undefined\n    autoExpand: boolean\n    containerRef: React.RefObject<HTMLDivElement>\n    internalRef: React.RefObject<HTMLTextAreaElement>\n}) {\n    const isControlled = value !== undefined\n\n    React.useEffect(\n        function setupAutoExpandWhenUncontrolled() {\n            const textAreaElement = internalRef.current\n            if (!textAreaElement || !autoExpand || isControlled) {\n                return undefined\n            }\n\n            const containerElement = containerRef.current\n\n            function handleAutoExpand(value: string) {\n                if (containerElement) {\n                    containerElement.dataset.replicatedValue = value\n                }\n            }\n\n            function handleInput(event: Event) {\n                handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n            }\n\n            // Apply change initially, in case the text area has a non-empty initial value\n            handleAutoExpand(textAreaElement.value)\n            textAreaElement.addEventListener('input', handleInput)\n            return () => textAreaElement.removeEventListener('input', handleInput)\n        },\n        [autoExpand, containerRef, internalRef, isControlled],\n    )\n\n    React.useEffect(\n        function setupAutoExpandWhenControlled() {\n            if (!isControlled || !autoExpand) {\n                return\n            }\n\n            const containerElement = containerRef.current\n            if (containerElement) {\n                containerElement.dataset.replicatedValue = value\n            }\n        },\n        [value, containerRef, isControlled, autoExpand],\n    )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","variant","autoExpand","disableResize","onChange","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":"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"}
+{"version":3,"file":"text-area.js","sources":["../../src/text-area/text-area.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\nimport { useMergeRefs } from 'use-callback-ref'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './text-area.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface TextAreaProps\n    extends Omit<FieldComponentProps<HTMLTextAreaElement>, 'characterCountPosition'>,\n        Omit<\n            BaseFieldVariantProps,\n            'supportsStartAndEndSlots' | 'endSlot' | 'endSlotPosition' | 'value'\n        > {\n    /**\n     * The value of the text area.\n     *\n     * If this prop is not specified, the text area will be uncontrolled and the component will\n     * manage its own state.\n     */\n    value?: string\n\n    /**\n     * The number of visible text lines for the text area.\n     *\n     * If it is specified, it must be a positive integer. If it is not specified, the default\n     * value is 2 (set by the browser).\n     *\n     * When `autoExpand` is true, this value serves the purpose of specifying the minimum number\n     * of rows that the textarea will shrink to when the content is not large enough to make it\n     * expand.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows\n     */\n    rows?: number\n\n    /**\n     * If `true`, the textarea will be automatically resized to fit the content, and the ability to\n     * manually resize the textarea will be disabled.\n     */\n    autoExpand?: boolean\n\n    /**\n     * If `true`, the ability to manually resize the textarea will be disabled.\n     *\n     * When `autoExpand` is true, this property serves no purpose, because the ability to manually\n     * resize the textarea is always disabled when `autoExpand` is true.\n     */\n    disableResize?: boolean\n}\n\nconst TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(function TextArea(\n    {\n        variant = 'default',\n        id,\n        label,\n        value,\n        auxiliaryLabel,\n        message,\n        tone,\n        maxWidth,\n        maxLength,\n        hidden,\n        'aria-describedby': ariaDescribedBy,\n        rows,\n        autoExpand = false,\n        disableResize = false,\n        onChange: originalOnChange,\n        ...props\n    },\n    ref,\n) {\n    const containerRef = React.useRef<HTMLDivElement>(null)\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const combinedRef = useMergeRefs([ref, internalRef])\n\n    useAutoExpand({ value, autoExpand, containerRef, internalRef })\n\n    const textAreaClassName = classNames([\n        autoExpand ? styles.disableResize : null,\n        disableResize ? styles.disableResize : null,\n    ])\n\n    return (\n        <BaseField\n            variant={variant}\n            id={id}\n            label={label}\n            value={value}\n            auxiliaryLabel={auxiliaryLabel}\n            message={message}\n            tone={tone}\n            hidden={hidden}\n            aria-describedby={ariaDescribedBy}\n            className={[\n                styles.textAreaContainer,\n                tone === 'error' ? styles.error : null,\n                variant === 'bordered' ? styles.bordered : null,\n            ]}\n            maxWidth={maxWidth}\n            maxLength={maxLength}\n        >\n            {({ onChange, characterCountElement, ...extraProps }) => (\n                <Box\n                    width=\"full\"\n                    display=\"flex\"\n                    className={styles.innerContainer}\n                    ref={containerRef}\n                >\n                    <textarea\n                        {...props}\n                        {...extraProps}\n                        ref={combinedRef}\n                        rows={rows}\n                        className={textAreaClassName}\n                        maxLength={maxLength}\n                        onChange={(event) => {\n                            originalOnChange?.(event)\n                            onChange?.(event)\n                        }}\n                    />\n                </Box>\n            )}\n        </BaseField>\n    )\n})\n\nfunction useAutoExpand({\n    value,\n    autoExpand,\n    containerRef,\n    internalRef,\n}: {\n    value: string | undefined\n    autoExpand: boolean\n    containerRef: React.RefObject<HTMLDivElement | null>\n    internalRef: React.RefObject<HTMLTextAreaElement | null>\n}) {\n    const isControlled = value !== undefined\n\n    React.useEffect(\n        function setupAutoExpandWhenUncontrolled() {\n            const textAreaElement = internalRef.current\n            if (!textAreaElement || !autoExpand || isControlled) {\n                return undefined\n            }\n\n            const containerElement = containerRef.current\n\n            function handleAutoExpand(value: string) {\n                if (containerElement) {\n                    containerElement.dataset.replicatedValue = value\n                }\n            }\n\n            function handleInput(event: Event) {\n                handleAutoExpand((event.currentTarget as HTMLTextAreaElement).value)\n            }\n\n            // Apply change initially, in case the text area has a non-empty initial value\n            handleAutoExpand(textAreaElement.value)\n            textAreaElement.addEventListener('input', handleInput)\n            return () => textAreaElement.removeEventListener('input', handleInput)\n        },\n        [autoExpand, containerRef, internalRef, isControlled],\n    )\n\n    React.useEffect(\n        function setupAutoExpandWhenControlled() {\n            if (!isControlled || !autoExpand) {\n                return\n            }\n\n            const containerElement = containerRef.current\n            if (containerElement) {\n                containerElement.dataset.replicatedValue = value\n            }\n        },\n        [value, containerRef, isControlled, autoExpand],\n    )\n}\n\nexport { TextArea }\nexport type { TextAreaProps }\n"],"names":["TextArea","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","hidden","id","label","maxLength","maxWidth","message","originalOnChange","props","rows","t1","t2","t3","tone","value","variant","autoExpand","disableResize","onChange","undefined","containerRef","useRef","internalRef","t4","combinedRef","useMergeRefs","t5","useAutoExpand","t6","styles","t7","t8","classNames","textAreaClassName","t9","error","t10","bordered","t11","textAreaContainer","t12","t13","characterCountElement","extraProps","createElement","Box","width","display","className","innerContainer","_extends","event","BaseField","isControlled","setupAutoExpandWhenUncontrolled","textAreaElement","current","containerElement","handleAutoExpand","value_0","dataset","replicatedValue","handleInput","currentTarget","addEventListener","removeEventListener","useEffect","setupAutoExpandWhenControlled","containerElement_0"],"mappings":"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"}

package/es/toast/use-toasts.js

@@ -33,7 +33,7 @@ const InternalToast = /*#__PURE__*/React__default.forwardRef(function InternalTo
     onRemoveToast
   } = t0;
   const showDismissButton = t1 === undefined ? true : t1;
-  const timeoutRef = React__default.useRef();
+  const timeoutRef = React__default.useRef(undefined);
   let t2;
   if ($[0] !== onDismiss || $[1] !== onRemoveToast || $[2] !== toastId) {
     t2 = function removeToast() {

package/es/toast/use-toasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Portal } from '@ariakit/react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { generateElementId } from '../utils/common-helpers'\n\nimport { isActionObject, StaticToast } from './static-toast'\nimport { useToastsAnimation } from './toast-animation'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport type { StaticToastProps } from './static-toast'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n    /**\n     * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n     * or false to disable auto-dismiss.\n     *\n     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n     */\n    autoDismissDelay?: number | false\n\n    /**\n     * The label for the button that dismisses the toast.\n     *\n     * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n     * different value if needed.\n     */\n    dismissLabel?: string\n\n    /**\n     * Whether to show the dismiss button or not.\n     *\n     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n     * dismiss the toast by calling the function returned by `showToast`.\n     */\n    showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n    Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n        toastId: string\n        onRemoveToast: (toastId: string) => void\n    }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n    {\n        message,\n        description,\n        icon,\n        action,\n        autoDismissDelay,\n        dismissLabel,\n        showDismissButton = true,\n        toastId,\n        onDismiss,\n        onRemoveToast,\n    },\n    ref,\n) {\n    const timeoutRef = React.useRef<number | undefined>()\n\n    const removeToast = React.useCallback(\n        function removeToast() {\n            onRemoveToast(toastId)\n            onDismiss?.()\n        },\n        [onDismiss, onRemoveToast, toastId],\n    )\n\n    const startTimeout = React.useCallback(\n        function startTimeout() {\n            if (!autoDismissDelay) return\n            timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n        },\n        [autoDismissDelay, removeToast],\n    )\n\n    const stopTimeout = React.useCallback(function stopTimeout() {\n        clearTimeout(timeoutRef.current)\n        timeoutRef.current = undefined\n    }, [])\n\n    React.useEffect(\n        function setupAutoDismiss() {\n            stopTimeout()\n            startTimeout()\n\n            return stopTimeout\n        },\n        [startTimeout, stopTimeout],\n    )\n\n    /**\n     * If the action is toast action object and not a custom element,\n     * the `onClick` property is wrapped in another handler responsible\n     * for removing the toast when the action is triggered.\n     */\n    const actionWithCustomActionHandler = React.useMemo(() => {\n        if (!isActionObject(action)) {\n            return action\n        }\n\n        return {\n            ...action,\n            closeToast: action.closeToast ?? true,\n            onClick: function handleActionClick() {\n                if (!action) {\n                    return\n                }\n\n                action.onClick()\n\n                if (action.closeToast ?? true) {\n                    removeToast()\n                }\n            },\n        }\n    }, [action, removeToast])\n\n    return (\n        <StaticToast\n            ref={ref}\n            message={message}\n            description={description}\n            icon={icon}\n            action={actionWithCustomActionHandler}\n            onDismiss={showDismissButton ? removeToast : undefined}\n            dismissLabel={dismissLabel}\n            // @ts-expect-error\n            onMouseEnter={stopTimeout}\n            onMouseLeave={startTimeout}\n        />\n    )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n    /**\n     * The default label to apply to toast dismiss buttons.\n     *\n     * This is useful in environments that need locatization, so you do not need to pass the same\n     * translated label every time you trigger a toast.\n     *\n     * However, you can still apply a different label to a specific toast, by passing a different\n     * value when calling showToast.\n     *\n     * @default 'Close'\n     */\n    defaultDismissLabel?: string\n\n    /**\n     * The default number of seconds after which the toast will be dismissed automatically.\n     *\n     * You can pass a different value to a specific toast when calling `showToast`. You can even\n     * pass `false` if you want a certain toast to never be dismissed automatically.\n     *\n     * @default 10 (seconds)\n     */\n    defaultAutoDismissDelay?: number\n\n    /**\n     * The padding used to separate the toasts from the viewport borders.\n     *\n     * @default 'large'\n     */\n    padding?: Space\n\n    /**\n     * The app wrapped by the provider.\n     */\n    children: NonNullable<React.ReactNode>\n\n    /**\n     * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n     */\n    containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n    children,\n    padding = 'large',\n    defaultAutoDismissDelay = 10 /* seconds */,\n    defaultDismissLabel = 'Close',\n    containerClassName,\n}: ToastsProviderProps) {\n    const [toasts, setToasts] = React.useState<ToastsList>([])\n    const { mappedRef, animateRemove } = useToastsAnimation()\n\n    const removeToast = React.useCallback(\n        function onRemoveToast(toastId: string) {\n            animateRemove(toastId, () => {\n                setToasts((list) => {\n                    const index = list.findIndex((n) => n.toastId === toastId)\n                    if (index < 0) return list\n                    const copy = [...list]\n                    copy.splice(index, 1)\n                    return copy\n                })\n            })\n        },\n        [animateRemove],\n    )\n\n    const showToast = React.useCallback(\n        function showToast(props: ToastProps) {\n            const toastId = generateElementId('toast')\n            const newToast: InternalToastEntry = {\n                autoDismissDelay: defaultAutoDismissDelay,\n                dismissLabel: defaultDismissLabel,\n                ...props,\n                toastId,\n            }\n            setToasts((list) => [...list, newToast])\n            return () => removeToast(toastId)\n        },\n        [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n    )\n\n    return (\n        <ToastsContext.Provider value={showToast}>\n            {children}\n            <Portal>\n                {toasts.length === 0 ? null : (\n                    <Box\n                        className={[styles.stackedToastsView, containerClassName]}\n                        position=\"fixed\"\n                        width=\"full\"\n                        paddingX={padding}\n                        paddingBottom={padding}\n                        data-testid=\"toasts-container\"\n                    >\n                        <Stack space=\"medium\">\n                            {toasts.map(({ toastId, ...props }) => (\n                                <InternalToast\n                                    key={toastId}\n                                    ref={mappedRef(toastId)}\n                                    toastId={toastId}\n                                    onRemoveToast={removeToast}\n                                    {...props}\n                                />\n                            ))}\n                        </Stack>\n                    </Box>\n                )}\n            </Portal>\n        </ToastsContext.Provider>\n    )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n *   Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n    return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n *    toasts rendered in this way will be removed from view when the context where it is rendered\n *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n *    by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n *    `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n *    the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n    const showToast = useToasts()\n    const propsRef = React.useRef<ToastProps>(props)\n    React.useEffect(() => {\n        const dismissToast = showToast(propsRef.current)\n        return dismissToast\n    }, [showToast])\n    return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","t0","ref","$","_c","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","t1","toastId","onDismiss","onRemoveToast","undefined","timeoutRef","useRef","t2","removeToast","t3","startTimeout","current","window","setTimeout","t4","Symbol","for","stopTimeout","clearTimeout","t5","t6","setupAutoDismiss","useEffect","t7","bb0","isActionObject","t8","closeToast","t9","handleActionClick","onClick","t10","actionWithCustomActionHandler","createElement","StaticToast","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","toastId_0","generateElementId","newToast","list_0","length","Box","className","styles","stackedToastsView","position","width","Stack","space","map","toastId_1","props_0","_extends","Portal","Provider","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}
+{"version":3,"file":"use-toasts.js","sources":["../../src/toast/use-toasts.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Portal } from '@ariakit/react'\n\nimport { Box } from '../box'\nimport { Stack } from '../stack'\nimport { generateElementId } from '../utils/common-helpers'\n\nimport { isActionObject, StaticToast } from './static-toast'\nimport { useToastsAnimation } from './toast-animation'\n\nimport styles from './toast.module.css'\n\nimport type { Space } from '../utils/common-types'\nimport type { StaticToastProps } from './static-toast'\n\n/**\n * The props needed to fire up a new notification toast.\n */\ntype ToastProps = StaticToastProps & {\n    /**\n     * The number of seconds the toast is expected to be shown before it is dismissed automatically,\n     * or false to disable auto-dismiss.\n     *\n     * It defaults to whatever is the autoDismissDelay set in the ToastsProvider.\n     */\n    autoDismissDelay?: number | false\n\n    /**\n     * The label for the button that dismisses the toast.\n     *\n     * It defaults to the value set in the ToastsProvider, but individual toasts can have a\n     * different value if needed.\n     */\n    dismissLabel?: string\n\n    /**\n     * Whether to show the dismiss button or not.\n     *\n     * Use this value with care. If combined with disabling `autoDismissDelay`, it may leave you\n     * with toasts that the user won't be able to dismiss at will. It then is your responsibility to\n     * dismiss the toast by calling the function returned by `showToast`.\n     */\n    showDismissButton?: boolean\n}\n\n//\n// InternalToast component and its props\n//\n\ntype InternalToastProps = Omit<ToastProps, 'autoDismissDelay' | 'dismissLabel'> &\n    Required<Pick<ToastProps, 'autoDismissDelay' | 'dismissLabel'>> & {\n        toastId: string\n        onRemoveToast: (toastId: string) => void\n    }\n\n/** @private */\nconst InternalToast = React.forwardRef<HTMLDivElement, InternalToastProps>(function InternalToast(\n    {\n        message,\n        description,\n        icon,\n        action,\n        autoDismissDelay,\n        dismissLabel,\n        showDismissButton = true,\n        toastId,\n        onDismiss,\n        onRemoveToast,\n    },\n    ref,\n) {\n    const timeoutRef = React.useRef<number | undefined>(undefined)\n\n    const removeToast = React.useCallback(\n        function removeToast() {\n            onRemoveToast(toastId)\n            onDismiss?.()\n        },\n        [onDismiss, onRemoveToast, toastId],\n    )\n\n    const startTimeout = React.useCallback(\n        function startTimeout() {\n            if (!autoDismissDelay) return\n            timeoutRef.current = window.setTimeout(removeToast, autoDismissDelay * 1000)\n        },\n        [autoDismissDelay, removeToast],\n    )\n\n    const stopTimeout = React.useCallback(function stopTimeout() {\n        clearTimeout(timeoutRef.current)\n        timeoutRef.current = undefined\n    }, [])\n\n    React.useEffect(\n        function setupAutoDismiss() {\n            stopTimeout()\n            startTimeout()\n\n            return stopTimeout\n        },\n        [startTimeout, stopTimeout],\n    )\n\n    /**\n     * If the action is toast action object and not a custom element,\n     * the `onClick` property is wrapped in another handler responsible\n     * for removing the toast when the action is triggered.\n     */\n    const actionWithCustomActionHandler = React.useMemo(() => {\n        if (!isActionObject(action)) {\n            return action\n        }\n\n        return {\n            ...action,\n            closeToast: action.closeToast ?? true,\n            onClick: function handleActionClick() {\n                if (!action) {\n                    return\n                }\n\n                action.onClick()\n\n                if (action.closeToast ?? true) {\n                    removeToast()\n                }\n            },\n        }\n    }, [action, removeToast])\n\n    return (\n        <StaticToast\n            ref={ref}\n            message={message}\n            description={description}\n            icon={icon}\n            action={actionWithCustomActionHandler}\n            onDismiss={showDismissButton ? removeToast : undefined}\n            dismissLabel={dismissLabel}\n            // @ts-expect-error\n            onMouseEnter={stopTimeout}\n            onMouseLeave={startTimeout}\n        />\n    )\n})\n\n//\n// Internal state and context\n//\n\ntype InternalToastEntry = Omit<InternalToastProps, 'onRemoveToast'>\ntype ToastsList = readonly InternalToastEntry[]\n\ntype ShowToastAction = (props: ToastProps) => () => void\nconst ToastsContext = React.createContext<ShowToastAction>(() => () => undefined)\n\n/**\n * The props needed by the ToastsProvider component.\n *\n * @see ToastsProvider\n */\ntype ToastsProviderProps = {\n    /**\n     * The default label to apply to toast dismiss buttons.\n     *\n     * This is useful in environments that need locatization, so you do not need to pass the same\n     * translated label every time you trigger a toast.\n     *\n     * However, you can still apply a different label to a specific toast, by passing a different\n     * value when calling showToast.\n     *\n     * @default 'Close'\n     */\n    defaultDismissLabel?: string\n\n    /**\n     * The default number of seconds after which the toast will be dismissed automatically.\n     *\n     * You can pass a different value to a specific toast when calling `showToast`. You can even\n     * pass `false` if you want a certain toast to never be dismissed automatically.\n     *\n     * @default 10 (seconds)\n     */\n    defaultAutoDismissDelay?: number\n\n    /**\n     * The padding used to separate the toasts from the viewport borders.\n     *\n     * @default 'large'\n     */\n    padding?: Space\n\n    /**\n     * The app wrapped by the provider.\n     */\n    children: NonNullable<React.ReactNode>\n\n    /**\n     * Custom classname for the toasts container, if you need to fine-tune the position or other styles\n     */\n    containerClassName?: string\n}\n\n/**\n * Provides the state management and rendering of the toasts currently active.\n *\n * You need to render this near the top of your app components tree, in order to `useToasts`.\n *\n * @see useToasts\n */\nfunction ToastsProvider({\n    children,\n    padding = 'large',\n    defaultAutoDismissDelay = 10 /* seconds */,\n    defaultDismissLabel = 'Close',\n    containerClassName,\n}: ToastsProviderProps) {\n    const [toasts, setToasts] = React.useState<ToastsList>([])\n    const { mappedRef, animateRemove } = useToastsAnimation()\n\n    const removeToast = React.useCallback(\n        function onRemoveToast(toastId: string) {\n            animateRemove(toastId, () => {\n                setToasts((list) => {\n                    const index = list.findIndex((n) => n.toastId === toastId)\n                    if (index < 0) return list\n                    const copy = [...list]\n                    copy.splice(index, 1)\n                    return copy\n                })\n            })\n        },\n        [animateRemove],\n    )\n\n    const showToast = React.useCallback(\n        function showToast(props: ToastProps) {\n            const toastId = generateElementId('toast')\n            const newToast: InternalToastEntry = {\n                autoDismissDelay: defaultAutoDismissDelay,\n                dismissLabel: defaultDismissLabel,\n                ...props,\n                toastId,\n            }\n            setToasts((list) => [...list, newToast])\n            return () => removeToast(toastId)\n        },\n        [defaultAutoDismissDelay, defaultDismissLabel, removeToast],\n    )\n\n    return (\n        <ToastsContext.Provider value={showToast}>\n            {children}\n            <Portal>\n                {toasts.length === 0 ? null : (\n                    <Box\n                        className={[styles.stackedToastsView, containerClassName]}\n                        position=\"fixed\"\n                        width=\"full\"\n                        paddingX={padding}\n                        paddingBottom={padding}\n                        data-testid=\"toasts-container\"\n                    >\n                        <Stack space=\"medium\">\n                            {toasts.map(({ toastId, ...props }) => (\n                                <InternalToast\n                                    key={toastId}\n                                    ref={mappedRef(toastId)}\n                                    toastId={toastId}\n                                    onRemoveToast={removeToast}\n                                    {...props}\n                                />\n                            ))}\n                        </Stack>\n                    </Box>\n                )}\n            </Portal>\n        </ToastsContext.Provider>\n    )\n}\n\n/**\n * Provides a function `showToast` that shows a new toast every time you call it.\n *\n * ```jsx\n * const showToast = useToasts()\n *\n * <button onClick={() => showToast({ message: 'Hello' })}>\n *   Say hello\n * </button>\n * ```\n *\n * All toasts fired via this function are rendered in a global fixed location, and stacked one on\n * top of the other.\n *\n * When called, `showToast` returns a function that dismisses the toast when called.\n *\n * @see ToastsProvider\n */\nfunction useToasts() {\n    return React.useContext(ToastsContext)\n}\n\n/**\n * Adds a toast to be rendered, stacked alongside any other currently active toasts.\n *\n * For most situations, you should prefer to use the `showToast` function obtained from `useToasts`.\n * This component is provided for convenience to render toasts in the markup, but it has some\n * peculiarities, which are discussed below.\n *\n * Internally, this calls `showToast`. It is provided for two reasons:\n *\n * 1. Convenience, when you want to fire a toast in markup/jsx code. Keep in mind, though, that\n *    toasts rendered in this way will be removed from view when the context where it is rendered\n *    is unmounted. Unlike toasts fired with `showToast`, which will normally be dismissed, either\n *    by the user or after a delay. They'll still be animated on their way out, though.\n * 2. When combined with disabling dismissing it (e.g. `showDismissButton={false}` and\n *    `autoDismissDelay={false}` it provides a way to show \"permanent\" toasts that only go away when\n *    the component ceases to be rendered).\n *\n * This is useful for cases when the consumer wants to control when a toast is visible, and to keep\n * it visible based on an app-specific condition.\n *\n * Something important to note about this component is that it triggers the toast based on the props\n * passed when first rendered, and it does not update the toast if these props change on subsequent\n * renders. In this sense, this is an imperative component, more than a descriptive one. This is\n * done to simplify the internals, and to keep it in line with how `showToast` works: you fire up a\n * toast imperatively, and you loose control over it. It remains rendered according to the props you\n * first passed.\n *\n * @see useToasts\n */\nfunction Toast(props: ToastProps) {\n    const showToast = useToasts()\n    const propsRef = React.useRef<ToastProps>(props)\n    React.useEffect(() => {\n        const dismissToast = showToast(propsRef.current)\n        return dismissToast\n    }, [showToast])\n    return null\n}\n\nexport { Toast, ToastsProvider, useToasts }\nexport type { ToastProps, ToastsProviderProps }\n"],"names":["InternalToast","React","forwardRef","t0","ref","$","_c","message","description","icon","action","autoDismissDelay","dismissLabel","showDismissButton","t1","toastId","onDismiss","onRemoveToast","undefined","timeoutRef","useRef","t2","removeToast","t3","startTimeout","current","window","setTimeout","t4","Symbol","for","stopTimeout","clearTimeout","t5","t6","setupAutoDismiss","useEffect","t7","bb0","isActionObject","t8","closeToast","t9","handleActionClick","onClick","t10","actionWithCustomActionHandler","createElement","StaticToast","ToastsContext","createContext","ToastsProvider","children","padding","defaultAutoDismissDelay","defaultDismissLabel","containerClassName","toasts","setToasts","useState","mappedRef","animateRemove","useToastsAnimation","list","index","findIndex","n","copy","splice","showToast","props","toastId_0","generateElementId","newToast","list_0","length","Box","className","styles","stackedToastsView","position","width","Stack","space","map","toastId_1","props_0","_extends","Portal","Provider","useToasts","useContext","Toast","propsRef","dismissToast"],"mappings":"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"}

package/es/tooltip/tooltip.js

@@ -72,13 +72,17 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
   }
 
   /* eslint-disable react-hooks/refs */
-  if (typeof child.ref === 'string') {
+  const rawRef = 'ref' in child.props ? child.props.ref :
+  // child.ref access kept for React 18 compatibility
+  child.ref;
+  if (typeof rawRef === 'string') {
     throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
   }
+  const childRef = rawRef;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TooltipAnchor, {
     render: child,
     store: tooltip,
-    ref: child.ref
+    ref: childRef
   }), isOpen && content ? /*#__PURE__*/React.createElement(Tooltip$1, {
     store: tooltip,
     gutter: gapSize,

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        /* 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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"}
+{"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 { JSX } from '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        const rawRef =\n            'ref' in child.props\n                ? child.props.ref\n                : // child.ref access kept for React 18 compatibility\n                  (child as { ref?: unknown }).ref\n\n        if (typeof rawRef === 'string') {\n            throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded')\n        }\n\n        const childRef = rawRef as React.Ref<HTMLDivElement>\n\n        return (\n            <>\n                <TooltipAnchor render={child} store={tooltip} ref={childRef} />\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","rawRef","props","Error","childRef","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/es/utils/common-helpers.js

@@ -1,3 +1,4 @@
+import { c } from 'react-compiler-runtime';
 import * as React from 'react';
 
 let uid = 0;
@@ -13,13 +14,17 @@ function generateElementId(prefix) {
  * @deprecated Use `useId` available from React 18 or above instead.
  */
 function useId(providedId) {
-  const ref = React.useRef(providedId ?? null);
-  // eslint-disable-next-line react-hooks/refs
-  if (!ref.current) {
-    ref.current = generateElementId('element');
+  const $ = c(2);
+  let t0;
+  if ($[0] !== providedId) {
+    t0 = () => providedId || generateElementId("element");
+    $[0] = providedId;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
   }
-  // eslint-disable-next-line react-hooks/refs
-  return ref.current;
+  const [id] = React.useState(t0);
+  return id;
 }
 
 export { generateElementId, useId };

package/es/utils/common-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"common-helpers.js","sources":["../../src/utils/common-helpers.ts"],"sourcesContent":["import * as React from 'react'\n\nlet uid = 0\nfunction uniqueId() {\n    return uid++\n}\n\nexport function generateElementId(prefix: string): string {\n    const num = uniqueId()\n    return `${prefix}-${num}`\n}\n\n/**\n * @deprecated Use `useId` available from React 18 or above instead.\n */\nexport function useId(providedId?: string): string {\n    const ref = React.useRef<string | null>(providedId ?? null)\n    // eslint-disable-next-line react-hooks/refs\n    if (!ref.current) {\n        ref.current = generateElementId('element')\n    }\n    // eslint-disable-next-line react-hooks/refs\n    return ref.current\n}\n"],"names":["uid","uniqueId","generateElementId","prefix","num","useId","providedId","ref","React","useRef","current"],"mappings":";;AAEA,IAAIA,GAAG,GAAG,CAAC,CAAA;AACX,SAASC,QAAQA,GAAG;AAChB,EAAA,OAAOD,GAAG,EAAE,CAAA;AAChB,CAAA;AAEO,SAASE,iBAAiBA,CAACC,MAAc,EAAU;AACtD,EAAA,MAAMC,GAAG,GAAGH,QAAQ,EAAE,CAAA;AACtB,EAAA,OAAO,CAAGE,EAAAA,MAAM,CAAIC,CAAAA,EAAAA,GAAG,CAAE,CAAA,CAAA;AAC7B,CAAA;;AAEA;AACA;AACA;AACO,SAASC,KAAKA,CAACC,UAAmB,EAAU;EAC/C,MAAMC,GAAG,GAAGC,KAAK,CAACC,MAAM,CAAgBH,UAAU,IAAI,IAAI,CAAC,CAAA;AAC3D;AACA,EAAA,IAAI,CAACC,GAAG,CAACG,OAAO,EAAE;AACdH,IAAAA,GAAG,CAACG,OAAO,GAAGR,iBAAiB,CAAC,SAAS,CAAC,CAAA;AAC9C,GAAA;AACA;EACA,OAAOK,GAAG,CAACG,OAAO,CAAA;AACtB;;;;"}
+{"version":3,"file":"common-helpers.js","sources":["../../src/utils/common-helpers.ts"],"sourcesContent":["import * as React from 'react'\n\nlet uid = 0\nfunction uniqueId() {\n    return uid++\n}\n\nexport function generateElementId(prefix: string): string {\n    const num = uniqueId()\n    return `${prefix}-${num}`\n}\n\n/**\n * @deprecated Use `useId` available from React 18 or above instead.\n */\nexport function useId(providedId?: string): string {\n    const [id] = React.useState<string>(() => providedId || generateElementId('element'))\n    return id\n}\n"],"names":["uid","uniqueId","generateElementId","prefix","num","useId","providedId","$","_c","t0","id","React","useState"],"mappings":";;;AAEA,IAAIA,GAAG,GAAG,CAAC,CAAA;AACX,SAASC,QAAQA,GAAG;AAChB,EAAA,OAAOD,GAAG,EAAE,CAAA;AAChB,CAAA;AAEO,SAASE,iBAAiBA,CAACC,MAAc,EAAU;AACtD,EAAA,MAAMC,GAAG,GAAGH,QAAQ,EAAE,CAAA;AACtB,EAAA,OAAO,CAAGE,EAAAA,MAAM,CAAIC,CAAAA,EAAAA,GAAG,CAAE,CAAA,CAAA;AAC7B,CAAA;;AAEA;AACA;AACA;AACO,SAAAC,MAAAC,UAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;EAAA,IAAAF,CAAA,QAAAD,UAAA,EAAA;IACiCG,EAAA,GAAAA,MAAMH,UAA0C,IAA5BJ,iBAAiB,CAAC,SAAS,CAAC,CAAA;AAAAK,IAAAA,CAAA,MAAAD,UAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAE,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAApF,EAAA,MAAA,CAAAG,EAAA,CAAaC,GAAAA,KAAK,CAAAC,QAAS,CAASH,EAAgD,CAAC,CAAA;AAAA,EAAA,OAC9EC,EAAE,CAAA;AAAA;;;;"}

package/es/utils/polymorphism.js.map

@@ -1 +1 @@
-{"version":3,"file":"polymorphism.js","sources":["../../src/utils/polymorphism.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport * as React from 'react'\n\nimport type { ObfuscatedClassName } from './common-types'\n\ntype Merge<P1, P2> = Omit<P1, keyof P2> & P2\n\ntype EmptyObject = {\n    [K in any]: never\n}\n\ntype ObfuscateClassNameMode = 'keepClassName' | 'obfuscateClassName' | 'omitClassName'\n\n/**\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This can be customized via the second generic parameter, as there are cases where it may be\n * needed to omit this behaviour and keep the `className`. You can also instruct it to remove the\n * `className` prop while not replacing it with the `exceptionallySetClassName` one.\n *\n * @see ObfuscatedClassName['exceptionallySetClassName'] for details about this prop\n * @see PolymorphicComponent for details about this feature\n */\ntype WithObfuscatedClassName<\n    Props,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = 'className' extends keyof Props\n    ? ShouldObfuscateClassName extends 'obfuscateClassName'\n        ? Omit<Props, 'className'> & ObfuscatedClassName\n        : ShouldObfuscateClassName extends 'omitClassName'\n          ? Omit<Props, 'className'>\n          : ShouldObfuscateClassName extends 'keepClassName'\n            ? Props\n            : never\n    : Props\n\ntype PolymorphicProp<ComponentType extends React.ElementType> = {\n    /**\n     * Used to instruct this component what React element to render as. It can be both a string\n     * representing a HTML tag name, or a React component.\n     *\n     * When using this prop, the component you apply it to will also recognize in its props types\n     * all the props from the component or HTML element you are rendering it as.\n     *\n     * Some uses for this feature:\n     *\n     * - Using some of our layout components, while at the same time being able to set them to use\n     *   semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n     * - Using a design system link component, but have it internally use a client-side router link\n     *   implemented via a React component (e.g. react-router's `Link`).\n     *\n     * Keep in mind that not all compositions of this kind may work well, especially when composing\n     * with another React component and not with a HTML tag name. In particular, if the components\n     * being composed have opposing concerns of clashing features (e.g. they have contradicting\n     * styles applied to them) things may not go well. In those cases prefer to nest them instead.\n     *\n     * @see PolymorphicComponent\n     */\n    as?: ComponentType\n}\n\n/**\n * Given a component or element type, and a set of additional props, this builds the entire set of\n * props for a polymorphic component.\n *\n * It does three things:\n *\n * 1. it merges the element type props with the `OwnProps`\n * 2. it adds the `as` prop to allow for polymorphism to happen\n * 3. it optionally obfuscates or omits the className prop if present\n *\n * @see PolymorphicProp\n * @see WithObfuscatedClassName\n */\ntype PolymorphicComponentProps<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = Merge<\n    WithObfuscatedClassName<React.ComponentProps<ComponentType>, ShouldObfuscateClassName>,\n    OwnProps & PolymorphicProp<ComponentType>\n>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n    Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ntype ElementByTagOrAny<ComponentType extends React.ElementType> =\n    ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any\n\n/**\n * The function passed to React.forwardRef, but typed in a way that's prepared for polymorphism via\n * the `as` prop. It also allows to specify if the `className` prop should be obfuscated or omitted.\n *\n * @see PolymorphicComponentProps\n * @see WithObfuscatedClassName\n */\ninterface ForwardRefFunction<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> {\n    (\n        props: PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>,\n        ref:\n            | ((instance: ElementByTagOrAny<ComponentType> | null) => void)\n            | React.MutableRefObject<ElementByTagOrAny<ComponentType> | null>\n            | null,\n    ): React.ReactElement | null\n    displayName?: string\n}\n\n/**\n * A component that can customize the React element type that it renders (a.k.a. a polymorphic\n * component). This is achieved by passing a prop `as={ElementType}` or `as=\"html-tag-name\"`.\n *\n * It transparently takes care of forwarding refs, and properly sets the ref type depending on the\n * element type.\n *\n * ## Recognizing props based on the polymorphic type\n *\n * The `ComponentType` argument sets the default type for the `as` prop. Whatever the `as` prop\n * component or HTML element is, the type system will automatically allow you to pass props that are\n * not explicitly defined by you, but that are recognized as valid props to be passed to the\n * component you are rendering.\n *\n * For instance, see the following example:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor=\"field-id\">Hello</Box>\n * ```\n *\n * The `htmlFor` prop is exclusive to label elements. If you omit the `as=\"label\"` prop, the type\n * system will consider the `htmlFor` prop to be an error. The same happens if you pass a value of\n * an incorrect type to such prop. For instance, the example below will issue a type error:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor={123}>Hello</Box>\n * ```\n *\n * ## Omitting or obfuscating the `className` prop\n *\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This is to discourage customizing design system components via custom styling, while still\n * leaving the door open to do it as an escape hatch when the design system still has shortcomings\n * with respect to the product designs we want to achieve.\n *\n * The cumbersome name also serves the purpose of aiding in easily searching for the places in the\n * code where this escape hatch was needed, in order to identify areas where the design system\n * components need to improve to better match our needs.\n *\n * This behaviour can be customized via an optional second generic argument that allows to disable\n * this feature, or to omit the `className` altogether without replacing it with the obfuscated prop\n * name.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\ninterface PolymorphicComponent<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n> {\n    <TT extends React.ElementType = ComponentType>(\n        props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>,\n    ): React.ReactElement | null\n    readonly $$typeof: symbol\n    defaultProps?: Partial<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    propTypes?: React.WeakValidationMap<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    displayName?: string\n}\n\n/**\n * A wrapper to use React.forwardRef with polymorphic components in a type-safe manner. This is a\n * convenience over merely using React.forwardRef directly, and then manually forcing the resulting\n * value to be typed using `as PolymorphicComponent<…>`.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\nfunction polymorphicComponent<\n    ComponentType extends React.ElementType = 'div',\n    OwnProps = EmptyObject,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>) {\n    return React.forwardRef(render) as PolymorphicComponent<\n        ComponentType,\n        OwnProps,\n        ShouldObfuscateClassName\n    >\n}\n\nexport type { PolymorphicComponent, PolymorphicComponentProps }\nexport { polymorphicComponent }\n"],"names":["polymorphicComponent","render","React","forwardRef"],"mappings":";;AAAA;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAI3BC,MAA6E,EAAE;AAC7E,EAAA,oBAAOC,KAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}
+{"version":3,"file":"polymorphism.js","sources":["../../src/utils/polymorphism.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react'\n\nimport type { ObfuscatedClassName } from './common-types'\n\ntype Merge<P1, P2> = Omit<P1, keyof P2> & P2\n\ntype EmptyObject = {\n    [K in any]: never\n}\n\ntype ObfuscateClassNameMode = 'keepClassName' | 'obfuscateClassName' | 'omitClassName'\n\n/**\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This can be customized via the second generic parameter, as there are cases where it may be\n * needed to omit this behaviour and keep the `className`. You can also instruct it to remove the\n * `className` prop while not replacing it with the `exceptionallySetClassName` one.\n *\n * @see ObfuscatedClassName['exceptionallySetClassName'] for details about this prop\n * @see PolymorphicComponent for details about this feature\n */\ntype WithObfuscatedClassName<\n    Props,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = 'className' extends keyof Props\n    ? ShouldObfuscateClassName extends 'obfuscateClassName'\n        ? Omit<Props, 'className'> & ObfuscatedClassName\n        : ShouldObfuscateClassName extends 'omitClassName'\n          ? Omit<Props, 'className'>\n          : ShouldObfuscateClassName extends 'keepClassName'\n            ? Props\n            : never\n    : Props\n\ntype PolymorphicProp<ComponentType extends React.ElementType> = {\n    /**\n     * Used to instruct this component what React element to render as. It can be both a string\n     * representing a HTML tag name, or a React component.\n     *\n     * When using this prop, the component you apply it to will also recognize in its props types\n     * all the props from the component or HTML element you are rendering it as.\n     *\n     * Some uses for this feature:\n     *\n     * - Using some of our layout components, while at the same time being able to set them to use\n     *   semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n     * - Using a design system link component, but have it internally use a client-side router link\n     *   implemented via a React component (e.g. react-router's `Link`).\n     *\n     * Keep in mind that not all compositions of this kind may work well, especially when composing\n     * with another React component and not with a HTML tag name. In particular, if the components\n     * being composed have opposing concerns of clashing features (e.g. they have contradicting\n     * styles applied to them) things may not go well. In those cases prefer to nest them instead.\n     *\n     * @see PolymorphicComponent\n     */\n    as?: ComponentType\n}\n\n/**\n * Given a component or element type, and a set of additional props, this builds the entire set of\n * props for a polymorphic component.\n *\n * It does three things:\n *\n * 1. it merges the element type props with the `OwnProps`\n * 2. it adds the `as` prop to allow for polymorphism to happen\n * 3. it optionally obfuscates or omits the className prop if present\n *\n * @see PolymorphicProp\n * @see WithObfuscatedClassName\n */\ntype PolymorphicComponentProps<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> = Merge<\n    WithObfuscatedClassName<React.ComponentProps<ComponentType>, ShouldObfuscateClassName>,\n    OwnProps & PolymorphicProp<ComponentType>\n>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n    Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ntype ElementByTagOrAny<ComponentType extends React.ElementType> =\n    ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any\n\n/**\n * The function passed to React.forwardRef, but typed in a way that's prepared for polymorphism via\n * the `as` prop. It also allows to specify if the `className` prop should be obfuscated or omitted.\n *\n * @see PolymorphicComponentProps\n * @see WithObfuscatedClassName\n */\ninterface ForwardRefFunction<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode,\n> {\n    (\n        props: React.PropsWithoutRef<\n            PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n        >,\n        ref: React.ForwardedRef<ElementByTagOrAny<ComponentType>>,\n    ): React.ReactElement | null\n    displayName?: string\n}\n\n/**\n * A component that can customize the React element type that it renders (a.k.a. a polymorphic\n * component). This is achieved by passing a prop `as={ElementType}` or `as=\"html-tag-name\"`.\n *\n * It transparently takes care of forwarding refs, and properly sets the ref type depending on the\n * element type.\n *\n * ## Recognizing props based on the polymorphic type\n *\n * The `ComponentType` argument sets the default type for the `as` prop. Whatever the `as` prop\n * component or HTML element is, the type system will automatically allow you to pass props that are\n * not explicitly defined by you, but that are recognized as valid props to be passed to the\n * component you are rendering.\n *\n * For instance, see the following example:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor=\"field-id\">Hello</Box>\n * ```\n *\n * The `htmlFor` prop is exclusive to label elements. If you omit the `as=\"label\"` prop, the type\n * system will consider the `htmlFor` prop to be an error. The same happens if you pass a value of\n * an incorrect type to such prop. For instance, the example below will issue a type error:\n *\n * ```jsx\n * <Box as=\"label\" htmlFor={123}>Hello</Box>\n * ```\n *\n * ## Omitting or obfuscating the `className` prop\n *\n * If a set of props include the `className` prop, we replace it with a `exceptionallySetClassName`\n * prop instead.\n *\n * This is to discourage customizing design system components via custom styling, while still\n * leaving the door open to do it as an escape hatch when the design system still has shortcomings\n * with respect to the product designs we want to achieve.\n *\n * The cumbersome name also serves the purpose of aiding in easily searching for the places in the\n * code where this escape hatch was needed, in order to identify areas where the design system\n * components need to improve to better match our needs.\n *\n * This behaviour can be customized via an optional second generic argument that allows to disable\n * this feature, or to omit the `className` altogether without replacing it with the obfuscated prop\n * name.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\ninterface PolymorphicComponent<\n    ComponentType extends React.ElementType,\n    OwnProps,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n> {\n    <TT extends React.ElementType = ComponentType>(\n        props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>,\n    ): React.ReactElement | null\n    readonly $$typeof: symbol\n    defaultProps?: Partial<\n        PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>\n    >\n    displayName?: string\n}\n\n/**\n * A wrapper to use React.forwardRef with polymorphic components in a type-safe manner. This is a\n * convenience over merely using React.forwardRef directly, and then manually forcing the resulting\n * value to be typed using `as PolymorphicComponent<…>`.\n *\n * @deprecated Use Ariakit's composition instead (https://ariakit.org/guide/composition)\n */\nfunction polymorphicComponent<\n    ComponentType extends React.ElementType = 'div',\n    OwnProps = EmptyObject,\n    ShouldObfuscateClassName extends ObfuscateClassNameMode = 'obfuscateClassName',\n>(render: ForwardRefFunction<ComponentType, OwnProps, ShouldObfuscateClassName>) {\n    return React.forwardRef(render) as PolymorphicComponent<\n        ComponentType,\n        OwnProps,\n        ShouldObfuscateClassName\n    >\n}\n\nexport type { PolymorphicComponent, PolymorphicComponentProps }\nexport { polymorphicComponent }\n"],"names":["polymorphicComponent","render","React","forwardRef"],"mappings":";;AAAA;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,oBAAoBA,CAI3BC,MAA6E,EAAE;AAC7E,EAAA,oBAAOC,KAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}

package/lib/checkbox-field/checkbox-field.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { JSX } from 'react';
 interface CheckboxFieldProps extends Omit<JSX.IntrinsicElements['input'], 'type' | 'className' | 'disabled' | 'aria-controls' | 'aria-describedby' | 'aria-label' | 'aria-labelledby'> {
     'aria-checked'?: never;
     /**

package/lib/checkbox-field/checkbox-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { Text } from '../text'\n\nimport { CheckboxIcon } from './checkbox-icon'\nimport { useForkRef } from './use-fork-ref'\n\nimport styles from './checkbox-field.module.css'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["CheckboxField","React","forwardRef","label","icon","disabled","indeterminate","defaultChecked","onChange","props","ref","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","setIndeterminate","current","createElement","Box","as","display","alignItems","className","styles","container","_extends","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":"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"}
+{"version":3,"file":"checkbox-field.js","sources":["../../src/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { Text } from '../text'\n\nimport { CheckboxIcon } from './checkbox-icon'\nimport { useForkRef } from './use-fork-ref'\n\nimport styles from './checkbox-field.module.css'\n\nimport type { JSX } from 'react'\n\ninterface CheckboxFieldProps\n    extends Omit<\n        JSX.IntrinsicElements['input'],\n        | 'type'\n        | 'className'\n        | 'disabled'\n        | 'aria-controls'\n        | 'aria-describedby'\n        | 'aria-label'\n        | 'aria-labelledby'\n    > {\n    'aria-checked'?: never\n    /**\n     *\n     * Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies.\n     */\n    'aria-controls'?: string\n\n    /**\n     * Identifies the element (or elements) that describes the checkbox for assistive technologies.\n     */\n    'aria-describedby'?: string\n\n    /**\n     * Defines a string value that labels the current checkbox for assistive technologies.\n     */\n    'aria-label'?: string\n\n    /**\n     * Identifies the element (or elements) that labels the current checkbox for assistive technologies.\n     */\n    'aria-labelledby'?: string\n\n    /**\n     * Defines whether or not the checkbox is disabled.\n     */\n    disabled?: boolean\n\n    /**\n     * The label for the checkbox element.\n     */\n    label?: React.ReactNode\n\n    /**\n     * The icon that should be added to the checkbox label.\n     */\n    icon?: React.ReactElement | string | number\n\n    /**\n     * Defines whether or not the checkbox can be of a `mixed` state.\n     */\n    indeterminate?: boolean\n}\n\nconst CheckboxField = React.forwardRef<HTMLInputElement, CheckboxFieldProps>(function CheckboxField(\n    { label, icon, disabled, indeterminate, defaultChecked, onChange, ...props },\n    ref,\n) {\n    const isControlledComponent = typeof props.checked === 'boolean'\n    if (typeof indeterminate === 'boolean' && !isControlledComponent) {\n        // eslint-disable-next-line no-console\n        console.warn('Cannot use indeterminate on an uncontrolled checkbox')\n        indeterminate = undefined\n    }\n\n    if (!label && !props['aria-label'] && !props['aria-labelledby']) {\n        // eslint-disable-next-line no-console\n        console.warn('A Checkbox needs a label')\n    }\n\n    const [keyFocused, setKeyFocused] = React.useState(false)\n    const [checkedState, setChecked] = React.useState(props.checked ?? defaultChecked ?? false)\n    const isChecked = props.checked ?? checkedState\n\n    const internalRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = useForkRef(internalRef, ref)\n    React.useEffect(\n        function setIndeterminate() {\n            if (internalRef.current && typeof indeterminate === 'boolean') {\n                internalRef.current.indeterminate = indeterminate\n            }\n        },\n        [indeterminate],\n    )\n\n    return (\n        <Box\n            as=\"label\"\n            display=\"flex\"\n            alignItems=\"center\"\n            className={[\n                styles.container,\n                disabled ? styles.disabled : null,\n                isChecked ? styles.checked : null,\n                keyFocused ? styles.keyFocused : null,\n            ]}\n        >\n            <input\n                {...props}\n                ref={combinedRef}\n                type=\"checkbox\"\n                aria-checked={indeterminate ? 'mixed' : isChecked}\n                checked={isChecked}\n                disabled={disabled}\n                onChange={(event) => {\n                    onChange?.(event)\n                    if (!event.defaultPrevented) {\n                        setChecked(event.currentTarget.checked)\n                    }\n                }}\n                onBlur={(event) => {\n                    setKeyFocused(false)\n                    props?.onBlur?.(event)\n                }}\n                onKeyUp={(event) => {\n                    setKeyFocused(true)\n                    props?.onKeyUp?.(event)\n                }}\n            />\n            <CheckboxIcon\n                checked={isChecked}\n                disabled={disabled}\n                indeterminate={indeterminate}\n                aria-hidden\n            />\n            {icon ? (\n                <Box display=\"flex\" className={styles.icon} aria-hidden>\n                    {icon}\n                </Box>\n            ) : null}\n            {label ? (\n                <Box display=\"flex\" className={styles.label}>\n                    <Text>{label}</Text>\n                </Box>\n            ) : null}\n        </Box>\n    )\n})\n\nexport { CheckboxField }\nexport type { CheckboxFieldProps }\n"],"names":["CheckboxField","React","forwardRef","label","icon","disabled","indeterminate","defaultChecked","onChange","props","ref","isControlledComponent","checked","console","warn","undefined","keyFocused","setKeyFocused","useState","checkedState","setChecked","isChecked","internalRef","useRef","combinedRef","useForkRef","useEffect","setIndeterminate","current","createElement","Box","as","display","alignItems","className","styles","container","_extends","type","event","defaultPrevented","currentTarget","onBlur","onKeyUp","CheckboxIcon","Text"],"mappings":"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"}

package/lib/components/color-picker/deprecated-button/deprecated-button.js

@@ -131,11 +131,6 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(t0, ref)
   return t5;
 });
 Button.displayName = 'Button';
-Button.defaultProps = {
-  size: 'default',
-  loading: false,
-  disabled: false
-};
 
 exports.Button = Button;
 //# sourceMappingURL=deprecated-button.js.map