@accelint/design-toolkit 7.0.0 → 8.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["field","SelectFieldStyles","SelectField","ref","props","useContextProps","SelectFieldContext","size","children","O","classNames","descriptionProp","labelProp","errorMessage","errorMessageProp","isSmall","jsx","AriaSelect","rest","className","e","z","s","jsxs","Fragment","showLabel","Label","label","Q","isRequired","isDisabled","trigger","d","C","A","M","E","FieldError","composeRenderProps","L","AriaPopover","popover","h","V","x","B"],"mappings":"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","file":"index.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 ChevronDown from '@accelint/icons/chevron-down';\nimport 'client-only';\nimport {\n  Popover as AriaPopover,\n  Select as AriaSelect,\n  SelectValue as AriaSelectValue,\n  composeRenderProps,\n  FieldError,\n  ListLayout,\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 { SelectFieldStyles } from './styles';\nimport type { SelectFieldProps } from './types';\n\nconst { description, error, trigger, label, field, value, popover } =\n  SelectFieldStyles();\n\n/**\n * SelectField - A dropdown selection component with comprehensive form field features\n *\n * Provides an accessible and feature-rich select dropdown with built-in validation,\n * multiple sizing options, virtualization support for large datasets, and seamless\n * integration with form libraries. Includes label, description, and error messaging\n * capabilities with customizable styling through className props.\n *\n * @example\n * // Basic select field\n * <SelectField label='Country' placeholder='Select a country'>\n *   <OptionsItem textValue='us'>United States</OptionsItem>\n *   <OptionsItem textValue='ca'>Canada</OptionsItem>\n *   <OptionsItem textValue='uk'>United Kingdom</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Select field with validation and description\n * <SelectField\n *   label=\"Priority Level\"\n *   description=\"Choose the urgency level for this task\"\n *   errorMessage={errors.priority}\n *   isRequired\n *   isInvalid={!!errors.priority}\n * >\n *   <OptionsItem textValue=\"low\">Low</OptionsItem>\n *   <OptionsItem textValue=\"medium\">Medium</OptionsItem>\n *   <OptionsItem textValue=\"high\">High</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Small size select field with custom styling\n * <SelectField\n *   size=\"small\"\n *   placeholder=\"Quick select\"\n *   classNames={{\n *     field: \"custom-field-styles\",\n *     trigger: \"custom-trigger-styles\"\n *   }}\n * >\n *   <OptionsItem textValue=\"option1\">Option 1</OptionsItem>\n *   <OptionsItem textValue=\"option2\">Option 2</OptionsItem>\n * </SelectField>\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    ...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\n  return (\n    <AriaSelect\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(classNames?.field, (className) =>\n        field({ className }),\n      )}\n      isInvalid={isInvalid}\n      data-size={size}\n    >\n      {composeRenderProps(\n        children,\n        (children, { isRequired, isDisabled, isInvalid }) => (\n          <>\n            {showLabel && (\n              <Label\n                className={label({ className: classNames?.label })}\n                isRequired={isRequired}\n                isDisabled={isDisabled}\n              >\n                {labelProp}\n              </Label>\n            )}\n            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                trigger({ className }),\n              )}\n              variant='outline'\n              size={size}\n            >\n              <AriaSelectValue\n                className={value({ className: classNames?.value })}\n              />\n              <Icon>\n                <ChevronDown className='transform group-open/select-field:rotate-180' />\n              </Icon>\n            </Button>\n            {!!descriptionProp && !(isSmall || isInvalid) && (\n              <Text\n                className={description({ className: classNames?.description })}\n                slot='description'\n              >\n                {descriptionProp}\n              </Text>\n            )}\n            <FieldError\n              className={composeRenderProps(classNames?.error, (className) =>\n                error({ className }),\n              )}\n            >\n              {errorMessage}\n            </FieldError>\n            <AriaPopover\n              className={composeRenderProps(classNames?.popover, (className) =>\n                popover({ className }),\n              )}\n            >\n              <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n                <Options>{children}</Options>\n              </Virtualizer>\n            </AriaPopover>\n          </>\n        ),\n      )}\n    </AriaSelect>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["size","V","children","T","classNames","descriptionProp","props","errorMessage","isInvalidProp","showLabel","isSmall","labelProp","jsx","rest","ref","composeRenderProps","className","e","z","isInvalid","isRequired","isDisabled","l","jsxs","Fragment","clsx","f","A","o","styles","FieldError","L","Popover","O","Virtualizer","w","E","R"],"mappings":"iiBAgFuE,SAGnE,CAAA,CAAA,CAAAA,GAAO,CAAA,CAAA,CAAA,GAAA,CAAA,CACP,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,eAAAC,CAAAA,CACA,CAAA,CAAA,EAAA,IAAA,CAAAC,kBAAA,CAAAC,CAAAA,aACaC,QACb,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,YAEEC,CAAAA,CAEEC,MAAiC,CAAA,CAAA,CAAA,aAErBC,CADD,CAAC,CAACD,SAEM,CAAA,CAAA,CAAA,GAAA,CACnBE,CAAAA,CAAY,CAACC,CAAAA,CAAAA,CAAW,CAAC,EAACC,IAEhC,EAAA,EACEC,IAAC,CACE,GAAGC,EACJ,CAAA,CAAA,CAAA,CAAKC,CAAAA,CACL,CAAA,GAAA,OAAWC,CAAmBX,CAAAA,CAAAA,CAAY,CAAA,EAAA,CAAA,CAAA,CAAQY,CAAAA,OAC3CC,GAAA,CAAAC,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAA6B,CAAOF,kBAAS,CACpD,CAAA,EACA,KAAA,CAAA,CAAA,EAAWG,IAAAA,CACX,oBAEC,CAAA,CAAA,CAAAJ,KAEEb,CAAAA,CAAU,CAAE,CAAA,CAAA,SAAAkB,CAAAA,CAAY,YAAAC,CAAY,CAAA,CAAA,QAAAF,CAAUG,kBAAA,CAAA,CAAA,CAC7CC,CAAAA,CAAAC,CAAAA,CAAA,UACG,CAAAf,YAEG,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,GAAOL,IAAY,mBAC1C,CAAA,CAAA,CAAA,EAAAa,GAAYG,CAAAA,KACZ,CAAA,CAAA,SAAYC,KAEX,CAAA,CAAA,CAAA,KAAA,CAAAV,CAAAA,EACH,KAED,CACC,CAAA,UAAWI,CAAmBX,CAAAA,CAAAA,UAAsBY,CAAAA,CAClDS,CAAAA,WAAqBT,CAAS,CAChCU,IAAA,CACAC,MAAA,CAAA,CAAA,SACA,CAAAL,kBAAA,CAAQ,CAAA,EAAA,OAER,CAAA,CAAA,EAAAM,IAAA,CAAA,CAAA,CAAA,OAAa,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAWH,CAAAA,CAAKI,OAAO,CAAOzB,UAAoB,oCAEhD,CAAAwB,IAAA,CAAA,CAAA,CAAA,oGAKR,CACL,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWH,EAAKI,EAAO,iBAAazB,IAAY,CAAA,aAE/C,CAAA,SACH,CAEFQ,IAAAA,CAACkB,CAAAA,CAAA,WACYf,CAAAA,CAAmBX,EAAAA,WAC5BqB,CAAKI,CAAAA,QAAuB,CAC9B,CAAA,CAEC,CAAA,CAAAZ,GAAA,CAAAc,UAAA,CAAA,CAAA,SAEFC,CAAAV,kBACC,CAAA,CAAA,EAAA,KAAA,CAAWP,GAAmBX,IAAAA,CAAY,CAAA,CAAA,KAAA,CAAUY,CAAAA,CAAAA,CAClDS,CAAAA,QAAY,CAAA,CAAA,CAAST,CAAS,CAChCC,IAEAgB,OAAA,CAAA,CAAA,SAACC,CAAAZ,kBAAY,CAAA,CAAA,EAAA,OAAoB,CAAA,CAAA,EAAAM,IAAA,CAAA,CAAA,CAAA,oBACrB,CAAAX,GAAA,CAAAkB,WAAA,CAAA,CAAA,MAAS,CACrBC,UAAA,CACF,aAMZ,CAAA,CAAA,CAAA,QAAA,CAAAnB,GAAA,CAAAoB,OAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.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/chevron-down';\nimport {\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 - A dropdown selection component with comprehensive form field features\n *\n * Provides an accessible and feature-rich select dropdown with built-in validation,\n * multiple sizing options, virtualization support for large datasets, and seamless\n * integration with form libraries. Includes label, description, and error messaging\n * capabilities with customizable styling through className props.\n *\n * @example\n * // Basic select field\n * <SelectField label='Country' placeholder='Select a country'>\n *   <OptionsItem textValue='us'>United States</OptionsItem>\n *   <OptionsItem textValue='ca'>Canada</OptionsItem>\n *   <OptionsItem textValue='uk'>United Kingdom</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Select field with validation and description\n * <SelectField\n *   label=\"Priority Level\"\n *   description=\"Choose the urgency level for this task\"\n *   errorMessage={errors.priority}\n *   isRequired\n *   isInvalid={!!errors.priority}\n * >\n *   <OptionsItem textValue=\"low\">Low</OptionsItem>\n *   <OptionsItem textValue=\"medium\">Medium</OptionsItem>\n *   <OptionsItem textValue=\"high\">High</OptionsItem>\n * </SelectField>\n *\n * @example\n * // Small size select field with custom styling\n * <SelectField\n *   size=\"small\"\n *   placeholder=\"Quick select\"\n *   classNames={{\n *     field: \"custom-field-styles\",\n *     trigger: \"custom-trigger-styles\"\n *   }}\n * >\n *   <OptionsItem textValue=\"option1\">Option 1</OptionsItem>\n *   <OptionsItem textValue=\"option2\">Option 2</OptionsItem>\n * </SelectField>\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    ...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\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    >\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            <Button\n              className={composeRenderProps(classNames?.trigger, (className) =>\n                clsx(styles.trigger, className),\n              )}\n              size={size}\n              variant='outline'\n            >\n              <SelectValue className={clsx(styles.value, classNames?.value)} />\n              <Icon>\n                <ChevronDown className='transform group-open/select-field:rotate-180' />\n              </Icon>\n            </Button>\n            {!!descriptionProp && !(isSmall || isInvalid) && (\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"]}

