@accelint/design-toolkit 9.10.0 → 9.11.0

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":[],"sources":["../../../src/components/dialog/footer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type ComponentProps, useContext } from 'react';\nimport { OverlayTriggerStateContext } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { DialogContext } from './context';\nimport styles from './styles.module.css';\n\n/**\n * DialogFooter - Container for dialog action buttons.\n *\n * Automatically sizes child Button components based on the dialog size\n * and wires up default close behavior on button press.\n *\n * @param props - The dialog footer props.\n * @param props.children - Action buttons to display in the footer.\n * @param props.className - Additional CSS class name.\n * @returns The dialog footer component.\n *\n * @example\n * ```tsx\n * <Dialog>\n *   <DialogTitle>Confirm</DialogTitle>\n *   <DialogContent>Are you sure?</DialogContent>\n *   <DialogFooter>\n *     <Button variant=\"flat\">Cancel</Button>\n *     <Button>Confirm</Button>\n *   </DialogFooter>\n * </Dialog>\n * ```\n */\nexport function DialogFooter({\n  children,\n  className,\n}: ComponentProps<'footer'>) {\n  const context = useContext(DialogContext);\n  const size =\n    (isSlottedContextValue(context) ? null : context?.size) ?? 'small';\n  const state = useContext(OverlayTriggerStateContext);\n\n  return (\n    <footer className={clsx(styles.footer, className)}>\n      <ButtonContext.Provider\n        value={{\n          size,\n          onPress: state?.close ?? undefined,\n        }}\n      >\n        {children}\n      </ButtonContext.Provider>\n    </footer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,aAAa,EAC3B,UACA,aAC2B;CAC3B,MAAM,UAAU,WAAW,cAAc;CACzC,MAAM,QACH,sBAAsB,QAAQ,GAAG,OAAO,SAAS,SAAS;CAC7D,MAAM,QAAQ,WAAW,2BAA2B;AAEpD,QACE,oBAAC;EAAO,WAAW,KAAK,OAAO,QAAQ,UAAU;YAC/C,oBAAC,cAAc;GACb,OAAO;IACL;IACA,SAAS,OAAO,SAAS;IAC1B;GAEA;IACsB;GAClB"}
+{"version":3,"file":"footer.js","names":[],"sources":["../../../src/components/dialog/footer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type ComponentProps, useContext } from 'react';\nimport { OverlayTriggerStateContext } from 'react-aria-components/Dialog';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { DialogContext } from './context';\nimport styles from './styles.module.css';\n\n/**\n * DialogFooter - Container for dialog action buttons.\n *\n * Automatically sizes child Button components based on the dialog size\n * and wires up default close behavior on button press.\n *\n * @param props - The dialog footer props.\n * @param props.children - Action buttons to display in the footer.\n * @param props.className - Additional CSS class name.\n * @returns The dialog footer component.\n *\n * @example\n * ```tsx\n * <Dialog>\n *   <DialogTitle>Confirm</DialogTitle>\n *   <DialogContent>Are you sure?</DialogContent>\n *   <DialogFooter>\n *     <Button variant=\"flat\">Cancel</Button>\n *     <Button>Confirm</Button>\n *   </DialogFooter>\n * </Dialog>\n * ```\n */\nexport function DialogFooter({\n  children,\n  className,\n}: ComponentProps<'footer'>) {\n  const context = useContext(DialogContext);\n  const size =\n    (isSlottedContextValue(context) ? null : context?.size) ?? 'small';\n  const state = useContext(OverlayTriggerStateContext);\n\n  return (\n    <footer className={clsx(styles.footer, className)}>\n      <ButtonContext.Provider\n        value={{\n          size,\n          onPress: state?.close ?? undefined,\n        }}\n      >\n        {children}\n      </ButtonContext.Provider>\n    </footer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,aAAa,EAC3B,UACA,aAC2B;CAC3B,MAAM,UAAU,WAAW,cAAc;CACzC,MAAM,QACH,sBAAsB,QAAQ,GAAG,OAAO,SAAS,SAAS;CAC7D,MAAM,QAAQ,WAAW,2BAA2B;AAEpD,QACE,oBAAC;EAAO,WAAW,KAAK,OAAO,QAAQ,UAAU;YAC/C,oBAAC,cAAc;GACb,OAAO;IACL;IACA,SAAS,OAAO,SAAS;IAC1B;GAEA;IACsB;GAClB"}

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

@@ -12,7 +12,7 @@
 
 import { DialogProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 
 //#region src/components/dialog/index.d.ts
 
@@ -53,7 +53,7 @@ import * as react_jsx_runtime54 from "react/jsx-runtime";
 declare function Dialog({
   ref,
   ...props
-}: DialogProps): react_jsx_runtime54.JSX.Element;
+}: DialogProps): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { Dialog };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.js

@@ -17,8 +17,10 @@ import { PortalProvider } from "../../providers/portal.js";
 import { DialogContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Dialog as Dialog$1, Modal, ModalOverlay, composeRenderProps, useContextProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
+import { Dialog as Dialog$1, Modal, ModalOverlay } from "react-aria-components/Modal";
 import styles from "./styles.module.css";
 
 //#region src/components/dialog/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaDialog"],"sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Dialog as AriaDialog,\n  composeRenderProps,\n  Modal,\n  ModalOverlay,\n  useContextProps,\n} from 'react-aria-components';\nimport { PortalProvider } from '@/providers/portal';\nimport { DialogContext } from './context';\nimport styles from './styles.module.css';\nimport type { DialogProps } from './types';\n\n/**\n * Dialog - A modal dialog component for important content and interactions\n *\n * Provides accessible modal functionality with focus management, backdrop handling,\n * and keyboard navigation. Supports multiple sizes and customizable dismissal behavior.\n * Perfect for confirmations, forms, or any content requiring user focus.\n *\n * @param props - The dialog props.\n * @param props.ref - Reference to the dialog element.\n * @param props.children - Dialog content (can be a render function with close callback).\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.parentRef - Reference to parent element for portal rendering.\n * @param props.size - Size variant of the dialog.\n * @returns The dialog component.\n *\n * @example\n * ```tsx\n * // Basic dialog with trigger\n * <DialogTrigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     {({ close }) => (\n *       <>\n *         <DialogTitle>Confirm Action</DialogTitle>\n *         <p>Are you sure you want to continue?</p>\n *         <DialogFooter>\n *           <Button onPress={close}>Confirm</Button>\n *         </DialogFooter>\n *       </>\n *     )}\n *   </Dialog>\n * </DialogTrigger>\n * ```\n */\nexport function Dialog({ ref, ...props }: DialogProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DialogContext);\n\n  const { children, classNames, parentRef, size = 'small', ...rest } = props;\n\n  return (\n    <DialogContext.Provider value={props}>\n      <PortalProvider parentRef={parentRef}>\n        <ModalOverlay\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.overlay, (className) =>\n            clsx('group/dialog', styles.overlay, className),\n          )}\n          data-size={size}\n        >\n          <Modal\n            className={composeRenderProps(classNames?.modal, (className) =>\n              clsx(styles.modal, className),\n            )}\n          >\n            <AriaDialog className={clsx(styles.dialog, classNames?.dialog)}>\n              {children}\n            </AriaDialog>\n          </Modal>\n        </ModalOverlay>\n      </PortalProvider>\n    </DialogContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,MAAM,EAAE,UAAU,YAAY,WAAW,OAAO,SAAS,GAAG,SAAS;AAErE,QACE,oBAAC,cAAc;EAAS,OAAO;YAC7B,oBAAC;GAA0B;aACzB,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,gBAAgB,OAAO,SAAS,UAAU,CAChD;IACD,aAAW;cAEX,oBAAC;KACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;eAED,oBAACA;MAAW,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;MAC3D;OACU;MACP;KACK;IACA;GACM"}
+{"version":3,"file":"index.js","names":["AriaDialog"],"sources":["../../../src/components/dialog/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Dialog as AriaDialog,\n  Modal,\n  ModalOverlay,\n} from 'react-aria-components/Modal';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { PortalProvider } from '@/providers/portal';\nimport { DialogContext } from './context';\nimport styles from './styles.module.css';\nimport type { DialogProps } from './types';\n\n/**\n * Dialog - A modal dialog component for important content and interactions\n *\n * Provides accessible modal functionality with focus management, backdrop handling,\n * and keyboard navigation. Supports multiple sizes and customizable dismissal behavior.\n * Perfect for confirmations, forms, or any content requiring user focus.\n *\n * @param props - The dialog props.\n * @param props.ref - Reference to the dialog element.\n * @param props.children - Dialog content (can be a render function with close callback).\n * @param props.classNames - Custom class names for sub-elements.\n * @param props.parentRef - Reference to parent element for portal rendering.\n * @param props.size - Size variant of the dialog.\n * @returns The dialog component.\n *\n * @example\n * ```tsx\n * // Basic dialog with trigger\n * <DialogTrigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     {({ close }) => (\n *       <>\n *         <DialogTitle>Confirm Action</DialogTitle>\n *         <p>Are you sure you want to continue?</p>\n *         <DialogFooter>\n *           <Button onPress={close}>Confirm</Button>\n *         </DialogFooter>\n *       </>\n *     )}\n *   </Dialog>\n * </DialogTrigger>\n * ```\n */\nexport function Dialog({ ref, ...props }: DialogProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DialogContext);\n\n  const { children, classNames, parentRef, size = 'small', ...rest } = props;\n\n  return (\n    <DialogContext.Provider value={props}>\n      <PortalProvider parentRef={parentRef}>\n        <ModalOverlay\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.overlay, (className) =>\n            clsx('group/dialog', styles.overlay, className),\n          )}\n          data-size={size}\n        >\n          <Modal\n            className={composeRenderProps(classNames?.modal, (className) =>\n              clsx(styles.modal, className),\n            )}\n          >\n            <AriaDialog className={clsx(styles.dialog, classNames?.dialog)}>\n              {children}\n            </AriaDialog>\n          </Modal>\n        </ModalOverlay>\n      </PortalProvider>\n    </DialogContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,SAAgB,OAAO,EAAE,KAAK,GAAG,SAAsB;AACrD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,cAAc;CAEjE,MAAM,EAAE,UAAU,YAAY,WAAW,OAAO,SAAS,GAAG,SAAS;AAErE,QACE,oBAAC,cAAc;EAAS,OAAO;YAC7B,oBAAC;GAA0B;aACzB,oBAAC;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,gBAAgB,OAAO,SAAS,UAAU,CAChD;IACD,aAAW;cAEX,oBAAC;KACC,WAAW,mBAAmB,YAAY,QAAQ,cAChD,KAAK,OAAO,OAAO,UAAU,CAC9B;eAED,oBAACA;MAAW,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;MAC3D;OACU;MACP;KACK;IACA;GACM"}

package/dist/components/dialog/title.d.ts

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
+import { HeadingProps } from "react-aria-components/Heading";
 
 //#region src/components/dialog/title.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime56 from "react/jsx-runtime";
 declare function DialogTitle({
   children,
   className
-}: HeadingProps): react_jsx_runtime56.JSX.Element;
+}: HeadingProps): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { DialogTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/dialog/title.js

@@ -15,8 +15,8 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Heading } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Heading } from "react-aria-components/Heading";
 import styles from "./styles.module.css";
 
 //#region src/components/dialog/title.tsx

package/dist/components/dialog/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","names":[],"sources":["../../../src/components/dialog/title.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading, type HeadingProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * DialogTitle - Semantic heading element for dialog titles.\n *\n * Renders as an `<h2>` element with the `title` slot for accessibility.\n *\n * @param props - The dialog title props.\n * @param props.children - Title text content.\n * @param props.className - Additional CSS class name.\n * @returns The dialog title component.\n *\n * @example\n * ```tsx\n * <Dialog>\n *   <DialogTitle>Confirm Action</DialogTitle>\n *   <DialogContent>...</DialogContent>\n * </Dialog>\n * ```\n */\nexport function DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={clsx(styles.title, className)}>\n      {children}\n    </Heading>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,YAAY,EAAE,UAAU,aAA2B;AACjE,QACE,oBAAC;EAAQ,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;EAC3D;GACO"}
+{"version":3,"file":"title.js","names":[],"sources":["../../../src/components/dialog/title.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading, type HeadingProps } from 'react-aria-components/Heading';\nimport styles from './styles.module.css';\n\n/**\n * DialogTitle - Semantic heading element for dialog titles.\n *\n * Renders as an `<h2>` element with the `title` slot for accessibility.\n *\n * @param props - The dialog title props.\n * @param props.children - Title text content.\n * @param props.className - Additional CSS class name.\n * @returns The dialog title component.\n *\n * @example\n * ```tsx\n * <Dialog>\n *   <DialogTitle>Confirm Action</DialogTitle>\n *   <DialogContent>...</DialogContent>\n * </Dialog>\n * ```\n */\nexport function DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={clsx(styles.title, className)}>\n      {children}\n    </Heading>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,YAAY,EAAE,UAAU,aAA2B;AACjE,QACE,oBAAC;EAAQ,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;EAC3D;GACO"}

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import { DialogTrigger as DialogTrigger$1 } from "react-aria-components";
+import { DialogTrigger as DialogTrigger$1 } from "react-aria-components/Dialog";
 
 //#region src/components/dialog/trigger.d.ts
 

package/dist/components/dialog/trigger.js

@@ -14,7 +14,7 @@
 'use client';
 
 import "client-only";
-import { DialogTrigger as DialogTrigger$1 } from "react-aria-components";
+import { DialogTrigger as DialogTrigger$1 } from "react-aria-components/Dialog";
 
 //#region src/components/dialog/trigger.tsx
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":["AriaDialogTrigger"],"sources":["../../../src/components/dialog/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DialogTrigger as AriaDialogTrigger } from 'react-aria-components';\n\n/**\n * DialogTrigger - Manages dialog open/close state and trigger behavior.\n *\n * Wraps a trigger element (typically a Button) and a Dialog component.\n * Handles accessibility attributes and focus management automatically.\n *\n * @example\n * ```tsx\n * <DialogTrigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     <DialogTitle>Title</DialogTitle>\n *     <DialogContent>Content</DialogContent>\n *   </Dialog>\n * </DialogTrigger>\n * ```\n */\nexport const DialogTrigger = AriaDialogTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,gBAAgBA"}
+{"version":3,"file":"trigger.js","names":["AriaDialogTrigger"],"sources":["../../../src/components/dialog/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DialogTrigger as AriaDialogTrigger } from 'react-aria-components/Dialog';\n\n/**\n * DialogTrigger - Manages dialog open/close state and trigger behavior.\n *\n * Wraps a trigger element (typically a Button) and a Dialog component.\n * Handles accessibility attributes and focus management automatically.\n *\n * @example\n * ```tsx\n * <DialogTrigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     <DialogTitle>Title</DialogTitle>\n *     <DialogContent>Content</DialogContent>\n *   </Dialog>\n * </DialogTrigger>\n * ```\n */\nexport const DialogTrigger = AriaDialogTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,gBAAgBA"}

package/dist/components/dialog/types.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { RefAttributes, RefObject } from "react";
-import { DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps } from "react-aria-components";
+import { DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps } from "react-aria-components/Modal";
 
 //#region src/components/dialog/types.d.ts
 /**

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { DividerProps } from "./types.js";
 import "client-only";
-import * as react20 from "react";
-import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react27 from "react";
+import * as react_jsx_runtime99 from "react/jsx-runtime";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/divider/context.d.ts
 /**
  * Context for sharing Divider props across component tree.
  */
-declare const DividerContext: react20.Context<ContextValue<DividerProps, HTMLHRElement>>;
+declare const DividerContext: react27.Context<ContextValue<DividerProps, HTMLHRElement>>;
 /**
  * DividerProvider - Context provider for setting default Divider props.
  *
@@ -42,7 +42,7 @@ declare const DividerContext: react20.Context<ContextValue<DividerProps, HTMLHRE
 declare function DividerProvider({
   children,
   ...props
-}: ProviderProps<DividerProps>): react_jsx_runtime63.JSX.Element;
+}: ProviderProps<DividerProps>): react_jsx_runtime99.JSX.Element;
 //#endregion
 export { DividerContext, DividerProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/divider/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/divider/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { DividerProps } from './types';\n\n/**\n * Context for sharing Divider props across component tree.\n */\nexport const DividerContext =\n  createContext<ContextValue<DividerProps, HTMLHRElement>>(null);\n\n/**\n * DividerProvider - Context provider for setting default Divider props.\n *\n * Use this to configure shared orientation across multiple Divider components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the divider context.\n * @returns The divider context provider wrapping children.\n *\n * @example\n * ```tsx\n * <DividerProvider orientation=\"vertical\">\n *   <Divider />\n *   <Divider />\n * </DividerProvider>\n * ```\n */\nexport function DividerProvider({\n  children,\n  ...props\n}: ProviderProps<DividerProps>) {\n  return (\n    <DividerContext.Provider value={props}>{children}</DividerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,iBACX,cAAyD,KAAK;;;;;;;;;;;;;;;;;;AAmBhE,SAAgB,gBAAgB,EAC9B,UACA,GAAG,SAC2B;AAC9B,QACE,oBAAC,eAAe;EAAS,OAAO;EAAQ;GAAmC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/divider/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { DividerProps } from './types';\n\n/**\n * Context for sharing Divider props across component tree.\n */\nexport const DividerContext =\n  createContext<ContextValue<DividerProps, HTMLHRElement>>(null);\n\n/**\n * DividerProvider - Context provider for setting default Divider props.\n *\n * Use this to configure shared orientation across multiple Divider components.\n *\n * @param props - The provider props.\n * @param props.children - Child components that will receive the divider context.\n * @returns The divider context provider wrapping children.\n *\n * @example\n * ```tsx\n * <DividerProvider orientation=\"vertical\">\n *   <Divider />\n *   <Divider />\n * </DividerProvider>\n * ```\n */\nexport function DividerProvider({\n  children,\n  ...props\n}: ProviderProps<DividerProps>) {\n  return (\n    <DividerContext.Provider value={props}>{children}</DividerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,iBACX,cAAyD,KAAK;;;;;;;;;;;;;;;;;;AAmBhE,SAAgB,gBAAgB,EAC9B,UACA,GAAG,SAC2B;AAC9B,QACE,oBAAC,eAAe;EAAS,OAAO;EAAQ;GAAmC"}

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

@@ -12,7 +12,7 @@
 
 import { DividerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 
 //#region src/components/divider/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime48 from "react/jsx-runtime";
 declare function Divider({
   ref,
   ...props
-}: DividerProps): react_jsx_runtime48.JSX.Element;
+}: DividerProps): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { Divider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useLayoutEffect, useState } from 'react';\nimport { useContextProps } from 'react-aria-components';\nimport { DividerContext } from './context';\nimport styles from './styles.module.css';\nimport type { DividerProps } from './types';\n\n/**\n * Divider - A simple horizontal or vertical rule component\n *\n * Provides a visual separator between content sections with support for both\n * horizontal and vertical orientations.\n *\n * @param props - The divider props.\n * @param props.ref - Reference to the hr element.\n * @param props.className - Additional CSS class name.\n * @param props.orientation - Orientation of the divider (horizontal or vertical).\n * @returns The divider component.\n *\n * @example\n * ```tsx\n * // Basic horizontal divider\n * <Divider />\n * ```\n *\n * @example\n * ```tsx\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n * ```\n */\nexport function Divider({ ref, ...props }: DividerProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DividerContext);\n\n  const { className, orientation = 'horizontal', ...rest } = props;\n\n  const [stretch, setStretch] = useState(false);\n\n  /**\n   * CSS flexbox doesn't play nice with height. Unfortunately, there's no\n   * way to detect if a parent element is using CSS flexbox, so we have\n   * to detect it using JS\n   */\n  useLayoutEffect(() => {\n    const parent = ref.current?.parentElement;\n\n    if (\n      parent &&\n      window\n        .getComputedStyle(parent)\n        .getPropertyValue('display')\n        .includes('flex')\n    ) {\n      setStretch(true);\n    }\n  }, [ref.current]);\n\n  return (\n    <hr\n      {...rest}\n      ref={ref}\n      className={clsx(styles.divider, stretch && styles.stretch, className)}\n      data-orientation={orientation}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,QAAQ,EAAE,KAAK,GAAG,SAAuB;AACvD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,eAAe;CAElE,MAAM,EAAE,WAAW,cAAc,cAAc,GAAG,SAAS;CAE3D,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;;;;;;AAO7C,uBAAsB;EACpB,MAAM,SAAS,IAAI,SAAS;AAE5B,MACE,UACA,OACG,iBAAiB,OAAO,CACxB,iBAAiB,UAAU,CAC3B,SAAS,OAAO,CAEnB,YAAW,KAAK;IAEjB,CAAC,IAAI,QAAQ,CAAC;AAEjB,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,OAAO,SAAS,WAAW,OAAO,SAAS,UAAU;EACrE,oBAAkB;GAClB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useLayoutEffect, useState } from 'react';\nimport { useContextProps } from 'react-aria-components/slots';\nimport { DividerContext } from './context';\nimport styles from './styles.module.css';\nimport type { DividerProps } from './types';\n\n/**\n * Divider - A simple horizontal or vertical rule component\n *\n * Provides a visual separator between content sections with support for both\n * horizontal and vertical orientations.\n *\n * @param props - The divider props.\n * @param props.ref - Reference to the hr element.\n * @param props.className - Additional CSS class name.\n * @param props.orientation - Orientation of the divider (horizontal or vertical).\n * @returns The divider component.\n *\n * @example\n * ```tsx\n * // Basic horizontal divider\n * <Divider />\n * ```\n *\n * @example\n * ```tsx\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\n * ```\n */\nexport function Divider({ ref, ...props }: DividerProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DividerContext);\n\n  const { className, orientation = 'horizontal', ...rest } = props;\n\n  const [stretch, setStretch] = useState(false);\n\n  /**\n   * CSS flexbox doesn't play nice with height. Unfortunately, there's no\n   * way to detect if a parent element is using CSS flexbox, so we have\n   * to detect it using JS\n   */\n  useLayoutEffect(() => {\n    const parent = ref.current?.parentElement;\n\n    if (\n      parent &&\n      window\n        .getComputedStyle(parent)\n        .getPropertyValue('display')\n        .includes('flex')\n    ) {\n      setStretch(true);\n    }\n  }, [ref.current]);\n\n  return (\n    <hr\n      {...rest}\n      ref={ref}\n      className={clsx(styles.divider, stretch && styles.stretch, className)}\n      data-orientation={orientation}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,QAAQ,EAAE,KAAK,GAAG,SAAuB;AACvD,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,eAAe;CAElE,MAAM,EAAE,WAAW,cAAc,cAAc,GAAG,SAAS;CAE3D,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;;;;;;AAO7C,uBAAsB;EACpB,MAAM,SAAS,IAAI,SAAS;AAE5B,MACE,UACA,OACG,iBAAiB,OAAO,CACxB,iBAAiB,UAAU,CAC3B,SAAS,OAAO,CAEnB,YAAW,KAAK;IAEjB,CAAC,IAAI,QAAQ,CAAC;AAEjB,QACE,oBAAC;EACC,GAAI;EACC;EACL,WAAW,KAAK,OAAO,SAAS,WAAW,OAAO,SAAS,UAAU;EACrE,oBAAkB;GAClB"}

package/dist/components/drawer/back.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
 
 //#region src/components/drawer/back.d.ts
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime65 from "react/jsx-runtime";
  * </DrawerView>
  * ```
  */
-declare function DrawerBack(): react_jsx_runtime65.JSX.Element | null;
+declare function DrawerBack(): react_jsx_runtime101.JSX.Element | null;
 //#endregion
 export { DrawerBack };
 //# sourceMappingURL=back.d.ts.map

package/dist/components/drawer/close.d.ts

@@ -12,7 +12,7 @@
 
 import { DrawerCloseProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 
 //#region src/components/drawer/close.d.ts
 
@@ -34,7 +34,7 @@ import * as react_jsx_runtime66 from "react/jsx-runtime";
  * </DrawerHeader>
  * ```
  */
-declare function DrawerClose(props: DrawerCloseProps): react_jsx_runtime66.JSX.Element;
+declare function DrawerClose(props: DrawerCloseProps): react_jsx_runtime102.JSX.Element;
 declare namespace DrawerClose {
   var displayName: string;
 }

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

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/drawer/content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime67 from "react/jsx-runtime";
 declare function DrawerContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime67.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { DrawerContent };
 //# sourceMappingURL=content.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { DrawerContextValue, DrawerEvent } from "./types.js";
 import "client-only";
-import * as react21 from "react";
+import * as react4 from "react";
 import { UniqueId } from "@accelint/core";
 import { Broadcast } from "@accelint/bus";
 
@@ -25,7 +25,7 @@ import { Broadcast } from "@accelint/bus";
  * const { register, unregister, placement } = useContext(DrawerContext);
  * ```
  */
-declare const DrawerContext: react21.Context<DrawerContextValue>;
+declare const DrawerContext: react4.Context<DrawerContextValue>;
 /**
  * Event bus instance for drawer-related events.
  *

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

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/drawer/footer.d.ts
 
@@ -39,7 +39,7 @@ import * as react_jsx_runtime69 from "react/jsx-runtime";
 declare function DrawerFooter({
   className,
   ...rest
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime69.JSX.Element;
+}: ComponentPropsWithRef<'footer'>): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { DrawerFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/drawer/header-title.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { DrawerTitleProps } from "./types.js";
-import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 
 //#region src/components/drawer/header-title.d.ts
 
@@ -41,7 +41,7 @@ declare function DrawerHeaderTitle({
   className,
   level,
   ...rest
-}: DrawerTitleProps): react_jsx_runtime72.JSX.Element;
+}: DrawerTitleProps): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { DrawerHeaderTitle };
 //# sourceMappingURL=header-title.d.ts.map

package/dist/components/drawer/header-title.js

@@ -12,8 +12,8 @@
 
 
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Heading } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Heading } from "react-aria-components/Heading";
 import styles from "./styles.module.css";
 
 //#region src/components/drawer/header-title.tsx

package/dist/components/drawer/header-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-title.js","names":[],"sources":["../../../src/components/drawer/header-title.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { DrawerTitleProps } from './types';\n\n/**\n * DrawerHeaderTitle - Semantic heading for drawer headers.\n *\n * The `level` prop controls both visual size and semantic heading level:\n * - Levels 1-3: Large text size (renders as h1-h3)\n * - Levels 4-6: Medium text size (renders as h4-h6)\n *\n * @param props - {@link DrawerTitleProps}\n * @param props.className - Optional CSS class name.\n * @param props.level - Heading level (1-6).\n * @returns The rendered DrawerHeaderTitle component.\n *\n * @default level 2\n *\n * @example\n * ```tsx\n * <DrawerHeader>\n *   <DrawerHeaderTitle level={2}>Settings</DrawerHeaderTitle>\n *   <DrawerClose />\n * </DrawerHeader>\n * ```\n */\nexport function DrawerHeaderTitle({\n  className,\n  level = 2,\n  ...rest\n}: DrawerTitleProps) {\n  return (\n    <Heading\n      {...rest}\n      className={clsx(\n        styles.title,\n        level <= 3 ? styles.large : styles.medium,\n        className,\n      )}\n      level={level}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,kBAAkB,EAChC,WACA,QAAQ,GACR,GAAG,QACgB;AACnB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KACT,OAAO,OACP,SAAS,IAAI,OAAO,QAAQ,OAAO,QACnC,UACD;EACM;GACP"}
+{"version":3,"file":"header-title.js","names":[],"sources":["../../../src/components/drawer/header-title.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading } from 'react-aria-components/Heading';\nimport styles from './styles.module.css';\nimport type { DrawerTitleProps } from './types';\n\n/**\n * DrawerHeaderTitle - Semantic heading for drawer headers.\n *\n * The `level` prop controls both visual size and semantic heading level:\n * - Levels 1-3: Large text size (renders as h1-h3)\n * - Levels 4-6: Medium text size (renders as h4-h6)\n *\n * @param props - {@link DrawerTitleProps}\n * @param props.className - Optional CSS class name.\n * @param props.level - Heading level (1-6).\n * @returns The rendered DrawerHeaderTitle component.\n *\n * @default level 2\n *\n * @example\n * ```tsx\n * <DrawerHeader>\n *   <DrawerHeaderTitle level={2}>Settings</DrawerHeaderTitle>\n *   <DrawerClose />\n * </DrawerHeader>\n * ```\n */\nexport function DrawerHeaderTitle({\n  className,\n  level = 2,\n  ...rest\n}: DrawerTitleProps) {\n  return (\n    <Heading\n      {...rest}\n      className={clsx(\n        styles.title,\n        level <= 3 ? styles.large : styles.medium,\n        className,\n      )}\n      level={level}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,SAAgB,kBAAkB,EAChC,WACA,QAAQ,GACR,GAAG,QACgB;AACnB,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KACT,OAAO,OACP,SAAS,IAAI,OAAO,QAAQ,OAAO,QACnC,UACD;EACM;GACP"}

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 
 //#region src/components/drawer/header.d.ts
 
@@ -52,7 +52,7 @@ declare function DrawerHeader({
   title,
   children,
   ...rest
-}: ComponentPropsWithRef<'header'>): react_jsx_runtime68.JSX.Element;
+}: ComponentPropsWithRef<'header'>): react_jsx_runtime79.JSX.Element;
 //#endregion
 export { DrawerHeader };
 //# sourceMappingURL=header.d.ts.map

package/dist/components/drawer/header.js

@@ -14,7 +14,7 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 import { ViewStackContext } from "../view-stack/context.js";
 import { DrawerTrigger } from "./trigger.js";
 import { DrawerBack } from "./back.js";
@@ -22,8 +22,8 @@ import { DrawerHeaderTitle } from "./header-title.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Header } from "react-aria-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Header } from "react-aria-components/Header";
 import { Cancel } from "@accelint/icons";
 import styles from "./styles.module.css";
 
@@ -73,7 +73,7 @@ function DrawerHeader({ className, title, children, ...rest }) {
 			}),
 			/* @__PURE__ */ jsx(DrawerTrigger, {
 				for: "clear",
-				children: /* @__PURE__ */ jsx(Button$1, {
+				children: /* @__PURE__ */ jsx(Button, {
 					variant: "icon",
 					children: /* @__PURE__ */ jsx(Icon, { children: /* @__PURE__ */ jsx(Cancel, {}) })
 				})

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":["Button"],"sources":["../../../src/components/drawer/header.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport { type ComponentPropsWithRef, useContext } from 'react';\nimport { Header } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerBack } from './back';\nimport { DrawerHeaderTitle } from './header-title';\nimport styles from './styles.module.css';\nimport { DrawerTrigger } from './trigger';\n\n/**\n * DrawerHeader - Header region within a DrawerView.\n *\n * Supports two usage patterns:\n * - Use `title` prop for automatic layout with back/close buttons\n * - Use `children` for custom header content\n *\n * Heading level automatically adjusts based on view stack depth\n * (h2 for root view, h4 for nested views).\n *\n * @param props - ComponentPropsWithRef<'header'>\n * @param props.className - Optional CSS class name.\n * @param props.title - Title text for the header.\n * @param props.children - Custom header content (overrides title).\n * @returns The rendered DrawerHeader component.\n *\n * @example\n * ```tsx\n * // Simplified with title prop\n * <DrawerHeader title=\"Settings\" />\n * ```\n *\n * @example\n * ```tsx\n * // Custom layout\n * <DrawerHeader>\n *   <DrawerHeaderTitle level={2}>Settings</DrawerHeaderTitle>\n *   <DrawerClose />\n * </DrawerHeader>\n *```\n */\nexport function DrawerHeader({\n  className,\n  title,\n  children,\n  ...rest\n}: ComponentPropsWithRef<'header'>) {\n  const { stack } = useContext(ViewStackContext);\n  const level = stack.length > 1 ? 4 : 2;\n\n  return (\n    <Header {...rest} className={clsx(styles.header, className)}>\n      {children == null ? (\n        <>\n          <DrawerBack />\n          <DrawerHeaderTitle level={level}>{title}</DrawerHeaderTitle>\n          <DrawerTrigger for='clear'>\n            <Button variant='icon'>\n              <Icon>\n                <Cancel />\n              </Icon>\n            </Button>\n          </DrawerTrigger>\n        </>\n      ) : (\n        children\n      )}\n    </Header>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAgB,aAAa,EAC3B,WACA,OACA,UACA,GAAG,QAC+B;CAClC,MAAM,EAAE,UAAU,WAAW,iBAAiB;CAC9C,MAAM,QAAQ,MAAM,SAAS,IAAI,IAAI;AAErC,QACE,oBAAC;EAAO,GAAI;EAAM,WAAW,KAAK,OAAO,QAAQ,UAAU;YACxD,YAAY,OACX;GACE,oBAAC,eAAa;GACd,oBAAC;IAAyB;cAAQ;KAA0B;GAC5D,oBAAC;IAAc,KAAI;cACjB,oBAACA;KAAO,SAAQ;eACd,oBAAC,kBACC,oBAAC,WAAS,GACL;MACA;KACK;MACf,GAEH;GAEK"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/drawer/header.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport { type ComponentPropsWithRef, useContext } from 'react';\nimport { Header } from 'react-aria-components/Header';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerBack } from './back';\nimport { DrawerHeaderTitle } from './header-title';\nimport styles from './styles.module.css';\nimport { DrawerTrigger } from './trigger';\n\n/**\n * DrawerHeader - Header region within a DrawerView.\n *\n * Supports two usage patterns:\n * - Use `title` prop for automatic layout with back/close buttons\n * - Use `children` for custom header content\n *\n * Heading level automatically adjusts based on view stack depth\n * (h2 for root view, h4 for nested views).\n *\n * @param props - ComponentPropsWithRef<'header'>\n * @param props.className - Optional CSS class name.\n * @param props.title - Title text for the header.\n * @param props.children - Custom header content (overrides title).\n * @returns The rendered DrawerHeader component.\n *\n * @example\n * ```tsx\n * // Simplified with title prop\n * <DrawerHeader title=\"Settings\" />\n * ```\n *\n * @example\n * ```tsx\n * // Custom layout\n * <DrawerHeader>\n *   <DrawerHeaderTitle level={2}>Settings</DrawerHeaderTitle>\n *   <DrawerClose />\n * </DrawerHeader>\n *```\n */\nexport function DrawerHeader({\n  className,\n  title,\n  children,\n  ...rest\n}: ComponentPropsWithRef<'header'>) {\n  const { stack } = useContext(ViewStackContext);\n  const level = stack.length > 1 ? 4 : 2;\n\n  return (\n    <Header {...rest} className={clsx(styles.header, className)}>\n      {children == null ? (\n        <>\n          <DrawerBack />\n          <DrawerHeaderTitle level={level}>{title}</DrawerHeaderTitle>\n          <DrawerTrigger for='clear'>\n            <Button variant='icon'>\n              <Icon>\n                <Cancel />\n              </Icon>\n            </Button>\n          </DrawerTrigger>\n        </>\n      ) : (\n        children\n      )}\n    </Header>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAgB,aAAa,EAC3B,WACA,OACA,UACA,GAAG,QAC+B;CAClC,MAAM,EAAE,UAAU,WAAW,iBAAiB;CAC9C,MAAM,QAAQ,MAAM,SAAS,IAAI,IAAI;AAErC,QACE,oBAAC;EAAO,GAAI;EAAM,WAAW,KAAK,OAAO,QAAQ,UAAU;YACxD,YAAY,OACX;GACE,oBAAC,eAAa;GACd,oBAAC;IAAyB;cAAQ;KAA0B;GAC5D,oBAAC;IAAc,KAAI;cACjB,oBAAC;KAAO,SAAQ;eACd,oBAAC,kBACC,oBAAC,WAAS,GACL;MACA;KACK;MACf,GAEH;GAEK"}

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

@@ -12,7 +12,7 @@
 
 import { DrawerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
 
 //#region src/components/drawer/index.d.ts
 
@@ -63,7 +63,7 @@ declare function Drawer({
   size,
   onChange,
   ...rest
-}: DrawerProps): react_jsx_runtime70.JSX.Element;
+}: DrawerProps): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { Drawer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/layout-main.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 
 //#region src/components/drawer/layout-main.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime73 from "react/jsx-runtime";
 declare function DrawerLayoutMain({
   className,
   ...rest
-}: ComponentPropsWithRef<'main'>): react_jsx_runtime73.JSX.Element;
+}: ComponentPropsWithRef<'main'>): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { DrawerLayoutMain };
 //# sourceMappingURL=layout-main.d.ts.map

package/dist/components/drawer/layout.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { DrawerLayoutProps } from "./types.js";
-import * as react_jsx_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime83 from "react/jsx-runtime";
 
 //#region src/components/drawer/layout.d.ts
 
@@ -42,7 +42,7 @@ declare function DrawerLayout({
   extend,
   push,
   ...rest
-}: DrawerLayoutProps): react_jsx_runtime74.JSX.Element;
+}: DrawerLayoutProps): react_jsx_runtime83.JSX.Element;
 //#endregion
 export { DrawerLayout };
 //# sourceMappingURL=layout.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { DrawerMenuItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime77 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 
 //#region src/components/drawer/menu-item.d.ts
 
@@ -45,7 +45,7 @@ declare function DrawerMenuItem({
   toggle,
   textValue,
   ...rest
-}: DrawerMenuItemProps): react_jsx_runtime77.JSX.Element | null;
+}: DrawerMenuItemProps): react_jsx_runtime84.JSX.Element | null;
 //#endregion
 export { DrawerMenuItem };
 //# sourceMappingURL=menu-item.d.ts.map

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

