@accelint/design-toolkit 5.2.0 → 7.0.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/dialog/index.tsx"],"names":["title","DialogStyles","DialogContext","DialogTitle","x","className","jsx","Heading","t","H","children","DialogContent","context","useContext","O","state","p","A","size","DialogFooter","props","ref","isSSR","useIsSSR","portal","N","T","classNames","parentRef","useEffect","node","S","port","setPortal","y","rest","composeRenderProps","modal","u","dialog","E","Dialog"],"mappings":"yfAwCwB,MAAA,CAAA,SAAQA,CAAAA,KAAO,CAAA,CAAA,CAAA,MAAS,CAAA,CAAA,CAAA,KAAWC,CAAa,EAE3DC,QACkD,CAAA,CAE/D,MAAA,CAAA,CAAA,CAASC,aAAY,EAAE,CAAA,CAAA,CAAAC,aAAA,CAAA,MAAU,SAAAC,CAAU,EAAiB,QAExDC,EAACC,CAAAA,SAAa,CAAA,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAAC,OAAA,CAAWT,CAAAA,YAAQK,CAAU,SAChD,CAAA,CAAA,CAAAK,CAAAA,SAIK,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAEjBC,cAA0B,CAAA,SAAAN,CAAU,CAAA,CAA0B,QAC9DC,CAAAA,CAAC,UAAI,CAAA,CAAA,CAAA,CAAA,CAAA,OAAqBE,GAAA,CAAA,KAAA,CAAAH,CAAU,SAAK,CAAA,CAAA,CAAAK,UAEpC,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,4BAEM,CAAA,SAAAL,CAAU,CAAA,CAA6B,QACjEO,CAAUC,EAAWX,SAEK,EAAI,CAAA,CAAA,CAAA,qBAAyB,CAAA,CAAA,CAAA,CAAAY,qBAAA,CAAA,CAAA,CACvDC,CAAAA,IAA6C,CAAA,CAEnD,SACG,OAAA,CAAA,CAAA,CAAOC,UAAA,CAAAC,0BAAA,CAAA,CAAA,OAAkBT,GAAE,CAAA,QAAA,CAAAH,CAAU,SACpC,CAAA,CAAA,CAAAC,UAAe,CAAA,CAAA,CAAd,CACC,CAAA,aACEY,aAAAA,CACA,QAASH,OAAO,CAAA,CAAA,IAAU,CAAA,CAAG,QAG9B,CAAA,CAAA,EAAA,KACH,GAKNI,iBAA2B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WA0BpB,CAAA,eAAgC,CAAgB,SACtBC,CAAAA,CAAOC,CAAAA,GAAO,CAAA,CAAA,CAAA,GAAmB,CAEhE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAMC,EAAQC,CAAAA,eAAS,CAAA,CACjB,CAACC,CAAAA,EAAiB,IAAaF,CAAAA,CAAQ,QAAO,CAAA,CAAAG,QAAA,EAAA,CAAS,CAAA,CAAA,CAAA,CAAI,EAC3DC,QAAE,CAAA,CAAA,CAAA,IAAA,CAAA,QAAU,CAAA,IAAA,CAAAC,CAAAA,CAAY,QAAA,CAAA,CAAAC,CAAAA,UAAkB,CAAA,CAAA,CAAA,SAAqBR,EAErE,CAAA,IAAA,CAAA,CAAAS,CAAAA,OACE,CAAA,GAAA,CAAMC,EAAOF,CAAAA,CAAAA,OAAWG,SAAA,CAElBC,IAAe,CAAA,kBAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,IAAc,CAAA,QAEnD,CAAA,aACO,eAELC,GAAc,CAAA,iBAID,CAAA,CAEbA,CAAAA,CAAUX,EAAQ,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,EAAA,QAC3B,CACF,CAAA,CAAG,CAACA,MAGFhB,aAAC,EAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOc,EAC7B,CAAA,CAAAZ,GAAA,CAAA,CAAA,CAAA,QAAuB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAAoBgB,CACzChB,GAAA,CAAA0B,qBAAA,CAAA,CAAA,YACMC,CAAAA,KACCd,CAAAA,QACL,CAAAb,GAAA,CAAW4B,aAAmBT,CAAAA,GAAY,CAAA,CAAA,GAAA,CAAA,CAAUtB,iCACxCA,OAEZ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAEA,CAAA,CAAA,CAAA,CAAA,CAAAC,CAAAA,WACE,CAAA,CAAA,CAAW8B,aAAuC/B,KAAAA,CAAAA,CAChDgC,SAAQ,CAAAC,kBAAA,CAAA,CAAAjC,EAAW,YAGrBC,SAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWiC,QAAS,CAAA/B,GAAA,CAAAgC,MAAA,CAAWb,CAAAA,SAAoB,CAAA,CAC5D,CAAA,CAAA,SACH,EACF,EACF,MAKRc,EAAO,CAAA,QAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACrBA,EAAO,CAAA,WACA,CAAA,SACA,CAAA,CAAA,OAAU9B,CACjB8B,cAAO,CAAA,CAAA,KAAStB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,MAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { UNSAFE_PortalProvider } from '@react-aria/overlays';\nimport { useIsSSR } from '@react-aria/ssr';\nimport {\n  type ComponentProps,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport {\n  Dialog as AriaDialog,\n  type ContextValue,\n  composeRenderProps,\n  DialogTrigger,\n  Heading,\n  type HeadingProps,\n  Modal,\n  ModalOverlay,\n  OverlayTriggerStateContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { ButtonContext } from '../button';\nimport { DialogStyles } from './styles';\nimport type { DialogProps } from './types';\n\nconst { overlay, modal, dialog, title, content, footer } = DialogStyles();\n\nexport const DialogContext =\n  createContext<ContextValue<DialogProps, HTMLDivElement>>(null);\n\nfunction DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={title({ className })}>\n      {children}\n    </Heading>\n  );\n}\nDialogTitle.displayName = 'Dialog.Title';\n\nfunction DialogContent({ children, className }: ComponentProps<'div'>) {\n  return <div className={content({ className })}>{children}</div>;\n}\nDialogContent.displayName = 'Dialog.Content';\n\nfunction DialogFooter({ children, className }: 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={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\nDialogFooter.displayName = 'Dialog.Footer';\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 * <Dialog.Trigger>\n *   <Button>Open Dialog</Button>\n *   <Dialog>\n *     {({ close }) => (\n *       <>\n *         <Dialog.Title>Confirm Action</Dialog.Title>\n *         <p>Are you sure you want to continue?</p>\n *         <Dialog.Footer>\n *           <Dialog.Button onPress={close}>Confirm</Dialog.Button>\n *         </Dialog.Footer>\n *       </>\n *     )}\n *   </Dialog>\n * </Dialog.Trigger>\n */\nexport function Dialog({ ref, ...props }: DialogProps) {\n  [props, ref] = useContextProps(props, ref ?? null, DialogContext);\n\n  const isSSR = useIsSSR();\n  const [portal, setPortal] = useState(isSSR ? null : document.body);\n  const { children, classNames, parentRef, size = 'small', ...rest } = props;\n\n  useEffect(() => {\n    const node = parentRef?.current;\n    // TODO: Ensure proper ssr hydration\n    const port = isSSR ? null : document.createElement('div');\n\n    if (node && port) {\n      node.appendChild(port);\n\n      setPortal(port);\n    }\n\n    return () => {\n      port?.remove();\n\n      setPortal(isSSR ? null : document.body);\n    };\n  }, [isSSR, parentRef]);\n\n  return (\n    <DialogContext.Provider value={props}>\n      <UNSAFE_PortalProvider getContainer={() => portal}>\n        <ModalOverlay\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.overlay, (className) =>\n            overlay({ className }),\n          )}\n          data-size={size}\n        >\n          <Modal\n            className={composeRenderProps(classNames?.modal, (className) =>\n              modal({ className }),\n            )}\n          >\n            <AriaDialog className={dialog({ className: classNames?.dialog })}>\n              {children}\n            </AriaDialog>\n          </Modal>\n        </ModalOverlay>\n      </UNSAFE_PortalProvider>\n    </DialogContext.Provider>\n  );\n}\nDialog.displayName = 'Dialog';\nDialog.Trigger = DialogTrigger;\nDialog.Title = DialogTitle;\nDialog.Content = DialogContent;\nDialog.Footer = DialogFooter;\n"]}
+{"version":3,"sources":["../../../src/components/dialog/index.tsx"],"names":["modal","dialog","DialogStyles","D","ref","props","DialogContext","children","size","rest","o","jsx","P","composeRenderProps","classNames","overlay","i","p","AriaDialog"],"mappings":"kSA0BiB,KAAAA,CAAO,OAAAC,CAAO,CAAA,CAAIC,KA0B5B,CAAA,CAAA,CAAA,OAAgB,CAAE,CAAA,CAAAC,YAAA,EAAAC,CAAK,UACpBA,CAAG,CAAA,GAAoBC,CAAAA,CAAOD,CAAAA,GAAO,CAAA,CAAA,CAAA,CAAME,CAAa,CAAA,CAEhE,mBAAM,CAAE,CAAA,CAAA,EAAA,IAAA,CAAAC,aAAAA,CAAU,CAAA,KAAA,CAAA,QAAY,CAAA,CAAA,CAAA,UAAW,CAAA,CAAAC,CAAAA,SAAgB,CAAA,CAAA,CAAGC,IAASJ,CAErE,CAAA,CAAA,OACGC,CAAAA,GAAc,CAAA,CAAA,CAAA,CAAA,CAAA,OAASI,GAAA,CAAOL,aAAAA,CAC7B,QAAA,CAAAM,CAAAA,KAAgB,CAAA,CAAA,CAAA,QACd,8BACG,CAAA,CAAGF,CAAAA,QAEJ,CAAAC,GAAA,CAAAE,YAAA,CAAA,CAAA,GAAWC,EAAmBC,GAAY,CAAA,CAAA,CAAA,SACxCC,CAAQC,kBAAE,CAAA,CAAA,EAAA,OAAU,CAAC,CACvB,EACA,CAAA,CAAA,CAAA,SAAWR,CAAAA,CAEX,CAAA,CAAA,CAAA,CAAA,WACE,CAAA,CAAA,CAAA,QAA8BM,CAAAA,GAAAA,CAAYG,KAAA,CAAA,CAAA,SAChC,CAAAD,kBAAA,CAAA,CAAA,EAAA,KAAU,CAAC,CACrB,EAEA,CAAA,CAAA,CAAA,SAACE,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,QAAkB,CAAER,qBAAuB,CAAA,CAAA,CAAA,CAAA,aACpDH,MAGP,CAAA,CACF,SAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { PortalProvider } from '@/providers/portal';\nimport 'client-only';\nimport {\n  Dialog as AriaDialog,\n  composeRenderProps,\n  Modal,\n  ModalOverlay,\n  useContextProps,\n} from 'react-aria-components';\nimport { DialogContext } from './context';\nimport { DialogStyles } from './styles';\nimport type { DialogProps } from './types';\n\nconst { overlay, modal, dialog } = DialogStyles();\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            overlay({ className }),\n          )}\n          data-size={size}\n        >\n          <Modal\n            className={composeRenderProps(classNames?.modal, (className) =>\n              modal({ className }),\n            )}\n          >\n            <AriaDialog className={dialog({ className: classNames?.dialog })}>\n              {children}\n            </AriaDialog>\n          </Modal>\n        </ModalOverlay>\n      </PortalProvider>\n    </DialogContext.Provider>\n  );\n}\n"]}

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

@@ -4,8 +4,8 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const DialogStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             dialog?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             overlay?: tailwind_merge.ClassNameValue;
@@ -15,8 +15,8 @@ declare const DialogStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             dialog?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             overlay?: tailwind_merge.ClassNameValue;
@@ -33,8 +33,8 @@ declare const DialogStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             dialog?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
             footer?: tailwind_merge.ClassNameValue;
             title?: tailwind_merge.ClassNameValue;
             overlay?: tailwind_merge.ClassNameValue;

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HeadingProps } from 'react-aria-components';
+
+declare function DialogTitle({ children, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+
+export { DialogTitle };

package/dist/components/dialog/title.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {Heading}from'react-aria-components';import {DialogStyles}from'./styles.js';const{title:l}=DialogStyles();function s({children:t,className:i}){return jsx(Heading,{slot:"title",className:l({className:i}),children:t})}export{s as DialogTitle};//# sourceMappingURL=title.js.map
+//# sourceMappingURL=title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/dialog/title.tsx"],"names":["DialogStyles","e","n","o"],"mappings":"gJAiBQ,CAAA,KAAUA,CAAAA,CAAa,EAExBC,YAAA,EAAA,CAAA,SAAuB,CAAA,CAAA,CAAA,oBAAqC,CACjE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAQ,CAAAC,OAAA,CAAA,CAAA,YAAa,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAW,CACjD,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"title.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Heading, type HeadingProps } from 'react-aria-components';\nimport { DialogStyles } from './styles';\n\nconst { title } = DialogStyles();\n\nexport function DialogTitle({ children, className }: HeadingProps) {\n  return (\n    <Heading slot='title' className={title({ className })}>\n      {children}\n    </Heading>\n  );\n}\n"]}

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

@@ -0,0 +1 @@
+export { DialogTrigger } from 'react-aria-components';

package/dist/components/dialog/trigger.js

@@ -0,0 +1,2 @@
+export{DialogTrigger}from'react-aria-components';//# sourceMappingURL=trigger.js.map
+//# sourceMappingURL=trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"trigger.js","sourcesContent":[]}

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

@@ -1,5 +1,5 @@
 import { RefAttributes, RefObject } from 'react';
-import { ModalOverlayProps, DialogProps as DialogProps$1 } from 'react-aria-components';
+import { ModalOverlayProps, DialogProps as DialogProps$1, DialogTriggerProps as DialogTriggerProps$1 } from 'react-aria-components';
 
 type DialogProps = Omit<ModalOverlayProps, 'children' | 'className'> & Pick<DialogProps$1, 'children'> & RefAttributes<HTMLDivElement> & {
     classNames?: {
@@ -10,5 +10,6 @@ type DialogProps = Omit<ModalOverlayProps, 'children' | 'className'> & Pick<Dial
     parentRef?: RefObject<HTMLElement | null>;
     size?: 'small' | 'large';
 };
+type DialogTriggerProps = DialogTriggerProps$1;
 
-export type { DialogProps };
+export type { DialogProps, DialogTriggerProps };

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
+import { DividerProps } from './types.js';
+
+declare const DividerContext: react.Context<ContextValue<DividerProps, HTMLHRElement>>;
+declare function DividerProvider({ children, ...props }: ProviderProps<DividerProps>): react_jsx_runtime.JSX.Element;
+
+export { DividerContext, DividerProvider };

package/dist/components/divider/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const t=createContext(null);function v({children:r,...e}){return jsx(t.Provider,{value:e,children:r})}export{t as DividerContext,v as DividerProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/divider/context.tsx"],"names":["DividerContext","createContext","DividerProvider","children","props","jsx"],"mappings":"0FAoBO,MAAMA,CAAAA,CACXC,aAAAA,CAAyD,IAAI,EAExD,SAASC,CAAAA,CAAgB,CAC9B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAAgC,CAC9B,OACEC,GAAAA,CAACL,CAAAA,CAAe,QAAA,CAAf,CAAwB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAErD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 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"]}

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

@@ -1,14 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { DividerProps } from './types.js';
+import 'react';
 
-declare const DividerContext: react.Context<ContextValue<DividerProps, HTMLHRElement>>;
-declare function DividerProvider({ children, ...props }: ProviderProps<DividerProps>): react_jsx_runtime.JSX.Element;
-declare namespace DividerProvider {
-    var displayName: string;
-}
 /**
  * Divider - A simple horizontal or vertical rule component
  *
@@ -24,9 +17,5 @@ declare namespace DividerProvider {
  * <Divider orientation="vertical" />
  */
 declare function Divider({ ref, ...props }: DividerProps): react_jsx_runtime.JSX.Element;
-declare namespace Divider {
-    var displayName: string;
-    var Provider: typeof DividerProvider;
-}
 
-export { Divider, DividerContext };
+export { Divider };

package/dist/components/divider/index.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {DividerStyles}from'./styles.js';const i=createContext(null);function o({children:r,...e}){return jsx(i.Provider,{value:e,children:r})}o.displayName="Divider.Provider";function t({ref:r,...e}){[e,r]=useContextProps(e,r??null,i);const{className:d,orientation:v="horizontal",...p}=e;return jsx("hr",{...p,ref:r,className:DividerStyles({className:d}),"data-orientation":v})}t.displayName="Divider",t.Provider=o;export{t as Divider,i as DividerContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {DividerContext}from'./context.js';import {DividerStyles}from'./styles.js';function D({ref:t,...i}){[i,t]=useContextProps(i,t??null,DividerContext);const{className:o,orientation:r="horizontal",...e}=i;return jsx("hr",{...e,ref:t,className:DividerStyles({className:o}),"data-orientation":r})}export{D as Divider};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/divider/index.tsx"],"names":["createContext","s","props","n","DividerProvider","ref","useContextProps","rest","l","Divider"],"mappings":"sLAsBEA,MAAyD,CAAA,CAAAC,aAAA,CAAI,IAE/D,EAAA,SAA2B,CAAA,CAAA,CAAA,UAAaC,CAAM,GAC5C,CAAA,CAAA,CAAA,CAAA,OACkBC,GAAA,CAAA,CAAA,CAAA,eAAwB,CAAA,CAAA,CAAA,QAE5C,CACAC,EAAgB,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,kBAgBvB,CAAA,SAAmB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACtC,CAACA,EAAOG,CAAG,CAAA,CAAIC,EAAgBJ,CAAAA,CAAOG,eAAAA,CAAAA,CAAO,QAE7C,SAAQ,CAAA,SAAW,CAAA,CAAA,CAAA,WAAc,CAAA,CAAA,CAAA,YAAiBE,CAAK,IAEvD,CAAA,CAAA,CAAA,CAAA,eAEK,CAAGA,CAAAA,KACCF,GACL,CAAA,CAAA,CAAA,SAA2B,CAAAG,aAAA,CAAA,CAAA,SAAW,CACtC,sBAGN,CACAC,CAAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,SACd,CAAA,CAAA,CAAA,QAAWL,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { DividerStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { DividerProps } from './types';\n\nexport const DividerContext =\n  createContext<ContextValue<DividerProps, HTMLHRElement>>(null);\n\nfunction DividerProvider({ children, ...props }: ProviderProps<DividerProps>) {\n  return (\n    <DividerContext.Provider value={props}>{children}</DividerContext.Provider>\n  );\n}\nDividerProvider.displayName = 'Divider.Provider';\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  return (\n    <hr\n      {...rest}\n      ref={ref}\n      className={DividerStyles({ className })}\n      data-orientation={orientation}\n    />\n  );\n}\nDivider.displayName = 'Divider';\nDivider.Provider = DividerProvider;\n"]}
+{"version":3,"sources":["../../../src/components/divider/index.tsx"],"names":["ref","props","useContextProps","n","DividerContext","m","jsx","a","s"],"mappings":"8LAkCO,SAAmBA,CAAK,CAAA,CAAA,GAAS,CAAiB,CACvD,CAACC,GAAU,EAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAc,EAEjE,IAAA,CAAMC,cAAE,CAAA,CAAA,KAAA,CAAA,SAAW,CAAA,CAAA,CAAA,WAAc,CAAA,CAAA,CAAA,YAA0BJ,CAE3D,GAAA,CAAA,CAAA,CAAA,CACEK,CAAAA,OACGC,GAAA,CAAA,IACD,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAA2B,CAAAC,aAAA,CAAA,CAAA,SAC3B,CAAA,CAAA,CAAA,CAAA,CAAA,kBAGN,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { DividerContext } from './context';\nimport { DividerStyles } from './styles';\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  return (\n    <hr\n      {...rest}\n      ref={ref}\n      className={DividerStyles({ className })}\n      data-orientation={orientation}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DrawerBack(): react_jsx_runtime.JSX.Element | null;
+
+export { DrawerBack };

package/dist/components/drawer/back.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import {ChevronLeft}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {ViewStackContext}from'../view-stack/context.js';import {DrawerTrigger}from'./trigger.js';function w(){const{stack:o}=useContext(ViewStackContext);return o.length>1?jsx(DrawerTrigger,{for:"back",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(ChevronLeft,{})})})}):null}export{w as DrawerBack};//# sourceMappingURL=back.js.map
+//# sourceMappingURL=back.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/back.tsx"],"names":["useContext","stack","jsx","DrawerTrigger","n","m","Button","c","r","Icon","i","t"],"mappings":"8SAuBoBA,SAClB,CAAA,EAAOC,CAAAA,KAAM,CAAA,KACXC,CAACC,CAAAA,CAAA,CAAcC,UAAA,CAAAC,gBAAA,CAAI,QACjB,CAAA,CAAA,MAAAH,CAAAA,CAACI,CAAAA,GAAA,CAAOC,aAAA,CAAA,CAAA,GAAA,CAAA,MAAQ,CAAA,QACd,CAAAC,GAAAN,CAAAA,MAACO,EAAA,OACC,CAAA,MAAC,CAAA,SAILD,GAAA,CAAAE,IAAA,CACN,CAAA,QAAA,CAAAF,GAAA,CAAAG,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA","file":"back.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { ChevronLeft } from '@accelint/icons';\nimport 'client-only';\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  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"]}

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function DrawerClose(): react_jsx_runtime.JSX.Element;
+
+export { DrawerClose };

package/dist/components/drawer/close.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import {Cancel}from'@accelint/icons';import'client-only';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {DrawerTrigger}from'./trigger.js';function a(){return jsx(DrawerTrigger,{for:"close",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(Cancel,{})})})})}export{a as DrawerClose};//# sourceMappingURL=close.js.map
+//# sourceMappingURL=close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/close.tsx"],"names":["jsx","Button","r","e","o"],"mappings":"kNAsBK,SAAkB,CAAA,EAAA,CACjB,WAAAA,aAAAA,CAACC,CAAAA,GAAO,CAAA,OAAQ,CAAA,qBACdD,OACE,CAAA,MAAAA,CAAAA,QACF,CACFE,GAAA,CACFC,IAEJ,CAAA,CAAA,QAAA,CAAAD,GAAA,CAAAE,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"close.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport { Cancel } from '@accelint/icons';\nimport 'client-only';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { DrawerTrigger } from './trigger';\n\nexport function DrawerClose() {\n  return (\n    <DrawerTrigger for='close'>\n      <Button variant='icon'>\n        <Icon>\n          <Cancel />\n        </Icon>\n      </Button>\n    </DrawerTrigger>\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithRef } from 'react';
+
+declare function DrawerContent({ className, ...rest }: ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
+
+export { DrawerContent };

package/dist/components/drawer/content.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{content:r}=DrawerStyles();function m({className:t,...o}){return jsx("div",{...o,className:r({className:t})})}export{m as DrawerContent};//# sourceMappingURL=content.js.map
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/content.tsx"],"names":["DrawerStyles","e","rest","n"],"mappings":"+FAiBA,aAAoBA,CAAAA,CAAa,CAAA,CAE1BC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,UAAc,CAC3D,CAAA,CAAA,CAAA,CAAA","file":"content.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DrawerStyles } from './styles';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst { content } = DrawerStyles();\n\nexport function DrawerContent({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={content({ className })} />;\n}\n"]}

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

@@ -0,0 +1,38 @@
+import * as react from 'react';
+import { Broadcast } from '@accelint/bus';
+import { UniqueId } from '@accelint/core';
+import { DrawerContextValue, DrawerEvent } from './types.js';
+import '@react-types/shared';
+import 'react-aria-components';
+import 'tailwind-variants';
+import '../../lib/types.js';
+import '../button/types.js';
+import '../button/styles.js';
+import 'tailwind-merge';
+import '../view-stack/types.js';
+import '../view-stack/events.js';
+import './events.js';
+import './styles.js';
+
+declare const DrawerContext: react.Context<DrawerContextValue>;
+declare const bus: Broadcast<DrawerEvent>;
+declare const DrawerEventHandlers: {
+    readonly close: (stack: UniqueId) => void;
+    readonly open: (view: UniqueId) => void;
+    readonly toggle: (view: UniqueId) => void;
+    readonly back: (stack: UniqueId) => void;
+    readonly clear: (stack: UniqueId) => void;
+    readonly push: (view: UniqueId) => void;
+    readonly reset: (stack: UniqueId) => void;
+};
+declare function useDrawerEmit(): {
+    readonly close: (stack: UniqueId) => void;
+    readonly open: (view: UniqueId) => void;
+    readonly toggle: (view: UniqueId) => void;
+    readonly back: (stack: UniqueId) => void;
+    readonly clear: (stack: UniqueId) => void;
+    readonly push: (view: UniqueId) => void;
+    readonly reset: (stack: UniqueId) => void;
+};
+
+export { DrawerContext, DrawerEventHandlers, bus, useDrawerEmit };

package/dist/components/drawer/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {Broadcast}from'@accelint/bus';import {useEmit}from'@accelint/bus/react';import'client-only';import {createContext}from'react';import {ViewStackEventHandlers,useViewStackEmit}from'../view-stack/context.js';import {DrawerEventTypes}from'./events.js';const E=createContext({register:()=>{},unregister:()=>{},placement:"left"}),i=Broadcast.getInstance(),D={...ViewStackEventHandlers,close:ViewStackEventHandlers.clear,open:e=>i.emit(DrawerEventTypes.open,{view:e}),toggle:e=>i.emit(DrawerEventTypes.toggle,{view:e})};function v(){const e=useViewStackEmit(),a=useEmit(DrawerEventTypes.open),s=useEmit(DrawerEventTypes.toggle);return {...e,close:e.clear,open:r=>a({view:r}),toggle:r=>s({view:r})}}export{E as DrawerContext,D as DrawerEventHandlers,i as bus,v as useDrawerEmit};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/context.tsx"],"names":["m","c","ViewStackEventHandlers","n","view","bus","DrawerEventTypes","t","viewStackEmit","useViewStackEmit","useEmit","o","emitToggle","emitOpen"],"mappings":"gQA0BE,MAAA,CAAA,CAAAA,aAAA,CAAA,CAAA,QACA,CAAA,IAAA,CAAA,CAAA,CAAA,UACA,iBACD,CAAA,MAE4B,CAAA,CAAA,CAAA,CAAA,CAAAC,SAAA,CAAA,WAG3B,EAAGC,CACH,CAAA,CAAA,CAAA,GAAOA,sBAAAA,CAAuB,KAAA,CAC9BC,sBAAA,CAAA,KAAOC,CAAmBC,IAAI,CAAA,CAAA,EAAKC,CAAiB,CAAA,IAAM,CAAEC,qBAAK,CAAC,CAAA,IAClE,CAAA,CAAA,CAAA,CAASH,CAAAA,UAA4BE,CAAiB,CAAA,IAAA,CAAAC,gBAAQ,CAAE,MAAK,CAAC,CACxE,IAEO,CAAA,CAAA,CAAA,CAAA,EAAA,SACL,CAAA,EAAMC,CAAgBC,MACLC,CAAAA,CAAqBJ,gBAAAA,EAAiB,CAAA,CAAA,CAAIK,OAAA,CACrDC,gBAAAA,CAAaF,IAAsC,CAAA,CAAA,CAAA,CAAAC,OAAA,CAAMJ,gBAAA,CAE/D,MAAO,CACL,CAAA,OACA,CAAA,GAAOC,CAAAA,CAAc,KAAA,CACrB,CAAA,CAAA,KAAOJ,CAAmBS,IAAW,CAAA,CAAA,EAAAT,CAAK,CAAC,CAAA,IAC3C,CAAA,CAAA,CAAA,CAASA,CAAAA,MAAgC,CAAA,CAAA,EAAAA,CAAK,CAAC,CACjD,IACF,CAAA,CAAA,CAAA,CAAA,CAAA","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { Broadcast } from '@accelint/bus';\nimport { useEmit } from '@accelint/bus/react';\nimport type { UniqueId } from '@accelint/core';\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  useViewStackEmit,\n  ViewStackEventHandlers,\n} from '../view-stack/context';\nimport { DrawerEventTypes } from './events';\nimport type { DrawerContextValue, DrawerEvent } from './types';\n\nexport const DrawerContext = createContext<DrawerContextValue>({\n  register: () => undefined,\n  unregister: () => undefined,\n  placement: 'left',\n});\n\nexport const bus = Broadcast.getInstance<DrawerEvent>();\n\nexport const DrawerEventHandlers = {\n  ...ViewStackEventHandlers,\n  close: ViewStackEventHandlers.clear,\n  open: (view: UniqueId) => bus.emit(DrawerEventTypes.open, { view }),\n  toggle: (view: UniqueId) => bus.emit(DrawerEventTypes.toggle, { view }),\n} as const;\n\nexport function useDrawerEmit() {\n  const viewStackEmit = useViewStackEmit();\n  const emitOpen = useEmit<DrawerEvent>(DrawerEventTypes.open);\n  const emitToggle = useEmit<DrawerEvent>(DrawerEventTypes.toggle);\n\n  return {\n    ...viewStackEmit,\n    close: viewStackEmit.clear,\n    open: (view: UniqueId) => emitOpen({ view }),\n    toggle: (view: UniqueId) => emitToggle({ view }),\n  } as const;\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithRef } from 'react';
+
+declare function DrawerFooter({ className, ...rest }: ComponentPropsWithRef<'footer'>): react_jsx_runtime.JSX.Element;
+
+export { DrawerFooter };

package/dist/components/drawer/footer.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{footer:e}=DrawerStyles();function m({className:o,...r}){return jsx("footer",{...r,className:e({className:o})})}export{m as DrawerFooter};//# sourceMappingURL=footer.js.map
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/footer.tsx"],"names":["DrawerStyles","t","rest","p"],"mappings":"+FAiBA,YAAmBA,CAAAA,CAAa,CAAA,CAEzBC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,QAAQ,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,CAAA,UAAc,CAC7D,CAAA,CAAA,CAAA,CAAA","file":"footer.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DrawerStyles } from './styles';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst { footer } = DrawerStyles();\n\nexport function DrawerFooter({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'footer'>) {\n  return <footer {...rest} className={footer({ className })} />;\n}\n"]}

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

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DrawerTitleProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import '@react-types/shared';
+import 'react';
+import 'react-aria-components';
+import 'tailwind-variants';
+import '../../lib/types.js';
+import '../button/types.js';
+import '../button/styles.js';
+import 'tailwind-merge';
+import '../view-stack/types.js';
+import '../view-stack/events.js';
+import './events.js';
+import './styles.js';
+
+/**
+ * To change size of title, use the `level` prop: `1`-`3` (large), `4`-`6` (medium).
+ *
+ * `level` also changes the semantic heading tag number `h1`-`h6`
+ */
+declare function DrawerHeaderTitle({ className, level, ...rest }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
+
+export { DrawerHeaderTitle };

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

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {Heading}from'react-aria-components';import {DrawerTitleStyles}from'./styles.js';function s({className:e,level:r,...t}){return jsx(Heading,{...t,className:DrawerTitleStyles({className:e,level:r}),level:r})}export{s as DrawerHeaderTitle};//# sourceMappingURL=header-title.js.map
+//# sourceMappingURL=header-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/header-title.tsx"],"names":["rest","p","o","i"],"mappings":"gJAwBO,SACL,CAAA,CAAA,CAAA,iBAEA,CAAA,CAAGA,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAC,OAAA,CAAGF,IACJ,CAAA,CAAA,SAA+B,CAAAG,iBAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,KAAO,CACjD,CAAA,CAAA,CAAA,CAAA,KAGN,CAAA,CAAA,CAAA,CAAA","file":"header-title.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Heading } from 'react-aria-components';\nimport { DrawerTitleStyles } from './styles';\nimport type { DrawerTitleProps } from './types';\n\n/**\n * To change size of title, use the `level` prop: `1`-`3` (large), `4`-`6` (medium).\n *\n * `level` also changes the semantic heading tag number `h1`-`h6`\n */\nexport function DrawerHeaderTitle({\n  className,\n  level,\n  ...rest\n}: DrawerTitleProps) {\n  return (\n    <Heading\n      {...rest}\n      className={DrawerTitleStyles({ className, level })}\n      level={level}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithRef } from 'react';
+
+declare function DrawerHeader({ className, title, children, ...rest }: ComponentPropsWithRef<'header'>): react_jsx_runtime.JSX.Element;
+
+export { DrawerHeader };

package/dist/components/drawer/header.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useContext}from'react';import {Header}from'react-aria-components';import {ViewStackContext}from'../view-stack/context.js';import {DrawerBack}from'./back.js';import {DrawerClose}from'./close.js';import {DrawerHeaderTitle}from'./header-title.js';import {DrawerStyles}from'./styles.js';const{header:d}=DrawerStyles();function P({className:o,title:r,children:t,...a}){const{stack:m}=useContext(ViewStackContext),i=m.length>1?4:1;return jsx(Header,{...a,className:d({className:o}),children:r?jsxs(Fragment,{children:[jsx(DrawerBack,{}),jsx(DrawerHeaderTitle,{level:i,className:"w-fit",children:r}),jsx(DrawerClose,{})]}):t})}export{P as DrawerHeader};//# sourceMappingURL=header.js.map
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/header.tsx"],"names":["w","title","children","stack","ViewStackContext","level","p","s","jsx","rest","header","n","DrawerBack","h","D","DrawerHeaderTitle","f","e","c","l"],"mappings":"yWAwBO,KAAA,CAAA,MACL,CAAA,CAAA,CAAA,CAAAA,YAAA,EAAA,CAAA,SACA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,CAAA,KACkC,CAClC,CAAA,CAAA,QAAQ,CAAA,CAAAC,CAAM,IAAeC,CAAgB,CAAA,CACvCC,KAAc,CAAA,KAAS,CAAA,CAAI,EAAIC,UAAA,CAErCC,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACEC,MAAS,CAAA,CAAGC,EAAM,CAAA,CAAA,CAAA,OAAWC,GAAAA,CAAOC,MAAE,CAAA,CAAA,GAAA,CAAA,CAAA,SACnC,CAAA,CAAA,CAAA,CAAA,SACC,CACE,CAAA,CAAA,CAAA,CAAA,QAACC,CAAAA,CAAA,CAAAC,IAAW,CAAAC,QACZN,CAAAA,CAACO,SAAyBV,CAAAA,GAAO,CAAAW,UAAA,CAAA,EAAA,CAAA,CAAAC,GAAA,CAAAC,iBAAU,CAAA,CAAA,KAAA,CACxC,CAAA,CAAA,SACH,CAAA,OACa,CAAA,QAOvB,CAAA,CAAA,CAAA,CAAA,CAAAD,GAAA,CAAAE,WAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { type ComponentPropsWithRef, useContext } from 'react';\nimport { Header } from 'react-aria-components';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerBack } from './back';\nimport { DrawerClose } from './close';\nimport { DrawerHeaderTitle } from './header-title';\nimport { DrawerStyles } from './styles';\n\nconst { header } = DrawerStyles();\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 : 1;\n\n  return (\n    <Header {...rest} className={header({ className })}>\n      {title ? (\n        <>\n          <DrawerBack />\n          <DrawerHeaderTitle level={level} className='w-fit'>\n            {title}\n          </DrawerHeaderTitle>\n          <DrawerClose />\n        </>\n      ) : (\n        children\n      )}\n    </Header>\n  );\n}\n"]}

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

