@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/select-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaSelect","Label","AriaButton","Button","children"],"sources":["../../../src/components/select-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport {\n  Button as AriaButton,\n  Select as AriaSelect,\n  composeRenderProps,\n  FieldError,\n  ListLayout,\n  Popover,\n  SelectValue,\n  Text,\n  useContextProps,\n  Virtualizer,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectFieldProps } from './types';\n\n/**\n * SelectField - Dropdown select with form field features\n *\n * Includes label, description, error messaging, and virtualized rendering for large datasets.\n *\n * @param props - {@link SelectFieldProps}\n * @param props.ref - Forwarded ref for the field container.\n * @param props.size - Field size ('medium' or 'small').\n * @param props.classNames - Custom CSS class names for field elements.\n * @param props.label - Label text for the field.\n * @param props.description - Helper text below the field.\n * @param props.errorMessage - Error message displayed when invalid.\n * @param props.isReadOnly - Displays value without dropdown interaction.\n * @param props.layoutOptions - Virtualizer layout options for large lists.\n * @returns The rendered SelectField component.\n *\n * @example\n * ```tsx\n * <SelectField label=\"Country\" onSelectionChange={setCountry}>\n *   <Option id=\"us\">United States</Option>\n *   <Option id=\"ca\">Canada</Option>\n * </SelectField>\n * ```\n */\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n  const {\n    size = 'medium',\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    layoutOptions,\n    isInvalid: isInvalidProp,\n    isReadOnly,\n    ...rest\n  } = props;\n\n  const errorMessage = errorMessageProp?.trim() ?? null;\n  const hasError = !!errorMessage;\n  const isInvalid = isInvalidProp ?? hasError;\n  const isSmall = size === 'small';\n  const showLabel = !isSmall && !!labelProp;\n  const shouldShowDescription =\n    !isReadOnly && !!descriptionProp && !(isSmall || isInvalid);\n\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/select-field', styles.field, className),\n      )}\n      isInvalid={isInvalid}\n      data-size={size}\n      data-readonly={isReadOnly}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={clsx(styles.label, classNames?.label)}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            {isReadOnly ? (\n              // Using the native RAC disabled button component because we don't want the DTK button styles\n              <AriaButton isDisabled className={styles.readonly}>\n                <SelectValue\n                  className={clsx(styles.value, classNames?.value)}\n                />\n              </AriaButton>\n            ) : (\n              <Button\n                className={composeRenderProps(\n                  classNames?.trigger,\n                  (className) => clsx(styles.trigger, className),\n                )}\n                size={size}\n                variant='outline'\n              >\n                <SelectValue\n                  className={clsx(styles.value, classNames?.value)}\n                />\n                <Icon>\n                  <ChevronDown className={styles.chevron} />\n                </Icon>\n              </Button>\n            )}\n            {shouldShowDescription && (\n              <Text\n                slot='description'\n                className={clsx(styles.description, classNames?.description)}\n              >\n                {descriptionProp}\n              </Text>\n            )}\n            <FieldError\n              className={composeRenderProps(classNames?.error, (className) =>\n                clsx(styles.error, className),\n              )}\n            >\n              {errorMessage}\n            </FieldError>\n            <Popover\n              className={composeRenderProps(classNames?.popover, (className) =>\n                clsx(styles.popover, className),\n              )}\n            >\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </Popover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,YAAY,EAAE,KAAK,GAAG,SAA2B;AAC/D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,mBAAmB;CAEtE,MAAM,EACJ,OAAO,UACP,UACA,YACA,aAAa,iBACb,cAAc,kBACd,OAAO,WACP,eACA,WAAW,eACX,YACA,GAAG,SACD;CAEJ,MAAM,eAAe,kBAAkB,MAAM,IAAI;CAEjD,MAAM,YAAY,iBADD,CAAC,CAAC;CAEnB,MAAM,UAAU,SAAS;CACzB,MAAM,YAAY,CAAC,WAAW,CAAC,CAAC;CAChC,MAAM,wBACJ,CAAC,cAAc,CAAC,CAAC,mBAAmB,EAAE,WAAW;AAEnD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,sBAAsB,OAAO,OAAO,UAAU,CACpD;EACU;EACX,aAAW;EACX,iBAAe;YAEd,mBACC,WACC,YAAU,EAAE,YAAY,YAAY,6BACnC;GACG,aACC,oBAACC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK;GAET,aAEC,oBAACC;IAAW;IAAW,WAAW,OAAO;cACvC,oBAAC,eACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM,GAChD;KACS,GAEb,qBAACC;IACC,WAAW,mBACT,YAAY,UACX,cAAc,KAAK,OAAO,SAAS,UAAU,CAC/C;IACK;IACN,SAAQ;eAER,oBAAC,eACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM,GAChD,EACF,oBAAC,kBACC,oBAAC,eAAY,WAAW,OAAO,UAAW,GACrC;KACA;GAEV,yBACC,oBAAC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;cAE3D;KACI;GAET,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;GACb,oBAAC;IACC,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;cAED,oBAAC;KAAY,QAAQ;KAA2B;eAC9C,oBAAC,qBAASC,aAAmB;MACjB;KACN;MACT,CAEN;GACU"}
+{"version":3,"file":"index.js","names":["AriaSelect","AriaButton","Button","children"],"sources":["../../../src/components/select-field/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport {\n  Button as AriaButton,\n  Select as AriaSelect,\n  FieldError,\n  Popover,\n  SelectValue,\n  Text,\n} from 'react-aria-components/Select';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { ListLayout, Virtualizer } from 'react-aria-components/Virtualizer';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldContext } from './context';\nimport styles from './styles.module.css';\nimport type { SelectFieldProps } from './types';\n\n/**\n * SelectField - Dropdown select with form field features\n *\n * Includes label, description, error messaging, and virtualized rendering for large datasets.\n *\n * @param props - {@link SelectFieldProps}\n * @param props.ref - Forwarded ref for the field container.\n * @param props.size - Field size ('medium' or 'small').\n * @param props.classNames - Custom CSS class names for field elements.\n * @param props.label - Label text for the field.\n * @param props.description - Helper text below the field.\n * @param props.errorMessage - Error message displayed when invalid.\n * @param props.isReadOnly - Displays value without dropdown interaction.\n * @param props.layoutOptions - Virtualizer layout options for large lists.\n * @returns The rendered SelectField component.\n *\n * @example\n * ```tsx\n * <SelectField label=\"Country\" onSelectionChange={setCountry}>\n *   <Option id=\"us\">United States</Option>\n *   <Option id=\"ca\">Canada</Option>\n * </SelectField>\n * ```\n */\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n  [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n  const {\n    size = 'medium',\n    children,\n    classNames,\n    description: descriptionProp,\n    errorMessage: errorMessageProp,\n    label: labelProp,\n    layoutOptions,\n    isInvalid: isInvalidProp,\n    isReadOnly,\n    ...rest\n  } = props;\n\n  const errorMessage = errorMessageProp?.trim() ?? null;\n  const hasError = !!errorMessage;\n  const isInvalid = isInvalidProp ?? hasError;\n  const isSmall = size === 'small';\n  const showLabel = !isSmall && !!labelProp;\n  const shouldShowDescription =\n    !isReadOnly && !!descriptionProp && !(isSmall || isInvalid);\n\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        clsx('group/select-field', styles.field, className),\n      )}\n      isInvalid={isInvalid}\n      data-size={size}\n      data-readonly={isReadOnly}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={clsx(styles.label, classNames?.label)}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            {isReadOnly ? (\n              // Using the native RAC disabled button component because we don't want the DTK button styles\n              <AriaButton isDisabled className={styles.readonly}>\n                <SelectValue\n                  className={clsx(styles.value, classNames?.value)}\n                />\n              </AriaButton>\n            ) : (\n              <Button\n                className={composeRenderProps(\n                  classNames?.trigger,\n                  (className) => clsx(styles.trigger, className),\n                )}\n                size={size}\n                variant='outline'\n              >\n                <SelectValue\n                  className={clsx(styles.value, classNames?.value)}\n                />\n                <Icon>\n                  <ChevronDown className={styles.chevron} />\n                </Icon>\n              </Button>\n            )}\n            {shouldShowDescription && (\n              <Text\n                slot='description'\n                className={clsx(styles.description, classNames?.description)}\n              >\n                {descriptionProp}\n              </Text>\n            )}\n            <FieldError\n              className={composeRenderProps(classNames?.error, (className) =>\n                clsx(styles.error, className),\n              )}\n            >\n              {errorMessage}\n            </FieldError>\n            <Popover\n              className={composeRenderProps(classNames?.popover, (className) =>\n                clsx(styles.popover, className),\n              )}\n            >\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </Popover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,SAAgB,YAAY,EAAE,KAAK,GAAG,SAA2B;AAC/D,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,mBAAmB;CAEtE,MAAM,EACJ,OAAO,UACP,UACA,YACA,aAAa,iBACb,cAAc,kBACd,OAAO,WACP,eACA,WAAW,eACX,YACA,GAAG,SACD;CAEJ,MAAM,eAAe,kBAAkB,MAAM,IAAI;CAEjD,MAAM,YAAY,iBADD,CAAC,CAAC;CAEnB,MAAM,UAAU,SAAS;CACzB,MAAM,YAAY,CAAC,WAAW,CAAC,CAAC;CAChC,MAAM,wBACJ,CAAC,cAAc,CAAC,CAAC,mBAAmB,EAAE,WAAW;AAEnD,QACE,oBAACA;EACC,GAAI;EACC;EACL,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,sBAAsB,OAAO,OAAO,UAAU,CACpD;EACU;EACX,aAAW;EACX,iBAAe;YAEd,mBACC,WACC,YAAU,EAAE,YAAY,YAAY,6BACnC;GACG,aACC,oBAAC;IACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM;IACpC;IACA;cAEX;KACK;GAET,aAEC,oBAACC;IAAW;IAAW,WAAW,OAAO;cACvC,oBAAC,eACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM,GAChD;KACS,GAEb,qBAACC;IACC,WAAW,mBACT,YAAY,UACX,cAAc,KAAK,OAAO,SAAS,UAAU,CAC/C;IACK;IACN,SAAQ;eAER,oBAAC,eACC,WAAW,KAAK,OAAO,OAAO,YAAY,MAAM,GAChD,EACF,oBAAC,kBACC,oBAAC,eAAY,WAAW,OAAO,UAAW,GACrC;KACA;GAEV,yBACC,oBAAC;IACC,MAAK;IACL,WAAW,KAAK,OAAO,aAAa,YAAY,YAAY;cAE3D;KACI;GAET,oBAAC;IACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;cAEA;KACU;GACb,oBAAC;IACC,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;cAED,oBAAC;KAAY,QAAQ;KAA2B;eAC9C,oBAAC,qBAASC,aAAmB;MACjB;KACN;MACT,CAEN;GACU"}

package/dist/components/select-field/types.d.ts

@@ -10,10 +10,13 @@
  * governing permissions and limitations under the License.
  */
 
-import { ButtonProps as ButtonProps$1 } from "../button/types.js";
-import { LabelProps as LabelProps$1 } from "../label/types.js";
+import { ButtonProps } from "../button/types.js";
+import { LabelProps } from "../label/types.js";
 import { RefAttributes } from "react";
-import { FieldErrorProps, ListLayoutOptions, PopoverProps, SelectProps, VirtualizerProps } from "react-aria-components";
+import { SelectProps } from "react-aria-components/Select";
+import { ListLayoutOptions, VirtualizerProps } from "react-aria-components/Virtualizer";
+import { PopoverProps } from "react-aria-components/Popover";
+import { FieldErrorProps } from "react-aria-components/FieldError";
 
 //#region src/components/select-field/types.d.ts
 
@@ -39,8 +42,8 @@ type SelectFieldProps = Omit<SelectProps, 'className'> & Pick<VirtualizerProps<L
     description?: string;
     error?: FieldErrorProps['className'];
     field?: string;
-    label?: LabelProps$1['className'];
-    trigger?: ButtonProps$1['className'];
+    label?: LabelProps['className'];
+    trigger?: ButtonProps['className'];
     value?: string;
     popover?: PopoverProps['className'];
   };