@@ -14,16 +14,16 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { ToggleButton as ToggleButton$1 } from "../button/toggle.js";
-import { Tooltip as Tooltip$1 } from "../tooltip/index.js";
-import { TooltipTrigger as TooltipTrigger$1 } from "../tooltip/trigger.js";
+import { ToggleButton } from "../button/toggle.js";
+import { Tooltip } from "../tooltip/index.js";
+import { TooltipTrigger } from "../tooltip/trigger.js";
 import { ViewStackContext } from "../view-stack/context.js";
 import { DrawerContext } from "./context.js";
 import { DrawerTrigger } from "./trigger.js";
 import "client-only";
 import { useContext, useRef } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
@@ -63,9 +63,9 @@ function DrawerMenuItem({ for: id, children, classNames, toggle, textValue, ...r
 	const action = toggle ? "toggle" : "open";
 	const tooltipRef = useRef(null);
 	if (!parent) return null;
-	return /* @__PURE__ */ jsxs(TooltipTrigger$1, { children: [/* @__PURE__ */ jsx(DrawerTrigger, {
+	return /* @__PURE__ */ jsxs(TooltipTrigger, { children: [/* @__PURE__ */ jsx(DrawerTrigger, {
 		for: `${action}:${id}`,
-		children: /* @__PURE__ */ jsx(ToggleButton$1, {
+		children: /* @__PURE__ */ jsx(ToggleButton, {
 			ref: tooltipRef,
 			className: composeRenderProps(classNames?.item, (className) => clsx(styles.item, className)),
 			color: "accent",
@@ -75,7 +75,7 @@ function DrawerMenuItem({ for: id, children, classNames, toggle, textValue, ...r
 			...rest,
 			children: composeRenderProps(children, (children$1) => /* @__PURE__ */ jsx(Icon, { children: children$1 }))
 		})
-	}), /* @__PURE__ */ jsx(Tooltip$1, {
+	}), /* @__PURE__ */ jsx(Tooltip, {
 		triggerRef: tooltipRef,
 		placement: tooltipPlacementMap[placement],
 		offset: 6,

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["TooltipTrigger","ToggleButton","children","Tooltip"],"sources":["../../../src/components/drawer/menu-item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useRef } from 'react';\nimport { composeRenderProps } from 'react-aria-components';\nimport { ToggleButton } from '../button/toggle';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerContext } from './context';\nimport styles from './styles.module.css';\nimport { DrawerTrigger } from './trigger';\nimport type { DrawerMenuItemProps } from './types';\n\nconst tooltipPlacementMap = {\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n  bottom: 'top',\n} as const;\n\n/**\n * DrawerMenuItem - Individual navigation item within DrawerMenu.\n *\n * Renders as a toggle button with an icon and tooltip.\n * The `for` prop specifies which view to navigate to.\n * Use `toggle` prop to toggle the view open/closed instead of just opening.\n *\n * @param props - {@link DrawerMenuItemProps}\n * @param props.for - The unique ID of the view to navigate to.\n * @param props.children - Icon content to render inside the button.\n * @param props.classNames - Optional class names for item and tooltip.\n * @param props.toggle - Whether to toggle the view open/closed.\n * @param props.textValue - Text for the tooltip.\n * @returns The rendered DrawerMenuItem component, or null if outside a Drawer.\n *\n * @example\n * ```tsx\n * <DrawerMenuItem for={viewId} textValue=\"Settings\">\n *   <SettingsIcon />\n * </DrawerMenuItem>\n * ```\n */\nexport function DrawerMenuItem({\n  for: id,\n  children,\n  classNames,\n  toggle,\n  textValue,\n  ...rest\n}: DrawerMenuItemProps) {\n  const { parent, stack } = useContext(ViewStackContext);\n  const { placement } = useContext(DrawerContext);\n  const view = stack.at(-1);\n  const action = toggle ? 'toggle' : 'open';\n  const tooltipRef = useRef(null);\n\n  if (!parent) {\n    return null;\n  }\n\n  return (\n    <TooltipTrigger>\n      <DrawerTrigger for={`${action}:${id}`}>\n        <ToggleButton\n          ref={tooltipRef}\n          className={composeRenderProps(classNames?.item, (className) =>\n            clsx(styles.item, className),\n          )}\n          color='accent'\n          role='tab'\n          variant='icon'\n          isSelected={id === view || (stack.length > 1 && stack.includes(id))}\n          {...rest}\n        >\n          {composeRenderProps(children, (children) => (\n            <Icon>{children}</Icon>\n          ))}\n        </ToggleButton>\n      </DrawerTrigger>\n      <Tooltip\n        triggerRef={tooltipRef}\n        placement={tooltipPlacementMap[placement]}\n        offset={6}\n        className={classNames?.tooltip}\n      >\n        {textValue}\n      </Tooltip>\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,sBAAsB;CAC1B,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;CACT;;;;;;;;;;;;;;;;;;;;;;;AAwBD,SAAgB,eAAe,EAC7B,KAAK,IACL,UACA,YACA,QACA,WACA,GAAG,QACmB;CACtB,MAAM,EAAE,QAAQ,UAAU,WAAW,iBAAiB;CACtD,MAAM,EAAE,cAAc,WAAW,cAAc;CAC/C,MAAM,OAAO,MAAM,GAAG,GAAG;CACzB,MAAM,SAAS,SAAS,WAAW;CACnC,MAAM,aAAa,OAAO,KAAK;AAE/B,KAAI,CAAC,OACH,QAAO;AAGT,QACE,qBAACA,+BACC,oBAAC;EAAc,KAAK,GAAG,OAAO,GAAG;YAC/B,oBAACC;GACC,KAAK;GACL,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;GACD,OAAM;GACN,MAAK;GACL,SAAQ;GACR,YAAY,OAAO,QAAS,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG;GAClE,GAAI;aAEH,mBAAmB,WAAW,eAC7B,oBAAC,kBAAMC,aAAgB,CACvB;IACW;GACD,EAChB,oBAACC;EACC,YAAY;EACZ,WAAW,oBAAoB;EAC/B,QAAQ;EACR,WAAW,YAAY;YAEtB;GACO,IACK"}
+{"version":3,"file":"menu-item.js","names":["children"],"sources":["../../../src/components/drawer/menu-item.tsx"],"sourcesContent":["/*\n * Copyright 2026 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext, useRef } from 'react';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { ToggleButton } from '../button/toggle';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerContext } from './context';\nimport styles from './styles.module.css';\nimport { DrawerTrigger } from './trigger';\nimport type { DrawerMenuItemProps } from './types';\n\nconst tooltipPlacementMap = {\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n  bottom: 'top',\n} as const;\n\n/**\n * DrawerMenuItem - Individual navigation item within DrawerMenu.\n *\n * Renders as a toggle button with an icon and tooltip.\n * The `for` prop specifies which view to navigate to.\n * Use `toggle` prop to toggle the view open/closed instead of just opening.\n *\n * @param props - {@link DrawerMenuItemProps}\n * @param props.for - The unique ID of the view to navigate to.\n * @param props.children - Icon content to render inside the button.\n * @param props.classNames - Optional class names for item and tooltip.\n * @param props.toggle - Whether to toggle the view open/closed.\n * @param props.textValue - Text for the tooltip.\n * @returns The rendered DrawerMenuItem component, or null if outside a Drawer.\n *\n * @example\n * ```tsx\n * <DrawerMenuItem for={viewId} textValue=\"Settings\">\n *   <SettingsIcon />\n * </DrawerMenuItem>\n * ```\n */\nexport function DrawerMenuItem({\n  for: id,\n  children,\n  classNames,\n  toggle,\n  textValue,\n  ...rest\n}: DrawerMenuItemProps) {\n  const { parent, stack } = useContext(ViewStackContext);\n  const { placement } = useContext(DrawerContext);\n  const view = stack.at(-1);\n  const action = toggle ? 'toggle' : 'open';\n  const tooltipRef = useRef(null);\n\n  if (!parent) {\n    return null;\n  }\n\n  return (\n    <TooltipTrigger>\n      <DrawerTrigger for={`${action}:${id}`}>\n        <ToggleButton\n          ref={tooltipRef}\n          className={composeRenderProps(classNames?.item, (className) =>\n            clsx(styles.item, className),\n          )}\n          color='accent'\n          role='tab'\n          variant='icon'\n          isSelected={id === view || (stack.length > 1 && stack.includes(id))}\n          {...rest}\n        >\n          {composeRenderProps(children, (children) => (\n            <Icon>{children}</Icon>\n          ))}\n        </ToggleButton>\n      </DrawerTrigger>\n      <Tooltip\n        triggerRef={tooltipRef}\n        placement={tooltipPlacementMap[placement]}\n        offset={6}\n        className={classNames?.tooltip}\n      >\n        {textValue}\n      </Tooltip>\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,sBAAsB;CAC1B,MAAM;CACN,OAAO;CACP,KAAK;CACL,QAAQ;CACT;;;;;;;;;;;;;;;;;;;;;;;AAwBD,SAAgB,eAAe,EAC7B,KAAK,IACL,UACA,YACA,QACA,WACA,GAAG,QACmB;CACtB,MAAM,EAAE,QAAQ,UAAU,WAAW,iBAAiB;CACtD,MAAM,EAAE,cAAc,WAAW,cAAc;CAC/C,MAAM,OAAO,MAAM,GAAG,GAAG;CACzB,MAAM,SAAS,SAAS,WAAW;CACnC,MAAM,aAAa,OAAO,KAAK;AAE/B,KAAI,CAAC,OACH,QAAO;AAGT,QACE,qBAAC,6BACC,oBAAC;EAAc,KAAK,GAAG,OAAO,GAAG;YAC/B,oBAAC;GACC,KAAK;GACL,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;GACD,OAAM;GACN,MAAK;GACL,SAAQ;GACR,YAAY,OAAO,QAAS,MAAM,SAAS,KAAK,MAAM,SAAS,GAAG;GAClE,GAAI;aAEH,mBAAmB,WAAW,eAC7B,oBAAC,kBAAMA,aAAgB,CACvB;IACW;GACD,EAChB,oBAAC;EACC,YAAY;EACZ,WAAW,oBAAoB;EAC/B,QAAQ;EACR,WAAW,YAAY;YAEtB;GACO,IACK"}

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

@@ -11,7 +11,7 @@
  */
 
 import { DrawerMenuProps } from "./types.js";
-import * as react_jsx_runtime81 from "react/jsx-runtime";
+import * as react_jsx_runtime87 from "react/jsx-runtime";
 
 //#region src/components/drawer/menu.d.ts
 
@@ -39,7 +39,7 @@ declare function DrawerMenu({
   position,
   children,
   ...rest
-}: DrawerMenuProps): react_jsx_runtime81.JSX.Element;
+}: DrawerMenuProps): react_jsx_runtime87.JSX.Element;
 //#endregion
 export { DrawerMenu };
 //# sourceMappingURL=menu.d.ts.map