package/dist/components/select-field/styles.module.css

@@ -0,0 +1,78 @@
+/*
+ * 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.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .value {
+    @apply font-display flex grow items-center;
+
+    @variant group-size-small/select-field {
+      @apply gap-xs text-body-xs;
+    }
+
+    @variant group-size-medium/select-field {
+      @apply gap-s text-body-s;
+    }
+  }
+
+  .description {
+    @apply fg-primary-muted text-body-xs;
+
+    @variant group-disabled/select-field {
+      @apply fg-disabled;
+    }
+  }
+
+  .error {
+    @apply fg-serious-bold text-body-xs;
+  }
+}
+
+@layer components.l2 {
+  .trigger {
+    @apply justify-between;
+
+    @variant size-medium {
+      @apply py-xs;
+      min-width: 220px;
+    }
+
+    @variant size-small {
+      @apply py-xxs w-fit;
+    }
+
+    @variant hover {
+      @apply bg-transparent outline-1;
+    }
+
+    @variant focus-visible {
+      @apply bg-transparent outline-1;
+    }
+
+    @variant pressed {
+      @apply outline-accent-primary-bold bg-transparent outline-1;
+    }
+
+    @variant group-focus-visible/select-field {
+      @apply outline-accent-primary-bold;
+    }
+
+    @variant group-invalid/select-field {
+      @apply outline-serious-bold;
+    }
+  }
+
+  .popover {
+    @apply min-w-(--trigger-width);
+  }
+}

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

@@ -2,10 +2,7 @@ import { RefAttributes } from 'react';
 import { SelectProps, VirtualizerProps, ListLayoutOptions, FieldErrorProps, PopoverProps } from 'react-aria-components';
 import { ButtonProps } from '../button/types.js';
 import { LabelProps } from '../label/types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 
 type SelectFieldProps = Omit<SelectProps, 'className'> & Pick<VirtualizerProps<ListLayoutOptions>, 'layoutOptions'> & RefAttributes<HTMLDivElement> & {
     classNames?: {

package/dist/components/sidenav/avatar.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Provider,HeadingContext,TextContext}from'react-aria-components';import {AvatarContext}from'../avatar/context.js';import {IconContext}from'../icon/context.js';import {SidenavStyles}from'./styles.js';const{avatar:p,avatarHeading:d,avatarIcon:a,avatarText:N,transient:t}=SidenavStyles();function P({children:r,className:o,...s}){return jsx(Provider,{values:[[IconContext,{size:"large",className:a()}],[HeadingContext,{className:d({className:t()})}],[TextContext,{className:N({className:t()})}],[AvatarContext,{classNames:{avatar:a()}}]],children:jsx("div",{...s,className:p({className:o}),children:r})})}export{P as SidenavAvatar};//# sourceMappingURL=avatar.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Provider,HeadingContext,TextContext}from'react-aria-components';import {AvatarContext}from'../avatar/context.js';import {IconContext}from'../icon/context.js';import t from'./styles.module.css';function A({children:e,className:o,...i}){return jsx(Provider,{values:[[IconContext,{size:"large",className:t.icon}],[HeadingContext,{className:clsx(t.heading,t.transient)}],[TextContext,{className:clsx(t.text,t.transient)}],[AvatarContext,{classNames:{avatar:t.icon}}]],children:jsx("div",{...i,className:clsx(t.avatar,o),children:e})})}export{A as SidenavAvatar};//# sourceMappingURL=avatar.js.map
 //# sourceMappingURL=avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/avatar.tsx"],"names":["avatarIcon","avatarText","transient","l","SidenavAvatar","children","className","jsx","Provider","e","IconContext","c","i","avatarHeading","v","m","rest","avatar"],"mappings":"sQAoBQ,4BAAuB,CAAA,CAAAA,CAAAA,UAAY,CAAA,CAAAC,CAAAA,UAAY,CAAAC,CAAU,CAAA,SAQ1D,CAAA,CAAA,CAAA,CAAAC,aAASC,EAAc,CAC5B,SAAAC,CAAAA,CACA,CAAA,QAAA,CAAAC,CAAAA,CACA,SAEA,CAAA,CAAA,CAAA,GACEC,CAACC,CAAAA,CAAA,CACC,OAAQC,GACN,CAACC,QAAAA,CAAa,CAAE,MAAM,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,IAAS,CAAA,OAAWX,CAAW,SAGjD,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAAY,cAAWC,CAAAA,CAAc,SAAE,CAAA,CAAWX,CAAAA,CAAU,SAEtC,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAY,WAAWb,CAAAA,CAAW,SAAE,CAAA,CAAWC,CAAAA,CAAU,SAC7C,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAa,aAAA,CAAY,CAAE,UAAqB,CAAE,CAAC,MAG1D,CAAA,CAAA,EAAA,CAAA,CAAAR,CAAAA,CAAC,CAAA,QAAK,CAAGS,GAAAA,CAAM,KAAA,CAAA,CAAA,GAAWC,CAAAA,CAAO,SAAE,CAAA,CAAAX,CAAU,CAAC,SAC3C,CAAA,CAAAD,CAAAA,CACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"avatar.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 { HeadingContext, Provider, TextContext } from 'react-aria-components';\nimport { AvatarContext } from '../avatar/context';\nimport { IconContext } from '../icon/context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavAvatarProps } from './types';\n\nconst { avatar, avatarHeading, avatarIcon, avatarText, transient } =\n  SidenavStyles();\n\n/**\n * SidenavAvatar - Avatar component for sidenav\n *\n * Provides an avatar container with proper styling for the sidenav\n */\nexport function SidenavAvatar({\n  children,\n  className,\n  ...rest\n}: SidenavAvatarProps) {\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'large', className: avatarIcon() }],\n        [\n          HeadingContext,\n          { className: avatarHeading({ className: transient() }) },\n        ],\n        [TextContext, { className: avatarText({ className: transient() }) }],\n        [AvatarContext, { classNames: { avatar: avatarIcon() } }],\n      ]}\n    >\n      <div {...rest} className={avatar({ className })}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/sidenav/avatar.tsx"],"names":["SidenavAvatar","children","jsx","Provider","r","n","IconContext","p","HeadingContext","s","a","styles","m","v","className"],"mappings":"0TA0BgBA,SACd,CAAA,CAAA,CAAAC,QACA,CAAA,CAAA,CAAA,SAEqB,CACrB,OACEC,CAAAA,CAACC,OACCC,GAAA,CAAAC,QAAQ,CACN,CAACC,MAAe,CAAA,CAAM,CAAAC,WAAA,CAAA,CAAA,IAAS,CAAA,OAAA,CAAA,SAAwB,CACvD,CAACC,KAAkB,CAAA,CAAA,CAAA,CAAAC,cAAA,CAAA,CAAA,SAAuB,CAAAC,IAAA,CAAA,CAASC,CAAAA,OAAO,CAAA,CAAA,CAAS,SACnD,CAAA,CAAA,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,UAA6BD,IAAAA,CAAO,CAAA,CAAA,IAAA,CAAA,CAAA,CAAS,SAC3C,CAAA,CAAA,CAAA,CAAA,CAAAE,aAAA,CAAA,CAAA,UAAsBF,CAAAA,CAAO,MAAQ,CACzD,CAAA,CAEA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAAT,SAAME,GAAA,CAAA,KAAS,CAAA,CAAA,GAAA,CAAA,CAAA,SAAuB,CAAAM,IAAA,CAAQI,CAAS,CAAA,MACpD,CAAA,CAAA,CAAA,CAAAb,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"avatar.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 { 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 */\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"]}

