@doist/reactist 33.1.0 → 33.2.1

package/lib/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDMA,MAAAA,QAAQ,gBAAGC,gBAAK,CAACC,UAAU,CAAqC,SAAAF,QAAAA,CAAAG,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,eAAA,CAAA;AAAA,EAAA,IAAAC,cAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,CAAA;AAAA,EAAA,IAAAC,QAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,gBAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;EAAA,IAAAjB,CAAA,QAAAF,EAAA,EAAA;AAClE,IAAA,CAAA;AAAAoB,MAAAA,OAAA,EAAAL,EAAA;MAAAR,EAAA;MAAAC,KAAA;MAAAW,KAAA;MAAAd,cAAA;MAAAM,OAAA;MAAAO,IAAA;MAAAR,QAAA;MAAAD,SAAA;MAAAH,MAAA;AAAA,MAAA,kBAAA,EAAAF,eAAA;MAAAU,IAAA;AAAAO,MAAAA,UAAA,EAAAL,EAAA;AAAAM,MAAAA,aAAA,EAAAL,EAAA;AAAAM,MAAAA,QAAA,EAAAX,gBAAA;MAAA,GAAAC,KAAAA;AAAA,KAAA,GAAAb,EAiBC,EAAA;AAAAE,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAE,eAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,cAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,MAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,QAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAS,OAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAU,gBAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,IAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,OAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAAgB,IAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAA,GAAA,MAAA;AAAAf,IAAAA,eAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,cAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,MAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,EAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,KAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,SAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,QAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAS,IAAAA,OAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAU,IAAAA,gBAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAW,IAAAA,KAAA,GAAAX,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAY,IAAAA,IAAA,GAAAZ,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAa,IAAAA,EAAA,GAAAb,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAe,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAgB,IAAAA,IAAA,GAAAhB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAiB,IAAAA,KAAA,GAAAjB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAhBG,MAAAkB,OAAA,GAAAL,EAAmB,KAAnBS,SAAmB,GAAnB,SAAmB,GAAnBT,EAAmB,CAAA;EAYnB,MAAAM,UAAA,GAAAL,EAAkB,KAAlBQ,SAAkB,GAAlB,KAAkB,GAAlBR,EAAkB,CAAA;EAClB,MAAAM,aAAA,GAAAL,EAAqB,KAArBO,SAAqB,GAArB,KAAqB,GAArBP,EAAqB,CAAA;AAMzB,EAAA,MAAAQ,YAAA,GAAqB3B,gBAAK,CAAA4B,MAAO,CAAiB,IAAI,CAAC,CAAA;AACvD,EAAA,MAAAC,WAAA,GAAoB7B,gBAAK,CAAA4B,MAAO,CAAsB,IAAI,CAAC,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;EAAA,IAAA1B,CAAA,SAAAD,GAAA,EAAA;AAC1B2B,IAAAA,EAAA,GAAC3B,CAAAA,GAAG,EAAE0B,WAAW,CAAC,CAAA;AAAAzB,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAA0B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAA1B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAnD,EAAA,MAAA2B,WAAA,GAAoBC,2BAAY,CAACF,EAAkB,CAAC,CAAA;AAAA,EAAA,IAAAG,EAAA,CAAA;AAAA,EAAA,IAAA7B,CAAA,CAAAmB,EAAAA,CAAAA,KAAAA,UAAA,IAAAnB,CAAA,SAAAiB,KAAA,EAAA;IAEtCY,EAAA,GAAA;MAAAZ,KAAA;MAAAE,UAAA;MAAAI,YAAA;AAAAE,MAAAA,WAAAA;KAAgD,CAAA;AAAAzB,IAAAA,CAAA,OAAAmB,UAAA,CAAA;AAAAnB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAA6B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAA7B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAA9D8B,aAAa,CAACD,EAAgD,CAAC,CAAA;EAG3D,MAAAE,EAAA,GAAAZ,UAAU,GAAGa,0BAAM,CAAAZ,aAAqB,GAAxC,IAAwC,CAAA;EACxC,MAAAa,EAAA,GAAAb,aAAa,GAAGY,0BAAM,CAAAZ,aAAqB,GAA3C,IAA2C,CAAA;AAAA,EAAA,IAAAc,EAAA,CAAA;AAAA,EAAA,IAAAlC,CAAA,CAAA+B,EAAAA,CAAAA,KAAAA,EAAA,IAAA/B,CAAA,SAAAiC,EAAA,EAAA;IAFrBC,EAAA,GAAAC,8BAAU,CAAC,CACjCJ,EAAwC,EACxCE,EAA2C,CAC9C,CAAC,CAAA;AAAAjC,IAAAA,CAAA,OAAA+B,EAAA,CAAA;AAAA/B,IAAAA,CAAA,OAAAiC,EAAA,CAAA;AAAAjC,IAAAA,CAAA,OAAAkC,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAlC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAHF,MAAAoC,iBAAA,GAA0BF,EAGxB,CAAA;EAeU,MAAAG,EAAA,GAAArB,IAAI,KAAK,OAA6B,GAAnBgB,0BAAM,CAAAM,KAAa,GAAtC,IAAsC,CAAA;EACtC,MAAAC,GAAA,GAAArB,OAAO,KAAK,UAAmC,GAAtBc,0BAAM,CAAAQ,QAAgB,GAA/C,IAA+C,CAAA;AAAA,EAAA,IAAAC,GAAA,CAAA;AAAA,EAAA,IAAAzC,CAAA,CAAAuC,EAAAA,CAAAA,KAAAA,GAAA,IAAAvC,CAAA,SAAAqC,EAAA,EAAA;IAHxCI,GAAA,GAAA,CACPT,0BAAM,CAAAU,iBAAkB,EACxBL,EAAsC,EACtCE,GAA+C,CAClD,CAAA;AAAAvC,IAAAA,CAAA,OAAAuC,GAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAAqC,EAAA,CAAA;AAAArC,IAAAA,CAAA,OAAAyC,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAzC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA2C,GAAA,CAAA;EAAA,IAAA3C,CAAA,SAAA2B,WAAA,IAAA3B,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,SAAA,IAAAP,CAAA,CAAAU,EAAAA,CAAAA,KAAAA,gBAAA,IAAAV,CAAA,CAAA,EAAA,CAAA,KAAAW,KAAA,IAAAX,CAAA,SAAAY,IAAA,IAAAZ,CAAA,CAAA,EAAA,CAAA,KAAAoC,iBAAA,EAAA;AAIAO,IAAAA,GAAA,GAAAC,GAAA,IAAA;AAAC,MAAA,MAAA;QAAAvB,QAAA;QAAAwB,qBAAA;QAAA,GAAAC,UAAAA;AAAA,OAAA,GAAAF,GAAkD,CAAA;AAAA,MAAA,oBAChDhD,gBAAA,CAAAmD,aAAA,CAACC,OAAG,EAAA;AACMC,QAAAA,KAAM,EAAN,MAAM;AACJC,QAAAA,OAAM,EAAN,MAAM;QACHC,SAAqB,EAArBnB,0BAAM,CAAAoB,cAAe;AAC3B7B,QAAAA,GAAY,EAAZA,YAAAA;OAEL3B,eAAAA,gBAAA,CAAAmD,aAAA,CAAA,UAAA,EAAAM,4BAAA,CACQ1C,EAAAA,EAAAA,KAAK,EACLmC,UAAU,EAAA;AACTnB,QAAAA,GAAW,EAAXA,WAAW;AACVf,QAAAA,IAAI,EAAJA,IAAI;AACCwB,QAAAA,SAAiB,EAAjBA,iBAAiB;AACjB7B,QAAAA,SAAS,EAATA,SAAS;AACVc,QAAAA,QAGT,EAHSiC,KAAA,IAAA;UACN5C,gBAAgB,GAAG4C,KAAK,CAAC,CAAA;UACzBjC,QAAQ,GAAGiC,KAAK,CAAC,CAAA;AAAA,SAAA;AACpB,OAAA,CACJ,CACA,CAAC,CAAA;KACT,CAAA;AAAAtD,IAAAA,CAAA,OAAA2B,WAAA,CAAA;AAAA3B,IAAAA,CAAA,OAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAU,gBAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,KAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,IAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAoC,iBAAA,CAAA;AAAApC,IAAAA,CAAA,OAAA2C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA3C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA4C,GAAA,CAAA;EAAA,IAAA5C,CAAA,SAAAE,eAAA,IAAAF,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,cAAA,IAAAH,CAAA,CAAAI,EAAAA,CAAAA,KAAAA,MAAA,IAAAJ,CAAA,CAAA,EAAA,CAAA,KAAAK,EAAA,IAAAL,CAAA,CAAA,EAAA,CAAA,KAAAM,KAAA,IAAAN,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,SAAA,IAAAP,CAAA,SAAAQ,QAAA,IAAAR,CAAA,CAAAS,EAAAA,CAAAA,KAAAA,OAAA,IAAAT,CAAA,CAAA,EAAA,CAAA,KAAAyC,GAAA,IAAAzC,CAAA,CAAA,EAAA,CAAA,KAAA2C,GAAA,IAAA3C,CAAA,CAAAgB,EAAAA,CAAAA,KAAAA,IAAA,IAAAhB,CAAA,SAAAiB,KAAA,IAAAjB,CAAA,CAAA,EAAA,CAAA,KAAAkB,OAAA,EAAA;AAtCL0B,IAAAA,GAAA,gBAAAhD,gBAAA,CAAAmD,aAAA,CAACQ,mBAAS,EAAA;AACGrC,MAAAA,OAAO,EAAPA,OAAO;AACZb,MAAAA,EAAE,EAAFA,EAAE;AACCC,MAAAA,KAAK,EAALA,KAAK;AACLW,MAAAA,KAAK,EAALA,KAAK;AACId,MAAAA,cAAc,EAAdA,cAAc;AACrBM,MAAAA,OAAO,EAAPA,OAAO;AACVO,MAAAA,IAAI,EAAJA,IAAI;AACFZ,MAAAA,MAAM,EAANA,MAAM;AACIF,MAAAA,kBAAAA,EAAAA,eAAe;AACtBiD,MAAAA,SAIV,EAJUV,GAIV;AACSjC,MAAAA,QAAQ,EAARA,QAAQ;AACPD,MAAAA,SAAS,EAATA,SAAAA;AAAS,KAAA,EAEnBoC,GAqBM,CAAC,CAAA;AAAA3C,IAAAA,CAAA,OAAAE,eAAA,CAAA;AAAAF,IAAAA,CAAA,OAAAG,cAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAI,MAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAK,EAAA,CAAA;AAAAL,IAAAA,CAAA,OAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAO,SAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAQ,QAAA,CAAA;AAAAR,IAAAA,CAAA,OAAAS,OAAA,CAAA;AAAAT,IAAAA,CAAA,OAAAyC,GAAA,CAAA;AAAAzC,IAAAA,CAAA,OAAA2C,GAAA,CAAA;AAAA3C,IAAAA,CAAA,OAAAgB,IAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAkB,OAAA,CAAA;AAAAlB,IAAAA,CAAA,OAAA4C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA5C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAvCZ4C,GAuCY,CAAA;AAAA,CAEnB,EAAC;AAEF,SAAAd,cAAAhC,EAAA,EAAA;EAAA,MAAAE,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAuB,EAAA,MAAA;IAAAgB,KAAA;IAAAE,UAAA;IAAAI,YAAA;AAAAE,IAAAA,WAAAA;AAAA,GAAA,GAAA3B,EAUtB,CAAA;AACG,EAAA,MAAA0D,YAAA,GAAqBvC,KAAK,KAAKK,SAAS,CAAA;AAAA,EAAA,IAAAT,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAd,CAAA,CAAA,CAAA,CAAA,KAAAmB,UAAA,IAAAnB,CAAA,CAAAuB,CAAAA,CAAAA,KAAAA,YAAA,IAAAvB,CAAA,CAAAyB,CAAAA,CAAAA,KAAAA,WAAA,IAAAzB,CAAA,QAAAwD,YAAA,EAAA;AAGpC3C,IAAAA,EAAA,YAAA4C,+BAAA,GAAA;AACI,MAAA,MAAAC,eAAA,GAAwBjC,WAAW,CAAAkC,OAAQ,CAAA;AAC3C,MAAA,IAAI,CAACD,eAA8B,IAA/B,CAAqBvC,UAA0B,IAA/CqC,YAA+C,EAAA;AAAA,QAAA,OAAA;AAAA,OAAA;AAInD,MAAA,MAAAI,gBAAA,GAAyBrC,YAAY,CAAAoC,OAAQ,CAAA;MAE7C,MAAAE,gBAAA,GAAAA,SAAAA,gBAAAA,CAAAC,OAAA,EAAA;AACI,QAAA,IAAIF,gBAAgB,EAAA;AAChBA,UAAAA,gBAAgB,CAAAG,OAAQ,CAAAC,eAAA,GAAmB/C,OAAH,CAAA;AAAA,SAAA;OAE/C,CAAA;MAED,MAAAgD,WAAA,GAAAA,SAAAA,WAAAA,CAAAX,KAAA,EAAA;AACIO,QAAAA,gBAAgB,CAAEP,KAAK,CAAAY,aAAc,CAAAjD,KAA8B,CAAC,CAAA;OACvE,CAAA;AAGD4C,MAAAA,gBAAgB,CAACH,eAAe,CAAAzC,KAAM,CAAC,CAAA;AACvCyC,MAAAA,eAAe,CAAAS,gBAAiB,CAAC,OAAO,EAAEF,WAAW,CAAC,CAAA;MAAA,OAC/C,MAAMP,eAAe,CAAAU,mBAAoB,CAAC,OAAO,EAAEH,WAAW,CAAC,CAAA;KACzE,CAAA;IACDnD,EAAA,GAAA,CAACK,UAAU,EAAEI,YAAY,EAAEE,WAAW,EAAE+B,YAAY,CAAC,CAAA;AAAAxD,IAAAA,CAAA,MAAAmB,UAAA,CAAA;AAAAnB,IAAAA,CAAA,MAAAuB,YAAA,CAAA;AAAAvB,IAAAA,CAAA,MAAAyB,WAAA,CAAA;AAAAzB,IAAAA,CAAA,MAAAwD,YAAA,CAAA;AAAAxD,IAAAA,CAAA,MAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,MAAAc,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAD,IAAAA,EAAA,GAAAb,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAxBzDJ,EAAAA,gBAAK,CAAAyE,SAAU,CACXxD,EAsBC,EACDC,EACJ,CAAC,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAW,EAAA,CAAA;AAAA,EAAA,IAAA1B,CAAA,CAAA,CAAA,CAAA,KAAAmB,UAAA,IAAAnB,CAAA,CAAAuB,CAAAA,CAAAA,KAAAA,YAAA,IAAAvB,CAAA,CAAAwD,CAAAA,CAAAA,KAAAA,YAAA,IAAAxD,CAAA,QAAAiB,KAAA,EAAA;AAGGF,IAAAA,EAAA,YAAAuD,6BAAA,GAAA;AACI,MAAA,IAAI,CAACd,YAA2B,IAA5B,CAAkBrC,UAAU,EAAA;AAAA,QAAA,OAAA;AAAA,OAAA;AAIhC,MAAA,MAAAoD,kBAAA,GAAyBhD,YAAY,CAAAoC,OAAQ,CAAA;AAC7C,MAAA,IAAIC,kBAAgB,EAAA;AAChBA,QAAAA,kBAAgB,CAAAG,OAAQ,CAAAC,eAAA,GAAmB/C,KAAH,CAAA;AAAA,OAAA;KAE/C,CAAA;IACDS,EAAA,GAAA,CAACT,KAAK,EAAEM,YAAY,EAAEiC,YAAY,EAAErC,UAAU,CAAC,CAAA;AAAAnB,IAAAA,CAAA,MAAAmB,UAAA,CAAA;AAAAnB,IAAAA,CAAA,MAAAuB,YAAA,CAAA;AAAAvB,IAAAA,CAAA,MAAAwD,YAAA,CAAA;AAAAxD,IAAAA,CAAA,MAAAiB,KAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAA0B,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAX,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA0B,IAAAA,EAAA,GAAA1B,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAXnDJ,EAAAA,gBAAK,CAAAyE,SAAU,CACXtD,EASC,EACDW,EACJ,CAAC,CAAA;AAAA;;;;"}