package/dist/components/sidenav/avatar.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavAvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/sidenav/avatar.d.ts
 
@@ -41,7 +41,7 @@ declare function SidenavAvatar({
   children,
   className,
   ...rest
-}: SidenavAvatarProps): react_jsx_runtime85.JSX.Element;
+}: SidenavAvatarProps): react_jsx_runtime160.JSX.Element;
 //#endregion
 export { SidenavAvatar };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/sidenav/avatar.js

@@ -17,8 +17,10 @@ import { IconContext } from "../icon/context.js";
 import { AvatarContext } from "../avatar/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { HeadingContext, Provider, TextContext } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Provider } from "react-aria-components/slots";
+import { HeadingContext } from "react-aria-components/Heading";
+import { TextContext } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/sidenav/avatar.tsx

package/dist/components/sidenav/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":[],"sources":["../../../src/components/sidenav/avatar.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { HeadingContext, Provider, TextContext } from 'react-aria-components';\nimport { AvatarContext } from '../avatar/context';\nimport { IconContext } from '../icon/context';\nimport styles from './styles.module.css';\nimport type { SidenavAvatarProps } from './types';\n\n/**\n * SidenavAvatar - Avatar component for sidenav\n *\n * Provides an avatar container with proper styling for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavHeader>\n *   <SidenavAvatar>\n *     <Avatar>JD</Avatar>\n *     <Heading>John Doe</Heading>\n *     <Text>Administrator</Text>\n *   </SidenavAvatar>\n * </SidenavHeader>\n * ```\n *\n * @param props - {@link SidenavAvatarProps}\n * @param props.children - Avatar content (icon, heading, text).\n * @param props.className - CSS class for the avatar container.\n * @returns The rendered SidenavAvatar component.\n */\nexport function SidenavAvatar({\n  children,\n  className,\n  ...rest\n}: SidenavAvatarProps) {\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'large', className: styles.icon }],\n        [HeadingContext, { className: clsx(styles.heading, styles.transient) }],\n        [TextContext, { className: clsx(styles.text, styles.transient) }],\n        [AvatarContext, { classNames: { avatar: styles.icon } }],\n      ]}\n    >\n      <div {...rest} className={clsx(styles.avatar, className)}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,QACkB;AACrB,QACE,oBAAC;EACC,QAAQ;GACN,CAAC,aAAa;IAAE,MAAM;IAAS,WAAW,OAAO;IAAM,CAAC;GACxD,CAAC,gBAAgB,EAAE,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU,EAAE,CAAC;GACvE,CAAC,aAAa,EAAE,WAAW,KAAK,OAAO,MAAM,OAAO,UAAU,EAAE,CAAC;GACjE,CAAC,eAAe,EAAE,YAAY,EAAE,QAAQ,OAAO,MAAM,EAAE,CAAC;GACzD;YAED,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,QAAQ,UAAU;GACrD;IACG;GACG"}
+{"version":3,"file":"avatar.js","names":[],"sources":["../../../src/components/sidenav/avatar.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { TextContext } from 'react-aria-components/Text';\nimport { Provider } from 'react-aria-components/slots';\nimport { HeadingContext } from 'react-aria-components/Heading';\nimport { AvatarContext } from '../avatar/context';\nimport { IconContext } from '../icon/context';\nimport styles from './styles.module.css';\nimport type { SidenavAvatarProps } from './types';\n\n/**\n * SidenavAvatar - Avatar component for sidenav\n *\n * Provides an avatar container with proper styling for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavHeader>\n *   <SidenavAvatar>\n *     <Avatar>JD</Avatar>\n *     <Heading>John Doe</Heading>\n *     <Text>Administrator</Text>\n *   </SidenavAvatar>\n * </SidenavHeader>\n * ```\n *\n * @param props - {@link SidenavAvatarProps}\n * @param props.children - Avatar content (icon, heading, text).\n * @param props.className - CSS class for the avatar container.\n * @returns The rendered SidenavAvatar component.\n */\nexport function SidenavAvatar({\n  children,\n  className,\n  ...rest\n}: SidenavAvatarProps) {\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'large', className: styles.icon }],\n        [HeadingContext, { className: clsx(styles.heading, styles.transient) }],\n        [TextContext, { className: clsx(styles.text, styles.transient) }],\n        [AvatarContext, { classNames: { avatar: styles.icon } }],\n      ]}\n    >\n      <div {...rest} className={clsx(styles.avatar, className)}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,cAAc,EAC5B,UACA,WACA,GAAG,QACkB;AACrB,QACE,oBAAC;EACC,QAAQ;GACN,CAAC,aAAa;IAAE,MAAM;IAAS,WAAW,OAAO;IAAM,CAAC;GACxD,CAAC,gBAAgB,EAAE,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU,EAAE,CAAC;GACvE,CAAC,aAAa,EAAE,WAAW,KAAK,OAAO,MAAM,OAAO,UAAU,EAAE,CAAC;GACjE,CAAC,eAAe,EAAE,YAAY,EAAE,QAAQ,OAAO,MAAM,EAAE,CAAC;GACzD;YAED,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,QAAQ,UAAU;GACrD;IACG;GACG"}

package/dist/components/sidenav/content.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 
 //#region src/components/sidenav/content.d.ts
 
@@ -45,7 +45,7 @@ declare function SidenavContent({
   className,
   children,
   ...rest
-}: SidenavContentProps): react_jsx_runtime90.JSX.Element;
+}: SidenavContentProps): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { SidenavContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/sidenav/content.js

@@ -16,8 +16,8 @@
 import { DividerContext } from "../divider/context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Provider } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Provider } from "react-aria-components/slots";
 import styles from "./styles.module.css";
 
 //#region src/components/sidenav/content.tsx

package/dist/components/sidenav/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","names":[],"sources":["../../../src/components/sidenav/content.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Provider } from 'react-aria-components';\nimport { DividerContext } from '../divider/context';\nimport styles from './styles.module.css';\nimport type { SidenavContentProps } from './types';\n\n/**\n * SidenavContent - Container for sidenav content\n *\n * Provides a container for sidenav content with proper styling\n *\n * @example\n * ```tsx\n * <Sidenav>\n *   <SidenavContent>\n *     <SidenavItem textValue=\"Dashboard\">\n *       <Icon><Home /></Icon>\n *       <Text>Dashboard</Text>\n *     </SidenavItem>\n *     <SidenavMenu icon={<Settings />} title=\"Settings\">\n *       <SidenavMenuItem>Profile</SidenavMenuItem>\n *     </SidenavMenu>\n *   </SidenavContent>\n * </Sidenav>\n * ```\n *\n * @param props - {@link SidenavContentProps}\n * @param props.className - CSS class for the content container.\n * @param props.children - Content items (items, menus, dividers).\n * @returns The rendered SidenavContent component.\n */\nexport function SidenavContent({\n  className,\n  children,\n  ...rest\n}: SidenavContentProps) {\n  return (\n    <Provider values={[[DividerContext, { className: styles.divider }]]}>\n      <div {...rest} className={clsx(styles.content, className)}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,eAAe,EAC7B,WACA,UACA,GAAG,QACmB;AACtB,QACE,oBAAC;EAAS,QAAQ,CAAC,CAAC,gBAAgB,EAAE,WAAW,OAAO,SAAS,CAAC,CAAC;YACjE,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,SAAS,UAAU;GACtD;IACG;GACG"}
+{"version":3,"file":"content.js","names":[],"sources":["../../../src/components/sidenav/content.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Provider } from 'react-aria-components/slots';\nimport { DividerContext } from '../divider/context';\nimport styles from './styles.module.css';\nimport type { SidenavContentProps } from './types';\n\n/**\n * SidenavContent - Container for sidenav content\n *\n * Provides a container for sidenav content with proper styling\n *\n * @example\n * ```tsx\n * <Sidenav>\n *   <SidenavContent>\n *     <SidenavItem textValue=\"Dashboard\">\n *       <Icon><Home /></Icon>\n *       <Text>Dashboard</Text>\n *     </SidenavItem>\n *     <SidenavMenu icon={<Settings />} title=\"Settings\">\n *       <SidenavMenuItem>Profile</SidenavMenuItem>\n *     </SidenavMenu>\n *   </SidenavContent>\n * </Sidenav>\n * ```\n *\n * @param props - {@link SidenavContentProps}\n * @param props.className - CSS class for the content container.\n * @param props.children - Content items (items, menus, dividers).\n * @returns The rendered SidenavContent component.\n */\nexport function SidenavContent({\n  className,\n  children,\n  ...rest\n}: SidenavContentProps) {\n  return (\n    <Provider values={[[DividerContext, { className: styles.divider }]]}>\n      <div {...rest} className={clsx(styles.content, className)}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,eAAe,EAC7B,WACA,UACA,GAAG,QACmB;AACtB,QACE,oBAAC;EAAS,QAAQ,CAAC,CAAC,gBAAgB,EAAE,WAAW,OAAO,SAAS,CAAC,CAAC;YACjE,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,SAAS,UAAU;GACtD;IACG;GACG"}

package/dist/components/sidenav/context.d.ts

@@ -12,11 +12,11 @@
 
 import { SidenavContextValue } from "./types.js";
 import "client-only";
-import * as react38 from "react";
+import * as react41 from "react";
 
 //#region src/components/sidenav/context.d.ts
 /** Context for sidenav state and identification */
-declare const SidenavContext: react38.Context<SidenavContextValue>;
+declare const SidenavContext: react41.Context<SidenavContextValue>;
 //#endregion
 export { SidenavContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/sidenav/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavFooterProps } from "./types.js";
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 
 //#region src/components/sidenav/footer.d.ts
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime112 from "react/jsx-runtime";
  * @param props - {@link SidenavFooterProps}
  * @returns The rendered SidenavFooter component.
  */
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime112.JSX.Element;
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime165.JSX.Element;
 //#endregion
 export { SidenavFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/sidenav/header.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 
 //#region src/components/sidenav/header.d.ts
 
@@ -42,7 +42,7 @@ declare function SidenavHeader({
   children,
   classNames,
   ...rest
-}: SidenavHeaderProps): react_jsx_runtime86.JSX.Element;
+}: SidenavHeaderProps): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { SidenavHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/sidenav/header.js

@@ -19,8 +19,10 @@ import { SidenavEventTypes } from "./events.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Button, Header, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Header } from "react-aria-components/Header";
+import { Button } from "react-aria-components/Button";
 import ChevronLeft from "@accelint/icons/chevron-left";
 import { useEmit } from "@accelint/bus/react";
 import styles from "./styles.module.css";

package/dist/components/sidenav/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/sidenav/header.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronLeft from '@accelint/icons/chevron-left';\nimport { useContext } from 'react';\nimport { Button, composeRenderProps, Header } from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport styles from './styles.module.css';\nimport type { SidenavHeaderProps, SidenavToggleEvent } from './types';\n\n/**\n * SidenavHeader - Header component for sidenav\n *\n * Provides a header with toggle button for the sidenav\n *\n * @example\n * ```tsx\n * <Sidenav>\n *   <SidenavHeader>\n *     <SidenavAvatar>\n *       <Avatar>JD</Avatar>\n *       <Heading>John Doe</Heading>\n *     </SidenavAvatar>\n *   </SidenavHeader>\n * </Sidenav>\n * ```\n *\n * @param props - {@link SidenavHeaderProps}\n * @param props.children - Header content (typically SidenavAvatar).\n * @param props.classNames - Custom CSS class names for header elements.\n * @returns The rendered SidenavHeader component.\n */\nexport function SidenavHeader({\n  children,\n  classNames,\n  ...rest\n}: SidenavHeaderProps) {\n  const emit = useEmit<SidenavToggleEvent>(SidenavEventTypes.toggle);\n  const { id } = useContext(SidenavContext);\n\n  return (\n    <Header {...rest} className={clsx(styles.header, classNames?.header)}>\n      <Button\n        className={composeRenderProps(classNames?.button, (className) =>\n          clsx(styles.toggle, className),\n        )}\n        onPress={() => emit({ id })}\n      >\n        {children}\n        <Icon className={styles.transient}>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Header>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,cAAc,EAC5B,UACA,YACA,GAAG,QACkB;CACrB,MAAM,OAAO,QAA4B,kBAAkB,OAAO;CAClE,MAAM,EAAE,OAAO,WAAW,eAAe;AAEzC,QACE,oBAAC;EAAO,GAAI;EAAM,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;YAClE,qBAAC;GACC,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;GACD,eAAe,KAAK,EAAE,IAAI,CAAC;cAE1B,UACD,oBAAC;IAAK,WAAW,OAAO;cACtB,oBAAC,gBAAc;KACV;IACA;GACF"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/sidenav/header.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronLeft from '@accelint/icons/chevron-left';\nimport { useContext } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Button } from 'react-aria-components/Button';\nimport { Header } from 'react-aria-components/Header';\nimport { Icon } from '../icon';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport styles from './styles.module.css';\nimport type { SidenavHeaderProps, SidenavToggleEvent } from './types';\n\n/**\n * SidenavHeader - Header component for sidenav\n *\n * Provides a header with toggle button for the sidenav\n *\n * @example\n * ```tsx\n * <Sidenav>\n *   <SidenavHeader>\n *     <SidenavAvatar>\n *       <Avatar>JD</Avatar>\n *       <Heading>John Doe</Heading>\n *     </SidenavAvatar>\n *   </SidenavHeader>\n * </Sidenav>\n * ```\n *\n * @param props - {@link SidenavHeaderProps}\n * @param props.children - Header content (typically SidenavAvatar).\n * @param props.classNames - Custom CSS class names for header elements.\n * @returns The rendered SidenavHeader component.\n */\nexport function SidenavHeader({\n  children,\n  classNames,\n  ...rest\n}: SidenavHeaderProps) {\n  const emit = useEmit<SidenavToggleEvent>(SidenavEventTypes.toggle);\n  const { id } = useContext(SidenavContext);\n\n  return (\n    <Header {...rest} className={clsx(styles.header, classNames?.header)}>\n      <Button\n        className={composeRenderProps(classNames?.button, (className) =>\n          clsx(styles.toggle, className),\n        )}\n        onPress={() => emit({ id })}\n      >\n        {children}\n        <Icon className={styles.transient}>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Header>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,SAAgB,cAAc,EAC5B,UACA,YACA,GAAG,QACkB;CACrB,MAAM,OAAO,QAA4B,kBAAkB,OAAO;CAClE,MAAM,EAAE,OAAO,WAAW,eAAe;AAEzC,QACE,oBAAC;EAAO,GAAI;EAAM,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;YAClE,qBAAC;GACC,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,QAAQ,UAAU,CAC/B;GACD,eAAe,KAAK,EAAE,IAAI,CAAC;cAE1B,UACD,oBAAC;IAAK,WAAW,OAAO;cACtB,oBAAC,gBAAc;KACV;IACA;GACF"}

package/dist/components/sidenav/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime168 from "react/jsx-runtime";
 
 //#region src/components/sidenav/index.d.ts
 
@@ -87,7 +87,7 @@ declare function Sidenav({
   isHiddenWhenClosed,
   children,
   ...rest
-}: SidenavProps): react_jsx_runtime87.JSX.Element | null;
+}: SidenavProps): react_jsx_runtime168.JSX.Element | null;
 //#endregion
 export { Sidenav };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidenav/index.js

@@ -18,8 +18,9 @@ import { SidenavEventTypes } from "./events.js";
 import "client-only";
 import { useState } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { DEFAULT_SLOT, HeadingContext, Provider } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { DEFAULT_SLOT, Provider } from "react-aria-components/slots";
+import { HeadingContext } from "react-aria-components/Heading";
 import { useOn } from "@accelint/bus/react";
 import styles from "./styles.module.css";
 

package/dist/components/sidenav/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useOn } from '@accelint/bus/react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useState } from 'react';\nimport { DEFAULT_SLOT, HeadingContext, Provider } from 'react-aria-components';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport styles from './styles.module.css';\nimport type {\n  SidenavCloseEvent,\n  SidenavOpenEvent,\n  SidenavProps,\n  SidenavToggleEvent,\n} from './types';\n\n/**\n * Sidenav - Collapsible side navigation panel\n *\n * Provides a hierarchical collapsible side navigation intended to be used\n * inside a DrawerLayout. Supports headers, avatars, nested menus, and items.\n *\n * @param props - {@link SidenavProps}\n * @param props.id - Unique identifier for the sidenav.\n * @param props.className - CSS class for the nav element.\n * @param props.isHiddenWhenClosed - Whether to hide the sidenav when closed.\n * @param props.children - Sidenav content (header, content, footer).\n * @returns The rendered Sidenav component.\n *\n * @example\n * ```tsx\n * <DrawerLayout push=\"left\">\n *   <DrawerLayoutMain className=\"col-start-2\">\n *     <SidenavTrigger>\n *       <Button variant=\"icon\" size=\"large\">\n *         <Icon>\n *           <MenuIcon />\n *         </Icon>\n *       </Button>\n *     </SidenavTrigger>\n *   </DrawerLayoutMain>\n *   <Sidenav>\n *     <SidenavHeader>\n *       <SidenavAvatar>\n *         <Icon><AppLogo /></Icon>\n *         <Heading>Application Header</Heading>\n *         <Text>subheader</Text>\n *       </SidenavAvatar>\n *     </SidenavHeader>\n *     <SidenavContent>\n *       <Heading>Navigation</Heading>\n *       <SidenavItem>\n *         <Icon><HomeIcon /></Icon>\n *         <Text>Home</Text>\n *       </SidenavItem>\n *       <Divider />\n *       <SidenavItem isSelected>\n *         <Icon><SettingsIcon /></Icon>\n *         <Text>Settings</Text>\n *       </SidenavItem>\n *       <Divider />\n *       <SidenavMenu title=\"More Options\" icon={<Icon><MenuIcon /></Icon>}>\n *         <SidenavMenuItem>\n *           <Text>Sub Item 1</Text>\n *         </SidenavMenuItem>\n *         <SidenavMenuItem>\n *           <Text>Sub Item 2</Text>\n *         </SidenavMenuItem>\n *       </SidenavMenu>\n *     </SidenavContent>\n *     <SidenavFooter>\n *       <SidenavAvatar>\n *         <Icon><UserIcon /></Icon>\n *         <Heading>User Name</Heading>\n *         <Text>john@example.com</Text>\n *       </SidenavAvatar>\n *     </SidenavFooter>\n *   </Sidenav>\n * </DrawerLayout>\n * ```\n */\nexport function Sidenav({\n  id,\n  className,\n  isHiddenWhenClosed,\n  children,\n  ...rest\n}: SidenavProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n    if (data.payload.id === id) {\n      setIsOpen((prev) => !prev);\n    }\n  });\n\n  useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n    if (!isOpen && data.payload.id === id) {\n      setIsOpen(true);\n    }\n  });\n\n  useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n    if (isOpen && data.payload.id === id) {\n      setIsOpen(false);\n    }\n  });\n\n  if (isHiddenWhenClosed && !isOpen) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          {\n            slots: {\n              [DEFAULT_SLOT]: {\n                className: clsx(styles.heading, styles.transient),\n              },\n              menu: { className: clsx(styles.heading, styles.transient) },\n              panel: { className: styles.heading },\n            },\n          },\n        ],\n        [SidenavContext, { id, isOpen }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={clsx('group/sidenav', styles.sidenav, className)}\n        data-open={isOpen || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA,SAAgB,QAAQ,EACtB,IACA,WACA,oBACA,UACA,GAAG,QACY;CACf,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;AAE3C,OAAM,kBAAkB,SAAS,SAA6B;AAC5D,MAAI,KAAK,QAAQ,OAAO,GACtB,YAAW,SAAS,CAAC,KAAK;GAE5B;AAEF,OAAM,kBAAkB,OAAO,SAA2B;AACxD,MAAI,CAAC,UAAU,KAAK,QAAQ,OAAO,GACjC,WAAU,KAAK;GAEjB;AAEF,OAAM,kBAAkB,QAAQ,SAA4B;AAC1D,MAAI,UAAU,KAAK,QAAQ,OAAO,GAChC,WAAU,MAAM;GAElB;AAEF,KAAI,sBAAsB,CAAC,OACzB,QAAO;AAGT,QACE,oBAAC;EACC,QAAQ,CACN,CACE,gBACA,EACE,OAAO;IACJ,eAAe,EACd,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU,EAClD;GACD,MAAM,EAAE,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU,EAAE;GAC3D,OAAO,EAAE,WAAW,OAAO,SAAS;GACrC,EACF,CACF,EACD,CAAC,gBAAgB;GAAE;GAAI;GAAQ,CAAC,CACjC;YAED,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,iBAAiB,OAAO,SAAS,UAAU;GAC3D,aAAW,UAAU;GAEpB;IACG;GACG"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useOn } from '@accelint/bus/react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useState } from 'react';\nimport { DEFAULT_SLOT, Provider } from 'react-aria-components/slots';\nimport { HeadingContext } from 'react-aria-components/Heading';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport styles from './styles.module.css';\nimport type {\n  SidenavCloseEvent,\n  SidenavOpenEvent,\n  SidenavProps,\n  SidenavToggleEvent,\n} from './types';\n\n/**\n * Sidenav - Collapsible side navigation panel\n *\n * Provides a hierarchical collapsible side navigation intended to be used\n * inside a DrawerLayout. Supports headers, avatars, nested menus, and items.\n *\n * @param props - {@link SidenavProps}\n * @param props.id - Unique identifier for the sidenav.\n * @param props.className - CSS class for the nav element.\n * @param props.isHiddenWhenClosed - Whether to hide the sidenav when closed.\n * @param props.children - Sidenav content (header, content, footer).\n * @returns The rendered Sidenav component.\n *\n * @example\n * ```tsx\n * <DrawerLayout push=\"left\">\n *   <DrawerLayoutMain className=\"col-start-2\">\n *     <SidenavTrigger>\n *       <Button variant=\"icon\" size=\"large\">\n *         <Icon>\n *           <MenuIcon />\n *         </Icon>\n *       </Button>\n *     </SidenavTrigger>\n *   </DrawerLayoutMain>\n *   <Sidenav>\n *     <SidenavHeader>\n *       <SidenavAvatar>\n *         <Icon><AppLogo /></Icon>\n *         <Heading>Application Header</Heading>\n *         <Text>subheader</Text>\n *       </SidenavAvatar>\n *     </SidenavHeader>\n *     <SidenavContent>\n *       <Heading>Navigation</Heading>\n *       <SidenavItem>\n *         <Icon><HomeIcon /></Icon>\n *         <Text>Home</Text>\n *       </SidenavItem>\n *       <Divider />\n *       <SidenavItem isSelected>\n *         <Icon><SettingsIcon /></Icon>\n *         <Text>Settings</Text>\n *       </SidenavItem>\n *       <Divider />\n *       <SidenavMenu title=\"More Options\" icon={<Icon><MenuIcon /></Icon>}>\n *         <SidenavMenuItem>\n *           <Text>Sub Item 1</Text>\n *         </SidenavMenuItem>\n *         <SidenavMenuItem>\n *           <Text>Sub Item 2</Text>\n *         </SidenavMenuItem>\n *       </SidenavMenu>\n *     </SidenavContent>\n *     <SidenavFooter>\n *       <SidenavAvatar>\n *         <Icon><UserIcon /></Icon>\n *         <Heading>User Name</Heading>\n *         <Text>john@example.com</Text>\n *       </SidenavAvatar>\n *     </SidenavFooter>\n *   </Sidenav>\n * </DrawerLayout>\n * ```\n */\nexport function Sidenav({\n  id,\n  className,\n  isHiddenWhenClosed,\n  children,\n  ...rest\n}: SidenavProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n    if (data.payload.id === id) {\n      setIsOpen((prev) => !prev);\n    }\n  });\n\n  useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n    if (!isOpen && data.payload.id === id) {\n      setIsOpen(true);\n    }\n  });\n\n  useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n    if (isOpen && data.payload.id === id) {\n      setIsOpen(false);\n    }\n  });\n\n  if (isHiddenWhenClosed && !isOpen) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          {\n            slots: {\n              [DEFAULT_SLOT]: {\n                className: clsx(styles.heading, styles.transient),\n              },\n              menu: { className: clsx(styles.heading, styles.transient) },\n              panel: { className: styles.heading },\n            },\n          },\n        ],\n        [SidenavContext, { id, isOpen }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={clsx('group/sidenav', styles.sidenav, className)}\n        data-open={isOpen || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,SAAgB,QAAQ,EACtB,IACA,WACA,oBACA,UACA,GAAG,QACY;CACf,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;AAE3C,OAAM,kBAAkB,SAAS,SAA6B;AAC5D,MAAI,KAAK,QAAQ,OAAO,GACtB,YAAW,SAAS,CAAC,KAAK;GAE5B;AAEF,OAAM,kBAAkB,OAAO,SAA2B;AACxD,MAAI,CAAC,UAAU,KAAK,QAAQ,OAAO,GACjC,WAAU,KAAK;GAEjB;AAEF,OAAM,kBAAkB,QAAQ,SAA4B;AAC1D,MAAI,UAAU,KAAK,QAAQ,OAAO,GAChC,WAAU,MAAM;GAElB;AAEF,KAAI,sBAAsB,CAAC,OACzB,QAAO;AAGT,QACE,oBAAC;EACC,QAAQ,CACN,CACE,gBACA,EACE,OAAO;IACJ,eAAe,EACd,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU,EAClD;GACD,MAAM,EAAE,WAAW,KAAK,OAAO,SAAS,OAAO,UAAU,EAAE;GAC3D,OAAO,EAAE,WAAW,OAAO,SAAS;GACrC,EACF,CACF,EACD,CAAC,gBAAgB;GAAE;GAAI;GAAQ,CAAC,CACjC;YAED,oBAAC;GACC,GAAI;GACJ,WAAW,KAAK,iBAAiB,OAAO,SAAS,UAAU;GAC3D,aAAW,UAAU;GAEpB;IACG;GACG"}

package/dist/components/sidenav/item.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as react_jsx_runtime170 from "react/jsx-runtime";
 
 //#region src/components/sidenav/item.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavItem({
   classNames,
   textValue,
   ...rest
-}: SidenavItemProps): react_jsx_runtime110.JSX.Element;
+}: SidenavItemProps): react_jsx_runtime170.JSX.Element;
 //#endregion
 export { SidenavItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/sidenav/item.js

@@ -14,14 +14,17 @@
 'use client';
 
 import { IconContext } from "../icon/context.js";
-import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
-import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
+import { Tooltip } from "../tooltip/index.js";
+import { TooltipTrigger } from "../tooltip/trigger.js";
 import { SidenavContext } from "./context.js";
 import "client-only";
 import { useContext, useRef } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Provider, TextContext, ToggleButton, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Provider } from "react-aria-components/slots";