package/dist/components/sidenav/content.js

@@ -1,2 +1,4 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {Provider}from'react-aria-components';import {DividerContext}from'../divider/context.js';import {SidenavStyles}from'./styles.js';const{content:v,divider:m}=SidenavStyles();function f({className:o,children:t,...i}){return jsx(Provider,{values:[[DividerContext,{className:m()}]],children:jsx("div",{...i,className:v({className:o}),children:t})})}export{f as SidenavContent};//# sourceMappingURL=content.js.map
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Provider}from'react-aria-components';import {DividerContext}from'../divider/context.js';import o from'./styles.module.css';function l({className:e,children:r,...i}){return jsx(Provider,{values:[[DividerContext,{className:o.divider}]],children:jsx("div",{...i,className:clsx(o.content,e),children:r})})}export{l as SidenavContent};//# sourceMappingURL=content.js.map
 //# sourceMappingURL=content.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/content.tsx"],"names":["content","divider","d","jsx","e","r","n"],"mappings":"gMAmBQ,KAAA,CAAAA,OAAS,CAAA,CAAA,CAAAC,OAOV,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,oBAGF,CAAwB,CACtB,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OAAUC,GAAA,CAAAC,QAAA,CAAQ,CAAC,MAAmB,CAAA,CAAA,CAAAC,cAAA,CAAA,CAAA,SACpC,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,QAAC,CAAAF,GAAK,CAAA,qBAA8B,CAAA,CAAA,CAAA,CAAA,SACjC,CAAA,CAAA,CAAA,CAAA,CAAA,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"content.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 { Provider } from 'react-aria-components';\nimport { DividerContext } from '../divider/context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavContentProps } from './types';\n\nconst { content, divider } = SidenavStyles();\n\n/**\n * SidenavContent - Container for sidenav content\n *\n * Provides a container for sidenav content with proper styling\n */\nexport function SidenavContent({\n  className,\n  children,\n  ...rest\n}: SidenavContentProps) {\n  return (\n    <Provider values={[[DividerContext, { className: divider() }]]}>\n      <div {...rest} className={content({ className })}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/sidenav/content.tsx"],"names":["rest","t","m","p","n"],"mappings":"oPAyBO,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAGA,CACL,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,OACYC,GAAA,CAAAC,QAAA,CAAA,CAAA,MAA0B,CAAE,CAAA,CAAAC,cAAA,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,OACtD,CAAA,CAAA,CAAA,CAAA,QAAC,CAAAF,GAAA,CAAA,KAAQD,CAAAA,CAAM,GAAA,CAAA,CAAA,SAAuB,CAAAI,IAAA,CAAA,CAAA,CAAA,OACnC,CAAA,CAAA,CAAA,CAAA,QAEL,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"content.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 { 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 */\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"]}

