@accelint/design-toolkit 9.3.0 → 9.4.0

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

@@ -12,13 +12,37 @@
 
 import "client-only";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/dialog/footer.d.ts
+
+/**
+ * DialogFooter - Container for dialog action buttons.
+ *
+ * Automatically sizes child Button components based on the dialog size
+ * and wires up default close behavior on button press.
+ *
+ * @param props - The dialog footer props.
+ * @param props.children - Action buttons to display in the footer.
+ * @param props.className - Additional CSS class name.
+ * @returns The dialog footer component.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTitle>Confirm</DialogTitle>
+ *   <DialogContent>Are you sure?</DialogContent>
+ *   <DialogFooter>
+ *     <Button variant="flat">Cancel</Button>
+ *     <Button>Confirm</Button>
+ *   </DialogFooter>
+ * </Dialog>
+ * ```
+ */
 declare function DialogFooter({
   children,
   className
-}: ComponentProps<'footer'>): react_jsx_runtime37.JSX.Element;
+}: ComponentProps<'footer'>): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { DialogFooter };
 //# sourceMappingURL=footer.d.ts.map

package/dist/components/dialog/footer.js

@@ -24,6 +24,29 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/dialog/footer.tsx
+/**
+* DialogFooter - Container for dialog action buttons.
+*
+* Automatically sizes child Button components based on the dialog size
+* and wires up default close behavior on button press.
+*
+* @param props - The dialog footer props.
+* @param props.children - Action buttons to display in the footer.
+* @param props.className - Additional CSS class name.
+* @returns The dialog footer component.
+*
+* @example
+* ```tsx
+* <Dialog>
+*   <DialogTitle>Confirm</DialogTitle>
+*   <DialogContent>Are you sure?</DialogContent>
+*   <DialogFooter>
+*     <Button variant="flat">Cancel</Button>
+*     <Button>Confirm</Button>
+*   </DialogFooter>
+* </Dialog>
+* ```
+*/
 function DialogFooter({ children, className }) {
 	const context = useContext(DialogContext);
 	const size = (isSlottedContextValue(context) ? null : context?.size) ?? "small";

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":[],"sources":["../../../src/components/dialog/footer.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { 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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,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 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 { 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"}

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

@@ -12,7 +12,7 @@
 
 import { DialogProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/dialog/index.d.ts
 
@@ -23,7 +23,16 @@ import * as react_jsx_runtime44 from "react/jsx-runtime";
  * and keyboard navigation. Supports multiple sizes and customizable dismissal behavior.
  * Perfect for confirmations, forms, or any content requiring user focus.
  *
+ * @param props - The dialog props.
+ * @param props.ref - Reference to the dialog element.
+ * @param props.children - Dialog content (can be a render function with close callback).
+ * @param props.classNames - Custom class names for sub-elements.
+ * @param props.parentRef - Reference to parent element for portal rendering.
+ * @param props.size - Size variant of the dialog.
+ * @returns The dialog component.
+ *
  * @example
+ * ```tsx
  * // Basic dialog with trigger
  * <DialogTrigger>
  *   <Button>Open Dialog</Button>
@@ -39,11 +48,12 @@ import * as react_jsx_runtime44 from "react/jsx-runtime";
  *     )}
  *   </Dialog>
  * </DialogTrigger>
+ * ```
  */
 declare function Dialog({
   ref,
   ...props
-}: DialogProps): react_jsx_runtime44.JSX.Element;
+}: DialogProps): react_jsx_runtime36.JSX.Element;
 //#endregion
 export { Dialog };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.js

@@ -29,7 +29,16 @@ import styles from "./styles.module.css";
 * and keyboard navigation. Supports multiple sizes and customizable dismissal behavior.
 * Perfect for confirmations, forms, or any content requiring user focus.
 *
+* @param props - The dialog props.
+* @param props.ref - Reference to the dialog element.
+* @param props.children - Dialog content (can be a render function with close callback).
+* @param props.classNames - Custom class names for sub-elements.
+* @param props.parentRef - Reference to parent element for portal rendering.
+* @param props.size - Size variant of the dialog.
+* @returns The dialog component.
+*
 * @example
+* ```tsx
 * // Basic dialog with trigger
 * <DialogTrigger>
 *   <Button>Open Dialog</Button>
@@ -45,6 +54,7 @@ import styles from "./styles.module.css";
 *     )}
 *   </Dialog>
 * </DialogTrigger>
+* ```
 */
 function Dialog({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, DialogContext);

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 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 {\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 * @example\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 */\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,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 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 {\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"}

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

@@ -12,13 +12,32 @@
 
 import "client-only";
 import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/dialog/title.d.ts
+
+/**
+ * DialogTitle - Semantic heading element for dialog titles.
+ *
+ * Renders as an `<h2>` element with the `title` slot for accessibility.
+ *
+ * @param props - The dialog title props.
+ * @param props.children - Title text content.
+ * @param props.className - Additional CSS class name.
+ * @returns The dialog title component.
+ *
+ * @example
+ * ```tsx
+ * <Dialog>
+ *   <DialogTitle>Confirm Action</DialogTitle>
+ *   <DialogContent>...</DialogContent>
+ * </Dialog>
+ * ```
+ */
 declare function DialogTitle({
   children,
   className
-}: HeadingProps): react_jsx_runtime47.JSX.Element;
+}: HeadingProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { DialogTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/dialog/title.js

@@ -20,6 +20,24 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/dialog/title.tsx
+/**
+* DialogTitle - Semantic heading element for dialog titles.
+*
+* Renders as an `<h2>` element with the `title` slot for accessibility.
+*
+* @param props - The dialog title props.
+* @param props.children - Title text content.
+* @param props.className - Additional CSS class name.
+* @returns The dialog title component.
+*
+* @example
+* ```tsx
+* <Dialog>
+*   <DialogTitle>Confirm Action</DialogTitle>
+*   <DialogContent>...</DialogContent>
+* </Dialog>
+* ```
+*/
 function DialogTitle({ children, className }) {
 	return /* @__PURE__ */ jsx(Heading, {
 		slot: "title",

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

@@ -1 +1 @@
-{"version":3,"file":"title.js","names":[],"sources":["../../../src/components/dialog/title.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Heading, type HeadingProps } from 'react-aria-components';\nimport styles from './styles.module.css';\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":";;;;;;;;;;;;;;;;;;;;;;AAkBA,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 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 { 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"}

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

@@ -14,6 +14,24 @@ import "client-only";
 import { DialogTrigger as DialogTrigger$1 } from "react-aria-components";
 
 //#region src/components/dialog/trigger.d.ts
+
+/**
+ * DialogTrigger - Manages dialog open/close state and trigger behavior.
+ *
+ * Wraps a trigger element (typically a Button) and a Dialog component.
+ * Handles accessibility attributes and focus management automatically.
+ *
+ * @example
+ * ```tsx
+ * <DialogTrigger>
+ *   <Button>Open Dialog</Button>
+ *   <Dialog>
+ *     <DialogTitle>Title</DialogTitle>
+ *     <DialogContent>Content</DialogContent>
+ *   </Dialog>
+ * </DialogTrigger>
+ * ```
+ */
 declare const DialogTrigger: typeof DialogTrigger$1;
 //#endregion
 export { DialogTrigger };

package/dist/components/dialog/trigger.js

@@ -17,6 +17,23 @@ import "client-only";
 import { DialogTrigger as DialogTrigger$1 } from "react-aria-components";
 
 //#region src/components/dialog/trigger.tsx
+/**
+* DialogTrigger - Manages dialog open/close state and trigger behavior.
+*
+* Wraps a trigger element (typically a Button) and a Dialog component.
+* Handles accessibility attributes and focus management automatically.
+*
+* @example
+* ```tsx
+* <DialogTrigger>
+*   <Button>Open Dialog</Button>
+*   <Dialog>
+*     <DialogTitle>Title</DialogTitle>
+*     <DialogContent>Content</DialogContent>
+*   </Dialog>
+* </DialogTrigger>
+* ```
+*/
 const DialogTrigger = DialogTrigger$1;
 
 //#endregion

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 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 { DialogTrigger as AriaDialogTrigger } from 'react-aria-components';\n\nexport const DialogTrigger = AriaDialogTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,gBAAgBA"}
+{"version":3,"file":"trigger.js","names":["AriaDialogTrigger"],"sources":["../../../src/components/dialog/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { 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"}

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

@@ -14,15 +14,27 @@ import { RefAttributes, RefObject } from "react";
 import { DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps } from "react-aria-components";
 
 //#region src/components/dialog/types.d.ts
+/**
+ * Props for the Dialog component.
+ */
 type DialogProps = Omit<ModalOverlayProps, 'children' | 'className'> & Pick<DialogProps$1, 'children'> & RefAttributes<HTMLDivElement> & {
+  /** Custom class names for sub-elements. */
   classNames?: {
+    /** Class name for the overlay backdrop. */
     overlay?: ModalOverlayProps['className'];
+    /** Class name for the modal container. */
     modal?: ModalOverlayProps['className'];
+    /** Class name for the dialog element. */
     dialog?: DialogProps$1['className'];
   };
+  /** Reference to parent element for portal rendering. */
   parentRef?: RefObject<HTMLElement | null>;
+  /** Size variant of the dialog. */
   size?: 'small' | 'large';
 };
+/**
+ * Props for the DialogTrigger component.
+ */
 type DialogTriggerProps = DialogTriggerProps$1;
 //#endregion
 export { DialogProps, DialogTriggerProps };

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

@@ -13,16 +13,36 @@
 import { ProviderProps } from "../../lib/types.js";
 import { DividerProps } from "./types.js";
 import "client-only";
-import * as react15 from "react";
+import * as react16 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/divider/context.d.ts
-declare const DividerContext: react15.Context<ContextValue<DividerProps, HTMLHRElement>>;
+/**
+ * Context for sharing Divider props across component tree.
+ */
+declare const DividerContext: react16.Context<ContextValue<DividerProps, HTMLHRElement>>;
+/**
+ * DividerProvider - Context provider for setting default Divider props.
+ *
+ * Use this to configure shared orientation across multiple Divider components.
+ *
+ * @param props - The provider props.
+ * @param props.children - Child components that will receive the divider context.
+ * @returns The divider context provider wrapping children.
+ *
+ * @example
+ * ```tsx
+ * <DividerProvider orientation="vertical">
+ *   <Divider />
+ *   <Divider />
+ * </DividerProvider>
+ * ```
+ */
 declare function DividerProvider({
   children,
   ...props
-}: ProviderProps<DividerProps>): react_jsx_runtime45.JSX.Element;
+}: ProviderProps<DividerProps>): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { DividerContext, DividerProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/divider/context.js

@@ -18,7 +18,27 @@ import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/divider/context.tsx
+/**
+* Context for sharing Divider props across component tree.
+*/
 const DividerContext = createContext(null);
+/**
+* DividerProvider - Context provider for setting default Divider props.
+*
+* Use this to configure shared orientation across multiple Divider components.
+*
+* @param props - The provider props.
+* @param props.children - Child components that will receive the divider context.
+* @returns The divider context provider wrapping children.
+*
+* @example
+* ```tsx
+* <DividerProvider orientation="vertical">
+*   <Divider />
+*   <Divider />
+* </DividerProvider>
+* ```
+*/
 function DividerProvider({ children, ...props }) {
 	return /* @__PURE__ */ jsx(DividerContext.Provider, {
 		value: props,

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/divider/context.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\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\nexport const DividerContext =\n  createContext<ContextValue<DividerProps, HTMLHRElement>>(null);\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":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,iBACX,cAAyD,KAAK;AAEhE,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 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 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"}

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

@@ -12,27 +12,38 @@
 
 import { DividerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/divider/index.d.ts
+
 /**
  * Divider - A simple horizontal or vertical rule component
  *
  * Provides a visual separator between content sections with support for both
  * horizontal and vertical orientations.
  *
+ * @param props - The divider props.
+ * @param props.ref - Reference to the hr element.
+ * @param props.className - Additional CSS class name.
+ * @param props.orientation - Orientation of the divider (horizontal or vertical).
+ * @returns The divider component.
+ *
  * @example
+ * ```tsx
  * // Basic horizontal divider
  * <Divider />
+ * ```
  *
  * @example
+ * ```tsx
  * // Vertical divider
  * <Divider orientation="vertical" />
+ * ```
  */
 declare function Divider({
   ref,
   ...props
-}: DividerProps): react_jsx_runtime46.JSX.Element;
+}: DividerProps): react_jsx_runtime43.JSX.Element;
 //#endregion
 export { Divider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.js

@@ -28,13 +28,23 @@ import styles from "./styles.module.css";
 * Provides a visual separator between content sections with support for both
 * horizontal and vertical orientations.
 *
+* @param props - The divider props.
+* @param props.ref - Reference to the hr element.
+* @param props.className - Additional CSS class name.
+* @param props.orientation - Orientation of the divider (horizontal or vertical).
+* @returns The divider component.
+*
 * @example
+* ```tsx
 * // Basic horizontal divider
 * <Divider />
+* ```
 *
 * @example
+* ```tsx
 * // Vertical divider
 * <Divider orientation="vertical" />
+* ```
 */
 function Divider({ ref, ...props }) {
 	[props, ref] = useContextProps(props, ref ?? null, DividerContext);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\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 * @example\n * // Basic horizontal divider\n * <Divider />\n *\n * @example\n * // Vertical divider\n * <Divider orientation=\"vertical\" />\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,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 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 { 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"}

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

@@ -13,11 +13,11 @@
 import { ComponentPropsWithRef } from "react";
 
 //#region src/components/divider/types.d.ts
+/**
+ * Props for the Divider component.
+ */
 type DividerProps = ComponentPropsWithRef<'hr'> & {
-  /**
-   * The orientation of the divider.
-   * @default 'horizontal'
-   */
+  /** The orientation of the divider (defaults to 'horizontal'). */
   orientation?: 'horizontal' | 'vertical';
 };
 //#endregion

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

@@ -11,10 +11,29 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 
 //#region src/components/drawer/back.d.ts
-declare function DrawerBack(): react_jsx_runtime49.JSX.Element | null;
+
+/**
+ * DrawerBack - Back navigation button for nested drawer views.
+ *
+ * Only renders when the view stack has more than one view.
+ * Triggers a 'back' action to pop the current view from the stack.
+ *
+ * @returns The rendered DrawerBack button, or null if at root view.
+ *
+ * @example
+ * ```tsx
+ * <DrawerView id={nestedViewId}>
+ *   <DrawerHeader>
+ *     <DrawerBack />
+ *     <DrawerHeaderTitle>Nested View</DrawerHeaderTitle>
+ *   </DrawerHeader>
+ * </DrawerView>
+ * ```
+ */
+declare function DrawerBack(): react_jsx_runtime48.JSX.Element | null;
 //#endregion
 export { DrawerBack };
 //# sourceMappingURL=back.d.ts.map

package/dist/components/drawer/back.js

@@ -20,9 +20,27 @@ import { DrawerTrigger } from "./trigger.js";
 import "client-only";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-import { ChevronLeft } from "@accelint/icons";
+import ChevronLeft from "@accelint/icons/chevron-left";
 
 //#region src/components/drawer/back.tsx
+/**
+* DrawerBack - Back navigation button for nested drawer views.
+*
+* Only renders when the view stack has more than one view.
+* Triggers a 'back' action to pop the current view from the stack.
+*
+* @returns The rendered DrawerBack button, or null if at root view.
+*
+* @example
+* ```tsx
+* <DrawerView id={nestedViewId}>
+*   <DrawerHeader>
+*     <DrawerBack />
+*     <DrawerHeaderTitle>Nested View</DrawerHeaderTitle>
+*   </DrawerHeader>
+* </DrawerView>
+* ```
+*/
 function DrawerBack() {
 	const { stack } = useContext(ViewStackContext);
 	return stack.length > 1 ? /* @__PURE__ */ jsx(DrawerTrigger, {

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

@@ -1 +1 @@
-{"version":3,"file":"back.js","names":[],"sources":["../../../src/components/drawer/back.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { ChevronLeft } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerTrigger } from './trigger';\n\nexport function DrawerBack() {\n  const { stack } = useContext(ViewStackContext);\n\n  return stack.length > 1 ? (\n    <DrawerTrigger for='back'>\n      <Button variant='icon'>\n        <Icon>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  ) : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,aAAa;CAC3B,MAAM,EAAE,UAAU,WAAW,iBAAiB;AAE9C,QAAO,MAAM,SAAS,IACpB,oBAAC;EAAc,KAAI;YACjB,oBAAC;GAAO,SAAQ;aACd,oBAAC,kBACC,oBAAC,gBAAc,GACV;IACA;GACK,GACd"}
+{"version":3,"file":"back.js","names":[],"sources":["../../../src/components/drawer/back.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport ChevronLeft from '@accelint/icons/chevron-left';\nimport { useContext } from 'react';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerTrigger } from './trigger';\n\n/**\n * DrawerBack - Back navigation button for nested drawer views.\n *\n * Only renders when the view stack has more than one view.\n * Triggers a 'back' action to pop the current view from the stack.\n *\n * @returns The rendered DrawerBack button, or null if at root view.\n *\n * @example\n * ```tsx\n * <DrawerView id={nestedViewId}>\n *   <DrawerHeader>\n *     <DrawerBack />\n *     <DrawerHeaderTitle>Nested View</DrawerHeaderTitle>\n *   </DrawerHeader>\n * </DrawerView>\n * ```\n */\nexport function DrawerBack() {\n  const { stack } = useContext(ViewStackContext);\n\n  return stack.length > 1 ? (\n    <DrawerTrigger for='back'>\n      <Button variant='icon'>\n        <Icon>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  ) : null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,SAAgB,aAAa;CAC3B,MAAM,EAAE,UAAU,WAAW,iBAAiB;AAE9C,QAAO,MAAM,SAAS,IACpB,oBAAC;EAAc,KAAI;YACjB,oBAAC;GAAO,SAAQ;aACd,oBAAC,kBACC,oBAAC,gBAAc,GACV;IACA;GACK,GACd"}

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

@@ -10,11 +10,34 @@
  * governing permissions and limitations under the License.
  */
 
+import { DrawerCloseProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/drawer/close.d.ts
-declare function DrawerClose(): react_jsx_runtime67.JSX.Element;
+
+/**
+ * DrawerClose - Close button for the drawer.
+ *
+ * Triggers a 'close' action to close the entire drawer.
+ *
+ * @param props - {@link DrawerCloseProps}
+ * @param props.for - Optional drawer ID to close. Defaults to current drawer.
+ * @param props.aria-label - Optional accessible label for the button.
+ * @returns The rendered DrawerClose button.
+ *
+ * @example
+ * ```tsx
+ * <DrawerHeader>
+ *   <DrawerHeaderTitle>Settings</DrawerHeaderTitle>
+ *   <DrawerClose />
+ * </DrawerHeader>
+ * ```
+ */
+declare function DrawerClose(props: DrawerCloseProps): react_jsx_runtime49.JSX.Element;
+declare namespace DrawerClose {
+  var displayName: string;
+}
 //#endregion
 export { DrawerClose };
 //# sourceMappingURL=close.d.ts.map