+import { ToggleButton } from "react-aria-components/ToggleButton";
+import { TextContext } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/sidenav/item.tsx
@@ -49,14 +52,14 @@ function SidenavItem({ children, classNames, textValue, ...rest }) {
 	const ref = useRef(null);
 	return /* @__PURE__ */ jsx(Provider, {
 		values: [[IconContext, { size: "medium" }], [TextContext, { className: clsx(styles.text, styles.transient) }]],
-		children: /* @__PURE__ */ jsxs(TooltipTrigger$1, {
+		children: /* @__PURE__ */ jsxs(TooltipTrigger, {
 			isDisabled: isOpen,
 			children: [/* @__PURE__ */ jsx(ToggleButton, {
 				...rest,
 				ref,
 				className: composeRenderProps(classNames?.button, (className) => clsx("group/item", styles.item, className)),
 				children
-			}), /* @__PURE__ */ jsx(Tooltip$1, {
+			}), /* @__PURE__ */ jsx(Tooltip, {
 				parentRef: ref,
 				placement: "right",
 				className: styles.tooltip,

package/dist/components/sidenav/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["TooltipTrigger","Tooltip"],"sources":["../../../src/components/sidenav/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useRef } from 'react';\nimport {\n  composeRenderProps,\n  Provider,\n  TextContext,\n  ToggleButton,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport styles from './styles.module.css';\nimport type { SidenavItemProps } from './types';\n\n/**\n * SidenavItem - Item component for sidenav\n *\n * Provides a selectable item with tooltip for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavItem textValue=\"Dashboard\" isSelected={true}>\n *   <Icon><Home /></Icon>\n *   <Text>Dashboard</Text>\n * </SidenavItem>\n * ```\n *\n * @param props - {@link SidenavItemProps}\n * @param props.children - Item content (icon and text).\n * @param props.classNames - Custom CSS class names for item elements.\n * @param props.textValue - Text displayed in tooltip when collapsed.\n * @returns The rendered SidenavItem component.\n */\nexport function SidenavItem({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavItemProps) {\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Button DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium' }],\n        [TextContext, { className: clsx(styles.text, styles.transient) }],\n      ]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <ToggleButton\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            clsx('group/item', styles.item, className),\n          )}\n        >\n          {children}\n        </ToggleButton>\n        <Tooltip parentRef={ref} placement='right' className={styles.tooltip}>\n          {textValue}\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,YAAY,EAC1B,UACA,YACA,WACA,GAAG,QACgB;CACnB,MAAM,EAAE,WAAW,WAAW,eAAe;CAG7C,MAAM,MAAM,OAAO,KAAK;AAExB,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,aAAa,EAAE,MAAM,UAAU,CAAC,EACjC,CAAC,aAAa,EAAE,WAAW,KAAK,OAAO,MAAM,OAAO,UAAU,EAAE,CAAC,CAClE;YAED,qBAACA;GAAe,YAAY;cAC1B,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,cAAc,OAAO,MAAM,UAAU,CAC3C;IAEA;KACY,EACf,oBAACC;IAAQ,WAAW;IAAK,WAAU;IAAQ,WAAW,OAAO;cAC1D;KACO;IACK;GACR"}
+{"version":3,"file":"item.js","names":[],"sources":["../../../src/components/sidenav/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useRef } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Provider } from 'react-aria-components/slots';\nimport { TextContext } from 'react-aria-components/Text';\nimport { ToggleButton } from 'react-aria-components/ToggleButton';\nimport { IconContext } from '../icon/context';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport styles from './styles.module.css';\nimport type { SidenavItemProps } from './types';\n\n/**\n * SidenavItem - Item component for sidenav\n *\n * Provides a selectable item with tooltip for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavItem textValue=\"Dashboard\" isSelected={true}>\n *   <Icon><Home /></Icon>\n *   <Text>Dashboard</Text>\n * </SidenavItem>\n * ```\n *\n * @param props - {@link SidenavItemProps}\n * @param props.children - Item content (icon and text).\n * @param props.classNames - Custom CSS class names for item elements.\n * @param props.textValue - Text displayed in tooltip when collapsed.\n * @returns The rendered SidenavItem component.\n */\nexport function SidenavItem({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavItemProps) {\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Button DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium' }],\n        [TextContext, { className: clsx(styles.text, styles.transient) }],\n      ]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <ToggleButton\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            clsx('group/item', styles.item, className),\n          )}\n        >\n          {children}\n        </ToggleButton>\n        <Tooltip parentRef={ref} placement='right' className={styles.tooltip}>\n          {textValue}\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,YAAY,EAC1B,UACA,YACA,WACA,GAAG,QACgB;CACnB,MAAM,EAAE,WAAW,WAAW,eAAe;CAG7C,MAAM,MAAM,OAAO,KAAK;AAExB,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,aAAa,EAAE,MAAM,UAAU,CAAC,EACjC,CAAC,aAAa,EAAE,WAAW,KAAK,OAAO,MAAM,OAAO,UAAU,EAAE,CAAC,CAClE;YAED,qBAAC;GAAe,YAAY;cAC1B,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,cAAc,OAAO,MAAM,UAAU,CAC3C;IAEA;KACY,EACf,oBAAC;IAAQ,WAAW;IAAK,WAAU;IAAQ,WAAW,OAAO;cAC1D;KACO;IACK;GACR"}

package/dist/components/sidenav/link.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavLinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime171 from "react/jsx-runtime";
 
 //#region src/components/sidenav/link.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavLink({
   classNames,
   textValue,
   ...rest
-}: SidenavLinkProps): react_jsx_runtime88.JSX.Element;
+}: SidenavLinkProps): react_jsx_runtime171.JSX.Element;
 //#endregion
 export { SidenavLink };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/link.js

@@ -14,14 +14,17 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
-import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
+import { Tooltip } from "../tooltip/index.js";
+import { TooltipTrigger } from "../tooltip/trigger.js";
 import { SidenavContext } from "./context.js";
 import "client-only";
 import { useContext, useRef } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Link, Provider, TextContext, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Provider } from "react-aria-components/slots";
+import { Link } from "react-aria-components/Link";
+import { TextContext } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 import ArrowNortheast from "@accelint/icons/arrow-northeast";
 
@@ -50,7 +53,7 @@ function SidenavLink({ children, classNames, textValue, ...rest }) {
 	const ref = useRef(null);
 	return /* @__PURE__ */ jsx(Provider, {
 		values: [[TextContext, { className: clsx(styles.text, styles.transient) }]],
-		children: /* @__PURE__ */ jsxs(TooltipTrigger$1, {
+		children: /* @__PURE__ */ jsxs(TooltipTrigger, {
 			isDisabled: isOpen,
 			children: [/* @__PURE__ */ jsx(Link, {
 				...rest,
@@ -60,7 +63,7 @@ function SidenavLink({ children, classNames, textValue, ...rest }) {
 					className: styles.transient,
 					children: /* @__PURE__ */ jsx(ArrowNortheast, {})
 				})] }))
-			}), /* @__PURE__ */ jsxs(Tooltip$1, {
+			}), /* @__PURE__ */ jsxs(Tooltip, {
 				parentRef: ref,
 				placement: "right",
 				className: styles.tooltip,

package/dist/components/sidenav/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","names":["TooltipTrigger","children","Tooltip"],"sources":["../../../src/components/sidenav/link.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ArrowNortheast from '@accelint/icons/arrow-northeast';\nimport { useContext, useRef } from 'react';\nimport {\n  composeRenderProps,\n  Link,\n  Provider,\n  TextContext,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport styles from './styles.module.css';\nimport type { SidenavLinkProps } from './types';\n\n/**\n * SidenavLink - Link component for sidenav\n *\n * Provides a link with tooltip for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavLink href=\"https://example.com\" textValue=\"External Link\">\n *   <Icon><Link /></Icon>\n *   <Text>External Link</Text>\n * </SidenavLink>\n * ```\n *\n * @param props - {@link SidenavLinkProps}\n * @param props.children - Link content (icon and text).\n * @param props.classNames - Custom CSS class names for link elements.\n * @param props.textValue - Text displayed in tooltip when collapsed.\n * @returns The rendered SidenavLink component.\n */\nexport function SidenavLink({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavLinkProps) {\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Link DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [TextContext, { className: clsx(styles.text, styles.transient) }],\n      ]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <Link\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            clsx('group/link', styles.link, className),\n          )}\n        >\n          {composeRenderProps(children, (children) => (\n            <>\n              {children}\n              <Icon className={styles.transient}>\n                <ArrowNortheast />\n              </Icon>\n            </>\n          ))}\n        </Link>\n        <Tooltip parentRef={ref} placement='right' className={styles.tooltip}>\n          {textValue}\n          <Icon>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAgB,YAAY,EAC1B,UACA,YACA,WACA,GAAG,QACgB;CACnB,MAAM,EAAE,WAAW,WAAW,eAAe;CAG7C,MAAM,MAAM,OAAO,KAAK;AAExB,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,aAAa,EAAE,WAAW,KAAK,OAAO,MAAM,OAAO,UAAU,EAAE,CAAC,CAClE;YAED,qBAACA;GAAe,YAAY;cAC1B,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,cAAc,OAAO,MAAM,UAAU,CAC3C;cAEA,mBAAmB,WAAW,eAC7B,8CACGC,YACD,oBAAC;KAAK,WAAW,OAAO;eACtB,oBAAC,mBAAiB;MACb,IACN,CACH;KACG,EACP,qBAACC;IAAQ,WAAW;IAAK,WAAU;IAAQ,WAAW,OAAO;eAC1D,WACD,oBAAC,kBACC,oBAAC,mBAAiB,GACb;KACC;IACK;GACR"}
+{"version":3,"file":"link.js","names":["children"],"sources":["../../../src/components/sidenav/link.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ArrowNortheast from '@accelint/icons/arrow-northeast';\nimport { useContext, useRef } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { Link } from 'react-aria-components/Link';\nimport { Provider } from 'react-aria-components/slots';\nimport { TextContext } from 'react-aria-components/Text';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport styles from './styles.module.css';\nimport type { SidenavLinkProps } from './types';\n\n/**\n * SidenavLink - Link component for sidenav\n *\n * Provides a link with tooltip for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavLink href=\"https://example.com\" textValue=\"External Link\">\n *   <Icon><Link /></Icon>\n *   <Text>External Link</Text>\n * </SidenavLink>\n * ```\n *\n * @param props - {@link SidenavLinkProps}\n * @param props.children - Link content (icon and text).\n * @param props.classNames - Custom CSS class names for link elements.\n * @param props.textValue - Text displayed in tooltip when collapsed.\n * @returns The rendered SidenavLink component.\n */\nexport function SidenavLink({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavLinkProps) {\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Link DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [TextContext, { className: clsx(styles.text, styles.transient) }],\n      ]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <Link\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            clsx('group/link', styles.link, className),\n          )}\n        >\n          {composeRenderProps(children, (children) => (\n            <>\n              {children}\n              <Icon className={styles.transient}>\n                <ArrowNortheast />\n              </Icon>\n            </>\n          ))}\n        </Link>\n        <Tooltip parentRef={ref} placement='right' className={styles.tooltip}>\n          {textValue}\n          <Icon>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,YAAY,EAC1B,UACA,YACA,WACA,GAAG,QACgB;CACnB,MAAM,EAAE,WAAW,WAAW,eAAe;CAG7C,MAAM,MAAM,OAAO,KAAK;AAExB,QACE,oBAAC;EACC,QAAQ,CACN,CAAC,aAAa,EAAE,WAAW,KAAK,OAAO,MAAM,OAAO,UAAU,EAAE,CAAC,CAClE;YAED,qBAAC;GAAe,YAAY;cAC1B,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,cAAc,OAAO,MAAM,UAAU,CAC3C;cAEA,mBAAmB,WAAW,eAC7B,8CACGA,YACD,oBAAC;KAAK,WAAW,OAAO;eACtB,oBAAC,mBAAiB;MACb,IACN,CACH;KACG,EACP,qBAAC;IAAQ,WAAW;IAAK,WAAU;IAAQ,WAAW,OAAO;eAC1D,WACD,oBAAC,kBACC,oBAAC,mBAAiB,GACb;KACC;IACK;GACR"}

package/dist/components/sidenav/menu-item.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavMenuItemProps } from "./types.js";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu-item.d.ts
 
@@ -37,7 +37,7 @@ declare function SidenavMenuItem({
   className,
   children,
   ...rest
-}: SidenavMenuItemProps): react_jsx_runtime115.JSX.Element;
+}: SidenavMenuItemProps): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { SidenavMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/sidenav/menu-item.js

@@ -12,8 +12,9 @@
 
 
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { ToggleButton, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { ToggleButton } from "react-aria-components/ToggleButton";
 import styles from "./styles.module.css";
 
 //#region src/components/sidenav/menu-item.tsx

package/dist/components/sidenav/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["className"],"sources":["../../../src/components/sidenav/menu-item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, ToggleButton } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { SidenavMenuItemProps } from './types';\n\n/**\n * SidenavMenuItem - Menu item component for sidenav\n *\n * Provides a selectable item within a sidenav menu\n *\n * @example\n * ```tsx\n * <SidenavMenu icon={<Settings />} title=\"Settings\">\n *   <SidenavMenuItem isSelected={true}>Profile</SidenavMenuItem>\n *   <SidenavMenuItem>Preferences</SidenavMenuItem>\n * </SidenavMenu>\n * ```\n *\n * @param props - {@link SidenavMenuItemProps}\n * @param props.className - CSS class for the menu item.\n * @param props.children - Menu item content.\n * @returns The rendered SidenavMenuItem component.\n */\nexport function SidenavMenuItem({\n  className,\n  children,\n  ...rest\n}: SidenavMenuItemProps) {\n  return (\n    <ToggleButton\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.item, className),\n      )}\n    >\n      {children}\n    </ToggleButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,gBAAgB,EAC9B,WACA,UACA,GAAG,QACoB;AACvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMA,YAAU,CAC7B;EAEA;GACY"}
+{"version":3,"file":"menu-item.js","names":["className"],"sources":["../../../src/components/sidenav/menu-item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { ToggleButton } from 'react-aria-components/ToggleButton';\nimport styles from './styles.module.css';\nimport type { SidenavMenuItemProps } from './types';\n\n/**\n * SidenavMenuItem - Menu item component for sidenav\n *\n * Provides a selectable item within a sidenav menu\n *\n * @example\n * ```tsx\n * <SidenavMenu icon={<Settings />} title=\"Settings\">\n *   <SidenavMenuItem isSelected={true}>Profile</SidenavMenuItem>\n *   <SidenavMenuItem>Preferences</SidenavMenuItem>\n * </SidenavMenu>\n * ```\n *\n * @param props - {@link SidenavMenuItemProps}\n * @param props.className - CSS class for the menu item.\n * @param props.children - Menu item content.\n * @returns The rendered SidenavMenuItem component.\n */\nexport function SidenavMenuItem({\n  className,\n  children,\n  ...rest\n}: SidenavMenuItemProps) {\n  return (\n    <ToggleButton\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.item, className),\n      )}\n    >\n      {children}\n    </ToggleButton>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,gBAAgB,EAC9B,WACA,UACA,GAAG,QACoB;AACvB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,MAAMA,YAAU,CAC7B;EAEA;GACY"}

package/dist/components/sidenav/menu.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu.d.ts
 
@@ -43,7 +43,7 @@ declare function SidenavMenu({
   classNames,
   children,
   ...rest
-}: SidenavMenuProps): react_jsx_runtime89.JSX.Element;
+}: SidenavMenuProps): react_jsx_runtime174.JSX.Element;
 //#endregion
 export { SidenavMenu };
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/sidenav/menu.js

@@ -14,15 +14,20 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
-import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
+import { Tooltip } from "../tooltip/index.js";
+import { TooltipTrigger } from "../tooltip/trigger.js";
 import { SidenavContext } from "./context.js";
 import "client-only";
 import { useContext, useRef } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Button, DialogTrigger, Disclosure, DisclosurePanel, Heading, Popover, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Disclosure, DisclosurePanel } from "react-aria-components/Disclosure";
 import ChevronDown from "@accelint/icons/chevron-down";
+import { Heading } from "react-aria-components/Heading";
+import { Button } from "react-aria-components/Button";
+import { Popover } from "react-aria-components/Popover";
+import { DialogTrigger } from "react-aria-components/Dialog";
 import styles from "./styles.module.css";
 
 //#region src/components/sidenav/menu.tsx
@@ -74,14 +79,14 @@ function SidenavMenu({ icon, title, classNames, children, ...rest }) {
 				children
 			})
 		})]
-	}) : /* @__PURE__ */ jsxs(DialogTrigger, { children: [/* @__PURE__ */ jsxs(TooltipTrigger$1, {
+	}) : /* @__PURE__ */ jsxs(DialogTrigger, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
 		isDisabled: isOpen,
 		children: [/* @__PURE__ */ jsx(Button, {
 			...rest,
 			ref,
 			className: composeRenderProps(classNames?.button, (className) => clsx(styles.trigger, className)),
 			children: icon
-		}), /* @__PURE__ */ jsx(Tooltip$1, {
+		}), /* @__PURE__ */ jsx(Tooltip, {
 			parentRef: ref,
 			placement: "right",
 			className: styles.tooltip,

package/dist/components/sidenav/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["TooltipTrigger","Tooltip"],"sources":["../../../src/components/sidenav/menu.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { useContext, useRef } from 'react';\nimport {\n  Button,\n  composeRenderProps,\n  DialogTrigger,\n  Disclosure,\n  DisclosurePanel,\n  Heading,\n  Popover,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport styles from './styles.module.css';\nimport type { SidenavMenuProps } from './types';\n\n/**\n * SidenavMenu - Menu component for sidenav\n *\n * Provides a collapsible menu with items for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavMenu icon={<Icon><Settings /></Icon>} title=\"Settings\">\n *   <SidenavMenuItem>Profile</SidenavMenuItem>\n *   <SidenavMenuItem>Preferences</SidenavMenuItem>\n *   <SidenavMenuItem>Security</SidenavMenuItem>\n * </SidenavMenu>\n * ```\n *\n * @param props - {@link SidenavMenuProps}\n * @param props.icon - Icon displayed before the menu title.\n * @param props.title - Menu title text.\n * @param props.classNames - Custom CSS class names for menu elements.\n * @param props.children - Menu items (SidenavMenuItem components).\n * @returns The rendered SidenavMenu component.\n */\nexport function SidenavMenu({\n  icon,\n  title,\n  classNames,\n  children,\n  ...rest\n}: SidenavMenuProps) {\n  const { isOpen } = useContext(SidenavContext);\n  const ref = useRef(null);\n\n  return isOpen ? (\n    <Disclosure\n      className={composeRenderProps(classNames?.menu, (className) =>\n        clsx('group/menu', styles.menu, className),\n      )}\n    >\n      <Button\n        {...rest}\n        slot='trigger'\n        className={composeRenderProps(classNames?.button, (className) =>\n          clsx(styles.trigger, className),\n        )}\n      >\n        {icon}\n        <Heading slot='menu'>{title}</Heading>\n        <Icon className={clsx(styles.transient, classNames?.icon)}>\n          <ChevronDown className={styles.triggerChevron} />\n        </Icon>\n      </Button>\n      <DisclosurePanel\n        className={composeRenderProps(\n          classNames?.disclosurePanel,\n          (className) => className ?? '',\n        )}\n      >\n        <div className={clsx(styles.content, classNames?.panelContent)}>\n          {children}\n        </div>\n      </DisclosurePanel>\n    </Disclosure>\n  ) : (\n    <DialogTrigger>\n      <TooltipTrigger isDisabled={isOpen}>\n        <Button\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            clsx(styles.trigger, className),\n          )}\n        >\n          {icon}\n        </Button>\n        <Tooltip parentRef={ref} placement='right' className={styles.tooltip}>\n          {title}\n        </Tooltip>\n      </TooltipTrigger>\n      <Popover\n        className={composeRenderProps(classNames?.popoverPanel, (className) =>\n          clsx(styles.panel, className),\n        )}\n        placement='right top'\n        shouldFlip={false}\n      >\n        <Heading slot='panel'>{title}</Heading>\n        <div className={clsx(styles.content, classNames?.panelContent)}>\n          {children}\n        </div>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,SAAgB,YAAY,EAC1B,MACA,OACA,YACA,UACA,GAAG,QACgB;CACnB,MAAM,EAAE,WAAW,WAAW,eAAe;CAC7C,MAAM,MAAM,OAAO,KAAK;AAExB,QAAO,SACL,qBAAC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,cAAc,OAAO,MAAM,UAAU,CAC3C;aAED,qBAAC;GACC,GAAI;GACJ,MAAK;GACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,SAAS,UAAU,CAChC;;IAEA;IACD,oBAAC;KAAQ,MAAK;eAAQ;MAAgB;IACtC,oBAAC;KAAK,WAAW,KAAK,OAAO,WAAW,YAAY,KAAK;eACvD,oBAAC,eAAY,WAAW,OAAO,iBAAkB;MAC5C;;IACA,EACT,oBAAC;GACC,WAAW,mBACT,YAAY,kBACX,cAAc,aAAa,GAC7B;aAED,oBAAC;IAAI,WAAW,KAAK,OAAO,SAAS,YAAY,aAAa;IAC3D;KACG;IACU;GACP,GAEb,qBAAC,4BACC,qBAACA;EAAe,YAAY;aAC1B,oBAAC;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,SAAS,UAAU,CAChC;aAEA;IACM,EACT,oBAACC;GAAQ,WAAW;GAAK,WAAU;GAAQ,WAAW,OAAO;aAC1D;IACO;GACK,EACjB,qBAAC;EACC,WAAW,mBAAmB,YAAY,eAAe,cACvD,KAAK,OAAO,OAAO,UAAU,CAC9B;EACD,WAAU;EACV,YAAY;aAEZ,oBAAC;GAAQ,MAAK;aAAS;IAAgB,EACvC,oBAAC;GAAI,WAAW,KAAK,OAAO,SAAS,YAAY,aAAa;GAC3D;IACG;GACE,IACI"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/sidenav/menu.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { useContext, useRef } from 'react';\nimport { Button } from 'react-aria-components/Button';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { DialogTrigger } from 'react-aria-components/Dialog';\nimport { Disclosure, DisclosurePanel } from 'react-aria-components/Disclosure';\nimport { Heading } from 'react-aria-components/Heading';\nimport { Popover } from 'react-aria-components/Popover';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport styles from './styles.module.css';\nimport type { SidenavMenuProps } from './types';\n\n/**\n * SidenavMenu - Menu component for sidenav\n *\n * Provides a collapsible menu with items for the sidenav\n *\n * @example\n * ```tsx\n * <SidenavMenu icon={<Icon><Settings /></Icon>} title=\"Settings\">\n *   <SidenavMenuItem>Profile</SidenavMenuItem>\n *   <SidenavMenuItem>Preferences</SidenavMenuItem>\n *   <SidenavMenuItem>Security</SidenavMenuItem>\n * </SidenavMenu>\n * ```\n *\n * @param props - {@link SidenavMenuProps}\n * @param props.icon - Icon displayed before the menu title.\n * @param props.title - Menu title text.\n * @param props.classNames - Custom CSS class names for menu elements.\n * @param props.children - Menu items (SidenavMenuItem components).\n * @returns The rendered SidenavMenu component.\n */\nexport function SidenavMenu({\n  icon,\n  title,\n  classNames,\n  children,\n  ...rest\n}: SidenavMenuProps) {\n  const { isOpen } = useContext(SidenavContext);\n  const ref = useRef(null);\n\n  return isOpen ? (\n    <Disclosure\n      className={composeRenderProps(classNames?.menu, (className) =>\n        clsx('group/menu', styles.menu, className),\n      )}\n    >\n      <Button\n        {...rest}\n        slot='trigger'\n        className={composeRenderProps(classNames?.button, (className) =>\n          clsx(styles.trigger, className),\n        )}\n      >\n        {icon}\n        <Heading slot='menu'>{title}</Heading>\n        <Icon className={clsx(styles.transient, classNames?.icon)}>\n          <ChevronDown className={styles.triggerChevron} />\n        </Icon>\n      </Button>\n      <DisclosurePanel\n        className={composeRenderProps(\n          classNames?.disclosurePanel,\n          (className) => className ?? '',\n        )}\n      >\n        <div className={clsx(styles.content, classNames?.panelContent)}>\n          {children}\n        </div>\n      </DisclosurePanel>\n    </Disclosure>\n  ) : (\n    <DialogTrigger>\n      <TooltipTrigger isDisabled={isOpen}>\n        <Button\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            clsx(styles.trigger, className),\n          )}\n        >\n          {icon}\n        </Button>\n        <Tooltip parentRef={ref} placement='right' className={styles.tooltip}>\n          {title}\n        </Tooltip>\n      </TooltipTrigger>\n      <Popover\n        className={composeRenderProps(classNames?.popoverPanel, (className) =>\n          clsx(styles.panel, className),\n        )}\n        placement='right top'\n        shouldFlip={false}\n      >\n        <Heading slot='panel'>{title}</Heading>\n        <div className={clsx(styles.content, classNames?.panelContent)}>\n          {children}\n        </div>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,SAAgB,YAAY,EAC1B,MACA,OACA,YACA,UACA,GAAG,QACgB;CACnB,MAAM,EAAE,WAAW,WAAW,eAAe;CAC7C,MAAM,MAAM,OAAO,KAAK;AAExB,QAAO,SACL,qBAAC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,cAAc,OAAO,MAAM,UAAU,CAC3C;aAED,qBAAC;GACC,GAAI;GACJ,MAAK;GACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,SAAS,UAAU,CAChC;;IAEA;IACD,oBAAC;KAAQ,MAAK;eAAQ;MAAgB;IACtC,oBAAC;KAAK,WAAW,KAAK,OAAO,WAAW,YAAY,KAAK;eACvD,oBAAC,eAAY,WAAW,OAAO,iBAAkB;MAC5C;;IACA,EACT,oBAAC;GACC,WAAW,mBACT,YAAY,kBACX,cAAc,aAAa,GAC7B;aAED,oBAAC;IAAI,WAAW,KAAK,OAAO,SAAS,YAAY,aAAa;IAC3D;KACG;IACU;GACP,GAEb,qBAAC,4BACC,qBAAC;EAAe,YAAY;aAC1B,oBAAC;GACC,GAAI;GACC;GACL,WAAW,mBAAmB,YAAY,SAAS,cACjD,KAAK,OAAO,SAAS,UAAU,CAChC;aAEA;IACM,EACT,oBAAC;GAAQ,WAAW;GAAK,WAAU;GAAQ,WAAW,OAAO;aAC1D;IACO;GACK,EACjB,qBAAC;EACC,WAAW,mBAAmB,YAAY,eAAe,cACvD,KAAK,OAAO,OAAO,UAAU,CAC9B;EACD,WAAU;EACV,YAAY;aAEZ,oBAAC;GAAQ,MAAK;aAAS;IAAgB,EACvC,oBAAC;GAAI,WAAW,KAAK,OAAO,SAAS,YAAY,aAAa;GAC3D;IACG;GACE,IACI"}