package/dist/components/sidenav/footer.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';function t(o){return jsx("footer",{...o})}export{t as SidenavFooter};//# sourceMappingURL=footer.js.map
+import {jsx}from'react/jsx-runtime';function r(o){return jsx("footer",{...o})}export{r as SidenavFooter};//# sourceMappingURL=footer.js.map
 //# sourceMappingURL=footer.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/footer.tsx"],"names":["SidenavFooter","props","jsx"],"mappings":"wDAqBO,SAASA,CAAAA,CAAcC,CAAAA,CAA2B,CACvD,OAAOC,GAAAA,CAAC,QAAA,CAAA,CAAQ,GAAGD,EAAO,CAC5B","file":"footer.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 type { SidenavFooterProps } from './types';\n\n/**\n * SidenavFooter - Footer component for sidenav\n *\n * Provides a footer container for the sidenav\n */\nexport function SidenavFooter(props: SidenavFooterProps) {\n  return <footer {...props} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/sidenav/footer.tsx"],"names":["SidenavFooter","props","jsx"],"mappings":"oCAkBO,SAASA,CAAAA,CAAcC,CAAAA,CAA2B,CACvD,OAAOC,GAAAA,CAAC,QAAA,CAAA,CAAQ,GAAGD,CAAAA,CAAO,CAC5B","file":"footer.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 type { SidenavFooterProps } from './types';\n\n/**\n * SidenavFooter - Footer component for sidenav\n *\n * Provides a footer container for the sidenav\n */\nexport function SidenavFooter(props: SidenavFooterProps) {\n  return <footer {...props} />;\n}\n"]}

