@doist/reactist 26.2.3 → 26.2.5

package/es/menu/menu.js

@@ -138,7 +138,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(_ref4, ref) {
     className: classNames('reactist_menulist', exceptionallySetClassName),
     getAnchorRect: getAnchorRect != null ? getAnchorRect : undefined,
     modal: modal,
-    flip: flip != null ? flip : isSubMenu ? 'bottom' : undefined
+    flip: flip != null ? flip : isSubMenu ? 'left bottom' : undefined
   }))) : null;
 });
 /**

package/es/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../src/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n    Portal,\n    MenuStore,\n    MenuStoreProps,\n    useMenuStore,\n    MenuProps as AriakitMenuProps,\n    Menu as AriakitMenu,\n    MenuGroup as AriakitMenuGroup,\n    MenuItem as AriakitMenuItem,\n    MenuItemProps as AriakitMenuItemProps,\n    MenuButton as AriakitMenuButton,\n    MenuButtonProps as AriakitMenuButtonProps,\n    Role,\n    RoleProps,\n} from '@ariakit/react'\n\nimport './menu.less'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ntype MenuContextState = {\n    menuStore: MenuStore | null\n    handleItemSelect?: (value: string | null | undefined) => void\n    getAnchorRect: (() => { x: number; y: number }) | null\n    setAnchorRect: (rect: { x: number; y: number } | null) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>({\n    menuStore: null,\n    handleItemSelect: () => undefined,\n    getAnchorRect: null,\n    setAnchorRect: () => undefined,\n})\n\nconst SubMenuContext = React.createContext<{ isSubMenu: boolean }>({ isSubMenu: false })\n\n//\n// Menu\n//\n\ninterface MenuProps extends Omit<MenuStoreProps, 'visible'> {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const [anchorRect, setAnchorRect] = React.useState<{ x: number; y: number } | null>(null)\n    const getAnchorRect = React.useMemo(() => (anchorRect ? () => anchorRect : null), [anchorRect])\n    const menuStore = useMenuStore({ focusLoop: true, ...props })\n\n    const value: MenuContextState = React.useMemo(\n        () => ({ menuStore, handleItemSelect: onItemSelect, getAnchorRect, setAnchorRect }),\n        [menuStore, onItemSelect, getAnchorRect, setAnchorRect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\ninterface MenuButtonProps\n    extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>,\n        ObfuscatedClassName {}\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuButton must be wrapped in <Menu/>')\n    }\n    return (\n        <AriakitMenuButton\n            {...props}\n            store={menuStore}\n            ref={ref}\n            className={classNames('reactist_menubutton', exceptionallySetClassName)}\n        />\n    )\n})\n\n//\n// ContextMenuTrigger\n//\n\ninterface ContextMenuTriggerProps\n    extends ObfuscatedClassName,\n        React.HTMLAttributes<HTMLDivElement>,\n        Pick<RoleProps, 'render'> {}\n\nconst ContextMenuTrigger = React.forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n    function ContextMenuTrigger({ render, ...props }, ref) {\n        const { setAnchorRect, menuStore } = React.useContext(MenuContext)\n        if (!menuStore) {\n            throw new Error('ContextMenuTrigger must be wrapped in <Menu/>')\n        }\n\n        const handleContextMenu = React.useCallback(\n            function handleContextMenu(event: React.MouseEvent) {\n                event.preventDefault()\n                setAnchorRect({ x: event.clientX, y: event.clientY })\n                menuStore.show()\n            },\n            [setAnchorRect, menuStore],\n        )\n\n        const isOpen = menuStore.useState('open')\n        React.useEffect(() => {\n            if (!isOpen) setAnchorRect(null)\n        }, [isOpen, setAnchorRect])\n\n        return <Role.div {...props} onContextMenu={handleContextMenu} ref={ref} render={render} />\n    },\n)\n\n//\n// MenuList\n//\n\ninterface MenuListProps\n    extends Omit<AriakitMenuProps, 'store' | 'className'>,\n        ObfuscatedClassName {}\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuList(\n    { exceptionallySetClassName, modal = true, flip, ...props },\n    ref,\n) {\n    const { menuStore, getAnchorRect } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuList must be wrapped in <Menu/>')\n    }\n\n    const { isSubMenu } = React.useContext(SubMenuContext)\n\n    const isOpen = menuStore.useState('open')\n\n    return isOpen ? (\n        <Portal preserveTabOrder>\n            <AriakitMenu\n                {...props}\n                store={menuStore}\n                gutter={8}\n                shift={4}\n                ref={ref}\n                className={classNames('reactist_menulist', exceptionallySetClassName)}\n                getAnchorRect={getAnchorRect ?? undefined}\n                modal={modal}\n                flip={flip ?? (isSubMenu ? 'bottom' : undefined)}\n            />\n        </Portal>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ninterface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(function MenuItem(\n    {\n        value,\n        children,\n        onSelect,\n        hideOnSelect = true,\n        onClick,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const { handleItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuItem must be wrapped in <Menu/>')\n    }\n\n    const { hide } = menuStore\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect?.(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <AriakitMenuItem\n            {...props}\n            store={menuStore}\n            ref={ref}\n            onClick={handleClick}\n            className={exceptionallySetClassName}\n            hideOnClick={false}\n        >\n            {children}\n        </AriakitMenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLDivElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('SubMenu must be wrapped in <Menu/>')\n    }\n\n    const { hide: parentMenuHide } = menuStore\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value: string | null | undefined) {\n            onItemSelect?.(value)\n            parentMenuItemSelect?.(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n    const buttonElement = button as React.ReactElement<MenuButtonProps>\n    const subMenuContextValue = React.useMemo(() => ({ isSubMenu: true }), [])\n\n    return (\n        <Menu onItemSelect={handleSubItemSelect}>\n            <AriakitMenuItem store={menuStore} ref={ref} hideOnClick={false} render={buttonElement}>\n                {buttonElement.props.children}\n            </AriakitMenuItem>\n            <SubMenuContext.Provider value={subMenuContextValue}>{list}</SubMenuContext.Provider>\n        </Menu>\n    )\n})\n\n//\n// MenuGroup\n//\n\ninterface MenuGroupProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>,\n        ObfuscatedClassName {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n    { label, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuGroup must be wrapped in <Menu/>')\n    }\n\n    return (\n        <AriakitMenuGroup\n            {...props}\n            ref={ref}\n            store={menuStore}\n            className={exceptionallySetClassName}\n        >\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </AriakitMenuGroup>\n    )\n})\n\nexport { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps }\n"],"names":["MenuContext","React","createContext","menuStore","handleItemSelect","undefined","getAnchorRect","setAnchorRect","SubMenuContext","isSubMenu","Menu","children","onItemSelect","props","anchorRect","useState","useMemo","useMenuStore","_objectSpread","focusLoop","value","createElement","Provider","MenuButton","forwardRef","ref","exceptionallySetClassName","useContext","Error","AriakitMenuButton","store","className","classNames","ContextMenuTrigger","render","handleContextMenu","useCallback","event","preventDefault","x","clientX","y","clientY","show","isOpen","useEffect","Role","div","onContextMenu","MenuList","modal","flip","Portal","preserveTabOrder","AriakitMenu","gutter","shift","MenuItem","onSelect","hideOnSelect","onClick","hide","handleClick","onSelectResult","defaultPrevented","shouldClose","AriakitMenuItem","hideOnClick","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","button","list","Children","toArray","buttonElement","subMenuContextValue","MenuGroup","label","AriakitMenuGroup","role"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../src/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n    Portal,\n    MenuStore,\n    MenuStoreProps,\n    useMenuStore,\n    MenuProps as AriakitMenuProps,\n    Menu as AriakitMenu,\n    MenuGroup as AriakitMenuGroup,\n    MenuItem as AriakitMenuItem,\n    MenuItemProps as AriakitMenuItemProps,\n    MenuButton as AriakitMenuButton,\n    MenuButtonProps as AriakitMenuButtonProps,\n    Role,\n    RoleProps,\n} from '@ariakit/react'\n\nimport './menu.less'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ntype MenuContextState = {\n    menuStore: MenuStore | null\n    handleItemSelect?: (value: string | null | undefined) => void\n    getAnchorRect: (() => { x: number; y: number }) | null\n    setAnchorRect: (rect: { x: number; y: number } | null) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>({\n    menuStore: null,\n    handleItemSelect: () => undefined,\n    getAnchorRect: null,\n    setAnchorRect: () => undefined,\n})\n\nconst SubMenuContext = React.createContext<{ isSubMenu: boolean }>({ isSubMenu: false })\n\n//\n// Menu\n//\n\ninterface MenuProps extends Omit<MenuStoreProps, 'visible'> {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const [anchorRect, setAnchorRect] = React.useState<{ x: number; y: number } | null>(null)\n    const getAnchorRect = React.useMemo(() => (anchorRect ? () => anchorRect : null), [anchorRect])\n    const menuStore = useMenuStore({ focusLoop: true, ...props })\n\n    const value: MenuContextState = React.useMemo(\n        () => ({ menuStore, handleItemSelect: onItemSelect, getAnchorRect, setAnchorRect }),\n        [menuStore, onItemSelect, getAnchorRect, setAnchorRect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\ninterface MenuButtonProps\n    extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>,\n        ObfuscatedClassName {}\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuButton must be wrapped in <Menu/>')\n    }\n    return (\n        <AriakitMenuButton\n            {...props}\n            store={menuStore}\n            ref={ref}\n            className={classNames('reactist_menubutton', exceptionallySetClassName)}\n        />\n    )\n})\n\n//\n// ContextMenuTrigger\n//\n\ninterface ContextMenuTriggerProps\n    extends ObfuscatedClassName,\n        React.HTMLAttributes<HTMLDivElement>,\n        Pick<RoleProps, 'render'> {}\n\nconst ContextMenuTrigger = React.forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n    function ContextMenuTrigger({ render, ...props }, ref) {\n        const { setAnchorRect, menuStore } = React.useContext(MenuContext)\n        if (!menuStore) {\n            throw new Error('ContextMenuTrigger must be wrapped in <Menu/>')\n        }\n\n        const handleContextMenu = React.useCallback(\n            function handleContextMenu(event: React.MouseEvent) {\n                event.preventDefault()\n                setAnchorRect({ x: event.clientX, y: event.clientY })\n                menuStore.show()\n            },\n            [setAnchorRect, menuStore],\n        )\n\n        const isOpen = menuStore.useState('open')\n        React.useEffect(() => {\n            if (!isOpen) setAnchorRect(null)\n        }, [isOpen, setAnchorRect])\n\n        return <Role.div {...props} onContextMenu={handleContextMenu} ref={ref} render={render} />\n    },\n)\n\n//\n// MenuList\n//\n\ninterface MenuListProps\n    extends Omit<AriakitMenuProps, 'store' | 'className'>,\n        ObfuscatedClassName {}\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuList(\n    { exceptionallySetClassName, modal = true, flip, ...props },\n    ref,\n) {\n    const { menuStore, getAnchorRect } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuList must be wrapped in <Menu/>')\n    }\n\n    const { isSubMenu } = React.useContext(SubMenuContext)\n\n    const isOpen = menuStore.useState('open')\n\n    return isOpen ? (\n        <Portal preserveTabOrder>\n            <AriakitMenu\n                {...props}\n                store={menuStore}\n                gutter={8}\n                shift={4}\n                ref={ref}\n                className={classNames('reactist_menulist', exceptionallySetClassName)}\n                getAnchorRect={getAnchorRect ?? undefined}\n                modal={modal}\n                flip={flip ?? (isSubMenu ? 'left bottom' : undefined)}\n            />\n        </Portal>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ninterface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(function MenuItem(\n    {\n        value,\n        children,\n        onSelect,\n        hideOnSelect = true,\n        onClick,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const { handleItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuItem must be wrapped in <Menu/>')\n    }\n\n    const { hide } = menuStore\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect?.(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <AriakitMenuItem\n            {...props}\n            store={menuStore}\n            ref={ref}\n            onClick={handleClick}\n            className={exceptionallySetClassName}\n            hideOnClick={false}\n        >\n            {children}\n        </AriakitMenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLDivElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('SubMenu must be wrapped in <Menu/>')\n    }\n\n    const { hide: parentMenuHide } = menuStore\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value: string | null | undefined) {\n            onItemSelect?.(value)\n            parentMenuItemSelect?.(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n    const buttonElement = button as React.ReactElement<MenuButtonProps>\n    const subMenuContextValue = React.useMemo(() => ({ isSubMenu: true }), [])\n\n    return (\n        <Menu onItemSelect={handleSubItemSelect}>\n            <AriakitMenuItem store={menuStore} ref={ref} hideOnClick={false} render={buttonElement}>\n                {buttonElement.props.children}\n            </AriakitMenuItem>\n            <SubMenuContext.Provider value={subMenuContextValue}>{list}</SubMenuContext.Provider>\n        </Menu>\n    )\n})\n\n//\n// MenuGroup\n//\n\ninterface MenuGroupProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>,\n        ObfuscatedClassName {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n    { label, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuGroup must be wrapped in <Menu/>')\n    }\n\n    return (\n        <AriakitMenuGroup\n            {...props}\n            ref={ref}\n            store={menuStore}\n            className={exceptionallySetClassName}\n        >\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </AriakitMenuGroup>\n    )\n})\n\nexport { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps }\n"],"names":["MenuContext","React","createContext","menuStore","handleItemSelect","undefined","getAnchorRect","setAnchorRect","SubMenuContext","isSubMenu","Menu","children","onItemSelect","props","anchorRect","useState","useMemo","useMenuStore","_objectSpread","focusLoop","value","createElement","Provider","MenuButton","forwardRef","ref","exceptionallySetClassName","useContext","Error","AriakitMenuButton","store","className","classNames","ContextMenuTrigger","render","handleContextMenu","useCallback","event","preventDefault","x","clientX","y","clientY","show","isOpen","useEffect","Role","div","onContextMenu","MenuList","modal","flip","Portal","preserveTabOrder","AriakitMenu","gutter","shift","MenuItem","onSelect","hideOnSelect","onClick","hide","handleClick","onSelectResult","defaultPrevented","shouldClose","AriakitMenuItem","hideOnClick","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","button","list","Children","toArray","buttonElement","subMenuContextValue","MenuGroup","label","AriakitMenuGroup","role"],"mappings":";;;;;;;;;;;AA6BA,MAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAsC;AACtDC,EAAAA,SAAS,EAAE,IAD2C;EAEtDC,gBAAgB,EAAE,MAAMC,SAF8B;AAGtDC,EAAAA,aAAa,EAAE,IAHuC;AAItDC,EAAAA,aAAa,EAAE,MAAMF,SAAAA;AAJiC,CAAtC,CAApB,CAAA;AAOA,MAAMG,cAAc,gBAAGP,KAAK,CAACC,aAAN,CAA4C;AAAEO,EAAAA,SAAS,EAAE,KAAA;AAAb,CAA5C,CAAvB,CAAA;AAuBA;;;AAGG;;AACH,SAASC,IAAT,CAA6D,IAAA,EAAA;EAAA,IAA/C;IAAEC,QAAF;AAAYC,IAAAA,YAAAA;GAAmC,GAAA,IAAA;AAAA,MAAlBC,KAAkB,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;EACzD,MAAM,CAACC,UAAD,EAAaP,aAAb,CAAA,GAA8BN,KAAK,CAACc,QAAN,CAAgD,IAAhD,CAApC,CAAA;AACA,EAAA,MAAMT,aAAa,GAAGL,KAAK,CAACe,OAAN,CAAc,MAAOF,UAAU,GAAG,MAAMA,UAAT,GAAsB,IAArD,EAA4D,CAACA,UAAD,CAA5D,CAAtB,CAAA;EACA,MAAMX,SAAS,GAAGc,YAAY,CAAAC,cAAA,CAAA;AAAGC,IAAAA,SAAS,EAAE,IAAA;AAAd,GAAA,EAAuBN,KAAvB,CAA9B,CAAA,CAAA;AAEA,EAAA,MAAMO,KAAK,GAAqBnB,KAAK,CAACe,OAAN,CAC5B,OAAO;IAAEb,SAAF;AAAaC,IAAAA,gBAAgB,EAAEQ,YAA/B;IAA6CN,aAA7C;AAA4DC,IAAAA,aAAAA;GAAnE,CAD4B,EAE5B,CAACJ,SAAD,EAAYS,YAAZ,EAA0BN,aAA1B,EAAyCC,aAAzC,CAF4B,CAAhC,CAAA;AAKA,EAAA,oBAAON,KAAA,CAAAoB,aAAA,CAACrB,WAAW,CAACsB,QAAb,EAAqB;AAACF,IAAAA,KAAK,EAAEA,KAAAA;GAA7B,EAAqCT,QAArC,CAAP,CAAA;AACH,CAAA;AAUD;;AAEG;;;AACGY,MAAAA,UAAU,gBAAGtB,KAAK,CAACuB,UAAN,CAAqD,SAASD,UAAT,CAEpEE,KAAAA,EAAAA,GAFoE,EAEjE;EAAA,IADH;AAAEC,IAAAA,yBAAAA;GACC,GAAA,KAAA;AAAA,MAD6Bb,KAC7B,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;;EAEH,MAAM;AAAEV,IAAAA,SAAAA;AAAF,GAAA,GAAgBF,KAAK,CAAC0B,UAAN,CAAiB3B,WAAjB,CAAtB,CAAA;;EACA,IAAI,CAACG,SAAL,EAAgB;AACZ,IAAA,MAAM,IAAIyB,KAAJ,CAAU,uCAAV,CAAN,CAAA;AACH,GAAA;;AACD,EAAA,oBACI3B,KAAC,CAAAoB,aAAD,CAACQ,YAAD,oCACQhB,KADR,CAAA,EAAA,EAAA,EAAA;AAEIiB,IAAAA,KAAK,EAAE3B,SAFX;AAGIsB,IAAAA,GAAG,EAAEA,GAHT;AAIIM,IAAAA,SAAS,EAAEC,UAAU,CAAC,qBAAD,EAAwBN,yBAAxB,CAAA;GAL7B,CAAA,CAAA,CAAA;AAQH,CAhBkB,EAAnB;AA2BMO,MAAAA,kBAAkB,gBAAGhC,KAAK,CAACuB,UAAN,CACvB,SAASS,kBAAT,CAAkDR,KAAAA,EAAAA,GAAlD,EAAqD;EAAA,IAAzB;AAAES,IAAAA,MAAAA;GAAuB,GAAA,KAAA;AAAA,MAAZrB,KAAY,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;;EACjD,MAAM;IAAEN,aAAF;AAAiBJ,IAAAA,SAAAA;AAAjB,GAAA,GAA+BF,KAAK,CAAC0B,UAAN,CAAiB3B,WAAjB,CAArC,CAAA;;EACA,IAAI,CAACG,SAAL,EAAgB;AACZ,IAAA,MAAM,IAAIyB,KAAJ,CAAU,+CAAV,CAAN,CAAA;AACH,GAAA;;EAED,MAAMO,iBAAiB,GAAGlC,KAAK,CAACmC,WAAN,CACtB,SAASD,iBAAT,CAA2BE,KAA3B,EAAkD;AAC9CA,IAAAA,KAAK,CAACC,cAAN,EAAA,CAAA;AACA/B,IAAAA,aAAa,CAAC;MAAEgC,CAAC,EAAEF,KAAK,CAACG,OAAX;MAAoBC,CAAC,EAAEJ,KAAK,CAACK,OAAAA;AAA7B,KAAD,CAAb,CAAA;AACAvC,IAAAA,SAAS,CAACwC,IAAV,EAAA,CAAA;AACH,GALqB,EAMtB,CAACpC,aAAD,EAAgBJ,SAAhB,CANsB,CAA1B,CAAA;AASA,EAAA,MAAMyC,MAAM,GAAGzC,SAAS,CAACY,QAAV,CAAmB,MAAnB,CAAf,CAAA;EACAd,KAAK,CAAC4C,SAAN,CAAgB,MAAK;AACjB,IAAA,IAAI,CAACD,MAAL,EAAarC,aAAa,CAAC,IAAD,CAAb,CAAA;AAChB,GAFD,EAEG,CAACqC,MAAD,EAASrC,aAAT,CAFH,CAAA,CAAA;EAIA,oBAAON,mBAAA,CAAC6C,IAAI,CAACC,GAAN,oCAAclC,KAAd,CAAA,EAAA,EAAA,EAAA;AAAqBmC,IAAAA,aAAa,EAAEb,iBAApC;AAAuDV,IAAAA,GAAG,EAAEA,GAA5D;AAAiES,IAAAA,MAAM,EAAEA,MAAAA;GAAhF,CAAA,CAAA,CAAA;AACH,CAtBsB,EAA3B;AAiCA;;AAEG;;AACGe,MAAAA,QAAQ,gBAAGhD,KAAK,CAACuB,UAAN,CAAgD,SAASyB,QAAT,CAE7DxB,KAAAA,EAAAA,GAF6D,EAE1D;EAAA,IADH;IAAEC,yBAAF;AAA6BwB,IAAAA,KAAK,GAAG,IAArC;AAA2CC,IAAAA,IAAAA;GACxC,GAAA,KAAA;AAAA,MADiDtC,KACjD,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;;EAEH,MAAM;IAAEV,SAAF;AAAaG,IAAAA,aAAAA;AAAb,GAAA,GAA+BL,KAAK,CAAC0B,UAAN,CAAiB3B,WAAjB,CAArC,CAAA;;EACA,IAAI,CAACG,SAAL,EAAgB;AACZ,IAAA,MAAM,IAAIyB,KAAJ,CAAU,qCAAV,CAAN,CAAA;AACH,GAAA;;EAED,MAAM;AAAEnB,IAAAA,SAAAA;AAAF,GAAA,GAAgBR,KAAK,CAAC0B,UAAN,CAAiBnB,cAAjB,CAAtB,CAAA;AAEA,EAAA,MAAMoC,MAAM,GAAGzC,SAAS,CAACY,QAAV,CAAmB,MAAnB,CAAf,CAAA;AAEA,EAAA,OAAO6B,MAAM,gBACT3C,KAAC,CAAAoB,aAAD,CAAC+B,MAAD;AAAQC,IAAAA,gBAAgB,EAAA,IAAA;GAAxB,eACIpD,KAAA,CAAAoB,aAAA,CAACiC,MAAD,oCACQzC,KADR,CAAA,EAAA,EAAA,EAAA;AAEIiB,IAAAA,KAAK,EAAE3B,SAFX;AAGIoD,IAAAA,MAAM,EAAE,CAHZ;AAIIC,IAAAA,KAAK,EAAE,CAJX;AAKI/B,IAAAA,GAAG,EAAEA,GALT;AAMIM,IAAAA,SAAS,EAAEC,UAAU,CAAC,mBAAD,EAAsBN,yBAAtB,CANzB;AAOIpB,IAAAA,aAAa,EAAEA,aAAF,IAAEA,IAAAA,GAAAA,aAAF,GAAmBD,SAPpC;AAQI6C,IAAAA,KAAK,EAAEA,KARX;IASIC,IAAI,EAAEA,IAAF,IAAEA,IAAAA,GAAAA,IAAF,GAAW1C,SAAS,GAAG,aAAH,GAAmBJ,SAAAA;GAVnD,CAAA,CAAA,CADS,GAcT,IAdJ,CAAA;AAeH,CA5BgB,EAAjB;AAqFA;;;AAGG;;AACGoD,MAAAA,QAAQ,gBAAGxD,KAAK,CAACuB,UAAN,CAAgD,SAASiC,QAAT,CAU7DhC,KAAAA,EAAAA,GAV6D,EAU1D;EAAA,IATH;IACIL,KADJ;IAEIT,QAFJ;IAGI+C,QAHJ;AAIIC,IAAAA,YAAY,GAAG,IAJnB;IAKIC,OALJ;AAMIlC,IAAAA,yBAAAA;GAGD,GAAA,KAAA;AAAA,MAFIb,KAEJ,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;;EAEH,MAAM;IAAET,gBAAF;AAAoBD,IAAAA,SAAAA;AAApB,GAAA,GAAkCF,KAAK,CAAC0B,UAAN,CAAiB3B,WAAjB,CAAxC,CAAA;;EACA,IAAI,CAACG,SAAL,EAAgB;AACZ,IAAA,MAAM,IAAIyB,KAAJ,CAAU,qCAAV,CAAN,CAAA;AACH,GAAA;;EAED,MAAM;AAAEiC,IAAAA,IAAAA;AAAF,GAAA,GAAW1D,SAAjB,CAAA;EACA,MAAM2D,WAAW,GAAG7D,KAAK,CAACmC,WAAN,CAChB,SAAS0B,WAAT,CAAqBzB,KAArB,EAA4C;AACxCuB,IAAAA,OAAO,IAAP,IAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAGvB,KAAH,CAAP,CAAA;AACA,IAAA,MAAM0B,cAAc,GAChBL,QAAQ,IAAI,CAACrB,KAAK,CAAC2B,gBAAnB,GAAsCN,QAAQ,EAA9C,GAAmDrD,SADvD,CAAA;AAEA,IAAA,MAAM4D,WAAW,GAAGF,cAAc,KAAK,KAAnB,IAA4BJ,YAAhD,CAAA;AACAvD,IAAAA,gBAAgB,IAAhB,IAAA,GAAA,KAAA,CAAA,GAAAA,gBAAgB,CAAGgB,KAAH,CAAhB,CAAA;IACA,IAAI6C,WAAJ,EAAiBJ,IAAI,EAAA,CAAA;AACxB,GARe,EAShB,CAACH,QAAD,EAAWE,OAAX,EAAoBxD,gBAApB,EAAsCuD,YAAtC,EAAoDE,IAApD,EAA0DzC,KAA1D,CATgB,CAApB,CAAA;AAYA,EAAA,oBACInB,KAAA,CAAAoB,aAAA,CAAC6C,UAAD,oCACQrD,KADR,CAAA,EAAA,EAAA,EAAA;AAEIiB,IAAAA,KAAK,EAAE3B,SAFX;AAGIsB,IAAAA,GAAG,EAAEA,GAHT;AAIImC,IAAAA,OAAO,EAAEE,WAJb;AAKI/B,IAAAA,SAAS,EAAEL,yBALf;AAMIyC,IAAAA,WAAW,EAAE,KAAA;AANjB,GAAA,CAAA,EAQKxD,QARL,CADJ,CAAA;AAYH,CA1CgB,EAAjB;AAkDA;;;;;;;;;;;;;;;;;;;;AAoBG;;AACGyD,MAAAA,OAAO,gBAAGnE,KAAK,CAACuB,UAAN,CAA+C,SAAS4C,OAAT,CAC3D;EAAEzD,QAAF;AAAYC,EAAAA,YAAAA;AAAZ,CAD2D,EAE3Da,GAF2D,EAExD;EAEH,MAAM;AAAErB,IAAAA,gBAAgB,EAAEiE,oBAApB;AAA0ClE,IAAAA,SAAAA;AAA1C,GAAA,GAAwDF,KAAK,CAAC0B,UAAN,CAAiB3B,WAAjB,CAA9D,CAAA;;EACA,IAAI,CAACG,SAAL,EAAgB;AACZ,IAAA,MAAM,IAAIyB,KAAJ,CAAU,oCAAV,CAAN,CAAA;AACH,GAAA;;EAED,MAAM;AAAEiC,IAAAA,IAAI,EAAES,cAAAA;AAAR,GAAA,GAA2BnE,SAAjC,CAAA;EACA,MAAMoE,mBAAmB,GAAGtE,KAAK,CAACmC,WAAN,CACxB,SAASmC,mBAAT,CAA6BnD,KAA7B,EAA6D;AACzDR,IAAAA,YAAY,IAAZ,IAAA,GAAA,KAAA,CAAA,GAAAA,YAAY,CAAGQ,KAAH,CAAZ,CAAA;AACAiD,IAAAA,oBAAoB,IAApB,IAAA,GAAA,KAAA,CAAA,GAAAA,oBAAoB,CAAGjD,KAAH,CAApB,CAAA;IACAkD,cAAc,EAAA,CAAA;GAJM,EAMxB,CAACA,cAAD,EAAiBD,oBAAjB,EAAuCzD,YAAvC,CANwB,CAA5B,CAAA;AASA,EAAA,MAAM,CAAC4D,MAAD,EAASC,IAAT,CAAiBxE,GAAAA,KAAK,CAACyE,QAAN,CAAeC,OAAf,CAAuBhE,QAAvB,CAAvB,CAAA;EACA,MAAMiE,aAAa,GAAGJ,MAAtB,CAAA;AACA,EAAA,MAAMK,mBAAmB,GAAG5E,KAAK,CAACe,OAAN,CAAc,OAAO;AAAEP,IAAAA,SAAS,EAAE,IAAA;GAApB,CAAd,EAA2C,EAA3C,CAA5B,CAAA;AAEA,EAAA,oBACIR,KAAC,CAAAoB,aAAD,CAACX,IAAD,EAAM;AAAAE,IAAAA,YAAY,EAAE2D,mBAAAA;AAAd,GAAN,eACItE,KAAC,CAAAoB,aAAD,CAAC6C,UAAD;AAAiBpC,IAAAA,KAAK,EAAE3B;AAAWsB,IAAAA,GAAG,EAAEA;AAAK0C,IAAAA,WAAW,EAAE;AAAOjC,IAAAA,MAAM,EAAE0C,aAAAA;GAAzE,EACKA,aAAa,CAAC/D,KAAd,CAAoBF,QADzB,CADJ,eAIIV,KAAA,CAAAoB,aAAA,CAACb,cAAc,CAACc,QAAhB,EAAwB;AAACF,IAAAA,KAAK,EAAEyD,mBAAAA;GAAhC,EAAsDJ,IAAtD,CAJJ,CADJ,CAAA;AAQH,CA/Be,EAAhB;AA8CA;;;;;AAKG;;AACGK,MAAAA,SAAS,gBAAG7E,KAAK,CAACuB,UAAN,CAAiD,SAASsD,SAAT,CAE/DrD,KAAAA,EAAAA,GAF+D,EAE5D;EAAA,IADH;IAAEsD,KAAF;IAASpE,QAAT;AAAmBe,IAAAA,yBAAAA;GAChB,GAAA,KAAA;AAAA,MAD8Cb,KAC9C,GAAA,wBAAA,CAAA,KAAA,EAAA,UAAA,CAAA,CAAA;;EAEH,MAAM;AAAEV,IAAAA,SAAAA;AAAF,GAAA,GAAgBF,KAAK,CAAC0B,UAAN,CAAiB3B,WAAjB,CAAtB,CAAA;;EACA,IAAI,CAACG,SAAL,EAAgB;AACZ,IAAA,MAAM,IAAIyB,KAAJ,CAAU,sCAAV,CAAN,CAAA;AACH,GAAA;;AAED,EAAA,oBACI3B,KAAC,CAAAoB,aAAD,CAAC2D,WAAD,oCACQnE,KADR,CAAA,EAAA,EAAA,EAAA;AAEIY,IAAAA,GAAG,EAAEA,GAFT;AAGIK,IAAAA,KAAK,EAAE3B,SAHX;AAII4B,IAAAA,SAAS,EAAEL,yBAAAA;AAJf,GAAA,CAAA,EAMKqD,KAAK,gBACF9E,KAAK,CAAAoB,aAAL,CAAK,KAAL,EAAK;AAAA4D,IAAAA,IAAI,EAAC,cAAL;AAAoBlD,IAAAA,SAAS,EAAC,2BAAA;AAA9B,GAAL,EACKgD,KADL,CADE,GAIF,IAVR,EAWKpE,QAXL,CADJ,CAAA;AAeH,CAxBiB;;;;"}

package/es/prose/prose.module.css.js

@@ -1,4 +1,4 @@
-var modules_8ebe6db0 = {"prose":"_560c1e08","darkModeTypography":"_8b53b13e"};
+var modules_8ebe6db0 = {"prose":"_37468e52","darkModeTypography":"_6abbd828"};
 
 export { modules_8ebe6db0 as default };
 //# sourceMappingURL=prose.module.css.js.map

package/es/tabs/tabs.module.css.js

@@ -1,4 +1,4 @@
-var modules_40c67f5b = {"tab":"_2308f55f","track":"d173fedb","tab-neutral":"_4d1ad155","tab-themed":"_138c6c8b","track-neutral":"ee766342","track-themed":"cecb68f0"};
+var modules_40c67f5b = {"tab":"faa5b46e","track":"_93de0ded","tab-neutral":"_82a91995","tab-themed":"f150e9da","track-neutral":"_10f229b4","track-themed":"_54f03992"};
 
 export { modules_40c67f5b as default };
 //# sourceMappingURL=tabs.module.css.js.map

package/lib/menu/menu.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("classnames"),n=require("@ariakit/react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var u=l(t),c=o(r);const a=["children","onItemSelect"],s=["exceptionallySetClassName"],i=["render"],d=["exceptionallySetClassName","modal","flip"],p=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName"],m=["label","children","exceptionallySetClassName"],f=u.createContext({menuStore:null,handleItemSelect:()=>{},getAnchorRect:null,setAnchorRect:()=>{}}),S=u.createContext({isSubMenu:!1});function b(t){let{children:r,onItemSelect:o}=t,l=e.objectWithoutProperties(t,a);const[c,s]=u.useState(null),i=u.useMemo(()=>c?()=>c:null,[c]),d=n.useMenuStore(e.objectSpread2({focusLoop:!0},l)),p=u.useMemo(()=>({menuStore:d,handleItemSelect:o,getAnchorRect:i,setAnchorRect:s}),[d,o,i,s]);return u.createElement(f.Provider,{value:p},r)}const h=u.forwardRef((function(t,r){let{exceptionallySetClassName:o}=t,l=e.objectWithoutProperties(t,s);const{menuStore:a}=u.useContext(f);if(!a)throw new Error("MenuButton must be wrapped in <Menu/>");return u.createElement(n.MenuButton,e.objectSpread2(e.objectSpread2({},l),{},{store:a,ref:r,className:c.default("reactist_menubutton",o)}))})),M=u.forwardRef((function(t,r){let{render:o}=t,l=e.objectWithoutProperties(t,i);const{setAnchorRect:c,menuStore:a}=u.useContext(f);if(!a)throw new Error("ContextMenuTrigger must be wrapped in <Menu/>");const s=u.useCallback((function(e){e.preventDefault(),c({x:e.clientX,y:e.clientY}),a.show()}),[c,a]),d=a.useState("open");return u.useEffect(()=>{d||c(null)},[d,c]),u.createElement(n.Role.div,e.objectSpread2(e.objectSpread2({},l),{},{onContextMenu:s,ref:r,render:o}))})),x=u.forwardRef((function(t,r){let{exceptionallySetClassName:o,modal:l=!0,flip:a}=t,s=e.objectWithoutProperties(t,d);const{menuStore:i,getAnchorRect:p}=u.useContext(f);if(!i)throw new Error("MenuList must be wrapped in <Menu/>");const{isSubMenu:m}=u.useContext(S);return i.useState("open")?u.createElement(n.Portal,{preserveTabOrder:!0},u.createElement(n.Menu,e.objectSpread2(e.objectSpread2({},s),{},{store:i,gutter:8,shift:4,ref:r,className:c.default("reactist_menulist",o),getAnchorRect:null!=p?p:void 0,modal:l,flip:null!=a?a:m?"bottom":void 0}))):null})),C=u.forwardRef((function(t,r){let{value:o,children:l,onSelect:c,hideOnSelect:a=!0,onClick:s,exceptionallySetClassName:i}=t,d=e.objectWithoutProperties(t,p);const{handleItemSelect:m,menuStore:S}=u.useContext(f);if(!S)throw new Error("MenuItem must be wrapped in <Menu/>");const{hide:b}=S,h=u.useCallback((function(e){null==s||s(e);const t=!1!==(c&&!e.defaultPrevented?c():void 0)&&a;null==m||m(o),t&&b()}),[c,s,m,a,b,o]);return u.createElement(n.MenuItem,e.objectSpread2(e.objectSpread2({},d),{},{store:S,ref:r,onClick:h,className:i,hideOnClick:!1}),l)})),w=u.forwardRef((function({children:e,onItemSelect:t},r){const{handleItemSelect:o,menuStore:l}=u.useContext(f);if(!l)throw new Error("SubMenu must be wrapped in <Menu/>");const{hide:c}=l,a=u.useCallback((function(e){null==t||t(e),null==o||o(e),c()}),[c,o,t]),[s,i]=u.Children.toArray(e),d=s,p=u.useMemo(()=>({isSubMenu:!0}),[]);return u.createElement(b,{onItemSelect:a},u.createElement(n.MenuItem,{store:l,ref:r,hideOnClick:!1,render:d},d.props.children),u.createElement(S.Provider,{value:p},i))})),j=u.forwardRef((function(t,r){let{label:o,children:l,exceptionallySetClassName:c}=t,a=e.objectWithoutProperties(t,m);const{menuStore:s}=u.useContext(f);if(!s)throw new Error("MenuGroup must be wrapped in <Menu/>");return u.createElement(n.MenuGroup,e.objectSpread2(e.objectSpread2({},a),{},{ref:r,store:s,className:c}),o?u.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},o):null,l)}));exports.ContextMenuTrigger=M,exports.Menu=b,exports.MenuButton=h,exports.MenuGroup=j,exports.MenuItem=C,exports.MenuList=x,exports.SubMenu=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("classnames"),n=require("@ariakit/react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var u=l(t),c=o(r);const a=["children","onItemSelect"],s=["exceptionallySetClassName"],i=["render"],d=["exceptionallySetClassName","modal","flip"],p=["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName"],m=["label","children","exceptionallySetClassName"],f=u.createContext({menuStore:null,handleItemSelect:()=>{},getAnchorRect:null,setAnchorRect:()=>{}}),S=u.createContext({isSubMenu:!1});function b(t){let{children:r,onItemSelect:o}=t,l=e.objectWithoutProperties(t,a);const[c,s]=u.useState(null),i=u.useMemo(()=>c?()=>c:null,[c]),d=n.useMenuStore(e.objectSpread2({focusLoop:!0},l)),p=u.useMemo(()=>({menuStore:d,handleItemSelect:o,getAnchorRect:i,setAnchorRect:s}),[d,o,i,s]);return u.createElement(f.Provider,{value:p},r)}const h=u.forwardRef((function(t,r){let{exceptionallySetClassName:o}=t,l=e.objectWithoutProperties(t,s);const{menuStore:a}=u.useContext(f);if(!a)throw new Error("MenuButton must be wrapped in <Menu/>");return u.createElement(n.MenuButton,e.objectSpread2(e.objectSpread2({},l),{},{store:a,ref:r,className:c.default("reactist_menubutton",o)}))})),M=u.forwardRef((function(t,r){let{render:o}=t,l=e.objectWithoutProperties(t,i);const{setAnchorRect:c,menuStore:a}=u.useContext(f);if(!a)throw new Error("ContextMenuTrigger must be wrapped in <Menu/>");const s=u.useCallback((function(e){e.preventDefault(),c({x:e.clientX,y:e.clientY}),a.show()}),[c,a]),d=a.useState("open");return u.useEffect(()=>{d||c(null)},[d,c]),u.createElement(n.Role.div,e.objectSpread2(e.objectSpread2({},l),{},{onContextMenu:s,ref:r,render:o}))})),x=u.forwardRef((function(t,r){let{exceptionallySetClassName:o,modal:l=!0,flip:a}=t,s=e.objectWithoutProperties(t,d);const{menuStore:i,getAnchorRect:p}=u.useContext(f);if(!i)throw new Error("MenuList must be wrapped in <Menu/>");const{isSubMenu:m}=u.useContext(S);return i.useState("open")?u.createElement(n.Portal,{preserveTabOrder:!0},u.createElement(n.Menu,e.objectSpread2(e.objectSpread2({},s),{},{store:i,gutter:8,shift:4,ref:r,className:c.default("reactist_menulist",o),getAnchorRect:null!=p?p:void 0,modal:l,flip:null!=a?a:m?"left bottom":void 0}))):null})),C=u.forwardRef((function(t,r){let{value:o,children:l,onSelect:c,hideOnSelect:a=!0,onClick:s,exceptionallySetClassName:i}=t,d=e.objectWithoutProperties(t,p);const{handleItemSelect:m,menuStore:S}=u.useContext(f);if(!S)throw new Error("MenuItem must be wrapped in <Menu/>");const{hide:b}=S,h=u.useCallback((function(e){null==s||s(e);const t=!1!==(c&&!e.defaultPrevented?c():void 0)&&a;null==m||m(o),t&&b()}),[c,s,m,a,b,o]);return u.createElement(n.MenuItem,e.objectSpread2(e.objectSpread2({},d),{},{store:S,ref:r,onClick:h,className:i,hideOnClick:!1}),l)})),w=u.forwardRef((function({children:e,onItemSelect:t},r){const{handleItemSelect:o,menuStore:l}=u.useContext(f);if(!l)throw new Error("SubMenu must be wrapped in <Menu/>");const{hide:c}=l,a=u.useCallback((function(e){null==t||t(e),null==o||o(e),c()}),[c,o,t]),[s,i]=u.Children.toArray(e),d=s,p=u.useMemo(()=>({isSubMenu:!0}),[]);return u.createElement(b,{onItemSelect:a},u.createElement(n.MenuItem,{store:l,ref:r,hideOnClick:!1,render:d},d.props.children),u.createElement(S.Provider,{value:p},i))})),j=u.forwardRef((function(t,r){let{label:o,children:l,exceptionallySetClassName:c}=t,a=e.objectWithoutProperties(t,m);const{menuStore:s}=u.useContext(f);if(!s)throw new Error("MenuGroup must be wrapped in <Menu/>");return u.createElement(n.MenuGroup,e.objectSpread2(e.objectSpread2({},a),{},{ref:r,store:s,className:c}),o?u.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},o):null,l)}));exports.ContextMenuTrigger=M,exports.Menu=b,exports.MenuButton=h,exports.MenuGroup=j,exports.MenuItem=C,exports.MenuList=x,exports.SubMenu=w;
 //# sourceMappingURL=menu.js.map

package/lib/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../src/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n    Portal,\n    MenuStore,\n    MenuStoreProps,\n    useMenuStore,\n    MenuProps as AriakitMenuProps,\n    Menu as AriakitMenu,\n    MenuGroup as AriakitMenuGroup,\n    MenuItem as AriakitMenuItem,\n    MenuItemProps as AriakitMenuItemProps,\n    MenuButton as AriakitMenuButton,\n    MenuButtonProps as AriakitMenuButtonProps,\n    Role,\n    RoleProps,\n} from '@ariakit/react'\n\nimport './menu.less'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ntype MenuContextState = {\n    menuStore: MenuStore | null\n    handleItemSelect?: (value: string | null | undefined) => void\n    getAnchorRect: (() => { x: number; y: number }) | null\n    setAnchorRect: (rect: { x: number; y: number } | null) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>({\n    menuStore: null,\n    handleItemSelect: () => undefined,\n    getAnchorRect: null,\n    setAnchorRect: () => undefined,\n})\n\nconst SubMenuContext = React.createContext<{ isSubMenu: boolean }>({ isSubMenu: false })\n\n//\n// Menu\n//\n\ninterface MenuProps extends Omit<MenuStoreProps, 'visible'> {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const [anchorRect, setAnchorRect] = React.useState<{ x: number; y: number } | null>(null)\n    const getAnchorRect = React.useMemo(() => (anchorRect ? () => anchorRect : null), [anchorRect])\n    const menuStore = useMenuStore({ focusLoop: true, ...props })\n\n    const value: MenuContextState = React.useMemo(\n        () => ({ menuStore, handleItemSelect: onItemSelect, getAnchorRect, setAnchorRect }),\n        [menuStore, onItemSelect, getAnchorRect, setAnchorRect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\ninterface MenuButtonProps\n    extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>,\n        ObfuscatedClassName {}\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuButton must be wrapped in <Menu/>')\n    }\n    return (\n        <AriakitMenuButton\n            {...props}\n            store={menuStore}\n            ref={ref}\n            className={classNames('reactist_menubutton', exceptionallySetClassName)}\n        />\n    )\n})\n\n//\n// ContextMenuTrigger\n//\n\ninterface ContextMenuTriggerProps\n    extends ObfuscatedClassName,\n        React.HTMLAttributes<HTMLDivElement>,\n        Pick<RoleProps, 'render'> {}\n\nconst ContextMenuTrigger = React.forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n    function ContextMenuTrigger({ render, ...props }, ref) {\n        const { setAnchorRect, menuStore } = React.useContext(MenuContext)\n        if (!menuStore) {\n            throw new Error('ContextMenuTrigger must be wrapped in <Menu/>')\n        }\n\n        const handleContextMenu = React.useCallback(\n            function handleContextMenu(event: React.MouseEvent) {\n                event.preventDefault()\n                setAnchorRect({ x: event.clientX, y: event.clientY })\n                menuStore.show()\n            },\n            [setAnchorRect, menuStore],\n        )\n\n        const isOpen = menuStore.useState('open')\n        React.useEffect(() => {\n            if (!isOpen) setAnchorRect(null)\n        }, [isOpen, setAnchorRect])\n\n        return <Role.div {...props} onContextMenu={handleContextMenu} ref={ref} render={render} />\n    },\n)\n\n//\n// MenuList\n//\n\ninterface MenuListProps\n    extends Omit<AriakitMenuProps, 'store' | 'className'>,\n        ObfuscatedClassName {}\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuList(\n    { exceptionallySetClassName, modal = true, flip, ...props },\n    ref,\n) {\n    const { menuStore, getAnchorRect } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuList must be wrapped in <Menu/>')\n    }\n\n    const { isSubMenu } = React.useContext(SubMenuContext)\n\n    const isOpen = menuStore.useState('open')\n\n    return isOpen ? (\n        <Portal preserveTabOrder>\n            <AriakitMenu\n                {...props}\n                store={menuStore}\n                gutter={8}\n                shift={4}\n                ref={ref}\n                className={classNames('reactist_menulist', exceptionallySetClassName)}\n                getAnchorRect={getAnchorRect ?? undefined}\n                modal={modal}\n                flip={flip ?? (isSubMenu ? 'bottom' : undefined)}\n            />\n        </Portal>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ninterface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(function MenuItem(\n    {\n        value,\n        children,\n        onSelect,\n        hideOnSelect = true,\n        onClick,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const { handleItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuItem must be wrapped in <Menu/>')\n    }\n\n    const { hide } = menuStore\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect?.(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <AriakitMenuItem\n            {...props}\n            store={menuStore}\n            ref={ref}\n            onClick={handleClick}\n            className={exceptionallySetClassName}\n            hideOnClick={false}\n        >\n            {children}\n        </AriakitMenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLDivElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('SubMenu must be wrapped in <Menu/>')\n    }\n\n    const { hide: parentMenuHide } = menuStore\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value: string | null | undefined) {\n            onItemSelect?.(value)\n            parentMenuItemSelect?.(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n    const buttonElement = button as React.ReactElement<MenuButtonProps>\n    const subMenuContextValue = React.useMemo(() => ({ isSubMenu: true }), [])\n\n    return (\n        <Menu onItemSelect={handleSubItemSelect}>\n            <AriakitMenuItem store={menuStore} ref={ref} hideOnClick={false} render={buttonElement}>\n                {buttonElement.props.children}\n            </AriakitMenuItem>\n            <SubMenuContext.Provider value={subMenuContextValue}>{list}</SubMenuContext.Provider>\n        </Menu>\n    )\n})\n\n//\n// MenuGroup\n//\n\ninterface MenuGroupProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>,\n        ObfuscatedClassName {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n    { label, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuGroup must be wrapped in <Menu/>')\n    }\n\n    return (\n        <AriakitMenuGroup\n            {...props}\n            ref={ref}\n            store={menuStore}\n            className={exceptionallySetClassName}\n        >\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </AriakitMenuGroup>\n    )\n})\n\nexport { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps }\n"],"names":["MenuContext","React","createContext","menuStore","handleItemSelect","getAnchorRect","setAnchorRect","SubMenuContext","isSubMenu","Menu","_ref","children","onItemSelect","props","_objectWithoutProperties","objectWithoutProperties","_excluded","anchorRect","useState","useMemo","useMenuStore","_objectSpread","focusLoop","value","createElement","Provider","MenuButton","forwardRef","ref","exceptionallySetClassName","_ref2","_excluded2","useContext","Error","AriakitMenuButton","store","className","classNames","ContextMenuTrigger","render","_ref3","_excluded3","handleContextMenu","useCallback","event","preventDefault","x","clientX","y","clientY","show","isOpen","useEffect","Role","div","onContextMenu","MenuList","modal","flip","_ref4","_excluded4","Portal","preserveTabOrder","AriakitMenu","gutter","shift","undefined","MenuItem","onSelect","hideOnSelect","onClick","_ref5","_excluded5","hide","handleClick","shouldClose","defaultPrevented","AriakitMenuItem","hideOnClick","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","button","list","Children","toArray","buttonElement","subMenuContextValue","MenuGroup","label","_ref6","_excluded6","AriakitMenuGroup","role"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../src/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport {\n    Portal,\n    MenuStore,\n    MenuStoreProps,\n    useMenuStore,\n    MenuProps as AriakitMenuProps,\n    Menu as AriakitMenu,\n    MenuGroup as AriakitMenuGroup,\n    MenuItem as AriakitMenuItem,\n    MenuItemProps as AriakitMenuItemProps,\n    MenuButton as AriakitMenuButton,\n    MenuButtonProps as AriakitMenuButtonProps,\n    Role,\n    RoleProps,\n} from '@ariakit/react'\n\nimport './menu.less'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\ntype MenuContextState = {\n    menuStore: MenuStore | null\n    handleItemSelect?: (value: string | null | undefined) => void\n    getAnchorRect: (() => { x: number; y: number }) | null\n    setAnchorRect: (rect: { x: number; y: number } | null) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>({\n    menuStore: null,\n    handleItemSelect: () => undefined,\n    getAnchorRect: null,\n    setAnchorRect: () => undefined,\n})\n\nconst SubMenuContext = React.createContext<{ isSubMenu: boolean }>({ isSubMenu: false })\n\n//\n// Menu\n//\n\ninterface MenuProps extends Omit<MenuStoreProps, 'visible'> {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const [anchorRect, setAnchorRect] = React.useState<{ x: number; y: number } | null>(null)\n    const getAnchorRect = React.useMemo(() => (anchorRect ? () => anchorRect : null), [anchorRect])\n    const menuStore = useMenuStore({ focusLoop: true, ...props })\n\n    const value: MenuContextState = React.useMemo(\n        () => ({ menuStore, handleItemSelect: onItemSelect, getAnchorRect, setAnchorRect }),\n        [menuStore, onItemSelect, getAnchorRect, setAnchorRect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\ninterface MenuButtonProps\n    extends Omit<AriakitMenuButtonProps, 'store' | 'className' | 'as'>,\n        ObfuscatedClassName {}\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuButton must be wrapped in <Menu/>')\n    }\n    return (\n        <AriakitMenuButton\n            {...props}\n            store={menuStore}\n            ref={ref}\n            className={classNames('reactist_menubutton', exceptionallySetClassName)}\n        />\n    )\n})\n\n//\n// ContextMenuTrigger\n//\n\ninterface ContextMenuTriggerProps\n    extends ObfuscatedClassName,\n        React.HTMLAttributes<HTMLDivElement>,\n        Pick<RoleProps, 'render'> {}\n\nconst ContextMenuTrigger = React.forwardRef<HTMLDivElement, ContextMenuTriggerProps>(\n    function ContextMenuTrigger({ render, ...props }, ref) {\n        const { setAnchorRect, menuStore } = React.useContext(MenuContext)\n        if (!menuStore) {\n            throw new Error('ContextMenuTrigger must be wrapped in <Menu/>')\n        }\n\n        const handleContextMenu = React.useCallback(\n            function handleContextMenu(event: React.MouseEvent) {\n                event.preventDefault()\n                setAnchorRect({ x: event.clientX, y: event.clientY })\n                menuStore.show()\n            },\n            [setAnchorRect, menuStore],\n        )\n\n        const isOpen = menuStore.useState('open')\n        React.useEffect(() => {\n            if (!isOpen) setAnchorRect(null)\n        }, [isOpen, setAnchorRect])\n\n        return <Role.div {...props} onContextMenu={handleContextMenu} ref={ref} render={render} />\n    },\n)\n\n//\n// MenuList\n//\n\ninterface MenuListProps\n    extends Omit<AriakitMenuProps, 'store' | 'className'>,\n        ObfuscatedClassName {}\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuList(\n    { exceptionallySetClassName, modal = true, flip, ...props },\n    ref,\n) {\n    const { menuStore, getAnchorRect } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuList must be wrapped in <Menu/>')\n    }\n\n    const { isSubMenu } = React.useContext(SubMenuContext)\n\n    const isOpen = menuStore.useState('open')\n\n    return isOpen ? (\n        <Portal preserveTabOrder>\n            <AriakitMenu\n                {...props}\n                store={menuStore}\n                gutter={8}\n                shift={4}\n                ref={ref}\n                className={classNames('reactist_menulist', exceptionallySetClassName)}\n                getAnchorRect={getAnchorRect ?? undefined}\n                modal={modal}\n                flip={flip ?? (isSubMenu ? 'left bottom' : undefined)}\n            />\n        </Portal>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ninterface MenuItemProps extends AriakitMenuItemProps, ObfuscatedClassName {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(function MenuItem(\n    {\n        value,\n        children,\n        onSelect,\n        hideOnSelect = true,\n        onClick,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const { handleItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuItem must be wrapped in <Menu/>')\n    }\n\n    const { hide } = menuStore\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect?.(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <AriakitMenuItem\n            {...props}\n            store={menuStore}\n            ref={ref}\n            onClick={handleClick}\n            className={exceptionallySetClassName}\n            hideOnClick={false}\n        >\n            {children}\n        </AriakitMenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLDivElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('SubMenu must be wrapped in <Menu/>')\n    }\n\n    const { hide: parentMenuHide } = menuStore\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value: string | null | undefined) {\n            onItemSelect?.(value)\n            parentMenuItemSelect?.(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n    const buttonElement = button as React.ReactElement<MenuButtonProps>\n    const subMenuContextValue = React.useMemo(() => ({ isSubMenu: true }), [])\n\n    return (\n        <Menu onItemSelect={handleSubItemSelect}>\n            <AriakitMenuItem store={menuStore} ref={ref} hideOnClick={false} render={buttonElement}>\n                {buttonElement.props.children}\n            </AriakitMenuItem>\n            <SubMenuContext.Provider value={subMenuContextValue}>{list}</SubMenuContext.Provider>\n        </Menu>\n    )\n})\n\n//\n// MenuGroup\n//\n\ninterface MenuGroupProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>,\n        ObfuscatedClassName {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(\n    { label, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { menuStore } = React.useContext(MenuContext)\n    if (!menuStore) {\n        throw new Error('MenuGroup must be wrapped in <Menu/>')\n    }\n\n    return (\n        <AriakitMenuGroup\n            {...props}\n            ref={ref}\n            store={menuStore}\n            className={exceptionallySetClassName}\n        >\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </AriakitMenuGroup>\n    )\n})\n\nexport { ContextMenuTrigger, Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuButtonProps, MenuListProps, MenuItemProps, MenuGroupProps }\n"],"names":["MenuContext","React","createContext","menuStore","handleItemSelect","getAnchorRect","setAnchorRect","SubMenuContext","isSubMenu","Menu","_ref","children","onItemSelect","props","_objectWithoutProperties","objectWithoutProperties","_excluded","anchorRect","useState","useMemo","useMenuStore","_objectSpread","focusLoop","value","createElement","Provider","MenuButton","forwardRef","ref","exceptionallySetClassName","_ref2","_excluded2","useContext","Error","AriakitMenuButton","store","className","classNames","ContextMenuTrigger","render","_ref3","_excluded3","handleContextMenu","useCallback","event","preventDefault","x","clientX","y","clientY","show","isOpen","useEffect","Role","div","onContextMenu","MenuList","modal","flip","_ref4","_excluded4","Portal","preserveTabOrder","AriakitMenu","gutter","shift","undefined","MenuItem","onSelect","hideOnSelect","onClick","_ref5","_excluded5","hide","handleClick","shouldClose","defaultPrevented","AriakitMenuItem","hideOnClick","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","button","list","Children","toArray","buttonElement","subMenuContextValue","MenuGroup","label","_ref6","_excluded6","AriakitMenuGroup","role"],"mappings":"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"}

package/lib/prose/prose.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={prose:"_560c1e08",darkModeTypography:"_8b53b13e"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={prose:"_37468e52",darkModeTypography:"_6abbd828"};
 //# sourceMappingURL=prose.module.css.js.map

package/lib/tabs/tabs.module.css.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={tab:"_2308f55f",track:"d173fedb","tab-neutral":"_4d1ad155","tab-themed":"_138c6c8b","track-neutral":"ee766342","track-themed":"cecb68f0"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={tab:"faa5b46e",track:"_93de0ded","tab-neutral":"_82a91995","tab-themed":"f150e9da","track-neutral":"_10f229b4","track-themed":"_54f03992"};
 //# sourceMappingURL=tabs.module.css.js.map

package/package.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "26.2.3",
+    "version": "26.2.5",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

package/styles/prose.css

@@ -3,4 +3,4 @@
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}
 ._68ab48ca{min-width:0}._6fa2b565{min-width:var(--reactist-width-xsmall)}.dd50fabd{min-width:var(--reactist-width-small)}.e7e2c808{min-width:var(--reactist-width-medium)}._6abbe25e{min-width:var(--reactist-width-large)}._54f479ac{min-width:var(--reactist-width-xlarge)}._148492bc{max-width:var(--reactist-width-xsmall)}.bd023b96{max-width:var(--reactist-width-small)}.e102903f{max-width:var(--reactist-width-medium)}._0e8d76d7{max-width:var(--reactist-width-large)}._47a031d0{max-width:var(--reactist-width-xlarge)}.cd4c8183{max-width:100%}._5f5959e8{width:0}._8c75067a{width:100%}._56a651f6{width:auto}._26f87bb8{width:-moz-max-content;width:-webkit-max-content;width:max-content}._07a6ab44{width:-moz-min-content;width:-webkit-min-content;width:min-content}.a87016fa{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._1a972e50{width:var(--reactist-width-xsmall)}.c96d8261{width:var(--reactist-width-small)}.f3829d42{width:var(--reactist-width-medium)}._2caef228{width:var(--reactist-width-large)}._069e1491{width:var(--reactist-width-xlarge)}
 ._64ed24f4{gap:0}._2580a74b{gap:var(--reactist-spacing-xsmall)}.c68f8bf6{gap:var(--reactist-spacing-small)}._43e5f8e9{gap:var(--reactist-spacing-medium)}._966b120f{gap:var(--reactist-spacing-large)}.f957894c{gap:var(--reactist-spacing-xlarge)}._8cca104b{gap:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5797cee2{gap:0}._9015672f{gap:var(--reactist-spacing-xsmall)}._7ec86eec{gap:var(--reactist-spacing-small)}._714d7179{gap:var(--reactist-spacing-medium)}.ae1deb59{gap:var(--reactist-spacing-large)}.e1cfce55{gap:var(--reactist-spacing-xlarge)}._168a8ff8{gap:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._43e2b619{gap:0}._0ea9bf88{gap:var(--reactist-spacing-xsmall)}.d451307a{gap:var(--reactist-spacing-small)}.bf93cf66{gap:var(--reactist-spacing-medium)}._1430cddf{gap:var(--reactist-spacing-large)}.fa00c93e{gap:var(--reactist-spacing-xlarge)}._6f3aee54{gap:var(--reactist-spacing-xxlarge)}}
-:root{--reactist-prose-code-fill:#f7fafb;--reactist-prose-code-tint:var(--reactist-content-primary);--reactist-prose-code-border:var(--reactist-divider-primary);--reactist-prose-quote-tint:#4a6368;--reactist-prose-link-idle-tint:#006f85;--reactist-prose-link-idle-underline:var(--reactist-divider-primary);--reactist-prose-link-hover-tint:#006f85;--reactist-prose-link-hover-underline:#006f85;--reactist-prose-content-font-size:15px;--reactist-prose-em-multiplier:1.5;--reactist-prose-space-1:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)/3);--reactist-prose-space-2:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*2/3);--reactist-prose-space-3:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*1);--reactist-prose-space-4:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*4/3);--reactist-prose-space-6:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*5/3)}._560c1e08{font-size:var(--reactist-prose-content-font-size);color:var(--reactist-content-primary);line-height:1.65;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._560c1e08,._560c1e08 *,._560c1e08 :after,._560c1e08 :before{box-sizing:border-box}._560c1e08 p{margin-top:var(--reactist-prose-space-2)}._560c1e08 h1,._560c1e08 h2,._560c1e08 h3,._560c1e08 h4,._560c1e08 h5,._560c1e08 h6{font-weight:600;margin:0}._560c1e08 h1{font-size:1.35em;margin-top:var(--reactist-prose-space-4);line-height:1.35}._560c1e08 h2{font-size:1.2em;margin-top:var(--reactist-prose-space-3);line-height:1.45}._560c1e08 h1 *,._560c1e08 h2 *{font-size:1em}._560c1e08 h3,._560c1e08 h4,._560c1e08 h5,._560c1e08 h6{font-size:inherit;margin-top:var(--reactist-prose-space-2);line-height:inherit}._560c1e08 ol,._560c1e08 ul{margin:var(--reactist-prose-space-1) 0 0;padding-left:var(--reactist-prose-space-4)}._560c1e08 ol li p,._560c1e08 ul li p{margin-block:var(--reactist-prose-space-1)}._560c1e08 ol li p:first-child,._560c1e08 ul li p:first-child{margin:0}._560c1e08 ul{list-style:disc}._560c1e08 ul ul{list-style:circle}._560c1e08 ul ul ul{list-style:square}._560c1e08 ol{list-style:decimal}._560c1e08 li+li,._560c1e08 ol ol,._560c1e08 ol ul,._560c1e08 ul ol,._560c1e08 ul ul{margin-top:calc(0.5*var(--reactist-prose-space-1))}._560c1e08 ol li{padding-left:4px}._560c1e08 ul li::marker{font-size:.9em}._560c1e08 hr{margin-block:var(--reactist-prose-space-2);border:none;border-top:1px solid var(--reactist-divider-secondary)}._560c1e08 blockquote{color:var(--reactist-prose-quote-tint);padding:0;padding-block:0;padding-inline:var(--reactist-spacing-large);margin:0;margin-block:var(--reactist-prose-space-2);position:relative}._560c1e08 blockquote:before{content:"";border-left:2px solid var(--reactist-divider-primary);position:absolute;top:.25em;bottom:.25em;left:0}._560c1e08 blockquote :first-child{margin-top:0}._560c1e08 blockquote code{color:inherit}._560c1e08 :not(pre)>code,._560c1e08 pre{color:var(--reactist-prose-code-tint);background-color:var(--reactist-prose-code-fill);border:1px solid var(--reactist-prose-code-border);border-radius:var(--reactist-border-radius-small);font-family:var(--reactist-font-family-monospace);font-size:.875em;line-height:1.6}._560c1e08 :not(pre)>code{padding:2px 4px}._560c1e08 pre{margin:var(--reactist-prose-space-2) 0 0;padding:var(--reactist-prose-space-1) var(--reactist-prose-space-2)}._560c1e08 pre code{white-space:break-spaces;overflow:auto}._560c1e08 h1+*{margin-top:var(--reactist-prose-space-1)!important}._560c1e08 h1+h2,._560c1e08 h2+h3,._560c1e08 h3+h4,._560c1e08 h4+h5,._560c1e08 h5+h6{margin-top:var(--reactist-prose-space-3)!important}._560c1e08 h2+:not(h3){margin-top:var(--reactist-prose-space-1)!important}._560c1e08 em{font-style:italic}._560c1e08 b,._560c1e08 strong{font-weight:600}._560c1e08 a,._560c1e08 a code{color:var(--reactist-prose-link-idle-tint);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--reactist-prose-link-idle-underline);text-decoration-color:var(--reactist-prose-link-idle-underline)}._560c1e08 a:active,._560c1e08 a:active code,._560c1e08 a:focus,._560c1e08 a:focus code,._560c1e08 a:hover,._560c1e08 a:hover code{color:var(--reactist-prose-link-hover-tint);-webkit-text-decoration-color:var(--reactist-prose-link-hover-underline);text-decoration-color:var(--reactist-prose-link-hover-underline)}._560c1e08._8b53b13e{letter-spacing:.0065em}._560c1e08._8b53b13e h1,._560c1e08._8b53b13e h2{letter-spacing:.0125em}._560c1e08._8b53b13e b,._560c1e08._8b53b13e b *,._560c1e08._8b53b13e strong,._560c1e08._8b53b13e strong *{letter-spacing:.01em}
+:root{--reactist-prose-code-fill:#f7fafb;--reactist-prose-code-tint:var(--reactist-content-primary);--reactist-prose-code-border:var(--reactist-divider-primary);--reactist-prose-quote-tint:#4a6368;--reactist-prose-link-idle-tint:#006f85;--reactist-prose-link-idle-underline:var(--reactist-divider-primary);--reactist-prose-link-hover-tint:#006f85;--reactist-prose-link-hover-underline:#006f85;--reactist-prose-horizontal-rule-color:var(--reactist-divider-primary);--reactist-prose-content-font-size:15px;--reactist-prose-em-multiplier:1.5;--reactist-prose-space-1:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)/3);--reactist-prose-space-2:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*2/3);--reactist-prose-space-3:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*1);--reactist-prose-space-4:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*4/3);--reactist-prose-space-6:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*5/3)}._37468e52{font-size:var(--reactist-prose-content-font-size);color:var(--reactist-content-primary);line-height:1.65;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._37468e52,._37468e52 *,._37468e52 :after,._37468e52 :before{box-sizing:border-box}._37468e52 p{margin-top:var(--reactist-prose-space-2)}._37468e52 h1,._37468e52 h2,._37468e52 h3,._37468e52 h4,._37468e52 h5,._37468e52 h6{font-weight:600;margin:0}._37468e52 h1{font-size:1.35em;margin-top:var(--reactist-prose-space-4);line-height:1.35}._37468e52 h2{font-size:1.2em;margin-top:var(--reactist-prose-space-3);line-height:1.45}._37468e52 h1 *,._37468e52 h2 *{font-size:1em}._37468e52 h3,._37468e52 h4,._37468e52 h5,._37468e52 h6{font-size:inherit;margin-top:var(--reactist-prose-space-2);line-height:inherit}._37468e52 ol,._37468e52 ul{margin:var(--reactist-prose-space-1) 0 0;padding-left:var(--reactist-prose-space-4)}._37468e52 ol li p,._37468e52 ul li p{margin-block:var(--reactist-prose-space-1)}._37468e52 ol li p:first-child,._37468e52 ul li p:first-child{margin:0}._37468e52 ul{list-style:disc}._37468e52 ul ul{list-style:circle}._37468e52 ul ul ul{list-style:square}._37468e52 ol{list-style:decimal}._37468e52 li+li,._37468e52 ol ol,._37468e52 ol ul,._37468e52 ul ol,._37468e52 ul ul{margin-top:calc(0.5*var(--reactist-prose-space-1))}._37468e52 ol li{padding-left:4px}._37468e52 ul li::marker{font-size:.9em}._37468e52 hr{margin-block:var(--reactist-prose-space-2);border:none;border-top:1px solid var(--reactist-prose-horizontal-rule-color)}._37468e52 blockquote{color:var(--reactist-prose-quote-tint);padding:0;padding-block:0;padding-inline:var(--reactist-spacing-large);margin:0;margin-block:var(--reactist-prose-space-2);position:relative}._37468e52 blockquote:before{content:"";border-left:2px solid var(--reactist-divider-primary);position:absolute;top:.25em;bottom:.25em;left:0}._37468e52 blockquote :first-child{margin-top:0}._37468e52 blockquote code{color:inherit}._37468e52 :not(pre)>code,._37468e52 pre{color:var(--reactist-prose-code-tint);background-color:var(--reactist-prose-code-fill);border:1px solid var(--reactist-prose-code-border);border-radius:var(--reactist-border-radius-small);font-family:var(--reactist-font-family-monospace);font-size:.875em;line-height:1.6}._37468e52 :not(pre)>code{padding:2px 4px}._37468e52 pre{margin:var(--reactist-prose-space-2) 0 0;padding:var(--reactist-prose-space-1) var(--reactist-prose-space-2)}._37468e52 pre code{white-space:break-spaces;overflow:auto}._37468e52 h1+*{margin-top:var(--reactist-prose-space-1)!important}._37468e52 h1+h2,._37468e52 h2+h3,._37468e52 h3+h4,._37468e52 h4+h5,._37468e52 h5+h6{margin-top:var(--reactist-prose-space-3)!important}._37468e52 h2+:not(h3){margin-top:var(--reactist-prose-space-1)!important}._37468e52 em{font-style:italic}._37468e52 b,._37468e52 strong{font-weight:600}._37468e52 a,._37468e52 a code{color:var(--reactist-prose-link-idle-tint);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--reactist-prose-link-idle-underline);text-decoration-color:var(--reactist-prose-link-idle-underline)}._37468e52 a:active,._37468e52 a:active code,._37468e52 a:focus,._37468e52 a:focus code,._37468e52 a:hover,._37468e52 a:hover code{color:var(--reactist-prose-link-hover-tint);-webkit-text-decoration-color:var(--reactist-prose-link-hover-underline);text-decoration-color:var(--reactist-prose-link-hover-underline)}._37468e52._6abbd828{letter-spacing:.0065em}._37468e52._6abbd828 h1,._37468e52._6abbd828 h2{letter-spacing:.0125em}._37468e52._6abbd828 b,._37468e52._6abbd828 b *,._37468e52._6abbd828 strong,._37468e52._6abbd828 strong *{letter-spacing:.01em}

package/styles/prose.module.css.css

@@ -1 +1 @@
-:root{--reactist-prose-code-fill:#f7fafb;--reactist-prose-code-tint:var(--reactist-content-primary);--reactist-prose-code-border:var(--reactist-divider-primary);--reactist-prose-quote-tint:#4a6368;--reactist-prose-link-idle-tint:#006f85;--reactist-prose-link-idle-underline:var(--reactist-divider-primary);--reactist-prose-link-hover-tint:#006f85;--reactist-prose-link-hover-underline:#006f85;--reactist-prose-content-font-size:15px;--reactist-prose-em-multiplier:1.5;--reactist-prose-space-1:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)/3);--reactist-prose-space-2:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*2/3);--reactist-prose-space-3:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*1);--reactist-prose-space-4:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*4/3);--reactist-prose-space-6:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*5/3)}._560c1e08{font-size:var(--reactist-prose-content-font-size);color:var(--reactist-content-primary);line-height:1.65;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._560c1e08,._560c1e08 *,._560c1e08 :after,._560c1e08 :before{box-sizing:border-box}._560c1e08 p{margin-top:var(--reactist-prose-space-2)}._560c1e08 h1,._560c1e08 h2,._560c1e08 h3,._560c1e08 h4,._560c1e08 h5,._560c1e08 h6{font-weight:600;margin:0}._560c1e08 h1{font-size:1.35em;margin-top:var(--reactist-prose-space-4);line-height:1.35}._560c1e08 h2{font-size:1.2em;margin-top:var(--reactist-prose-space-3);line-height:1.45}._560c1e08 h1 *,._560c1e08 h2 *{font-size:1em}._560c1e08 h3,._560c1e08 h4,._560c1e08 h5,._560c1e08 h6{font-size:inherit;margin-top:var(--reactist-prose-space-2);line-height:inherit}._560c1e08 ol,._560c1e08 ul{margin:var(--reactist-prose-space-1) 0 0;padding-left:var(--reactist-prose-space-4)}._560c1e08 ol li p,._560c1e08 ul li p{margin-block:var(--reactist-prose-space-1)}._560c1e08 ol li p:first-child,._560c1e08 ul li p:first-child{margin:0}._560c1e08 ul{list-style:disc}._560c1e08 ul ul{list-style:circle}._560c1e08 ul ul ul{list-style:square}._560c1e08 ol{list-style:decimal}._560c1e08 li+li,._560c1e08 ol ol,._560c1e08 ol ul,._560c1e08 ul ol,._560c1e08 ul ul{margin-top:calc(0.5*var(--reactist-prose-space-1))}._560c1e08 ol li{padding-left:4px}._560c1e08 ul li::marker{font-size:.9em}._560c1e08 hr{margin-block:var(--reactist-prose-space-2);border:none;border-top:1px solid var(--reactist-divider-secondary)}._560c1e08 blockquote{color:var(--reactist-prose-quote-tint);padding:0;padding-block:0;padding-inline:var(--reactist-spacing-large);margin:0;margin-block:var(--reactist-prose-space-2);position:relative}._560c1e08 blockquote:before{content:"";border-left:2px solid var(--reactist-divider-primary);position:absolute;top:.25em;bottom:.25em;left:0}._560c1e08 blockquote :first-child{margin-top:0}._560c1e08 blockquote code{color:inherit}._560c1e08 :not(pre)>code,._560c1e08 pre{color:var(--reactist-prose-code-tint);background-color:var(--reactist-prose-code-fill);border:1px solid var(--reactist-prose-code-border);border-radius:var(--reactist-border-radius-small);font-family:var(--reactist-font-family-monospace);font-size:.875em;line-height:1.6}._560c1e08 :not(pre)>code{padding:2px 4px}._560c1e08 pre{margin:var(--reactist-prose-space-2) 0 0;padding:var(--reactist-prose-space-1) var(--reactist-prose-space-2)}._560c1e08 pre code{white-space:break-spaces;overflow:auto}._560c1e08 h1+*{margin-top:var(--reactist-prose-space-1)!important}._560c1e08 h1+h2,._560c1e08 h2+h3,._560c1e08 h3+h4,._560c1e08 h4+h5,._560c1e08 h5+h6{margin-top:var(--reactist-prose-space-3)!important}._560c1e08 h2+:not(h3){margin-top:var(--reactist-prose-space-1)!important}._560c1e08 em{font-style:italic}._560c1e08 b,._560c1e08 strong{font-weight:600}._560c1e08 a,._560c1e08 a code{color:var(--reactist-prose-link-idle-tint);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--reactist-prose-link-idle-underline);text-decoration-color:var(--reactist-prose-link-idle-underline)}._560c1e08 a:active,._560c1e08 a:active code,._560c1e08 a:focus,._560c1e08 a:focus code,._560c1e08 a:hover,._560c1e08 a:hover code{color:var(--reactist-prose-link-hover-tint);-webkit-text-decoration-color:var(--reactist-prose-link-hover-underline);text-decoration-color:var(--reactist-prose-link-hover-underline)}._560c1e08._8b53b13e{letter-spacing:.0065em}._560c1e08._8b53b13e h1,._560c1e08._8b53b13e h2{letter-spacing:.0125em}._560c1e08._8b53b13e b,._560c1e08._8b53b13e b *,._560c1e08._8b53b13e strong,._560c1e08._8b53b13e strong *{letter-spacing:.01em}
+:root{--reactist-prose-code-fill:#f7fafb;--reactist-prose-code-tint:var(--reactist-content-primary);--reactist-prose-code-border:var(--reactist-divider-primary);--reactist-prose-quote-tint:#4a6368;--reactist-prose-link-idle-tint:#006f85;--reactist-prose-link-idle-underline:var(--reactist-divider-primary);--reactist-prose-link-hover-tint:#006f85;--reactist-prose-link-hover-underline:#006f85;--reactist-prose-horizontal-rule-color:var(--reactist-divider-primary);--reactist-prose-content-font-size:15px;--reactist-prose-em-multiplier:1.5;--reactist-prose-space-1:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)/3);--reactist-prose-space-2:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*2/3);--reactist-prose-space-3:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*1);--reactist-prose-space-4:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*4/3);--reactist-prose-space-6:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*5/3)}._37468e52{font-size:var(--reactist-prose-content-font-size);color:var(--reactist-content-primary);line-height:1.65;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._37468e52,._37468e52 *,._37468e52 :after,._37468e52 :before{box-sizing:border-box}._37468e52 p{margin-top:var(--reactist-prose-space-2)}._37468e52 h1,._37468e52 h2,._37468e52 h3,._37468e52 h4,._37468e52 h5,._37468e52 h6{font-weight:600;margin:0}._37468e52 h1{font-size:1.35em;margin-top:var(--reactist-prose-space-4);line-height:1.35}._37468e52 h2{font-size:1.2em;margin-top:var(--reactist-prose-space-3);line-height:1.45}._37468e52 h1 *,._37468e52 h2 *{font-size:1em}._37468e52 h3,._37468e52 h4,._37468e52 h5,._37468e52 h6{font-size:inherit;margin-top:var(--reactist-prose-space-2);line-height:inherit}._37468e52 ol,._37468e52 ul{margin:var(--reactist-prose-space-1) 0 0;padding-left:var(--reactist-prose-space-4)}._37468e52 ol li p,._37468e52 ul li p{margin-block:var(--reactist-prose-space-1)}._37468e52 ol li p:first-child,._37468e52 ul li p:first-child{margin:0}._37468e52 ul{list-style:disc}._37468e52 ul ul{list-style:circle}._37468e52 ul ul ul{list-style:square}._37468e52 ol{list-style:decimal}._37468e52 li+li,._37468e52 ol ol,._37468e52 ol ul,._37468e52 ul ol,._37468e52 ul ul{margin-top:calc(0.5*var(--reactist-prose-space-1))}._37468e52 ol li{padding-left:4px}._37468e52 ul li::marker{font-size:.9em}._37468e52 hr{margin-block:var(--reactist-prose-space-2);border:none;border-top:1px solid var(--reactist-prose-horizontal-rule-color)}._37468e52 blockquote{color:var(--reactist-prose-quote-tint);padding:0;padding-block:0;padding-inline:var(--reactist-spacing-large);margin:0;margin-block:var(--reactist-prose-space-2);position:relative}._37468e52 blockquote:before{content:"";border-left:2px solid var(--reactist-divider-primary);position:absolute;top:.25em;bottom:.25em;left:0}._37468e52 blockquote :first-child{margin-top:0}._37468e52 blockquote code{color:inherit}._37468e52 :not(pre)>code,._37468e52 pre{color:var(--reactist-prose-code-tint);background-color:var(--reactist-prose-code-fill);border:1px solid var(--reactist-prose-code-border);border-radius:var(--reactist-border-radius-small);font-family:var(--reactist-font-family-monospace);font-size:.875em;line-height:1.6}._37468e52 :not(pre)>code{padding:2px 4px}._37468e52 pre{margin:var(--reactist-prose-space-2) 0 0;padding:var(--reactist-prose-space-1) var(--reactist-prose-space-2)}._37468e52 pre code{white-space:break-spaces;overflow:auto}._37468e52 h1+*{margin-top:var(--reactist-prose-space-1)!important}._37468e52 h1+h2,._37468e52 h2+h3,._37468e52 h3+h4,._37468e52 h4+h5,._37468e52 h5+h6{margin-top:var(--reactist-prose-space-3)!important}._37468e52 h2+:not(h3){margin-top:var(--reactist-prose-space-1)!important}._37468e52 em{font-style:italic}._37468e52 b,._37468e52 strong{font-weight:600}._37468e52 a,._37468e52 a code{color:var(--reactist-prose-link-idle-tint);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--reactist-prose-link-idle-underline);text-decoration-color:var(--reactist-prose-link-idle-underline)}._37468e52 a:active,._37468e52 a:active code,._37468e52 a:focus,._37468e52 a:focus code,._37468e52 a:hover,._37468e52 a:hover code{color:var(--reactist-prose-link-hover-tint);-webkit-text-decoration-color:var(--reactist-prose-link-hover-underline);text-decoration-color:var(--reactist-prose-link-hover-underline)}._37468e52._6abbd828{letter-spacing:.0065em}._37468e52._6abbd828 h1,._37468e52._6abbd828 h2{letter-spacing:.0125em}._37468e52._6abbd828 b,._37468e52._6abbd828 b *,._37468e52._6abbd828 strong,._37468e52._6abbd828 strong *{letter-spacing:.01em}

package/styles/reactist.css

@@ -15,7 +15,7 @@
 ._616cc3f3{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast)}._1b5f8e86{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}.ce2e3476{color:var(--reactist-content-primary)}@media (max-width:500px){._1b5f8e86{width:100%!important}}
 .bff24867{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._9b540c61{font-weight:var(--reactist-font-weight-medium)}.c6729907{font-weight:var(--reactist-font-weight-regular)}.d6507f70{color:var(--reactist-content-secondary)}.d1846d93{color:#d1453b}h1.bff24867{font-size:var(--reactist-font-size-header)}h1._7cbdd1ba{font-size:var(--reactist-font-size-header-xlarge)}h1.b3e14969{font-size:var(--reactist-font-size-header-large)}h1.be14a265,h2.bff24867{font-size:var(--reactist-font-size-subtitle)}h2._7cbdd1ba{font-size:var(--reactist-font-size-header-large)}h2.b3e14969{font-size:var(--reactist-font-size-header)}h2.be14a265,h3.bff24867{font-size:var(--reactist-font-size-body)}h3._7cbdd1ba{font-size:var(--reactist-font-size-header)}h3.b3e14969{font-size:var(--reactist-font-size-subtitle)}h3.be14a265{font-size:var(--reactist-font-size-caption)}h4.bff24867,h5.bff24867,h6.bff24867{font-size:var(--reactist-font-size-body)}h4._7cbdd1ba,h5._7cbdd1ba,h6._7cbdd1ba{font-size:var(--reactist-font-size-header)}h4.b3e14969,h5.b3e14969,h6.b3e14969{font-size:var(--reactist-font-size-subtitle)}._71391f13{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._97298b1b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._6d357d76{-webkit-line-clamp:2}.d820b451{-webkit-line-clamp:3}._8d37487d{-webkit-line-clamp:4}._5215b4d7{-webkit-line-clamp:5}
 .a83bd4e0{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._266d6623{font-size:var(--reactist-font-size-caption)}.a8d37c6e{font-size:var(--reactist-font-size-copy)}._39f4eb1f{font-size:var(--reactist-font-size-subtitle)}._7be5c531{font-weight:var(--reactist-font-weight-medium)}.e214ff2e{font-weight:var(--reactist-font-weight-strong)}._6a3e5ade{color:var(--reactist-content-secondary)}._8f5b5f2b{color:var(--reactist-content-danger)}._9ae47ae4{color:var(--reactist-content-positive)}._969f18f7{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._2f303ac3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d3e04245{-webkit-line-clamp:2}._33411704{-webkit-line-clamp:3}.bfc32640{-webkit-line-clamp:4}.f813c82f{-webkit-line-clamp:5}
-:root{--reactist-prose-code-fill:#f7fafb;--reactist-prose-code-tint:var(--reactist-content-primary);--reactist-prose-code-border:var(--reactist-divider-primary);--reactist-prose-quote-tint:#4a6368;--reactist-prose-link-idle-tint:#006f85;--reactist-prose-link-idle-underline:var(--reactist-divider-primary);--reactist-prose-link-hover-tint:#006f85;--reactist-prose-link-hover-underline:#006f85;--reactist-prose-content-font-size:15px;--reactist-prose-em-multiplier:1.5;--reactist-prose-space-1:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)/3);--reactist-prose-space-2:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*2/3);--reactist-prose-space-3:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*1);--reactist-prose-space-4:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*4/3);--reactist-prose-space-6:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*5/3)}._560c1e08{font-size:var(--reactist-prose-content-font-size);color:var(--reactist-content-primary);line-height:1.65;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._560c1e08,._560c1e08 *,._560c1e08 :after,._560c1e08 :before{box-sizing:border-box}._560c1e08 p{margin-top:var(--reactist-prose-space-2)}._560c1e08 h1,._560c1e08 h2,._560c1e08 h3,._560c1e08 h4,._560c1e08 h5,._560c1e08 h6{font-weight:600;margin:0}._560c1e08 h1{font-size:1.35em;margin-top:var(--reactist-prose-space-4);line-height:1.35}._560c1e08 h2{font-size:1.2em;margin-top:var(--reactist-prose-space-3);line-height:1.45}._560c1e08 h1 *,._560c1e08 h2 *{font-size:1em}._560c1e08 h3,._560c1e08 h4,._560c1e08 h5,._560c1e08 h6{font-size:inherit;margin-top:var(--reactist-prose-space-2);line-height:inherit}._560c1e08 ol,._560c1e08 ul{margin:var(--reactist-prose-space-1) 0 0;padding-left:var(--reactist-prose-space-4)}._560c1e08 ol li p,._560c1e08 ul li p{margin-block:var(--reactist-prose-space-1)}._560c1e08 ol li p:first-child,._560c1e08 ul li p:first-child{margin:0}._560c1e08 ul{list-style:disc}._560c1e08 ul ul{list-style:circle}._560c1e08 ul ul ul{list-style:square}._560c1e08 ol{list-style:decimal}._560c1e08 li+li,._560c1e08 ol ol,._560c1e08 ol ul,._560c1e08 ul ol,._560c1e08 ul ul{margin-top:calc(0.5*var(--reactist-prose-space-1))}._560c1e08 ol li{padding-left:4px}._560c1e08 ul li::marker{font-size:.9em}._560c1e08 hr{margin-block:var(--reactist-prose-space-2);border:none;border-top:1px solid var(--reactist-divider-secondary)}._560c1e08 blockquote{color:var(--reactist-prose-quote-tint);padding:0;padding-block:0;padding-inline:var(--reactist-spacing-large);margin:0;margin-block:var(--reactist-prose-space-2);position:relative}._560c1e08 blockquote:before{content:"";border-left:2px solid var(--reactist-divider-primary);position:absolute;top:.25em;bottom:.25em;left:0}._560c1e08 blockquote :first-child{margin-top:0}._560c1e08 blockquote code{color:inherit}._560c1e08 :not(pre)>code,._560c1e08 pre{color:var(--reactist-prose-code-tint);background-color:var(--reactist-prose-code-fill);border:1px solid var(--reactist-prose-code-border);border-radius:var(--reactist-border-radius-small);font-family:var(--reactist-font-family-monospace);font-size:.875em;line-height:1.6}._560c1e08 :not(pre)>code{padding:2px 4px}._560c1e08 pre{margin:var(--reactist-prose-space-2) 0 0;padding:var(--reactist-prose-space-1) var(--reactist-prose-space-2)}._560c1e08 pre code{white-space:break-spaces;overflow:auto}._560c1e08 h1+*{margin-top:var(--reactist-prose-space-1)!important}._560c1e08 h1+h2,._560c1e08 h2+h3,._560c1e08 h3+h4,._560c1e08 h4+h5,._560c1e08 h5+h6{margin-top:var(--reactist-prose-space-3)!important}._560c1e08 h2+:not(h3){margin-top:var(--reactist-prose-space-1)!important}._560c1e08 em{font-style:italic}._560c1e08 b,._560c1e08 strong{font-weight:600}._560c1e08 a,._560c1e08 a code{color:var(--reactist-prose-link-idle-tint);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--reactist-prose-link-idle-underline);text-decoration-color:var(--reactist-prose-link-idle-underline)}._560c1e08 a:active,._560c1e08 a:active code,._560c1e08 a:focus,._560c1e08 a:focus code,._560c1e08 a:hover,._560c1e08 a:hover code{color:var(--reactist-prose-link-hover-tint);-webkit-text-decoration-color:var(--reactist-prose-link-hover-underline);text-decoration-color:var(--reactist-prose-link-hover-underline)}._560c1e08._8b53b13e{letter-spacing:.0065em}._560c1e08._8b53b13e h1,._560c1e08._8b53b13e h2{letter-spacing:.0125em}._560c1e08._8b53b13e b,._560c1e08._8b53b13e b *,._560c1e08._8b53b13e strong,._560c1e08._8b53b13e strong *{letter-spacing:.01em}
+:root{--reactist-prose-code-fill:#f7fafb;--reactist-prose-code-tint:var(--reactist-content-primary);--reactist-prose-code-border:var(--reactist-divider-primary);--reactist-prose-quote-tint:#4a6368;--reactist-prose-link-idle-tint:#006f85;--reactist-prose-link-idle-underline:var(--reactist-divider-primary);--reactist-prose-link-hover-tint:#006f85;--reactist-prose-link-hover-underline:#006f85;--reactist-prose-horizontal-rule-color:var(--reactist-divider-primary);--reactist-prose-content-font-size:15px;--reactist-prose-em-multiplier:1.5;--reactist-prose-space-1:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)/3);--reactist-prose-space-2:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*2/3);--reactist-prose-space-3:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*1);--reactist-prose-space-4:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*4/3);--reactist-prose-space-6:calc(var(--reactist-prose-em-multiplier)*var(--reactist-prose-content-font-size)*5/3)}._37468e52{font-size:var(--reactist-prose-content-font-size);color:var(--reactist-content-primary);line-height:1.65;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}._37468e52,._37468e52 *,._37468e52 :after,._37468e52 :before{box-sizing:border-box}._37468e52 p{margin-top:var(--reactist-prose-space-2)}._37468e52 h1,._37468e52 h2,._37468e52 h3,._37468e52 h4,._37468e52 h5,._37468e52 h6{font-weight:600;margin:0}._37468e52 h1{font-size:1.35em;margin-top:var(--reactist-prose-space-4);line-height:1.35}._37468e52 h2{font-size:1.2em;margin-top:var(--reactist-prose-space-3);line-height:1.45}._37468e52 h1 *,._37468e52 h2 *{font-size:1em}._37468e52 h3,._37468e52 h4,._37468e52 h5,._37468e52 h6{font-size:inherit;margin-top:var(--reactist-prose-space-2);line-height:inherit}._37468e52 ol,._37468e52 ul{margin:var(--reactist-prose-space-1) 0 0;padding-left:var(--reactist-prose-space-4)}._37468e52 ol li p,._37468e52 ul li p{margin-block:var(--reactist-prose-space-1)}._37468e52 ol li p:first-child,._37468e52 ul li p:first-child{margin:0}._37468e52 ul{list-style:disc}._37468e52 ul ul{list-style:circle}._37468e52 ul ul ul{list-style:square}._37468e52 ol{list-style:decimal}._37468e52 li+li,._37468e52 ol ol,._37468e52 ol ul,._37468e52 ul ol,._37468e52 ul ul{margin-top:calc(0.5*var(--reactist-prose-space-1))}._37468e52 ol li{padding-left:4px}._37468e52 ul li::marker{font-size:.9em}._37468e52 hr{margin-block:var(--reactist-prose-space-2);border:none;border-top:1px solid var(--reactist-prose-horizontal-rule-color)}._37468e52 blockquote{color:var(--reactist-prose-quote-tint);padding:0;padding-block:0;padding-inline:var(--reactist-spacing-large);margin:0;margin-block:var(--reactist-prose-space-2);position:relative}._37468e52 blockquote:before{content:"";border-left:2px solid var(--reactist-divider-primary);position:absolute;top:.25em;bottom:.25em;left:0}._37468e52 blockquote :first-child{margin-top:0}._37468e52 blockquote code{color:inherit}._37468e52 :not(pre)>code,._37468e52 pre{color:var(--reactist-prose-code-tint);background-color:var(--reactist-prose-code-fill);border:1px solid var(--reactist-prose-code-border);border-radius:var(--reactist-border-radius-small);font-family:var(--reactist-font-family-monospace);font-size:.875em;line-height:1.6}._37468e52 :not(pre)>code{padding:2px 4px}._37468e52 pre{margin:var(--reactist-prose-space-2) 0 0;padding:var(--reactist-prose-space-1) var(--reactist-prose-space-2)}._37468e52 pre code{white-space:break-spaces;overflow:auto}._37468e52 h1+*{margin-top:var(--reactist-prose-space-1)!important}._37468e52 h1+h2,._37468e52 h2+h3,._37468e52 h3+h4,._37468e52 h4+h5,._37468e52 h5+h6{margin-top:var(--reactist-prose-space-3)!important}._37468e52 h2+:not(h3){margin-top:var(--reactist-prose-space-1)!important}._37468e52 em{font-style:italic}._37468e52 b,._37468e52 strong{font-weight:600}._37468e52 a,._37468e52 a code{color:var(--reactist-prose-link-idle-tint);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-color:var(--reactist-prose-link-idle-underline);text-decoration-color:var(--reactist-prose-link-idle-underline)}._37468e52 a:active,._37468e52 a:active code,._37468e52 a:focus,._37468e52 a:focus code,._37468e52 a:hover,._37468e52 a:hover code{color:var(--reactist-prose-link-hover-tint);-webkit-text-decoration-color:var(--reactist-prose-link-hover-underline);text-decoration-color:var(--reactist-prose-link-hover-underline)}._37468e52._6abbd828{letter-spacing:.0065em}._37468e52._6abbd828 h1,._37468e52._6abbd828 h2{letter-spacing:.0125em}._37468e52._6abbd828 b,._37468e52._6abbd828 b *,._37468e52._6abbd828 strong,._37468e52._6abbd828 strong *{letter-spacing:.01em}
 :root{--reactist-button-small-font-size:var(--reactist-font-size-caption);--reactist-button-small-spacing:var(--reactist-spacing-small);--reactist-button-small-height:28px;--reactist-button-normal-font-size:var(--reactist-font-size-copy);--reactist-button-normal-spacing:var(--reactist-spacing-medium);--reactist-button-normal-height:32px;--reactist-button-large-font-size:var(--reactist-font-size-body);--reactist-button-large-spacing:var(--reactist-spacing-large);--reactist-button-large-height:36px;--reactist-actionable-primary-idle-tint:#fff;--reactist-actionable-primary-idle-fill:#008aa6;--reactist-actionable-primary-hover-tint:#fff;--reactist-actionable-primary-hover-fill:#007992;--reactist-actionable-primary-disabled-tint:#fff;--reactist-actionable-primary-disabled-fill:#99d0db;--reactist-actionable-secondary-idle-tint:#282f30;--reactist-actionable-secondary-idle-fill:#f2f6f7;--reactist-actionable-secondary-hover-tint:#282f30;--reactist-actionable-secondary-hover-fill:#e3e7e8;--reactist-actionable-secondary-disabled-tint:#a9acac;--reactist-actionable-secondary-disabled-fill:#f2f6f7;--reactist-actionable-tertiary-idle-tint:#006f85;--reactist-actionable-tertiary-hover-tint:#006f85;--reactist-actionable-tertiary-hover-fill:#f2f6f7;--reactist-actionable-tertiary-disabled-tint:#99c5ce;--reactist-actionable-quaternary-idle-tint:#6c777a;--reactist-actionable-quaternary-hover-tint:#282f30;--reactist-actionable-quaternary-hover-fill:#e0e7e8;--reactist-actionable-quaternary-disabled-tint:#c4c9ca;--reactist-actionable-primary-destructive-idle-tint:#fff;--reactist-actionable-primary-destructive-idle-fill:#dc4c3e;--reactist-actionable-primary-destructive-hover-tint:#fff;--reactist-actionable-primary-destructive-hover-fill:#b03d32;--reactist-actionable-primary-destructive-disabled-tint:#fff;--reactist-actionable-primary-destructive-disabled-fill:#f1b7b2;--reactist-actionable-secondary-destructive-idle-tint:#dc4c3e;--reactist-actionable-secondary-destructive-hover-tint:#b03d32;--reactist-actionable-secondary-destructive-hover-fill:transparent;--reactist-actionable-secondary-destructive-disabled-tint:#f1b7b2}._3930afa0{max-width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:inherit;background-color:transparent;border-radius:var(--reactist-border-radius-small);white-space:nowrap;font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-medium);text-decoration:none;border:1px solid transparent;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}._90654824{text-overflow:ellipsis;white-space:nowrap;font-size:inherit}._3930afa0:active:not([aria-disabled=true]){transform:scale(.97);transition:transform .2s cubic-bezier(.02,1.505,.745,1.235)}._3930afa0{padding:0 var(--reactist-btn-spacing);font-size:var(--reactist-btn-font-size);height:var(--reactist-btn-height);line-height:var(--reactist-btn-height);--reactist-spinner-tint:var(--reactist-btn-idle-tint);--reactist-spinner-fill:var(--reactist-btn-idle-fill)}._3930afa0.c05d17c2{border-radius:1000px}._3930afa0._1e29d236{--reactist-btn-height:var(--reactist-button-small-height);--reactist-btn-spacing:var(--reactist-button-small-spacing);--reactist-btn-font-size:var(--reactist-button-small-font-size)}._3930afa0._7246d092{--reactist-btn-height:var(--reactist-button-normal-height);--reactist-btn-spacing:var(--reactist-button-normal-spacing);--reactist-btn-font-size:var(--reactist-button-normal-font-size)}._3930afa0._2d084671{--reactist-btn-height:var(--reactist-button-large-height);--reactist-btn-spacing:var(--reactist-button-large-spacing);--reactist-btn-font-size:var(--reactist-button-large-font-size)}._3930afa0:not(._2b0b9d95){color:var(--reactist-btn-idle-tint);background-color:var(--reactist-btn-idle-fill)}._3930afa0:focus-visible:not([aria-disabled=true]),._3930afa0:hover:not([aria-disabled=true]),._3930afa0[aria-expanded=true]{color:var(--reactist-btn-hover-tint);background-color:var(--reactist-btn-hover-fill)}._3930afa0._2b0b9d95{cursor:not-allowed;color:var(--reactist-btn-disabled-tint);background-color:var(--reactist-btn-disabled-fill)}._3930afa0:not(.abd5766f){min-width:68px}._3930afa0.abd5766f{width:var(--reactist-btn-height);height:var(--reactist-btn-height);padding:0}._3930afa0 ._380e7c73{margin-right:calc(var(--reactist-btn-spacing) - 6px);margin-left:-6px}._3930afa0 ._20fe4105{margin-left:calc(var(--reactist-btn-spacing) - 6px);margin-right:-6px}._3930afa0>*{pointer-events:none}._7ea1378e{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._64ee8afd{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}._650176bf{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}.aa19cb97,._650176bf{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}.aa19cb97{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._7ea1378e._7a2d9a8c{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._64ee8afd._7a2d9a8c{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._64ee8afd._7a2d9a8c:hover{border-color:var(--reactist-btn-hover-tint)}._64ee8afd._7a2d9a8c._2b0b9d95{border-color:var(--reactist-btn-disabled-tint)}.aa19cb97._7a2d9a8c,._650176bf._7a2d9a8c{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}
 :root{--reactist-text-link-idle-tint:#246fe0;--reactist-text-link-hover-tint:var(--reactist-text-link-idle-tint);--reactist-text-link-idle-decoration:none;--reactist-text-link-hover-decoration:underline}.fdc181b3{font-size:inherit;font-weight:inherit;font-family:inherit;-webkit-text-decoration:var(--reactist-text-link-idle-decoration);text-decoration:var(--reactist-text-link-idle-decoration);color:var(--reactist-text-link-idle-tint);cursor:pointer}.fdc181b3:hover{-webkit-text-decoration:var(--reactist-text-link-hover-decoration);text-decoration:var(--reactist-text-link-hover-decoration);color:var(--reactist-text-link-hover-tint)}.fdc181b3 svg{display:inline-block;width:1em;height:1em;font-size:inherit;color:inherit;vertical-align:-.125em;fill:currentColor;padding:0 6px}
 ._84dfdb83{position:relative}._84dfdb83,._84dfdb83 *{cursor:pointer;font-family:var(--reactist-font-family)}._84dfdb83._131a2ca4,._84dfdb83._131a2ca4 *{cursor:not-allowed}._84dfdb83._131a2ca4{opacity:.5}._84dfdb83 svg{color:var(--reactist-content-secondary);border-radius:5px;min-width:24px}._84dfdb83._95b1556d svg{color:var(--reactist-switch-checked)}._84dfdb83 input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._84dfdb83._49de7ebd svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}._6b4b1851{margin-left:12px}._9047f3bd{margin-left:6px}
@@ -27,7 +27,7 @@
 :root{--reactist-avatar-size-xxsmall:16px;--reactist-avatar-size-xsmall:20px;--reactist-avatar-size-small:30px;--reactist-avatar-size-medium:32px;--reactist-avatar-size-large:34px;--reactist-avatar-size-xlarge:48px;--reactist-avatar-size-xxlarge:70px;--reactist-avatar-size-xxxlarge:100px;--reactist-avatar-size:var(--reactist-avatar-size-large)}._38a1be89{flex-shrink:0;background-position:50%;color:#fff;text-align:center;border-radius:50%;width:var(--reactist-avatar-size);height:var(--reactist-avatar-size);line-height:var(--reactist-avatar-size);background-size:var(--reactist-avatar-size);font-size:calc(var(--reactist-avatar-size)/2)}.d32e92ae{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._0667d719{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}.cf529fcf{--reactist-avatar-size:var(--reactist-avatar-size-small)}._6e268eab{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.d64c62cf{--reactist-avatar-size:var(--reactist-avatar-size-large)}._44fb77de{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._01f85e0e{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._41a5fe19{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}@media (min-width:768px){._6ab1577d{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}.b52a4963{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._714a8419{--reactist-avatar-size:var(--reactist-avatar-size-small)}._81cd4d51{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.bf0a4edb{--reactist-avatar-size:var(--reactist-avatar-size-large)}.e4f0dabd{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._67ea065d{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}._2af7f76f{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}@media (min-width:992px){._759081dc{--reactist-avatar-size:var(--reactist-avatar-size-xxsmall)}._8290d1c1{--reactist-avatar-size:var(--reactist-avatar-size-xsmall)}._48ea172d{--reactist-avatar-size:var(--reactist-avatar-size-small)}._758f6641{--reactist-avatar-size:var(--reactist-avatar-size-medium)}.f9ada088{--reactist-avatar-size:var(--reactist-avatar-size-large)}.d3bb7470{--reactist-avatar-size:var(--reactist-avatar-size-xlarge)}._9a312ee3{--reactist-avatar-size:var(--reactist-avatar-size-xxlarge)}.a1d30c23{--reactist-avatar-size:var(--reactist-avatar-size-xxxlarge)}}
 :root{--reactist-badge-font-size:10px;--reactist-badge-info-tint:#666;--reactist-badge-info-fill:#eee;--reactist-badge-positive-tint:#058527;--reactist-badge-positive-fill:#e0f0e3;--reactist-badge-promote-tint:#8f4700;--reactist-badge-promote-fill:#faead1;--reactist-badge-attention-tint:#cf473a;--reactist-badge-attention-fill:#f9e3e2;--reactist-badge-warning-tint:#fff;--reactist-badge-warning-fill:#eb8909}.c6ba5977{font-family:var(--reactist-font-family);font-weight:var(--reactist-font-weight-strong);font-size:var(--reactist-badge-font-size);text-transform:uppercase;letter-spacing:.1em;border-radius:3px;padding:1px var(--reactist-spacing-xsmall);color:var(--reactist-badge-tint);background-color:var(--reactist-badge-fill);line-height:calc(var(--reactist-badge-font-size) + 3px);white-space:nowrap}.cf731337{--reactist-badge-tint:var(--reactist-badge-info-tint);--reactist-badge-fill:var(--reactist-badge-info-fill)}._7cfc5738{--reactist-badge-tint:var(--reactist-badge-positive-tint);--reactist-badge-fill:var(--reactist-badge-positive-fill)}._63691069{--reactist-badge-tint:var(--reactist-badge-promote-tint);--reactist-badge-fill:var(--reactist-badge-promote-fill)}._28ffb572{--reactist-badge-tint:var(--reactist-badge-attention-tint);--reactist-badge-fill:var(--reactist-badge-attention-fill)}._89e77f92{--reactist-badge-tint:var(--reactist-badge-warning-tint);--reactist-badge-fill:var(--reactist-badge-warning-fill)}
 @-webkit-keyframes _21966801{0%{opacity:0}to{opacity:1}}@keyframes _21966801{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._756b318e{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_21966801 .2s;animation:_21966801 .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal)}._756b318e>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._756b318e._52bde55e>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._756b318e._52bde55e>[data-focus-lock-disabled] ._46152754{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._46152754{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}.bf469f5d ._46152754{width:100%}._3208ba07 ._46152754{width:768px}._29f86ad4 ._46152754{width:580px}._64c0762d ._46152754{width:480px}._3196b4d0 ._46152754{width:448px}@media (min-width:992px){._3517025e ._46152754{width:960px}}@media (min-width:1200px){._3517025e ._46152754{width:1060px}}@media (max-width:1000px){._3517025e ._46152754{width:768px}}@media (max-width:580px){._756b318e:not(._3196b4d0):not(._64c0762d) ._46152754{width:100%!important;max-height:none}._756b318e._8d20cc11:not(._3196b4d0):not(._64c0762d)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._756b318e._8d20cc11:not(._3196b4d0):not(._64c0762d) ._46152754{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._46152754{width:100%!important;max-height:none}._756b318e._8d20cc11>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._756b318e._8d20cc11 ._46152754{border-bottom-left-radius:0;border-bottom-right-radius:0}}._37ed43a6{display:flex;align-items:center;height:32px}._7df92d5c{min-height:32px}
-:root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px;--reactist-tab-line-height:21px}._2308f55f{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-line-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}.d173fedb{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._2308f55f,._4d1ad155{color:var(--reactist-tab-neutral-unselected)}._4d1ad155[aria-selected=true],._2308f55f[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._138c6c8b{color:var(--reactist-tab-themed-unselected)}._138c6c8b[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}.d173fedb,.ee766342{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}.cecb68f0{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}
+:root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-padding-x:var(--reactist-spacing-medium);--reactist-tab-padding-y:var(--reactist-spacing-small);--reactist-tab-line-height:21px}.faa5b46e{box-sizing:border-box;padding:var(--reactist-tab-padding-y) var(--reactist-tab-padding-x);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-line-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._93de0ded{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}.faa5b46e,._82a91995{color:var(--reactist-tab-neutral-unselected)}._82a91995[aria-selected=true],.faa5b46e[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}.f150e9da{color:var(--reactist-tab-themed-unselected)}.f150e9da[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._93de0ded,._10f229b4{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._54f03992{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}
 ._487c82cd{text-overflow:ellipsis;max-width:300px;z-index:var(--reactist-stacking-order-tooltip)}
 .reactist_menulist[role=menu]{min-height:44px;max-height:var(--popover-available-height);overflow:auto;display:block;white-space:nowrap;background:hsla(0,0%,100%,.99);outline:none;font-size:var(--reactist-font-size-copy);padding:4px 0;min-width:180px;border:1px solid var(--reactist-divider-secondary);border-radius:3px;margin:-4px;z-index:var(--reactist-stacking-order-menu)}.reactist_menulist[role=menu] .reactist_menugroup__label,.reactist_menulist[role=menu] [role=menuitem]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-align:left;display:flex;align-items:center;padding:5px 10px;color:inherit;border:none;background-color:transparent;font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-copy)}.reactist_menulist[role=menu] .reactist_menugroup__label{color:var(--reactist-content-secondary);font-size:var(--reactist-font-size-copy)}.reactist_menulist[role=menu] [role=menuitem]{width:100%;box-sizing:border-box}.reactist_menulist[role=menu] [role=menuitem]:focus,.reactist_menulist[role=menu] [role=menuitem]:hover,.reactist_menulist[role=menu] [role=menuitem][aria-expanded=true]{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}.reactist_menulist[role=menu] [role=menuitem]:disabled,.reactist_menulist[role=menu] [role=menuitem][aria-disabled=true]{color:var(--reactist-content-secondary);pointer-events:none}.reactist_menulist[role=menu] a[role=menuitem]{cursor:default;text-decoration:none}.reactist_menulist[role=menu] a[role=menuitem]:hover{text-decoration:none}.reactist_menulist[role=menu] [role=menu]{margin-top:-5px}.reactist_menulist[role=menu] hr{border:none;height:1px;background-color:var(--reactist-bg-selected);margin:4px 0}
 .reactist_color_picker .color_trigger{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:50%;cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAxLjcwNy43MDhMMTIuNjA0IDE0YTEgMSAwIDAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwMS43MDctLjcwOHoiLz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:24px}.reactist_color_picker .color_trigger--inner_ring{background-color:rgba(0,0,0,.1);width:14px;height:14px;border-radius:50%;visibility:hidden}.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring{visibility:visible}.reactist_color_picker .color_trigger.small{height:18px;width:18px}.reactist_color_picker .color_trigger.small .color_trigger--inner_ring{width:12px;height:12px}.reactist_color_picker .color_item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:4px;width:32px;height:32px;border-radius:50%;cursor:pointer}.reactist_color_picker .color_item--inner_ring{background-color:transparent;border:2px solid #fff;height:24px;width:24px;border-radius:50%;visibility:hidden}.reactist_color_picker .color_item:hover .color_item--inner_ring{visibility:visible}.reactist_color_picker .color_item.active{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMTEuODYzLjQ5OWwtNC40NyA3Ljc0NGEuNDk5LjQ5OSAwIDAxLS43MzUuMTQ3LjUwMi41MDIgMCAwMS0uMDYxLS4wNDhsLTMuMzY2LTMuMTRhLjQ5OS40OTkgMCAxMS42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat}.reactist_color_picker .color_options{padding:6px;display:flex;flex-wrap:wrap;width:164px;position:relative}.reactist_color_picker .with_arrow:after,.reactist_color_picker .with_arrow:before{visibility:hidden}

package/styles/tabs.css

@@ -1,4 +1,4 @@
-:root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px;--reactist-tab-line-height:21px}._2308f55f{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-line-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}.d173fedb{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._2308f55f,._4d1ad155{color:var(--reactist-tab-neutral-unselected)}._4d1ad155[aria-selected=true],._2308f55f[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._138c6c8b{color:var(--reactist-tab-themed-unselected)}._138c6c8b[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}.d173fedb,.ee766342{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}.cecb68f0{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}
+:root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-padding-x:var(--reactist-spacing-medium);--reactist-tab-padding-y:var(--reactist-spacing-small);--reactist-tab-line-height:21px}.faa5b46e{box-sizing:border-box;padding:var(--reactist-tab-padding-y) var(--reactist-tab-padding-x);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-line-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._93de0ded{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}.faa5b46e,._82a91995{color:var(--reactist-tab-neutral-unselected)}._82a91995[aria-selected=true],.faa5b46e[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}.f150e9da{color:var(--reactist-tab-themed-unselected)}.f150e9da[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._93de0ded,._10f229b4{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._54f03992{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}
 .fb8d74bb{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre.fb8d74bb{font-family:var(--reactist-font-family-monospace)}.fb8d74bb[hidden]{display:none!important}._18f74af9{position:absolute}.b292fef1{position:fixed}.e4e217d4{position:relative}._66895b64{position:-webkit-sticky;position:sticky}@media (min-width:768px){._00e8a0ce{position:absolute}.efaf64be{position:fixed}._76e540fd{position:relative}.bd286900{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._09e9f472{position:absolute}._893383f1{position:fixed}.dea3890d{position:relative}._6a61c94d{position:-webkit-sticky;position:sticky}}._64dcc902{display:block}._14423c92{display:flex}._6a38242d{display:inline}._348efc1f{display:inline-block}._150907c8{display:inline-flex}._3da48ad6{display:none}@media (min-width:768px){._0daac9f2{display:block}.f62c43b1{display:flex}._5839a4e4{display:inline}._8068aaf2{display:inline-block}._76562ea5{display:inline-flex}._4f7a886f{display:none}}@media (min-width:992px){._4fd4b789{display:block}._4d08e78f{display:flex}._0da15585{display:inline}.d0fcc019{display:inline-block}._79f967d4{display:inline-flex}._2ffa0d03{display:none}}._2d7320f2{flex-direction:column}._5f8879d9{flex-direction:row}@media (min-width:768px){._2c919a43{flex-direction:column}._4da1f194{flex-direction:row}}@media (min-width:992px){._66fd35ea{flex-direction:column}._4b79448d{flex-direction:row}}._202b0c8c{flex-wrap:wrap}._45a8f27f{flex-wrap:nowrap}._7d9ec5b0{flex-shrink:0}._9ce442fb{flex-grow:0}.c3b69d70{flex-grow:1}._7cc6458c{align-items:flex-start}.b76144ce{align-items:center}.e42ffab4{align-items:flex-end}._3975b234{align-items:baseline}@media (min-width:768px){.b670f77e{align-items:flex-start}._976e7156{align-items:center}._385c60b1{align-items:flex-end}._52b577fc{align-items:baseline}}@media (min-width:992px){._2e1cc27f{align-items:flex-start}._3a9e51e9{align-items:center}.dfc189b2{align-items:flex-end}._5fabaec4{align-items:baseline}}.a65d9c55{justify-content:flex-start}.b4e05554{justify-content:center}.f76804e6{justify-content:flex-end}._0095203e{justify-content:space-around}._6eb365d1{justify-content:space-between}._4111e641{justify-content:space-evenly}@media (min-width:768px){._6fda855d{justify-content:flex-start}.c2d359f8{justify-content:center}.e271941d{justify-content:flex-end}._2321488d{justify-content:space-around}.e4a9b2e3{justify-content:space-between}.bdc232f2{justify-content:space-evenly}}@media (min-width:992px){._0d16bb5c{justify-content:flex-start}.eca8082a{justify-content:center}._97ea6bb7{justify-content:flex-end}._2321488d{justify-content:space-around}._58e61602{justify-content:space-between}.bdc232f2{justify-content:space-evenly}}._794c8ab8{align-self:stretch}.c510efd5{align-self:flex-start}.b3f71626{align-self:center}._13771d73{align-self:flex-end}._64318454{align-self:baseline}@media (min-width:768px){._309c6ba7{align-self:stretch}._92dfd036{align-self:flex-start}._811f9906{align-self:center}._2cd2336e{align-self:flex-end}.bd2c9dad{align-self:baseline}}@media (min-width:992px){.d8215926{align-self:stretch}.b78f5c06{align-self:flex-start}._683e0cdb{align-self:center}._489f1dc8{align-self:flex-end}._4aca1032{align-self:baseline}}._68aab614{overflow:hidden}.ac28a3b1{overflow:auto}._50b88b52{overflow:visible}.c2fdd1c1{overflow:scroll}._75ca308a{height:100%}.a9ca9830{background-color:var(--reactist-bg-default)}.b9ff0c93{background-color:var(--reactist-bg-aside)}.efc303e5{background-color:var(--reactist-bg-highlight)}.ec657626{background-color:var(--reactist-bg-selected)}._00d3482f{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._958da546{border-radius:var(--reactist-border-radius-small)}._79077c62{border-radius:var(--reactist-border-radius-large)}._68981e89{border:1px solid var(--reactist-divider-primary)}._2bda8f7a{border:1px solid var(--reactist-divider-secondary)}._7152c573{border:1px solid var(--reactist-divider-tertiary)}._1f362dec{text-align:start}._1c09cd18{text-align:center}.b9663f5e{text-align:end}.a0eba489{text-align:justify}@media (min-width:768px){._60b9abf8{text-align:start}._2c70943c{text-align:center}.a512d4e1{text-align:end}._5d02c334{text-align:justify}}@media (min-width:992px){.ad2496a1{text-align:start}.ee87b016{text-align:center}._6dd48127{text-align:end}._1e70d216{text-align:justify}}
 .c4803194{padding-top:var(--reactist-spacing-xsmall)}._4e9ab24b{padding-top:var(--reactist-spacing-small)}._1d226e27{padding-top:var(--reactist-spacing-medium)}.eb6097f1{padding-top:var(--reactist-spacing-large)}.d3229ba4{padding-top:var(--reactist-spacing-xlarge)}._47978ba4{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f987719c{padding-top:var(--reactist-spacing-xsmall)}._8dbc4b4d{padding-top:var(--reactist-spacing-small)}.ae44fe07{padding-top:var(--reactist-spacing-medium)}.ffe9548d{padding-top:var(--reactist-spacing-large)}.f2b76a44{padding-top:var(--reactist-spacing-xlarge)}.c6eb8f43{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._8699b560{padding-top:var(--reactist-spacing-xsmall)}._02c374b7{padding-top:var(--reactist-spacing-small)}._0dd0332f{padding-top:var(--reactist-spacing-medium)}.da55f1f6{padding-top:var(--reactist-spacing-large)}._8ef2a278{padding-top:var(--reactist-spacing-xlarge)}._8b493b28{padding-top:var(--reactist-spacing-xxlarge)}}._211eebc7{padding-right:var(--reactist-spacing-xsmall)}.ad0ccf15{padding-right:var(--reactist-spacing-small)}.a03e39af{padding-right:var(--reactist-spacing-medium)}.f0941ead{padding-right:var(--reactist-spacing-large)}.e47c5a43{padding-right:var(--reactist-spacing-xlarge)}.e849a5cf{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._85374228{padding-right:var(--reactist-spacing-xsmall)}._89df37b9{padding-right:var(--reactist-spacing-small)}._1cc50ebe{padding-right:var(--reactist-spacing-medium)}._1060982b{padding-right:var(--reactist-spacing-large)}.be58847d{padding-right:var(--reactist-spacing-xlarge)}._45093484{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.f8d99d6a{padding-right:var(--reactist-spacing-xsmall)}.efa076d9{padding-right:var(--reactist-spacing-small)}.e59caa64{padding-right:var(--reactist-spacing-medium)}.da42f46a{padding-right:var(--reactist-spacing-large)}.b3ee2580{padding-right:var(--reactist-spacing-xlarge)}._3ef94658{padding-right:var(--reactist-spacing-xxlarge)}}.b0e6eab4{padding-bottom:var(--reactist-spacing-xsmall)}._9510d053{padding-bottom:var(--reactist-spacing-small)}.d7af60c9{padding-bottom:var(--reactist-spacing-medium)}.b75f86cd{padding-bottom:var(--reactist-spacing-large)}.fbd4ce29{padding-bottom:var(--reactist-spacing-xlarge)}._33e3ad63{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f0302da7{padding-bottom:var(--reactist-spacing-xsmall)}._4f9b8012{padding-bottom:var(--reactist-spacing-small)}._4333e20e{padding-bottom:var(--reactist-spacing-medium)}._30bbc76c{padding-bottom:var(--reactist-spacing-large)}.ba5a4008{padding-bottom:var(--reactist-spacing-xlarge)}._423a3b1a{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b40139b7{padding-bottom:var(--reactist-spacing-xsmall)}.f96071fa{padding-bottom:var(--reactist-spacing-small)}.fe803c9a{padding-bottom:var(--reactist-spacing-medium)}._01686eb9{padding-bottom:var(--reactist-spacing-large)}.afa763d8{padding-bottom:var(--reactist-spacing-xlarge)}.a95785f1{padding-bottom:var(--reactist-spacing-xxlarge)}}.cad4e2ec{padding-left:var(--reactist-spacing-xsmall)}.d70b3c17{padding-left:var(--reactist-spacing-small)}._8c851bd6{padding-left:var(--reactist-spacing-medium)}._078feb3c{padding-left:var(--reactist-spacing-large)}._76ab968c{padding-left:var(--reactist-spacing-xlarge)}.aaca85d7{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._5eb0e5aa{padding-left:var(--reactist-spacing-xsmall)}._0384fb4f{padding-left:var(--reactist-spacing-small)}.edffff6f{padding-left:var(--reactist-spacing-medium)}._873b9a46{padding-left:var(--reactist-spacing-large)}._89105db5{padding-left:var(--reactist-spacing-xlarge)}.db1966fe{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){.b17f826b{padding-left:var(--reactist-spacing-xsmall)}._6dc83610{padding-left:var(--reactist-spacing-small)}._3421b8b2{padding-left:var(--reactist-spacing-medium)}._68cec7a6{padding-left:var(--reactist-spacing-large)}._94bde020{padding-left:var(--reactist-spacing-xlarge)}.b94ee579{padding-left:var(--reactist-spacing-xxlarge)}}
 .c7813d79{margin-top:var(--reactist-spacing-xsmall)}.d3449da6{margin-top:var(--reactist-spacing-small)}._4ea254c1{margin-top:var(--reactist-spacing-medium)}.c0844f64{margin-top:var(--reactist-spacing-large)}._213145b4{margin-top:var(--reactist-spacing-xlarge)}.df61c84c{margin-top:var(--reactist-spacing-xxlarge)}.efe72b13{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._870c2768{margin-top:calc(var(--reactist-spacing-small)*-1)}._0b927c57{margin-top:calc(var(--reactist-spacing-medium)*-1)}._461db014{margin-top:calc(var(--reactist-spacing-large)*-1)}._2a3a8cb8{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._9bcda921{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6add01e4{margin-top:var(--reactist-spacing-xsmall)}._735ef86b{margin-top:var(--reactist-spacing-small)}._0477d068{margin-top:var(--reactist-spacing-medium)}._2c90af97{margin-top:var(--reactist-spacing-large)}._63a82db6{margin-top:var(--reactist-spacing-xlarge)}._03cd7726{margin-top:var(--reactist-spacing-xxlarge)}.c986a62a{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.be2bdcdd{margin-top:calc(var(--reactist-spacing-small)*-1)}._47d2686b{margin-top:calc(var(--reactist-spacing-medium)*-1)}._25e5af9d{margin-top:calc(var(--reactist-spacing-large)*-1)}.ee82f441{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.a6f9d404{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._4d8d9a36{margin-top:var(--reactist-spacing-xsmall)}.e813cee7{margin-top:var(--reactist-spacing-small)}._56975b7d{margin-top:var(--reactist-spacing-medium)}._53b367f6{margin-top:var(--reactist-spacing-large)}.d69e7311{margin-top:var(--reactist-spacing-xlarge)}._92f57c7e{margin-top:var(--reactist-spacing-xxlarge)}._96880d3e{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}.dc3f3555{margin-top:calc(var(--reactist-spacing-small)*-1)}._86dd06bb{margin-top:calc(var(--reactist-spacing-medium)*-1)}.c93ef12e{margin-top:calc(var(--reactist-spacing-large)*-1)}.bc8fd4a2{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}.b12a9124{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._6016f4fb{margin-right:var(--reactist-spacing-xsmall)}.b85e3dfa{margin-right:var(--reactist-spacing-small)}._297575f4{margin-right:var(--reactist-spacing-medium)}.b401ac6c{margin-right:var(--reactist-spacing-large)}.dc3ec387{margin-right:var(--reactist-spacing-xlarge)}._24694604{margin-right:var(--reactist-spacing-xxlarge)}._8e9bf2ee{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.ae9d1115{margin-right:calc(var(--reactist-spacing-small)*-1)}._14e46fc3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3370631b{margin-right:calc(var(--reactist-spacing-large)*-1)}._3f0e9b50{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.bc13e010{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._6fa1aae3{margin-right:var(--reactist-spacing-xsmall)}._2976c5cb{margin-right:var(--reactist-spacing-small)}._38d94802{margin-right:var(--reactist-spacing-medium)}.db9569b5{margin-right:var(--reactist-spacing-large)}._4a52f06d{margin-right:var(--reactist-spacing-xlarge)}._8a0f0410{margin-right:var(--reactist-spacing-xxlarge)}.e7d40e9d{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._680fde91{margin-right:calc(var(--reactist-spacing-small)*-1)}._021010ca{margin-right:calc(var(--reactist-spacing-medium)*-1)}._9e52c87c{margin-right:calc(var(--reactist-spacing-large)*-1)}._4d602613{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._21b1b65a{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._7321bc07{margin-right:var(--reactist-spacing-xsmall)}.fa1721f4{margin-right:var(--reactist-spacing-small)}._3fd7b4b8{margin-right:var(--reactist-spacing-medium)}._4fdc2f74{margin-right:var(--reactist-spacing-large)}.c0254761{margin-right:var(--reactist-spacing-xlarge)}._710a5f09{margin-right:var(--reactist-spacing-xxlarge)}.e08bee7f{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}.e5ab73d2{margin-right:calc(var(--reactist-spacing-small)*-1)}._5e731477{margin-right:calc(var(--reactist-spacing-medium)*-1)}._0f57a22e{margin-right:calc(var(--reactist-spacing-large)*-1)}._25f26ed3{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._11a3b4e0{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}._6a4f69f7{margin-bottom:var(--reactist-spacing-xsmall)}.db26b033{margin-bottom:var(--reactist-spacing-small)}.c7313022{margin-bottom:var(--reactist-spacing-medium)}.a5885889{margin-bottom:var(--reactist-spacing-large)}._33dfbd8e{margin-bottom:var(--reactist-spacing-xlarge)}._795ad2de{margin-bottom:var(--reactist-spacing-xxlarge)}.a329dbd3{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._85e739fb{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._681f65ff{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.caf50d8f{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._1e084cbf{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3dfb1c7e{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.ef4735be{margin-bottom:var(--reactist-spacing-xsmall)}.de55afba{margin-bottom:var(--reactist-spacing-small)}._0e33ce88{margin-bottom:var(--reactist-spacing-medium)}._8ca391fc{margin-bottom:var(--reactist-spacing-large)}._3a609d23{margin-bottom:var(--reactist-spacing-xlarge)}._3e1177e4{margin-bottom:var(--reactist-spacing-xxlarge)}.d384884d{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._75254cec{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._5d9f127d{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._835f1089{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.dad52a72{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._8703a4bf{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._90fd20e9{margin-bottom:var(--reactist-spacing-xsmall)}.f3769191{margin-bottom:var(--reactist-spacing-small)}._156410f8{margin-bottom:var(--reactist-spacing-medium)}._7fed74d0{margin-bottom:var(--reactist-spacing-large)}._477dc10e{margin-bottom:var(--reactist-spacing-xlarge)}._85c82d89{margin-bottom:var(--reactist-spacing-xxlarge)}._4f09c1e0{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._9523e048{margin-bottom:calc(var(--reactist-spacing-small)*-1)}.efe10240{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.c43971e6{margin-bottom:calc(var(--reactist-spacing-large)*-1)}.f9b4da15{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}.a10fdf70{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}.f9be90b4{margin-left:var(--reactist-spacing-xsmall)}.f53218d5{margin-left:var(--reactist-spacing-small)}.c4a9b3ab{margin-left:var(--reactist-spacing-medium)}._5755e2c3{margin-left:var(--reactist-spacing-large)}._33fc9354{margin-left:var(--reactist-spacing-xlarge)}._4749a3bf{margin-left:var(--reactist-spacing-xxlarge)}.c76cb3c7{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._96003c07{margin-left:calc(var(--reactist-spacing-small)*-1)}._09988d07{margin-left:calc(var(--reactist-spacing-medium)*-1)}.b4a486f6{margin-left:calc(var(--reactist-spacing-large)*-1)}.f396e75e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._81d1f26d{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._0a46e8f1{margin-left:var(--reactist-spacing-xsmall)}._57c970af{margin-left:var(--reactist-spacing-small)}._4b6099d3{margin-left:var(--reactist-spacing-medium)}._378fcff5{margin-left:var(--reactist-spacing-large)}.f8785663{margin-left:var(--reactist-spacing-xlarge)}._72f957ee{margin-left:var(--reactist-spacing-xxlarge)}._2288c7e1{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.b27c1c05{margin-left:calc(var(--reactist-spacing-small)*-1)}._702cbb13{margin-left:calc(var(--reactist-spacing-medium)*-1)}._1a2748b4{margin-left:calc(var(--reactist-spacing-large)*-1)}.b8c043a5{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._8dc8ff63{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.c2af646d{margin-left:var(--reactist-spacing-xsmall)}.c03d07be{margin-left:var(--reactist-spacing-small)}._915fb1d3{margin-left:var(--reactist-spacing-medium)}._64214ee1{margin-left:var(--reactist-spacing-large)}._7be4a22c{margin-left:var(--reactist-spacing-xlarge)}._5ec0a401{margin-left:var(--reactist-spacing-xxlarge)}.ea29f1ee{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.c26652c7{margin-left:calc(var(--reactist-spacing-small)*-1)}.c24f6af9{margin-left:calc(var(--reactist-spacing-medium)*-1)}.c2671f27{margin-left:calc(var(--reactist-spacing-large)*-1)}.cc51a04e{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.fd581f54{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}

package/styles/tabs.module.css.css

@@ -1 +1 @@
-:root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px;--reactist-tab-line-height:21px}._2308f55f{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-line-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}.d173fedb{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._2308f55f,._4d1ad155{color:var(--reactist-tab-neutral-unselected)}._4d1ad155[aria-selected=true],._2308f55f[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._138c6c8b{color:var(--reactist-tab-themed-unselected)}._138c6c8b[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}.d173fedb,.ee766342{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}.cecb68f0{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}
+:root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-padding-x:var(--reactist-spacing-medium);--reactist-tab-padding-y:var(--reactist-spacing-small);--reactist-tab-line-height:21px}.faa5b46e{box-sizing:border-box;padding:var(--reactist-tab-padding-y) var(--reactist-tab-padding-x);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-line-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._93de0ded{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}.faa5b46e,._82a91995{color:var(--reactist-tab-neutral-unselected)}._82a91995[aria-selected=true],.faa5b46e[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}.f150e9da{color:var(--reactist-tab-themed-unselected)}.f150e9da[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._93de0ded,._10f229b4{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._54f03992{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}