@accelint/design-toolkit/dist/components/sidenav/item.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {useContext,useRef}from'react';import {Provider,TextContext,ToggleButton,composeRenderProps}from'react-aria-components';import {IconContext}from'../icon/context.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{item:S,text:P,transient:C,tooltip:I}=SidenavStyles();function k({children:e,classNames:r,textValue:i,...m}){const{isOpen:n}=useContext(SidenavContext),t=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:P({className:C()})}]],children:jsxs(TooltipTrigger,{isDisabled:n,children:[jsx(ToggleButton,{...m,ref:t,className:composeRenderProps(r?.button,s=>S({className:s})),children:e}),jsx(Tooltip,{parentRef:t,placement:"right",className:I(),children:i})]})})}export{k as SidenavItem};//# sourceMappingURL=item.js.map
//# sourceMappingURL=item.js.map