package/dist/components/sidenav/header.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {useEmit}from'@accelint/bus/react';import {ChevronLeft}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Header,Button,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{header:u,toggle:H,transient:y}=SidenavStyles();function L({children:t,classNames:o,...r}){const n=useEmit(SidenavEventTypes.toggle),{id:m}=useContext(SidenavContext);return jsx(Header,{...r,className:u({className:o?.header}),children:jsxs(Button,{className:composeRenderProps(o?.button,i=>H({className:i})),onPress:()=>n({id:m}),children:[t,jsx(Icon,{className:y(),children:jsx(ChevronLeft,{})})]})})}export{L as SidenavHeader};//# sourceMappingURL=header.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {useEmit}from'@accelint/bus/react';import {clsx}from'@accelint/design-foundation/lib/utils';import {ChevronLeft}from'@accelint/icons';import {useContext}from'react';import {Header,Button,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import e from'./styles.module.css';function b({children:n,classNames:t,...m}){const i=useEmit(SidenavEventTypes.toggle),{id:p}=useContext(SidenavContext);return jsx(Header,{...m,className:clsx(e.header,t?.header),children:jsxs(Button,{className:composeRenderProps(t?.button,s=>clsx(e.toggle,s)),onPress:()=>i({id:p}),children:[n,jsx(Icon,{className:e.transient,children:jsx(ChevronLeft,{})})]})})}export{b as SidenavHeader};//# sourceMappingURL=header.js.map
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/header.tsx"],"names":["toggle","transient","SidenavStyles","g","children","classNames","useContext","SidenavContext","a","S","Header","rest","p","l","e","f","jsxs","Button","E","d","className","v","id","jsx","Icon","c","s"],"mappings":"uZAwBgBA,KAAQ,CAAA,MAAAC,CAAU,CAAA,CAAIC,MAO/B,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAAC,CAAAA,SACA,CAAA,CAAA,CAAAC,QAEqB,CACrB,CAAA,CAAA,UAA2D,CAAA,CAAA,CAAA,GAAM,CAAA,CAC3D,CAAE,CAAA,MAAOC,CAAWC,CAAcC,OAAA,CAExCC,iBAAA,CAAA,OACGC,CAAAA,CAAA,EAAQ,CAAA,CAAGC,CAAAA,CAAMC,UAAA,CAAAC,cAAA,CAAA,CAAA,OAAkBC,GAAE,CAAAC,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAuB,CAAO,CAAC,CAAA,CACnE,SAAAC,CAAAA,CAACC,EAAA,iBAC2C,CAAAC,IAAA,CAAAC,MAAA,CAAA,CAASC,SACxC,CAAAC,kBAAA,CAAA,CAAA,EAAA,MAEX,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAsB,CAAA,CAAAC,CAAG,CAAC,CAAA,CAEzB,OAAA,CAAA,IACDC,CAAAA,CAACC,CAAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,QAAqB,CACzB,CAAA,CAAA,CAAAV,GAAA,CAAAW,IAAA,CAAA,CAAA,SACF,CAAA,CAAA,GAEJ,QAEJ,CAAAX,GAAA,CAAAY,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.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 { useEmit } from '@accelint/bus/react';\nimport { ChevronLeft } from '@accelint/icons';\nimport 'client-only';\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 { SidenavStyles } from './styles';\nimport type { SidenavHeaderProps, SidenavToggleEvent } from './types';\n\nconst { header, toggle, transient } = SidenavStyles();\n\n/**\n * SidenavHeader - Header component for sidenav\n *\n * Provides a header with toggle button for the sidenav\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={header({ className: classNames?.header })}>\n      <Button\n        className={composeRenderProps(classNames?.button, (className) =>\n          toggle({ className }),\n        )}\n        onPress={() => emit({ id })}\n      >\n        {children}\n        <Icon className={transient()}>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Header>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/sidenav/header.tsx"],"names":["rest","useEmit","SidenavEventTypes","useContext","SidenavContext","jsx","Header","f","o","clsx","styles","r","jsxs","Button","classNames","v","c","id","children","Icon","g","d"],"mappings":"2cA+BE,SACA,CAAA,CAAA,CAAA,QACGA,CACL,CAAA,CAAuB,UACRC,CAA4BC,EAAkB,GAAA,CAAA,CAAA,CAAM,CAAA,MACtD,CAAA,CAAIC,OAAAA,CAAWC,iBAAc,CAAA,MAExC,CAAA,CACEC,CAAAA,EAACC,CAAA,CAAQ,CAAA,CAAAC,UAAGP,CAAAA,cAAM,CAAA,CAAA,OAAAQ,GAAWC,CAAAA,MAAKC,CAAAA,CAAO,GAAA,CAAA,CAAA,SAAoB,CAAAC,IAAM,CAAA,CACjE,CAAA,MAAA,CAAA,CAAAC,EAACC,MACC,CAAA,CAAA,QAA8BC,CAAAA,IAAY,CAAAC,MAAA,CAAA,CAAA,SACnCL,CAAOM,kBAAA,CAAA,CAAA,EAAA,MAEd,CAAA,CAAA,EAAAL,IAAA,CAAA,CAAA,CAAS,MAAW,CAAE,CAAA,CAAA,CAAAM,CAAG,OAExB,CAAA,IAAA,CAAAC,CAAAA,CACDb,EAACc,CAAAA,CAAA,CAAK,CAAA,CAAA,QAAWT,CAAAA,CAAO,CAAA,CAAAF,GAAA,CAAAY,IAAA,CAAA,CAAA,SACtB,CAAA,CAAA,CAAAf,SACF,CAAA,QAIR,CAAAG,GAAA,CAAAa,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ChevronLeft } from '@accelint/icons';\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 */\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"]}

package/dist/components/sidenav/index.js