package/lib/toast/use-toasts.js

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

package/lib/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/lib/tooltip/tooltip.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import type { TooltipStore, TooltipStoreState } from '@ariakit/react';
+import type { JSX } from 'react';
 import type { ObfuscatedClassName } from '../utils/common-types';
 declare function TooltipProvider({ showTimeout, hideTimeout, children, }: React.PropsWithChildren<{
     showTimeout?: number;
     hideTimeout?: number;
-}>): React.JSX.Element;
+}>): JSX.Element;
 interface TooltipProps extends ObfuscatedClassName {
     /**
      * The element that triggers the tooltip. Generally a button or link.

package/lib/tooltip/tooltip.js

@@ -96,13 +96,17 @@ const Tooltip = /*#__PURE__*/React__namespace.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__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(react.TooltipAnchor, {
     render: child,
     store: tooltip,
-    ref: child.ref
+    ref: childRef
   }), isOpen && content ? /*#__PURE__*/React__namespace.createElement(react.Tooltip, {
     store: tooltip,
     gutter: gapSize,

package/lib/tooltip/tooltip.js.map

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 
 function _interopNamespace(e) {
@@ -37,13 +38,17 @@ function generateElementId(prefix) {
  * @deprecated Use `useId` available from React 18 or above instead.
  */
 function useId(providedId) {
-  const ref = React__namespace.useRef(providedId ?? null);
-  // eslint-disable-next-line react-hooks/refs
-  if (!ref.current) {
-    ref.current = generateElementId('element');
+  const $ = reactCompilerRuntime.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__namespace.useState(t0);
+  return id;
 }
 
 exports.generateElementId = generateElementId;

package/lib/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,gBAAK,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,sBAAA,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,gBAAK,CAAAC,QAAS,CAASH,EAAgD,CAAC,CAAA;AAAA,EAAA,OAC9EC,EAAE,CAAA;AAAA;;;;;"}

package/lib/utils/polymorphism.d.ts

@@ -66,7 +66,7 @@ type ElementByTagOrAny<ComponentType extends React.ElementType> = ComponentType
  * @see WithObfuscatedClassName
  */
 interface ForwardRefFunction<ComponentType extends React.ElementType, OwnProps, ShouldObfuscateClassName extends ObfuscateClassNameMode> {
-    (props: PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>, ref: ((instance: ElementByTagOrAny<ComponentType> | null) => void) | React.MutableRefObject<ElementByTagOrAny<ComponentType> | null> | null): React.ReactElement | null;
+    (props: React.PropsWithoutRef<PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>>, ref: React.ForwardedRef<ElementByTagOrAny<ComponentType>>): React.ReactElement | null;
     displayName?: string;
 }
 /**
@@ -120,7 +120,6 @@ interface PolymorphicComponent<ComponentType extends React.ElementType, OwnProps
     <TT extends React.ElementType = ComponentType>(props: PolymorphicComponentProps<TT, OwnProps, ShouldObfuscateClassName>): React.ReactElement | null;
     readonly $$typeof: symbol;
     defaultProps?: Partial<PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>>;
-    propTypes?: React.WeakValidationMap<PolymorphicComponentProps<ComponentType, OwnProps, ShouldObfuscateClassName>>;
     displayName?: string;
 }
 /**

package/lib/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,gBAAK,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,gBAAK,CAACC,UAAU,CAACF,MAAM,CAAC,CAAA;AAKnC;;;;"}

package/lib/utils/storybook-helper.d.ts

@@ -1,5 +1,6 @@
 import '../styles/design-tokens.css';
 import * as React from 'react';
+import type { JSX } from 'react';
 import type { BoxProps } from '../box';
 import type { Space } from './common-types';
 type SelectTypeOptionsProp<T> = Extract<T, PropertyKey>[] | readonly Extract<T, PropertyKey>[];
@@ -45,11 +46,11 @@ declare function Wrapper({ title, children, border, }: {
     title?: React.ReactNode;
     children: React.ReactNode;
     border?: boolean;
-}): React.JSX.Element;
-declare function ResponsiveWidthRef(): React.JSX.Element;
+}): JSX.Element;
+declare function ResponsiveWidthRef(): JSX.Element;
 declare function Placeholder({ label, width, height, }: {
     label?: React.ReactNode;
-} & Pick<React.CSSProperties, 'width' | 'height'>): React.JSX.Element;
+} & Pick<React.CSSProperties, 'width' | 'height'>): JSX.Element;
 type PartialProps<T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>> = Partial<React.ComponentProps<T>>;
 export { disableResponsiveProps, Placeholder, ResponsiveWidthRef, reusableBoxProps, select, selectCount, selectSize, selectWithNone, times, Wrapper, };
 export type { PartialProps };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@doist/reactist",
     "description": "Open source React components by Doist",
-    "version": "33.1.0",
+    "version": "33.2.1",
     "repository": "https://github.com/Doist/reactist",
     "homepage": "https://github.com/Doist/reactist#readme",
     "bugs": {
@@ -38,7 +38,7 @@
     "scripts": {
         "postinstall": "patch-package",
         "setup": "npm install && npm run validate",
-        "validate": "npm run lint && npm run type-check && npm run test",
+        "validate": "npm run lint && npm run type-check && npm run type-check:react18 && npm run test && npm run test:react18",
         "start": "ON_SUCCESS=\"./scripts/organize-styles.sh\" rollup -c --watch --no-watch.clearScreen",
         "prestart:yalc": "npm run clean && yalc publish",
         "start:yalc": "ON_SUCCESS=\"npm run start:yalc:success\" rollup -c --watch --no-watch.clearScreen",
@@ -49,8 +49,11 @@
         "clean": "rimraf es lib styles dist",
         "test": "jest --passWithNoTests",
         "test:watch": "npm run test -- --watch",
+        "test:react18": "jest --config jest.config.react18.js",
+        "test:react18:watch": "npm run test:react18 -- --watch",
         "test:coverage": "npm run test -- --coverage",
         "type-check": "tsc --noEmit -p ./tsconfig.json",
+        "type-check:react18": "tsc --noEmit -p ./tsconfig.react18.json",
         "lint": "eslint --format codeframe --cache --ext js,jsx,ts,tsx ./",
         "storybook": "storybook dev -p 6006",
         "prettify": "prettier --write \"./**/*.{js,jsx,ts,tsx,json,css,scss,less,md,mdx}\"",
@@ -59,10 +62,9 @@
     "peerDependencies": {
         "@ariakit/react": "~0.4.19",
         "classnames": "^2.2.5",
-        "prop-types": "^15.6.2",
-        "react": ">=18.0.0 <19.0.0",
+        "react": ">=18.0.0 <20.0.0",
         "react-compiler-runtime": "^1.0.0",
-        "react-dom": ">=18.0.0 <19.0.0"
+        "react-dom": ">=18.0.0 <20.0.0"
     },
     "devDependencies": {
         "@ariakit/react": "0.4.19",
@@ -95,8 +97,10 @@
         "@types/jest": "28.1.8",
         "@types/jest-axe": "^3.5.3",
         "@types/marked": "^4.0.8",
-        "@types/react": "18.3.1",
-        "@types/react-dom": "18.3.0",
+        "@types/react": "19.2.17",
+        "@types/react-18": "npm:@types/react@^18.3",
+        "@types/react-dom": "19.2.3",
+        "@types/react-dom-18": "npm:@types/react-dom@^18.3",
         "@typescript-eslint/eslint-plugin": "8.46.2",
         "@typescript-eslint/parser": "8.46.2",
         "@vitejs/plugin-react": "5.2.0",
@@ -125,11 +129,13 @@
         "mockdate": "^3.0.2",
         "plop": "^3.1.1",
         "prettier": "3.6.2",
-        "react": "18.3.1",
+        "react": "19.2.7",
+        "react-18": "npm:react@18.3.1",
         "react-compiler-runtime": "1.0.0",
-        "react-dom": "18.3.1",
         "react-docgen-typescript": "2.4.0",
-        "react-is": "18.3.1",
+        "react-dom": "19.2.7",
+        "react-dom-18": "npm:react-dom@18.3.1",
+        "react-is": "19.2.7",
         "rimraf": "^3.0.2",
         "rollup": "2.79.2",
         "rollup-plugin-styles": "4.0.0",
@@ -154,6 +160,12 @@
         "pretty-format": {
             "react-is": "$react-is"
         },
-        "react-element-to-jsx-string": "15.0.0"
+        "react-element-to-jsx-string": "15.0.0",
+        "react-dom-18": {
+            "react": "$react"
+        },
+        "@types/react-dom-18": {
+            "@types/react": "$@types/react"
+        }
     }
 }