@accelint/design-toolkit 8.1.2 → 9.1.0

package/dist/components/sidenav/item.js

@@ -1,4 +1,57 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';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 o from'./styles.module.css';function D({children:i,classNames:m,textValue:p,...n}){const{isOpen:s}=useContext(SidenavContext),e=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:clsx(o.text,o.transient)}]],children:jsxs(TooltipTrigger,{isDisabled:s,children:[jsx(ToggleButton,{...n,ref:e,className:composeRenderProps(m?.button,l=>clsx("group/item",o.item,l)),children:i}),jsx(Tooltip,{parentRef:e,placement:"right",className:o.tooltip,children:p})]})})}export{D as SidenavItem};//# sourceMappingURL=item.js.map
+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 { 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 { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/sidenav/item.tsx
+/**
+* SidenavItem - Item component for sidenav
+*
+* Provides a selectable item with tooltip for the sidenav
+*/
+function SidenavItem({ children, classNames, textValue, ...rest }) {
+	const { isOpen } = useContext(SidenavContext);
+	const ref = useRef(null);
+	return /* @__PURE__ */ jsx(Provider, {
+		values: [[IconContext, { size: "medium" }], [TextContext, { className: clsx(styles.text, styles.transient) }]],
+		children: /* @__PURE__ */ jsxs(TooltipTrigger$1, {
+			isDisabled: isOpen,
+			children: [/* @__PURE__ */ jsx(ToggleButton, {
+				...rest,
+				ref,
+				className: composeRenderProps(classNames?.button, (className) => clsx("group/item", styles.item, className)),
+				children
+			}), /* @__PURE__ */ jsx(Tooltip$1, {
+				parentRef: ref,
+				placement: "right",
+				className: styles.tooltip,
+				children: textValue
+			})]
+		})
+	});
+}
+
+//#endregion
+export { SidenavItem };
 //# sourceMappingURL=item.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/item.tsx"],"names":["classNames","textValue","isOpen","useContext","ref","useRef","jsx","Provider","f","IconContext","t","c","TextContext","T","styles","r","jsxs","d","composeRenderProps","className","u","v"],"mappings":"4cAoCE,SAAA,CAAA,CAAAA,CAAAA,QACA,CAAA,CAAA,CAAAC,UAGA,CAAA,CAAA,CAAA,SAAQC,CAAO,CAAA,CAAIC,GAAyB,CAAA,CAGtCC,EAAMC,KAAO,CAAI,MAEvB,CAAA,CAAA,CACEC,CAAAA,UAACC,CAAAA,cAAA,CACC,CAAA,CAAA,CAAAC,MAAA,CAAA,IACGC,CAAAA,CAAa,OAAQC,GAAA,CAAAC,QAAA,CAAA,CAAA,MACrBC,EAAa,CAAEC,WAAA,CAAA,CAAA,IAAA,CAAA,QAAuB,CAAA,CAAA,CAAMC,CAAAA,WAAO,CAAA,CAAA,SAAY,CAClEC,IAAA,CAEA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAC,SAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,8BACdV,UAEE,CAAA,CAAA,CAAA,QACA,CAAA,CAAAI,GAAA,CAAAO,YAAWC,EAAmBlB,GAAY,CAAA,CAAA,GAAA,CAAA,CAASmB,CAAAA,SAC5C,CAAAC,kBAAA,CAAA,CAAA,EAAA,MAAqB,CAAA,CAAA,EAAeL,IAC3C,CAAA,YAGF,CAAA,CACAT,CAAAA,IAAS,CAAA,CAAA,CAAA,CAAA,CAAA,QAAgB,CAAA,CAAA,CAAA,CAAA,CAAAI,GAAA,CAAAW,OAAA,CAAU,CAAA,SAAQ,CAAA,CAAA,CAAA,SAAkB,CAAA,OAC1D,CAAA,SACH,CAAA,CACF,QAGN,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 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 */\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"]}
+{"version":3,"file":"item.js","names":["TooltipTrigger","Tooltip"],"sources":["../../../src/components/sidenav/item.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 */\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,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"}

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

@@ -1,16 +1,31 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SidenavLinkProps } from './types.js';
-import '@accelint/bus';
-import '@accelint/core';
-import 'react';
-import 'react-aria-components';
-import './events.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { SidenavLinkProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime93 from "react/jsx-runtime";
+
+//#region src/components/sidenav/link.d.ts
 /**
  * SidenavLink - Link component for sidenav
  *
  * Provides a link with tooltip for the sidenav
  */
-declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
-
+declare function SidenavLink({
+  children,
+  classNames,
+  textValue,
+  ...rest
+}: SidenavLinkProps): react_jsx_runtime93.JSX.Element;
+//#endregion
 export { SidenavLink };
+//# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/link.js

@@ -1,4 +1,61 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ArrowNortheast}from'@accelint/icons';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext,useRef}from'react';import {Provider,TextContext,Link,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import r from'./styles.module.css';function O({children:l,classNames:a,textValue:f,...c}){const{isOpen:d}=useContext(SidenavContext),i=useRef(null);return jsx(Provider,{values:[[TextContext,{className:clsx(r.text,r.transient)}]],children:jsxs(TooltipTrigger,{isDisabled:d,children:[jsx(Link,{...c,ref:i,className:composeRenderProps(a?.button,t=>clsx("group/link",r.link,t)),children:composeRenderProps(l,t=>jsxs(Fragment,{children:[t,jsx(Icon,{className:r.transient,children:jsx(ArrowNortheast,{})})]}))}),jsxs(Tooltip,{parentRef:i,placement:"right",className:r.tooltip,children:[f,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}export{O as SidenavLink};//# sourceMappingURL=link.js.map
+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 { 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 { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowNortheast } from "@accelint/icons";
+import styles from "./styles.module.css";
+
+//#region src/components/sidenav/link.tsx
+/**
+* SidenavLink - Link component for sidenav
+*
+* Provides a link with tooltip for the sidenav
+*/
+function SidenavLink({ children, classNames, textValue, ...rest }) {
+	const { isOpen } = useContext(SidenavContext);
+	const ref = useRef(null);
+	return /* @__PURE__ */ jsx(Provider, {
+		values: [[TextContext, { className: clsx(styles.text, styles.transient) }]],
+		children: /* @__PURE__ */ jsxs(TooltipTrigger$1, {
+			isDisabled: isOpen,
+			children: [/* @__PURE__ */ jsx(Link, {
+				...rest,
+				ref,
+				className: composeRenderProps(classNames?.button, (className) => clsx("group/link", styles.link, className)),
+				children: composeRenderProps(children, (children$1) => /* @__PURE__ */ jsxs(Fragment$1, { children: [children$1, /* @__PURE__ */ jsx(Icon, {
+					className: styles.transient,
+					children: /* @__PURE__ */ jsx(ArrowNortheast, {})
+				})] }))
+			}), /* @__PURE__ */ jsxs(Tooltip$1, {
+				parentRef: ref,
+				placement: "right",
+				className: styles.tooltip,
+				children: [textValue, /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(ArrowNortheast, {}) })]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { SidenavLink };
 //# sourceMappingURL=link.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/link.tsx"],"names":["rest","ref","u","N","TextContext","styles","T","g","p","TooltipTrigger","isOpen","jsx","Link","classNames","v","className","clsx","s","jsxs","Fragment","e","P","o","m","Tooltip","x","ArrowNortheast","n"],"mappings":"0fAsCE,CAAA,CAAA,CAAA,QACA,CAAA,CAAGA,CACL,UACU,CAAA,CAAA,CAAA,SAAoC,CAAA,CAGtCC,CAAAA,GAAa,CAAA,CAAA,CAAA,CAAI,KAEvB,CAAA,OACG,CACC,CAAA,CAAAC,UAAA,CAAAC,cAAA,CAAA,CAAQ,CACN,CAACC,MAAAA,CAAa,IAAE,CAAA,CAAA,OAAgBC,GAAAA,CAAOC,QAAA,CAAA,CAAA,MAAa,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,SAGtD,CAAAC,IAAA,CAAA,CAAA,CAAA,IAACC,CAAA,CAAe,WAAYC,CAAAA,CAC1B,CAAA,CAAA,QAAAC,KAACC,CAAAA,cAAA,CACE,CAAA,UAED,CAAA,CAAA,CAAA,SAA8BC,CAAAA,GAAAA,CAAYC,IAAA,CAAA,CAAA,GAAA,CAASC,IACjDC,CAAK,CAAA,CAAA,SAAA,CAAAC,kBAAcZ,CAAAA,CAAO,EAAA,MAC5B,CAEC,oBACCa,CAAAC,CAAAA,CAAA,IACG,CAAA,CAAA,CAAA,CAAA,CAAA,QACA,CAAKF,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAG,IAAA,CAAAC,QAAWhB,EAAO,QAAA,CAAA,CACtB,CAAA,CAAAiB,GAAA,CAAAC,IAAA,CAAA,CAAA,SAAgB,CAClB,CAAA,CAAA,SAILC,CAAA,QAAQ,CAAAF,GAAA,CAAWrB,cAAAA,CAAK,UAAU,CAAA,CAAAmB,IAAA,CAAAK,OAAA,CAAA,CAAA,SAAQ,CAAA,CAAWpB,UACnD,CAAA,OAAA,CAAA,SAEC,CAAA,CAAA,CAAA,OAACqB,CAAAA,QAEL,CAAA,CAAA,CACF,IACF,CAEJH,IAAA,CAAA,CAAA,QAAA,CAAAD,GAAA,CAAAK,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"link.js","sourcesContent":["/*\n * Copyright 2025 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 { ArrowNortheast } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\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 */\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"]}
+{"version":3,"file":"link.js","names":["TooltipTrigger","children","Tooltip"],"sources":["../../../src/components/sidenav/link.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { ArrowNortheast } from '@accelint/icons';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\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 */\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,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"}

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

@@ -1,16 +1,29 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SidenavMenuItemProps } from './types.js';
-import '@accelint/bus';
-import '@accelint/core';
-import 'react';
-import 'react-aria-components';
-import './events.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { SidenavMenuItemProps } from "./types.js";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
+
+//#region src/components/sidenav/menu-item.d.ts
 /**
  * SidenavMenuItem - Menu item component for sidenav
  *
  * Provides a selectable item within a sidenav menu
  */
-declare function SidenavMenuItem({ className, children, ...rest }: SidenavMenuItemProps): react_jsx_runtime.JSX.Element;
-
+declare function SidenavMenuItem({
+  className,
+  children,
+  ...rest
+}: SidenavMenuItemProps): react_jsx_runtime94.JSX.Element;
+//#endregion
 export { SidenavMenuItem };
+//# sourceMappingURL=menu-item.d.ts.map

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

@@ -1,2 +1,35 @@
-import {jsx}from'react/jsx-runtime';import {clsx}from'@accelint/design-foundation/lib/utils';import {ToggleButton,composeRenderProps}from'react-aria-components';import s from'./styles.module.css';function a({className:e,children:o,...t}){return jsx(ToggleButton,{...t,className:composeRenderProps(e,m=>clsx(s.item,m)),children:o})}export{a as SidenavMenuItem};//# sourceMappingURL=menu-item.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { ToggleButton, composeRenderProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/sidenav/menu-item.tsx
+/**
+* SidenavMenuItem - Menu item component for sidenav
+*
+* Provides a selectable item within a sidenav menu
+*/
+function SidenavMenuItem({ className, children, ...rest }) {
+	return /* @__PURE__ */ jsx(ToggleButton, {
+		...rest,
+		className: composeRenderProps(className, (className$1) => clsx(styles.item, className$1)),
+		children
+	});
+}
+
+//#endregion
+export { SidenavMenuItem };
 //# sourceMappingURL=menu-item.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/menu-item.tsx"],"names":["className","children","jsx","ToggleButton","composeRenderProps","clsx","styles"],"mappings":"oMAqBO,UAAyB,CAC9B,CAAA,SAAAA,EACA,CAAA,QAAAC,CAAAA,CACA,IACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAACC,aAAA,CACE,CAAA,IACD,CAAA,SAAWC,CAAAA,kBAAmBJ,EAAYA,CAAAA,CAAAA,EACxCK,IAAKC,EAAO,CAAA,IAAMN,CAAS,CAC7B,CAAA,CAEC,CAAA,QAAAC,EACH,CAEJ,CAAA","file":"menu-item.js","sourcesContent":["/*\n * Copyright 2025 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 */\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"]}
+{"version":3,"file":"menu-item.js","names":["className"],"sources":["../../../src/components/sidenav/menu-item.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 */\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":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,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

@@ -1,16 +1,32 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SidenavMenuProps } from './types.js';
-import '@accelint/bus';
-import '@accelint/core';
-import 'react';
-import 'react-aria-components';
-import './events.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { SidenavMenuProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
+
+//#region src/components/sidenav/menu.d.ts
 /**
  * SidenavMenu - Menu component for sidenav
  *
  * Provides a collapsible menu with items for the sidenav
  */
-declare function SidenavMenu({ icon, title, classNames, children, ...rest }: SidenavMenuProps): react_jsx_runtime.JSX.Element;
-
+declare function SidenavMenu({
+  icon,
+  title,
+  classNames,
+  children,
+  ...rest
+}: SidenavMenuProps): react_jsx_runtime95.JSX.Element;
+//#endregion
 export { SidenavMenu };
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/sidenav/menu.js

@@ -1,4 +1,90 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {ChevronDown}from'@accelint/icons';import {useContext,useRef}from'react';import {Disclosure,composeRenderProps,Button,Heading,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import t from'./styles.module.css';function q({icon:m,title:l,classNames:r,children:a,...s}){const{isOpen:u}=useContext(SidenavContext),g=useRef(null);return u?jsxs(Disclosure,{className:composeRenderProps(r?.menu,o=>clsx("group/menu",t.menu,o)),children:[jsxs(Button,{...s,slot:"trigger",className:composeRenderProps(r?.button,o=>clsx(t.trigger,o)),children:[m,jsx(Heading,{slot:"menu",children:l}),jsx(Icon,{className:clsx(t.transient,r?.icon),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(r?.disclosurePanel,o=>o??""),children:jsx("div",{className:clsx(t.content,r?.panelContent),children:a})})]}):jsxs(DialogTrigger,{children:[jsxs(TooltipTrigger,{isDisabled:u,children:[jsx(Button,{...s,ref:g,className:composeRenderProps(r?.button,o=>clsx(t.trigger,o)),children:m}),jsx(Tooltip,{parentRef:g,placement:"right",className:t.tooltip,children:l})]}),jsxs(Popover,{className:composeRenderProps(r?.popoverPanel,o=>clsx(t.panel,o)),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:l}),jsx("div",{className:clsx(t.content,r?.panelContent),children:a})]})]})}export{q as SidenavMenu};//# sourceMappingURL=menu.js.map
+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 { 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 { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "@accelint/icons";
+import styles from "./styles.module.css";
+
+//#region src/components/sidenav/menu.tsx
+/**
+* SidenavMenu - Menu component for sidenav
+*
+* Provides a collapsible menu with items for the sidenav
+*/
+function SidenavMenu({ icon, title, classNames, children, ...rest }) {
+	const { isOpen } = useContext(SidenavContext);
+	const ref = useRef(null);
+	return isOpen ? /* @__PURE__ */ jsxs(Disclosure, {
+		className: composeRenderProps(classNames?.menu, (className) => clsx("group/menu", styles.menu, className)),
+		children: [/* @__PURE__ */ jsxs(Button, {
+			...rest,
+			slot: "trigger",
+			className: composeRenderProps(classNames?.button, (className) => clsx(styles.trigger, className)),
+			children: [
+				icon,
+				/* @__PURE__ */ jsx(Heading, {
+					slot: "menu",
+					children: title
+				}),
+				/* @__PURE__ */ jsx(Icon, {
+					className: clsx(styles.transient, classNames?.icon),
+					children: /* @__PURE__ */ jsx(ChevronDown, { className: styles.triggerChevron })
+				})
+			]
+		}), /* @__PURE__ */ jsx(DisclosurePanel, {
+			className: composeRenderProps(classNames?.disclosurePanel, (className) => className ?? ""),
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx(styles.content, classNames?.panelContent),
+				children
+			})
+		})]
+	}) : /* @__PURE__ */ jsxs(DialogTrigger, { children: [/* @__PURE__ */ jsxs(TooltipTrigger$1, {
+		isDisabled: isOpen,
+		children: [/* @__PURE__ */ jsx(Button, {
+			...rest,
+			ref,
+			className: composeRenderProps(classNames?.button, (className) => clsx(styles.trigger, className)),
+			children: icon
+		}), /* @__PURE__ */ jsx(Tooltip$1, {
+			parentRef: ref,
+			placement: "right",
+			className: styles.tooltip,
+			children: title
+		})]
+	}), /* @__PURE__ */ jsxs(Popover, {
+		className: composeRenderProps(classNames?.popoverPanel, (className) => clsx(styles.panel, className)),
+		placement: "right top",
+		shouldFlip: false,
+		children: [/* @__PURE__ */ jsx(Heading, {
+			slot: "panel",
+			children: title
+		}), /* @__PURE__ */ jsx("div", {
+			className: clsx(styles.content, classNames?.panelContent),
+			children
+		})]
+	})] });
+}
+
+//#endregion
+export { SidenavMenu };
 //# sourceMappingURL=menu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/menu.tsx"],"names":["classNames","rest","ref","jsxs","Disclosure","v","y","P","className","clsx","T","styles","n","p","c","i","icon","jsx","Heading","title","e","Icon","d","C","isOpen","Button","Tooltip","b","Popover"],"mappings":"2gBAyCE,SAAAA,CAAAA,CACA,CAAA,IAAA,CAAA,CAAA,CAAA,KACA,CAAGC,CACL,CAAA,UACU,CAAA,CAAA,CAAA,QAAoC,CAAA,CACtCC,CAAAA,GAAa,CAAA,CAAA,CAAA,CAAI,KAEvB,CAAA,MACEC,CAACC,CAAAA,CAAA,CACCC,UAAA,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAAC,MAAA,CAAA,IAA8BP,CAAAA,CAAY,OAAOQ,CAC/CC,KAAK,CAAAC,UAAA,CAAA,CAAA,SAAcC,CAAAA,kBAAO,CAAA,CAAA,EAAA,IAC5B,CAEA,CAAA,EAAAC,IAAA,CAAA,YACG,CAAGX,CAAAA,CACJ,IAAA,CAAK,CAAA,CAAA,CAAA,CAAA,QACL,CAAA,CAAAY,IAAA,CAAAC,MAAA,CAAA,CAAA,GAA8Bd,CAAAA,CAAAA,IAAY,CAAA,SACnCW,CAAO,SAAkB,CAChCI,kBAAA,CAEC,CAAA,EAAA,MAAA,CAAAC,CAAAA,EACDC,IAACC,CAAAA,CAAA,CAAQ,OAAK,CAAA,CAAA,CAAA,CAAA,CAAQ,SAAAC,CAAAA,CAAM,CAAAC,GAC5BH,CAAAA,OAACI,CAAAA,CAAA,IAAK,CAAA,MAAWZ,CAAAA,QAAY,CAAA,CAAA,CAAA,CAAA,CAAWT,GAAAA,CAAAA,IAAY,CAAA,CAAA,SAClD,CAAAY,IAAA,CAAA,CAAAK,CAAAA,SAAa,CAAA,CAAA,EAAA,IAAU,CAAA,CAAA,QAAA,CAAAG,GAAA,CAAAE,WAAA,CAAA,CAAA,SAAA,CAAA,0CAKX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAF,GAAA,CAAAG,eAAA,CAAA,CAAA,SACgB,CAC9BR,kBAAA,CAEA,kBAAK,CAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAWN,CAAAA,QAAY,CAAAW,GAAA,CAASpB,KAAY,CAAA,CAAA,SAAY,CAC1DY,IAAA,CAAA,CAAA,CAAA,OACH,CAAA,CACF,EAAA,YAIA,CAAA,CAAA,QAAC,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,IAAA,CAAYW,aAAAA,CAC1B,CAAA,QAAA,CAAAP,CAAAA,IAACQ,CAAAA,cAAA,CACE,CAAA,UAED,CAAA,CAAA,CAAA,SAA8BzB,CAAAA,GAAAA,CAAYc,MAAA,CAAA,CAAA,GAAA,CAASN,CAAAA,GACjDC,CAAKE,CAAAA,CAAO,SAAkB,CAChCI,kBAAA,CAEC,CAAA,EAAA,MAAAC,CAAAA,CACH,EACAC,IAAAA,CAACS,CAAAA,CAAA,OAAQ,CAAA,CAAA,CAAA,CAAWxB,CAAAA,QAAK,CAAA,CAAA,CAAU,CAAA,CAAAkB,GAAA,CAAAO,OAAA,CAAA,CAAA,SAAQ,CAAA,CAAWhB,CAAAA,SACnD,CAAA,OAAA,CAAAQ,SAGJS,CAAAA,CAAA,CACC,OAAA,CAAA,6BAAyDpB,CAAAA,SAC3C,CAAAO,kBAAA,CAAOP,CAAS,EAC9B,YACU,CAAA,CAAA,EAAAI,IAAA,CAAA,CAAA,CAAA,KACV,CAAA,CAAA,CAAA,CAAA,CAAA,SAEA,CAAA,WAAC,CAAQ,UAAK,CAAA,KAAS,CAAA,QAAAO,CAAAA,CAAMC,GAAA,CAC7BH,OAAAA,CAAC,CAAA,IAAA,CAAA,OAAI,CAAA,QAAuB,CAAA,CAAA,CAAA,CAAA,CAAAG,GAAA,CAASpB,KAAY,CAAA,CAAA,SAAY,CAC1DY,IAAA,CAAA,CAAA,CAAA,OACH,CAAA,CAAA,cAIR,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"menu.js","sourcesContent":["/*\n * Copyright 2025 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';\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 */\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='transform group-expanded/menu:rotate-180' />\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"]}
+{"version":3,"file":"menu.js","names":["TooltipTrigger","Tooltip"],"sources":["../../../src/components/sidenav/menu.tsx"],"sourcesContent":["/*\n * Copyright 2025 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';\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 */\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,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"}

package/dist/components/sidenav/styles.module.css

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-@reference '../../index.module.css';
+@reference '@accelint/design-foundation/styles';
 
 @layer components.l1 {
   .sidenav {
@@ -217,6 +217,14 @@
     }
   }
 
+  .triggerChevron {
+    @apply transform;
+
+    @variant group-expanded/menu {
+      @apply rotate-180;
+    }
+  }
+
   .panel {
     @apply fg-primary-bold rounded-medium bg-surface-raised outline-static outline;
 

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

@@ -1,16 +1,30 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SidenavTriggerProps } from './types.js';
-import '@accelint/bus';
-import '@accelint/core';
-import 'react';
-import 'react-aria-components';
-import './events.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
+import { SidenavTriggerProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+
+//#region src/components/sidenav/trigger.d.ts
 /**
  * SidenavTrigger - Trigger component for sidenav
  *
  * Provides a trigger button to control the sidenav state
  */
-declare function SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
-
+declare function SidenavTrigger({
+  children,
+  for: type,
+  ...rest
+}: SidenavTriggerProps): react_jsx_runtime97.JSX.Element;
+//#endregion
 export { SidenavTrigger };
+//# sourceMappingURL=trigger.d.ts.map

package/dist/components/sidenav/trigger.js

@@ -1,4 +1,41 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useEmit}from'@accelint/bus/react';import {isUUID}from'@accelint/core';import {Pressable}from'react-aria-components';import {SidenavEventTypes}from'./events.js';function u({children:r,for:e,...i}){const[o,t]=isUUID(e)?["toggle",e]:e.split(":"),n=useEmit(SidenavEventTypes[o]);return jsx(Pressable,{...i,onPress:()=>n({id:t}),children:r})}export{u as SidenavTrigger};//# sourceMappingURL=trigger.js.map
+import { SidenavEventTypes } from "./events.js";
+import "client-only";
+import { Pressable } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import { useEmit } from "@accelint/bus/react";
+import { isUUID } from "@accelint/core";
+
+//#region src/components/sidenav/trigger.tsx
+/**
+* SidenavTrigger - Trigger component for sidenav
+*
+* Provides a trigger button to control the sidenav state
+*/
+function SidenavTrigger({ children, for: type, ...rest }) {
+	const [event, id] = isUUID(type) ? ["toggle", type] : type.split(":");
+	const emit = useEmit(SidenavEventTypes[event]);
+	return /* @__PURE__ */ jsx(Pressable, {
+		...rest,
+		onPress: () => emit({ id }),
+		children
+	});
+}
+
+//#endregion
+export { SidenavTrigger };
 //# sourceMappingURL=trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/trigger.tsx"],"names":["type","rest","isUUID","p","useEmit","SidenavEventTypes","event","g","v","m","emit","id"],"mappings":"gOAyBO,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAKA,GACL,CAAA,CAAGC,CACL,GACE,SAAgB,CAAA,CAAKC,CAAAA,CAAOF,CAAI,CAAAG,MAAI,CAAC,YAAkBH,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,KAAS,CAAA,GAIxDI,CAAAA,CAAsBC,EAAkBC,OAAK,CAACC,iBAAA,CAE3D,CAAA,CAAA,CAAA,CAAA,OACGC,GAAW,CAAAC,SAAA,CAAGR,IAAM,CAAA,CAAA,OAAS,CAAMS,MAAOC,CAAG,EAAC,CAC5C,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 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 { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n */\nexport function SidenavTrigger({\n  children,\n  for: type,\n  ...rest\n}: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\n"]}
+{"version":3,"file":"trigger.js","names":[],"sources":["../../../src/components/sidenav/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n */\nexport function SidenavTrigger({\n  children,\n  for: type,\n  ...rest\n}: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,eAAe,EAC7B,UACA,KAAK,MACL,GAAG,QACmB;CACtB,MAAM,CAAC,OAAO,MAAO,OAAO,KAAK,GAAG,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,IAAI;CAItE,MAAM,OAAO,QAAsB,kBAAkB,OAAO;AAE5D,QACE,oBAAC;EAAU,GAAI;EAAM,eAAe,KAAK,EAAE,IAAI,CAAC;EAC7C;GACS"}