@@ -1,2 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useState}from'react';import {Provider,HeadingContext,DEFAULT_SLOT}from'react-aria-components';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:y,heading:N,transient:s,menuHeading:O,panelHeading:T}=SidenavStyles();function D({id:a,className:r,isHiddenWhenClosed:p,children:v,...d}){const[e,o]=useState(false);return useOn(SidenavEventTypes.toggle,n=>{n.payload.id===a&&o(m=>!m);}),useOn(SidenavEventTypes.open,n=>{!e&&n.payload.id===a&&o(true);}),useOn(SidenavEventTypes.close,n=>{e&&n.payload.id===a&&o(false);}),p&&!e?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:N({className:s()})},menu:{className:O({className:s()})},panel:{className:T()}}}],[SidenavContext,{id:a,isOpen:e}]],children:jsx("nav",{...d,className:y({className:r}),"data-open":e||null,children:v})})}export{D as Sidenav};//# sourceMappingURL=index.js.map
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {useOn}from'@accelint/bus/react';import {clsx}from'@accelint/design-foundation/lib/utils';import {useState}from'react';import {Provider,HeadingContext,DEFAULT_SLOT}from'react-aria-components';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import e from'./styles.module.css';function L({id:o,className:l,isHiddenWhenClosed:v,children:d,...m}){const[n,t]=useState(false);return useOn(SidenavEventTypes.toggle,a=>{a.payload.id===o&&t(f=>!f);}),useOn(SidenavEventTypes.open,a=>{!n&&a.payload.id===o&&t(true);}),useOn(SidenavEventTypes.close,a=>{n&&a.payload.id===o&&t(false);}),v&&!n?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:clsx(e.heading,e.transient)},menu:{className:clsx(e.heading,e.transient)},panel:{className:e.heading}}}],[SidenavContext,{id:o,isOpen:n}]],children:jsx("nav",{...m,className:clsx("group/sidenav",e.sidenav,l),"data-open":n||null,children:d})})}export{L as Sidenav};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["transient","menuHeading","Sidenav","className","children","setIsOpen","useState","S","useOn","SidenavEventTypes","i","data","prev","t","isOpen","isHiddenWhenClosed","jsx","Provider","l","HeadingContext","DEFAULT_SLOT","u","f","heading","panelHeading","id","rest","sidenav"],"mappings":"yUA2BiB,CAAA,QAAS,CAAA,CAAA,OAAA,CAAAA,CAAAA,CAAW,YAAAC,WAAa,CAAA,CAAA,CAAA,6BA2DlCC,EAAQ,CACtB,SACA,CAAA,CAAA,CAAA,EAAA,CAAAC,EACA,SAAA,CAAA,CAAA,CAAA,kBACAC,CAAAA,CACA,CAAA,WAEM,GAASC,CAAS,CAAA,CAAIC,CAAAA,KAoB5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,QAlBAC,MAAMC,CAAkB,CAAA,aAAsCC,iBACxDC,CAAAA,UAAa,CAAA,CAAA,CAAA,OACJC,CAAAA,EAAUA,GAExB,GAEDJ,CAAMC,CAAAA,CAAkB,MAAOE,CAAAA,CAAAA,CAA2BE,KACpD,CAACC,iBAAAA,CAAAA,IAAe,CAAA,CAAA,EAAA,CAAA,CAAA,CAAQ,YACZ,EAEjB,GAEDN,CAAMC,EAAkB,SAAQE,CAAAA,CAAAA,KAA4B,CACtDG,uBAAe,CAAA,CAAA,EAAA,CAAA,CAAQ,YACV,EAElB,GAEGC,CAAAA,EAAuBD,EAClB,KAAA,EAAA,CAAA,CAIPE,CAAAA,CAACC,EAAA,CACC,CAAA,CAAA,IAAA,CAAQC,GACN,CACEC,QAAAA,CACA,CACE,MAAO,CACL,CAACC,CAAYC,cAAA,CAAG,CACd,KAAA,CAAA,CAAA,CAAAC,YAAA,EAAWC,CAAQ,SAAE,CAAA,CAAWvB,CAAAA,CAAU,UAEtC,CAAE,EAAA,CAAA,CAAA,CAAA,CAAA,IAAWC,EAAY,SAAE,CAAA,CAAWD,EAAU,SACtD,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,KAAWwB,CAAAA,CAAa,SAItB,CAAE,CAAA,EAAAC,CAAAA,CAAI,oBAAAX,EAAQ,CACjC,CAAA,CAEA,MAAA,CAAA,CAAA,CAAAE,EAAC,CAAA,QACE,CAAGU,IACJ,KAAA,CAAA,CAAA,GAAWC,CAAAA,CAAQ,SAAE,CAAA,CAAAxB,CAAU,CAAC,SAChC,CAAA,CAAA,CAAA,CAAA,CAAWW,WAEV,CAAA,CAAA,EAAA,IACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.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 { useOn } from '@accelint/bus/react';\nimport 'client-only';\nimport { useState } from 'react';\nimport { DEFAULT_SLOT, HeadingContext, Provider } from 'react-aria-components';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n  SidenavCloseEvent,\n  SidenavOpenEvent,\n  SidenavProps,\n  SidenavToggleEvent,\n} from './types';\n\nconst { sidenav, heading, transient, menuHeading, panelHeading } =\n  SidenavStyles();\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 * @example\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 */\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: heading({ className: transient() }),\n              },\n              menu: { className: menuHeading({ className: transient() }) },\n              panel: { className: panelHeading() },\n            },\n          },\n        ],\n        [SidenavContext, { id, isOpen }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={sidenav({ className })}\n        data-open={isOpen || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["Sidenav","children","isOpen","setIsOpen","S","useOn","SidenavEventTypes","i","data","prev","jsx","Provider","p","c","HeadingContext","u","DEFAULT_SLOT","g","s","styles","id","E","className"],"mappings":"wXAoFgBA,0BAGd,CAAA,CAAA,CAAA,kBACA,CAAA,CAAA,CAAAC,QAEe,CACf,CAAA,CAAA,GAAM,CAACC,CAAAA,CAAQC,CAAS,KAAa,CAAK,EAoB1C,CAAA,CAAA,CAAAC,QAAA,CAAA,KAlBAC,CAAAA,CAAMC,OAAkBC,KAAA,CAASC,iBAAAA,CAAAA,MACtB,CAAA,CAAA,EAAA,CAAA,CAAQ,CAAA,OACfL,GAAWM,GAAUA,CAAI,EAE5B,EAEDJ,CAAAA,EAAMC,CAAkB,MAAOE,KAAAA,CAAAA,iBAA2B,CACpD,IAAWA,CAAAA,CAAK,QAAQ,CAAA,OAC1BL,GAAU,GAEb,CAAA,GAEKG,CAAAA,IAAkB,EAAA,CAAA,CAAA,CAAAC,KAAQC,mBAA4B,MACvC,CAAA,EAAA,CAAA,CAAA,EAAA,CAAQ,CAAA,OACzBL,CAAAA,EAAU,GAEb,CAAA,IAEyB,KAACD,EAClB,MAIPQ,CAACC,CAAAA,CAAA,IACC,CAAAC,GAAA,CAAAC,QAAQ,CACN,CACEC,MAEE,CAAA,CAAA,CAAOC,cACL,CAACC,CAAY,KACX,CAAA,CAAA,CAAAC,YAAA,EAAA,CAAA,SAAuB,CAAAC,IAAA,CAAA,CAASC,CAAAA,UAAgB,SAE1C,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,gBAAgCA,CAAAA,OAAO,CAAA,CAAA,CAAS,SACjD,CAAE,CAAA,CAAA,KAAA,CAAA,CAAA,UAA0B,CACrC,CACF,OAEiB,CAAA,CAAA,CAAAC,EAAI,CAAAC,cAAA,CAAA,CAAA,EAAA,CAAAnB,CAAO,CAAC,MAGjC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAQ,SACGE,GAAA,CAAA,qBACe,CAAAM,IAAA,CAAA,eAAwB,CAAA,CAASI,CAAS,OAC1D,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,EAAA,IAAA,CAAArB,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.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 { 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 * @example\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 */\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"]}

package/dist/components/sidenav/item.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/item.tsx"],"names":["transient","SidenavStyles","SidenavItem","children","textValue","useContext","SidenavContext","ref","useRef","jsx","Provider","p","v","l","u","text","isOpen","N","ToggleButton","composeRenderProps","classNames","className","item","a","o","g"],"mappings":"wZA4BoB,KAAAA,CAAW,IAAA,CAAA,CAAA,CAAA,IAAYC,CAAAA,CAAc,CAAA,SAOlD,CAASC,EAAY,OAC1B,CAAA,CAAA,CAAAC,CAAAA,aACA,EAAA,CAAA,UACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAEA,CAAM,CAAE,CAAA,SAAWC,CAAAA,CAAWC,CAAc,GAGtCC,CAAMC,CAAAA,CAAO,CAAA,KAEnB,OACEC,CAAAA,CAACC,CAAAA,CAAAC,UACC,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAAC,MAAQ,CACN,IAAgB,CAAA,CAAA,oBAAe,CAAC,MAChB,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,IAAWC,CAAAA,QAAO,CAAA,CAAA,CAAA,CAAWf,YAAU,CAAE,SAG3D,CAAA,CAAA,CAAA,CAAA,SAAgB,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAYgB,CAAAA,QAC1B,CAAAC,IAAA,CAAAR,cAAAA,CAACS,CAAAA,WAEMX,CAAAA,CACL,QAAA,CAAA,CAAWY,GAAAA,CAAmBC,YAAAA,CAAAA,CAAY,QAASC,CAAAA,CACjDC,CAAAA,SAAO,CAAAC,kBAAA,CAAAF,CAAU,EACnB,MAEC,CAAA,CAAA,EAAA,CAAAlB,EACH,uBACyB,CAAA,CAAA,CAAA,CAAA,CAAAqB,GAAU,CAAAC,OAAA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,SACxC,CAAA,OACH,CAAA,SAIR,CAAA,CAAA,EAAA,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 { 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 { SidenavStyles } from './styles';\nimport type { SidenavItemProps } from './types';\n\nconst { item, text, transient, tooltip } = SidenavStyles();\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: text({ className: transient() }) }],\n      ]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <ToggleButton\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            item({ className }),\n          )}\n        >\n          {children}\n        </ToggleButton>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"]}
+{"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"]}