@@ -1,104 +1,46 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ComponentPropsWithRef } from 'react';
-import { UniqueId } from '@accelint/core';
-import { ViewStackViewProps } from '../view-stack/types.js';
-import { DrawerProps, DrawerLayoutProps, DrawerMenuProps, DrawerMenuItemProps, DrawerTitleProps, DrawerTriggerProps, DrawerContextValue } from './types.js';
+import { DrawerProps } from './types.js';
 import '@accelint/bus';
-import 'react-aria-components';
-import '../view-stack/events.js';
+import '@accelint/core';
 import '@react-types/shared';
+import 'react';
+import 'react-aria-components';
 import 'tailwind-variants';
 import '../../lib/types.js';
 import '../button/types.js';
 import '../button/styles.js';
 import 'tailwind-merge';
+import '../view-stack/types.js';
+import '../view-stack/events.js';
 import './events.js';
 import './styles.js';
 
-declare const DrawerContext: react.Context<DrawerContextValue>;
-declare const DrawerEventHandlers: {
-    readonly close: (stack: UniqueId) => void;
-    readonly open: (view: UniqueId) => void;
-    readonly toggle: (view: UniqueId) => void;
-    readonly back: (stack: UniqueId) => void;
-    readonly clear: (stack: UniqueId) => void;
-    readonly push: (view: UniqueId) => void;
-    readonly reset: (stack: UniqueId) => void;
-};
-declare function DrawerTrigger({ children, for: events }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
-declare namespace DrawerTrigger {
-    var displayName: string;
-}
-declare function DrawerClose(): react_jsx_runtime.JSX.Element;
-declare namespace DrawerClose {
-    var displayName: string;
-}
-declare function DrawerBack(): react_jsx_runtime.JSX.Element | null;
-declare namespace DrawerBack {
-    var displayName: string;
-}
-declare function DrawerLayoutMain({ className, ...rest }: ComponentPropsWithRef<'main'>): react_jsx_runtime.JSX.Element;
-declare namespace DrawerLayoutMain {
-    var displayName: string;
-}
-declare function DrawerLayout({ className, extend, push, ...rest }: DrawerLayoutProps): react_jsx_runtime.JSX.Element;
-declare namespace DrawerLayout {
-    var displayName: string;
-    var Main: typeof DrawerLayoutMain;
-}
-declare function DrawerMenuItem({ for: id, children, classNames, toggle, textValue, ...rest }: DrawerMenuItemProps): react_jsx_runtime.JSX.Element | null;
-declare namespace DrawerMenuItem {
-    var displayName: string;
-}
-declare function DrawerMenu({ className, position, children, ...rest }: DrawerMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace DrawerMenu {
-    var displayName: string;
-    var Item: typeof DrawerMenuItem;
-}
-declare function DrawerPanel({ className, ...rest }: ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
-declare namespace DrawerPanel {
-    var displayName: string;
-}
-declare function DrawerView({ id, children, className, ...rest }: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
-declare namespace DrawerView {
-    var displayName: string;
-}
 /**
- * To change size of title, use the `level` prop: `1`-`3` (large), `4`-`6` (medium).
+ * Drawer - Slide-in panel for navigation or contextual content
+ *
+ * A flexible panel that slides in from the viewport edge and supports
+ * stacked views, headers, footers, and programmatic triggers.
+ *
+ * @example
+ * const ids = { drawer: uuid(), a: uuid() };
+ *
+ * <DrawerLayout push="left">
+ *   <DrawerLayoutMain>
+ *     <DrawerTrigger for={`open:${ids.a}`}>
+ *       <Button variant="icon">Open</Button>
+ *     </DrawerTrigger>
+ *   </DrawerLayoutMain>
  *
- * `level` also changes the semantic heading tag number `h1`-`h6`
+ *   <Drawer id={ids.drawer} defaultView={ids.a}>
+ *     <DrawerPanel>
+ *       <DrawerView id={ids.a}>
+ *         <DrawerHeader title="Title A" />
+ *         <DrawerContent>Content for View A</DrawerContent>
+ *       </DrawerView>
+ *     </DrawerPanel>
+ *   </Drawer>
+ * </DrawerLayout>
  */
-declare function DrawerHeaderTitle({ className, level, ...rest }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
-declare namespace DrawerHeaderTitle {
-    var displayName: string;
-}
-declare function DrawerHeader({ className, title, children, ...rest }: ComponentPropsWithRef<'header'>): react_jsx_runtime.JSX.Element;
-declare namespace DrawerHeader {
-    var displayName: string;
-    var Title: typeof DrawerHeaderTitle;
-}
-declare function DrawerContent({ className, ...rest }: ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
-declare namespace DrawerContent {
-    var displayName: string;
-}
-declare function DrawerFooter({ className, ...rest }: ComponentPropsWithRef<'footer'>): react_jsx_runtime.JSX.Element;
-declare namespace DrawerFooter {
-    var displayName: string;
-}
 declare function Drawer({ id, children, className, defaultView, placement, size, onChange, ...rest }: DrawerProps): react_jsx_runtime.JSX.Element;
-declare namespace Drawer {
-    var displayName: string;
-    var Layout: typeof DrawerLayout;
-    var Menu: typeof DrawerMenu;
-    var Panel: typeof DrawerPanel;
-    var View: typeof DrawerView;
-    var Header: typeof DrawerHeader;
-    var Content: typeof DrawerContent;
-    var Footer: typeof DrawerFooter;
-    var Trigger: typeof DrawerTrigger;
-    var Close: typeof DrawerClose;
-    var Back: typeof DrawerBack;
-}
 
-export { Drawer, DrawerContext, DrawerEventHandlers };
+export { Drawer };

package/dist/components/drawer/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Broadcast}from'@accelint/bus';import {isUUID}from'@accelint/core';import {Cancel,ChevronLeft}from'@accelint/icons';import {Pressable}from'@react-aria/interactions';import {createContext,useRef,useState,useCallback,useEffect,useContext}from'react';import {composeRenderProps,Heading,Header}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {Button,ToggleButton}from'../button/index.js';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {ViewStackEventHandlers,ViewStack,ViewStackContext}from'../view-stack/index.js';import {ViewStackEventTypes}from'../view-stack/events.js';import {DrawerEventTypes}from'./events.js';import {DrawerStyles,DrawerMenuStyles,DrawerTitleStyles}from'./styles.js';const {layout:ie,main:se,drawer:le,panel:pe,view:ce,header:me,content:ue,footer:we}=DrawerStyles(),{menu:fe,item:de}=DrawerMenuStyles(),p=Broadcast.getInstance(),k=createContext({register:()=>{},unregister:()=>{},placement:"left"}),ge={...ViewStackEventHandlers,close:ViewStackEventHandlers.clear,open:e=>p.emit(DrawerEventTypes.open,{view:e}),toggle:e=>p.emit(DrawerEventTypes.toggle,{view:e})};function T({children:e,for:t}){const{parent:a}=useContext(ViewStackContext);function i(){for(const s of Array.isArray(t)?t:[t]){let[l,c]=isUUID(s)?["push",s]:s.split(":");c??=a,c&&ge[l](c);}}return jsx(Pressable,{onPress:i,children:e})}T.displayName="Drawer.Trigger";function L(){return jsx(o.Trigger,{for:"close",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(Cancel,{})})})})}L.displayName="Drawer.Close";function W(){const{stack:e}=useContext(ViewStackContext);return e.length>1?jsx(o.Trigger,{for:"back",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(ChevronLeft,{})})})}):null}W.displayName="Drawer.Back";function A({className:e,...t}){return jsx("main",{...t,className:se({className:e})})}A.displayName="Drawer.Layout.Main";function I({className:e,extend:t="left right",push:a,...i}){return jsx("div",{...i,className:ie({className:e}),"data-extend":t,"data-push":a})}I.displayName="Drawer.Layout",I.Main=A;const De={left:"right",right:"left",top:"bottom",bottom:"top"};function V({for:e,children:t,classNames:a,toggle:i,textValue:s,...l}){const{parent:c,stack:f}=useContext(ViewStackContext),{placement:m}=useContext(k),d=f.at(-1),N=i?"toggle":"open",g=useRef(null);return c?jsxs(Tooltip,{children:[jsx(Tooltip.Trigger,{children:jsx(T,{for:`${N}:${e}`,children:jsx(ToggleButton,{...l,ref:g,className:composeRenderProps(a?.item,u=>de({className:u})),role:"tab",variant:"icon",isSelected:e===d||f.length>1&&f.includes(e),children:composeRenderProps(t,u=>jsx(Icon,{children:u}))})})}),jsx(Tooltip.Body,{triggerRef:g,placement:De[m],offset:6,className:a?.tooltip,children:s})]}):null}V.displayName="Drawer.Menu.Item";function D({className:e,position:t="center",children:a,...i}){return containsExactChildren({children:a,componentName:D.displayName,restrictions:[[V,{min:1}],[T,{min:0,max:0}]]}),jsx("nav",{...i,className:fe({position:t,className:e}),children:a})}D.displayName="Drawer.Menu",D.Item=V;function x({className:e,...t}){return jsx("div",{...t,className:pe({className:e})})}x.displayName="Drawer.Panel";function F({id:e,children:t,className:a,...i}){const{register:s,unregister:l}=useContext(k);return useEffect(()=>{s(e);},[s,l,e]),jsx(ViewStack.View,{id:e,children:jsx("div",{...i,className:ce({className:a}),role:"tabpanel",children:t})})}F.displayName="Drawer.View";function O({className:e,level:t,...a}){return jsx(Heading,{...a,className:DrawerTitleStyles({className:e,level:t}),level:t})}O.displayName="Drawer.Title";function M({className:e,title:t,children:a,...i}){const{stack:s}=useContext(ViewStackContext),l=s.length>1?4:1;return jsx(Header,{...i,className:me({className:e}),children:t?jsxs(Fragment,{children:[jsx(o.Back,{}),jsx(o.Header.Title,{level:l,className:"w-fit",children:t}),jsx(o.Close,{})]}):a})}M.displayName="Drawer.Header",M.Title=O;function $({className:e,...t}){return jsx("div",{...t,className:ue({className:e})})}$.displayName="Drawer.Content";function z({className:e,...t}){return jsx("footer",{...t,className:we({className:e})})}z.displayName="Drawer.Footer";function o({id:e,children:t,className:a,defaultView:i,placement:s="left",size:l="medium",onChange:c,...f}){containsExactChildren({children:t,componentName:o.displayName,restrictions:[[D,{min:0,max:1}],[x,{min:1,max:1}]]});const m=useRef(new Set),[d,N]=useState(i||null),g=useCallback(n=>{m.current.has(n?.payload?.view)&&(p.emit(ViewStackEventTypes.clear,{stack:e}),p.emit(ViewStackEventTypes.push,n.payload));},[e]),u=useCallback(n=>{m.current.has(n?.payload?.view)&&(p.emit(ViewStackEventTypes.clear,{stack:e}),d!==n?.payload?.view&&p.emit(ViewStackEventTypes.push,n.payload));},[e,d]);return useEffect(()=>{const n=[p.on(DrawerEventTypes.open,g),p.on(DrawerEventTypes.toggle,u)];return ()=>{for(const J of n)J();}},[g,u]),jsx(k.Provider,{value:{register:n=>m.current.add(n),unregister:n=>m.current.delete(n),placement:s},children:jsx(ViewStack,{id:e,defaultView:i,onChange:n=>{N(n),c?.(n);},children:jsx("div",{...f,className:le({className:a}),"data-open":!!d||null,"data-placement":s,"data-size":l,children:t})})})}o.displayName="Drawer",o.Layout=I,o.Menu=D,o.Panel=x,o.View=F,o.Header=M,o.Content=$,o.Footer=z,o.Trigger=T,o.Close=L,o.Back=W;export{o as Drawer,k as DrawerContext,ge as DrawerEventHandlers};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useRef,useState,useCallback}from'react';import {ViewStack}from'../view-stack/index.js';import {useViewStackEmit}from'../view-stack/context.js';import {DrawerContext}from'./context.js';import {DrawerEventTypes}from'./events.js';import {DrawerStyles}from'./styles.js';const{drawer:I}=DrawerStyles();function z({id:t,children:u,className:w,defaultView:i,placement:p="left",size:m="medium",onChange:d,...v}){const o=useRef(new Set),[a,f]=useState(i||null),r=useViewStackEmit(),g=useCallback(e=>{o.current.has(e?.payload?.view)&&(r.clear(t),r.push(e.payload.view));},[t,r.clear,r.push]),D=useCallback(e=>{o.current.has(e?.payload?.view)&&(r.clear(t),a!==e?.payload?.view&&r.push(e.payload.view));},[t,a,r.clear,r.push]);return useOn(DrawerEventTypes.open,g),useOn(DrawerEventTypes.toggle,D),jsx(DrawerContext.Provider,{value:{register:e=>o.current.add(e),unregister:e=>o.current.delete(e),placement:p},children:jsx(ViewStack,{id:t,defaultView:i,onChange:e=>{f(e),d?.(e);},children:jsx("div",{...v,className:I({className:w}),"data-open":!!a||null,"data-placement":p,"data-size":m,children:u})})})}export{z as Drawer};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map