package/dist/components/sidenav/link.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ArrowNortheast}from'@accelint/icons';import'client-only';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 {SidenavStyles}from'./styles.js';const{link:L,text:P,transient:m,tooltip:y}=SidenavStyles();function z({children:p,classNames:a,textValue:l,...c}){const{isOpen:f}=useContext(SidenavContext),r=useRef(null);return jsx(Provider,{values:[[TextContext,{className:P({className:m()})}]],children:jsxs(TooltipTrigger,{isDisabled:f,children:[jsx(Link,{...c,ref:r,className:composeRenderProps(a?.button,t=>L({className:t})),children:composeRenderProps(p,t=>jsxs(Fragment,{children:[t,jsx(Icon,{className:m(),children:jsx(ArrowNortheast,{})})]}))}),jsxs(Tooltip,{parentRef:r,placement:"right",className:y(),children:[l,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}export{z as SidenavLink};//# sourceMappingURL=link.js.map
+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
 //# sourceMappingURL=link.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/link.tsx"],"names":["SidenavStyles","x","isOpen","ref","useRef","jsx","d","g","TextContext","v","o","T","k","jsxs","TooltipTrigger","e","S","rest","classNames","className","link","n","composeRenderProps","children","transient","C","ArrowNortheast","s","Tooltip","i","N","tooltip","textValue"],"mappings":"6bA6B+B,KAAA,CAAA,IAAQ,CAAIA,CAAAA,CAAc,IAOlD,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,oBAGF,CAAA,CAAqB,CACnB,UAAQ,CAAA,CAAA,CAAAC,SAGFC,CAAMC,EAAO,GAAA,CAAI,CAAA,CAEvB,OACEC,MACE,CAAA,CAAA,CAAA,CAAAC,UAAA,CAAQC,cAAC,CAACC,CAAAA,CAAa,CAAEC,MAAA,CAAA,IAAA,CAAA,CAAA,OAAkBC,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAuB,CAAC,CAAE,CAACC,WAAC,CAAA,CAEvE,SAAAC,CAAAA,CAACC,CAAAA,CAAA,SAAe,CAAA,CAAA,EAAYZ,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,SAACa,IACE,CAAAC,cAAA,CAAGC,sBAE0BC,CAAY,cAASC,CACjDC,CAAAA,GAAO,CAAA,CAAA,CAAA,SACT,CAAAC,kBAEC,UAAAC,CAAmBC,CAAAA,EAAWA,CAAAA,CAC7BV,CAAAA,SACG,CAAA,CAAA,CAAA,CAAA,CAAAU,SACK,CAAAF,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAWG,IAAAA,CAAUC,SACzB,CAAA,QAAApB,CAAAA,CAACqB,EAAAhB,GAAA,CAAeiB,IAAA,CAClB,UAILC,CAAAA,CAAA,EAAQ,CAAA,QAAWzB,IAAK,CAAA0B,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAAd,IAAA,CAAAe,OAAQ,WAAWC,CAAQ,CAAA,CAC3D,UAAAC,OAEC,CAAA,UAACN,CAAAA,EAAA,CAAe,QAGtB,EACF,CAEJ,CAAAhB,GAAA,CAAAiB,IAAA,CAAA,CAAA,QAAA,CAAAjB,GAAA,CAAAmB,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 { 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 { SidenavStyles } from './styles';\nimport type { SidenavLinkProps } from './types';\n\nconst { link, text, transient, tooltip } = SidenavStyles();\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={[[TextContext, { className: text({ className: transient() }) }]]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <Link\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            link({ className }),\n          )}\n        >\n          {composeRenderProps(children, (children) => (\n            <>\n              {children}\n              <Icon className={transient()}>\n                <ArrowNortheast />\n              </Icon>\n            </>\n          ))}\n        </Link>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n          <Icon>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"]}
+{"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"]}

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

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import'client-only';import {ToggleButton,composeRenderProps}from'react-aria-components';import {SidenavStyles}from'./styles.js';const{menuItem:i}=SidenavStyles();function l({className:e,children:o,...t}){return jsx(ToggleButton,{...t,className:composeRenderProps(e,n=>i({className:n})),children:o})}export{l as SidenavMenuItem};//# sourceMappingURL=menu-item.js.map
+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
 //# 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":["SidenavStyles","p","rest","s","r","className","menuItem"],"mappings":"oKAmBA,KAAQ,CAAA,QAAaA,CAAAA,CAAc,CAAA,CAO5BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,WACGC,GACE,CAAAC,YAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAS,EAAE,CAAA,CAAA,CAAA,SACb,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,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 */\n\n'use client';\n\nimport 'client-only';\nimport { composeRenderProps, ToggleButton } from 'react-aria-components';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuItemProps } from './types';\n\nconst { menuItem } = SidenavStyles();\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        menuItem({ className }),\n      )}\n    >\n      {children}\n    </ToggleButton>\n  );\n}\n"]}
+{"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"]}

package/dist/components/sidenav/menu.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsxs,jsx}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';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 {SidenavStyles}from'./styles.js';const{menu:y,menuButton:g,menuPanel:H,panelContent:d,tooltip:M,transient:R}=SidenavStyles();function G({icon:a,title:i,classNames:n,children:p,...l}){const{isOpen:s}=useContext(SidenavContext),m=useRef(null);return s?jsxs(Disclosure,{className:composeRenderProps(n?.menu,o=>y({className:o})),children:[jsxs(Button,{...l,slot:"trigger",className:composeRenderProps(n?.button,o=>g({className:o})),children:[a,jsx(Heading,{slot:"menu",children:i}),jsx(Icon,{className:R({className:n?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(n?.disclosurePanel,o=>o??""),children:jsx("div",{className:d({className:n?.panelContent}),children:p})})]}):jsxs(DialogTrigger,{children:[jsxs(TooltipTrigger,{isDisabled:s,children:[jsx(Button,{...l,ref:m,className:composeRenderProps(n?.button,o=>g({className:o})),children:a}),jsx(Tooltip,{parentRef:m,placement:"right",className:M(),children:i})]}),jsxs(Popover,{className:composeRenderProps(n?.popoverPanel,o=>H({className:o})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:i}),jsx("div",{className:d({className:n?.panelContent}),children:p})]})]})}export{G as SidenavMenu};//# sourceMappingURL=menu.js.map
+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
 //# sourceMappingURL=menu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/menu.tsx"],"names":["menuPanel","title","x","children","isOpen","ref","useRef","v","h","composeRenderProps","classNames","t","jsxs","Button","r","u","className","icon","jsx","Heading","Icon","c","e","S","ChevronDown","f","C","panelContent","D","b","rest","menuButton","Tooltip","B","tooltip","Popover"],"mappings":"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","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 { ChevronDown } from '@accelint/icons';\nimport 'client-only';\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 { SidenavStyles } from './styles';\nimport type { SidenavMenuProps } from './types';\n\nconst { menu, menuButton, menuPanel, panelContent, tooltip, transient } =\n  SidenavStyles();\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        menu({ className }),\n      )}\n    >\n      <Button\n        {...rest}\n        slot='trigger'\n        className={composeRenderProps(classNames?.button, (className) =>\n          menuButton({ className }),\n        )}\n      >\n        {icon}\n        <Heading slot='menu'>{title}</Heading>\n        <Icon className={transient({ className: 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={panelContent({ className: 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            menuButton({ className }),\n          )}\n        >\n          {icon}\n        </Button>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {title}\n        </Tooltip>\n      </TooltipTrigger>\n      <Popover\n        className={composeRenderProps(classNames?.popoverPanel, (className) =>\n          menuPanel({ className }),\n        )}\n        placement='right top'\n        shouldFlip={false}\n      >\n        <Heading slot='panel'>{title}</Heading>\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n"]}
+{"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"]}