@accelint/design-toolkit 6.0.0 → 7.0.0

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

@@ -1,100 +1,20 @@
 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 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;
-};
-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).
- *
- * `level` also changes the semantic heading tag number `h1`-`h6`
- */
-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;
-}
 /**
  * Drawer - Slide-in panel for navigation or contextual content
  *
@@ -104,36 +24,23 @@ declare namespace DrawerFooter {
  * @example
  * const ids = { drawer: uuid(), a: uuid() };
  *
- * <Drawer.Layout push="left">
- *   <Drawer.Layout.Main>
- *     <Drawer.Trigger for={`open:${ids.a}`}>
+ * <DrawerLayout push="left">
+ *   <DrawerLayoutMain>
+ *     <DrawerTrigger for={`open:${ids.a}`}>
  *       <Button variant="icon">Open</Button>
- *     </Drawer.Trigger>
- *   </Drawer.Layout.Main>
+ *     </DrawerTrigger>
+ *   </DrawerLayoutMain>
  *
  *   <Drawer id={ids.drawer} defaultView={ids.a}>
- *     <Drawer.Panel>
- *       <Drawer.View id={ids.a}>
- *         <Drawer.Header title="Title A" />
- *         <Drawer.Content>Content for View A</Drawer.Content>
- *       </Drawer.View>
- *     </Drawer.Panel>
+ *     <DrawerPanel>
+ *       <DrawerView id={ids.a}>
+ *         <DrawerHeader title="Title A" />
+ *         <DrawerContent>Content for View A</DrawerContent>
+ *       </DrawerView>
+ *     </DrawerPanel>
  *   </Drawer>
- * </Drawer.Layout>
+ * </DrawerLayout>
  */
 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, useDrawerEmit };
+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 {useEmit,useOn}from'@accelint/bus/react';import {isUUID}from'@accelint/core';import {Cancel,ChevronLeft}from'@accelint/icons';import {Pressable}from'@react-aria/interactions';import {createContext,useRef,useState,useCallback,useContext,useEffect}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,useViewStackEmit,ViewStack,ViewStackContext}from'../view-stack/index.js';import {DrawerEventTypes}from'./events.js';import {DrawerStyles,DrawerMenuStyles,DrawerTitleStyles}from'./styles.js';const {layout:le,main:ce,drawer:pe,panel:me,view:ue,header:we,content:fe,footer:de}=DrawerStyles(),{menu:ge,item:De}=DrawerMenuStyles(),L=Broadcast.getInstance(),T=createContext({register:()=>{},unregister:()=>{},placement:"left"}),qe={...ViewStackEventHandlers,close:ViewStackEventHandlers.clear,open:e=>L.emit(DrawerEventTypes.open,{view:e}),toggle:e=>L.emit(DrawerEventTypes.toggle,{view:e})};function ve(){const e=useViewStackEmit(),r=useEmit(DrawerEventTypes.open),a=useEmit(DrawerEventTypes.toggle);return {...e,close:e.clear,open:n=>r({view:n}),toggle:n=>a({view:n})}}function y({children:e,for:r}){const{parent:a}=useContext(ViewStackContext),n=ve();function l(){for(const s of Array.isArray(r)?r:[r]){let[f,p]=isUUID(s)?["push",s]:s.split(":");p??=a,p&&n[f](p);}}return jsx(Pressable,{onPress:l,children:e})}y.displayName="Drawer.Trigger";function W(){return jsx(o.Trigger,{for:"close",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(Cancel,{})})})})}W.displayName="Drawer.Close";function O(){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}O.displayName="Drawer.Back";function A({className:e,...r}){return jsx("main",{...r,className:ce({className:e})})}A.displayName="Drawer.Layout.Main";function h({className:e,extend:r="left right",push:a,...n}){return jsx("div",{...n,className:le({className:e}),"data-extend":r,"data-push":a})}h.displayName="Drawer.Layout",h.Main=A;const ye={left:"right",right:"left",top:"bottom",bottom:"top"};function C({for:e,children:r,classNames:a,toggle:n,textValue:l,...s}){const{parent:f,stack:p}=useContext(ViewStackContext),{placement:m}=useContext(T),d=p.at(-1),P=n?"toggle":"open",c=useRef(null);return f?jsxs(Tooltip.Trigger,{children:[jsx(y,{for:`${P}:${e}`,children:jsx(ToggleButton,{...s,ref:c,className:composeRenderProps(a?.item,g=>De({className:g})),role:"tab",variant:"icon",isSelected:e===d||p.length>1&&p.includes(e),children:composeRenderProps(r,g=>jsx(Icon,{children:g}))})}),jsx(Tooltip,{triggerRef:c,placement:ye[m],offset:6,className:a?.tooltip,children:l})]}):null}C.displayName="Drawer.Menu.Item";function D({className:e,position:r="center",children:a,...n}){return containsExactChildren({children:a,componentName:D.displayName,restrictions:[[C,{min:1}],[y,{min:0,max:0}]]}),jsx("nav",{...n,className:ge({position:r,className:e}),children:a})}D.displayName="Drawer.Menu",D.Item=C;function k({className:e,...r}){return jsx("div",{...r,className:me({className:e})})}k.displayName="Drawer.Panel";function F({id:e,children:r,className:a,...n}){const{register:l,unregister:s}=useContext(T);return useEffect(()=>(l(e),()=>s(e)),[l,s,e]),jsx(ViewStack.View,{id:e,children:jsx("div",{...n,className:ue({className:a}),role:"tabpanel",children:r})})}F.displayName="Drawer.View";function $({className:e,level:r,...a}){return jsx(Heading,{...a,className:DrawerTitleStyles({className:e,level:r}),level:r})}$.displayName="Drawer.Title";function I({className:e,title:r,children:a,...n}){const{stack:l}=useContext(ViewStackContext),s=l.length>1?4:1;return jsx(Header,{...n,className:we({className:e}),children:r?jsxs(Fragment,{children:[jsx(o.Back,{}),jsx(o.Header.Title,{level:s,className:"w-fit",children:r}),jsx(o.Close,{})]}):a})}I.displayName="Drawer.Header",I.Title=$;function z({className:e,...r}){return jsx("div",{...r,className:fe({className:e})})}z.displayName="Drawer.Content";function G({className:e,...r}){return jsx("footer",{...r,className:de({className:e})})}G.displayName="Drawer.Footer";function o({id:e,children:r,className:a,defaultView:n,placement:l="left",size:s="medium",onChange:f,...p}){containsExactChildren({children:r,componentName:o.displayName,restrictions:[[D,{min:0,max:1}],[k,{min:1,max:1}]]});const m=useRef(new Set),[d,P]=useState(n||null),c=useViewStackEmit(),g=useCallback(i=>{m.current.has(i?.payload?.view)&&(c.clear(e),c.push(i.payload.view));},[e,c.clear,c.push]),K=useCallback(i=>{m.current.has(i?.payload?.view)&&(c.clear(e),d!==i?.payload?.view&&c.push(i.payload.view));},[e,d,c.clear,c.push]);return useOn(DrawerEventTypes.open,g),useOn(DrawerEventTypes.toggle,K),jsx(T.Provider,{value:{register:i=>m.current.add(i),unregister:i=>m.current.delete(i),placement:l},children:jsx(ViewStack,{id:e,defaultView:n,onChange:i=>{P(i),f?.(i);},children:jsx("div",{...p,className:pe({className:a}),"data-open":!!d||null,"data-placement":l,"data-size":s,children:r})})})}o.displayName="Drawer",o.Layout=h,o.Menu=D,o.Panel=k,o.View=F,o.Header=I,o.Content=z,o.Footer=G,o.Trigger=y,o.Close=W,o.Back=O;export{o as Drawer,T as DrawerContext,qe as DrawerEventHandlers,ve as useDrawerEmit};//# 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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/index.tsx"],"names":["footer","DrawerMenuStyles","DrawerContext","ie","oe","DrawerEventHandlers","bus","DrawerEventTypes","view","w","viewStackEmit","emitOpen","useEmit","emitToggle","b","E","DrawerTrigger","children","useContext","drawerEmit","useDrawerEmit","handlePress","type","events","event","id","jsx","Pressable","X","t","_","DrawerClose","Drawer","Button","H","N","Y","stack","ViewStackContext","v","DrawerBack","DrawerLayoutMain","Z","className","rest","layout","push","DrawerMenuItem","toggle","tooltipRef","useRef","parent","jsxs","Tooltip","x","J","R","composeRenderProps","classNames","item","M","tooltipPlacementMap","placement","textValue","containsExactChildren","menu","position","DrawerMenu","DrawerPanel","DrawerView","unregister","register","ee","q","level","DrawerTitleStyles","DrawerHeaderTitle","se","DrawerHeader","title","Header","u","te","Pe","DrawerContent","DrawerFooter","onChange","activeView","setActiveView","useState","defaultView","useViewStackEmit","handleOpen","useCallback","data","views","re","S","useOn","V","ViewStack","size"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Broadcast } from '@accelint/bus';\nimport { useEmit, useOn } from '@accelint/bus/react';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Cancel, ChevronLeft } from '@accelint/icons';\nimport { Pressable } from '@react-aria/interactions';\nimport {\n  type ComponentPropsWithRef,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { composeRenderProps, Header, Heading } from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { Button, ToggleButton } from '../button';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport {\n  useViewStackEmit,\n  ViewStack,\n  ViewStackContext,\n  ViewStackEventHandlers,\n} from '../view-stack';\nimport { DrawerEventTypes } from './events';\nimport { DrawerMenuStyles, DrawerStyles, DrawerTitleStyles } from './styles';\nimport type { ViewStackViewProps } from '../view-stack/types';\nimport type {\n  DrawerContextValue,\n  DrawerEvent,\n  DrawerLayoutProps,\n  DrawerMenuItemProps,\n  DrawerMenuProps,\n  DrawerOpenEvent,\n  DrawerProps,\n  DrawerTitleProps,\n  DrawerToggleEvent,\n  DrawerTriggerProps,\n} from './types';\n\nconst { layout, main, drawer, panel, view, header, content, footer } =\n  DrawerStyles();\nconst { menu, item } = DrawerMenuStyles();\n\nconst bus = Broadcast.getInstance<DrawerEvent>();\n\nexport const DrawerContext = createContext<DrawerContextValue>({\n  register: () => undefined,\n  unregister: () => undefined,\n  placement: 'left',\n});\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\nfunction DrawerTrigger({ children, for: events }: DrawerTriggerProps) {\n  const { parent } = useContext(ViewStackContext);\n  const drawerEmit = useDrawerEmit();\n\n  function handlePress() {\n    for (const type of Array.isArray(events) ? events : [events]) {\n      let [event, id] = (isUUID(type) ? ['push', type] : type.split(':')) as [\n        'back' | 'clear' | 'close' | 'open' | 'push' | 'reset' | 'toggle',\n        UniqueId | undefined | null,\n      ];\n\n      id ??= parent;\n\n      if (!id) {\n        continue;\n      }\n\n      drawerEmit[event](id);\n    }\n  }\n\n  return <Pressable onPress={handlePress}>{children}</Pressable>;\n}\nDrawerTrigger.displayName = 'Drawer.Trigger';\n\nfunction DrawerClose() {\n  return (\n    <Drawer.Trigger for='close'>\n      <Button variant='icon'>\n        <Icon>\n          <Cancel />\n        </Icon>\n      </Button>\n    </Drawer.Trigger>\n  );\n}\n\nDrawerClose.displayName = 'Drawer.Close';\n\nfunction DrawerBack() {\n  const { stack } = useContext(ViewStackContext);\n  return stack.length > 1 ? (\n    <Drawer.Trigger for='back'>\n      <Button variant='icon'>\n        <Icon>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Drawer.Trigger>\n  ) : null;\n}\n\nDrawerBack.displayName = 'Drawer.Back';\n\nfunction DrawerLayoutMain({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'main'>) {\n  return <main {...rest} className={main({ className })} />;\n}\nDrawerLayoutMain.displayName = 'Drawer.Layout.Main';\n\nfunction DrawerLayout({\n  className,\n  extend = 'left right',\n  push,\n  ...rest\n}: DrawerLayoutProps) {\n  return (\n    <div\n      {...rest}\n      className={layout({ className })}\n      data-extend={extend}\n      data-push={push}\n    />\n  );\n}\nDrawerLayout.displayName = 'Drawer.Layout';\nDrawerLayout.Main = DrawerLayoutMain;\n\nconst tooltipPlacementMap = {\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n  bottom: 'top',\n} as const;\n\nfunction DrawerMenuItem({\n  for: id,\n  children,\n  classNames,\n  toggle,\n  textValue,\n  ...rest\n}: DrawerMenuItemProps) {\n  const { parent, stack } = useContext(ViewStackContext);\n  const { placement } = useContext(DrawerContext);\n  const view = stack.at(-1);\n  const action = toggle ? 'toggle' : 'open';\n  const tooltipRef = useRef(null);\n\n  if (!parent) {\n    return null;\n  }\n\n  return (\n    <Tooltip.Trigger>\n      <DrawerTrigger for={`${action}:${id}`}>\n        <ToggleButton\n          {...rest}\n          ref={tooltipRef}\n          className={composeRenderProps(classNames?.item, (className) =>\n            item({ className }),\n          )}\n          role='tab'\n          variant='icon'\n          isSelected={id === view || (stack.length > 1 && stack.includes(id))}\n        >\n          {composeRenderProps(children, (children) => (\n            <Icon>{children}</Icon>\n          ))}\n        </ToggleButton>\n      </DrawerTrigger>\n      <Tooltip\n        triggerRef={tooltipRef}\n        placement={tooltipPlacementMap[placement]}\n        offset={6}\n        className={classNames?.tooltip}\n      >\n        {textValue}\n      </Tooltip>\n    </Tooltip.Trigger>\n  );\n}\nDrawerMenuItem.displayName = 'Drawer.Menu.Item';\n\nfunction DrawerMenu({\n  className,\n  position = 'center',\n  children,\n  ...rest\n}: DrawerMenuProps) {\n  containsExactChildren({\n    children,\n    componentName: DrawerMenu.displayName,\n    restrictions: [\n      [DrawerMenuItem, { min: 1 }],\n      [DrawerTrigger, { min: 0, max: 0 }],\n    ],\n  });\n  return (\n    <nav\n      {...rest}\n      className={menu({\n        position,\n        className,\n      })}\n    >\n      {children}\n    </nav>\n  );\n}\nDrawerMenu.displayName = 'Drawer.Menu';\nDrawerMenu.Item = DrawerMenuItem;\n\nfunction DrawerPanel({ className, ...rest }: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={panel({ className })} />;\n}\nDrawerPanel.displayName = 'Drawer.Panel';\n\nfunction DrawerView({\n  id,\n  children,\n  className,\n  ...rest\n}: ViewStackViewProps & ComponentPropsWithRef<'div'>) {\n  const { register, unregister } = useContext(DrawerContext);\n\n  useEffect(() => {\n    register(id);\n\n    return () => unregister(id);\n  }, [register, unregister, id]);\n\n  return (\n    <ViewStack.View id={id}>\n      <div {...rest} className={view({ className })} role='tabpanel'>\n        {children}\n      </div>\n    </ViewStack.View>\n  );\n}\nDrawerView.displayName = 'Drawer.View';\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 */\nfunction DrawerHeaderTitle({ className, level, ...rest }: DrawerTitleProps) {\n  return (\n    <Heading\n      {...rest}\n      className={DrawerTitleStyles({ className, level })}\n      level={level}\n    />\n  );\n}\nDrawerHeaderTitle.displayName = 'Drawer.Title';\n\nfunction 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          <Drawer.Back />\n          <Drawer.Header.Title level={level} className='w-fit'>\n            {title}\n          </Drawer.Header.Title>\n          <Drawer.Close />\n        </>\n      ) : (\n        children\n      )}\n    </Header>\n  );\n}\n\nDrawerHeader.displayName = 'Drawer.Header';\nDrawerHeader.Title = DrawerHeaderTitle;\n\nfunction DrawerContent({ className, ...rest }: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={content({ className })} />;\n}\nDrawerContent.displayName = 'Drawer.Content';\n\nfunction DrawerFooter({ className, ...rest }: ComponentPropsWithRef<'footer'>) {\n  return <footer {...rest} className={footer({ className })} />;\n}\nDrawerFooter.displayName = 'Drawer.Footer';\n\n/**\n * Drawer - Slide-in panel for navigation or contextual content\n *\n * A flexible panel that slides in from the viewport edge and supports\n * stacked views, headers, footers, and programmatic triggers.\n *\n * @example\n * const ids = { drawer: uuid(), a: uuid() };\n *\n * <Drawer.Layout push=\"left\">\n *   <Drawer.Layout.Main>\n *     <Drawer.Trigger for={`open:${ids.a}`}>\n *       <Button variant=\"icon\">Open</Button>\n *     </Drawer.Trigger>\n *   </Drawer.Layout.Main>\n *\n *   <Drawer id={ids.drawer} defaultView={ids.a}>\n *     <Drawer.Panel>\n *       <Drawer.View id={ids.a}>\n *         <Drawer.Header title=\"Title A\" />\n *         <Drawer.Content>Content for View A</Drawer.Content>\n *       </Drawer.View>\n *     </Drawer.Panel>\n *   </Drawer>\n * </Drawer.Layout>\n */\nexport function Drawer({\n  id,\n  children,\n  className,\n  defaultView,\n  placement = 'left',\n  size = 'medium',\n  onChange,\n  ...rest\n}: DrawerProps) {\n  containsExactChildren({\n    children,\n    componentName: Drawer.displayName,\n    restrictions: [\n      [DrawerMenu, { min: 0, max: 1 }],\n      [DrawerPanel, { min: 1, max: 1 }],\n    ],\n  });\n\n  const views = useRef(new Set<UniqueId>());\n  const [activeView, setActiveView] = useState<UniqueId | null>(\n    defaultView || null,\n  );\n\n  const viewStackEmit = useViewStackEmit();\n\n  const handleOpen = useCallback(\n    (data: DrawerOpenEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        viewStackEmit.push(data.payload.view);\n      }\n    },\n    [id, viewStackEmit.clear, viewStackEmit.push],\n  );\n  const handleToggle = useCallback(\n    (data: DrawerToggleEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        if (activeView !== data?.payload?.view) {\n          viewStackEmit.push(data.payload.view);\n        }\n      }\n    },\n    [id, activeView, viewStackEmit.clear, viewStackEmit.push],\n  );\n\n  useOn(DrawerEventTypes.open, handleOpen);\n  useOn(DrawerEventTypes.toggle, handleToggle);\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        register: (view: UniqueId) => views.current.add(view),\n        unregister: (view: UniqueId) => views.current.delete(view),\n        placement,\n      }}\n    >\n      <ViewStack\n        id={id}\n        defaultView={defaultView}\n        onChange={(view) => {\n          setActiveView(view);\n          onChange?.(view);\n        }}\n      >\n        <div\n          {...rest}\n          className={drawer({ className })}\n          data-open={!!activeView || null}\n          data-placement={placement}\n          data-size={size}\n        >\n          {children}\n        </div>\n      </ViewStack>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\nDrawer.Layout = DrawerLayout;\nDrawer.Menu = DrawerMenu;\nDrawer.Panel = DrawerPanel;\nDrawer.View = DrawerView;\nDrawer.Header = DrawerHeader;\nDrawer.Content = DrawerContent;\nDrawer.Footer = DrawerFooter;\nDrawer.Trigger = DrawerTrigger;\nDrawer.Close = DrawerClose;\nDrawer.Back = DrawerBack;\n"]}
+{"version":3,"sources":["../../../src/components/drawer/index.tsx"],"names":["q","children","className","defaultView","placement","size","onChange","rest","views","useRef","setActiveView","useState","y","viewStackEmit","useCallback","data","s","id","activeView","useOn","DrawerEventTypes","handleOpen","jsx","DrawerContext","l","c","n","k","view","ViewStack","E","drawer"],"mappings":"kXAoDO,KAAgB,CACrB,MACA,CAAA,CAAA,CAAA,CAAAA,YAAA,EAAA,CAAAC,SACA,CAAA,CAAA,CAAAC,EACA,CAAA,CAAA,CAAA,QAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,WACZ,CAAAC,CAAAA,CAAO,SACP,CAAA,CAAA,CAAA,MAAAC,CAAAA,IACGC,CACL,CAAA,CAAgB,QACRC,CAAQC,QAAW,CAAe,CAAA,CAClC,GAAaC,CAAa,CAAA,CAAIC,OACnB,CAAA,CACjBC,MAAA,CAEMC,IAAiC,IAEpBC,CAAAA,CAChBC,CAAAA,CAAAA,CAA0B,CACrBP,CAAAA,QAAM,CAAA,CAAA,EAAA,IAAQ,CAAA,CAAA,CAAA,CAAIO,kBAAM,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,EAAA,CAAS,CAAA,CAAA,OACnCH,CAAc,GAAA,CAAA,CAAA,EAAQ,OACR,EAAKE,IAAK,CAAA,GAAA,CAAA,CAAQ,KAAI,CAExC,CAAA,CACA,CAACE,CAAAA,CAAIJ,IAAc,CAAA,CAAA,CAAA,OAAyB,CAC9C,IACqBC,CAAAA,EAClBC,CAAAA,CAAAA,CAA4B,CACvBP,CAAAA,CAAM,CAAA,KAAA,CAAA,CAAQ,KAAIO,CAAAA,CAAM,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,EAAA,CAAS,CAAA,CAAA,OACnCH,CAAc,GAAA,CAAA,CAAA,EAAQ,OACHE,EAAM,IAAA,CAAA,GAAA,CAAS,CAAA,KAChCF,CAAAA,CAAc,MAAKE,CAAK,EAAA,OAAQ,EAAA,IAGtC,EACCE,EAAIC,IAA0B,CAAA,CAAA,CAAA,OAAqB,CAAA,IAGtD,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,CAAAA,CAAMC,CAAAA,CAAiB,KAAMC,CAAU,CAAA,CACvCF,IAAuB,CAAA,CAAA,CAAA,OAGrBG,KAAAA,CAACC,gBAAAA,CAAc,IAAA,CAAA,CAAA,CAAA,CAAAC,KAAd,CACCC,gBAAA,CAAA,MACE,CAAA,CAAA,CAAA,CAAAC,GAAA,CAAAC,aAAA,CAAWC,QAAyB,CAAA,CAAA,OAAYA,QAChD,CAAA,CAAA,EAAA,CAAA,CAAaA,OAAyB,CAAA,GAAA,CAAA,CAAQ,YAC9C,CAAA,CAAA,EAAA,CAAA,CAAA,OAGF,CAAA,MAAAN,EAACO,CAAAA,CAAA,SAEC,CAAA,CAAA,CAAA,CAAA,QACA,CAAAH,GAAA,CAAAI,SAAA,CAAA,CAAA,EAAWF,CAAAA,CAAAA,CAAS,WAEH,CACjB,CAAA,CAEA,QAAA,CAAAN,CAAAA,EAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,GAAGf,CACJ,YAAWwB,CAAOL,GAAE,CAAA,KAAA,CAAA,CAAA,GAAU,CAAC,CAAA,aACpB,SAAgB,CAC3B,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAgBtB,CAAAA,CAChB,EAAA,IAAA,CAAA,gBAECH,CAAAA,CACH,CAAA,WAIR,CAAA,CAAA,CAAA,QAAA,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 { useOn } from '@accelint/bus/react';\nimport type { UniqueId } from '@accelint/core';\nimport 'client-only';\nimport { useCallback, useRef, useState } from 'react';\nimport { ViewStack } from '../view-stack';\nimport { useViewStackEmit } from '../view-stack/context';\nimport { DrawerContext } from './context';\nimport { DrawerEventTypes } from './events';\nimport { DrawerStyles } from './styles';\nimport type { DrawerOpenEvent, DrawerProps, DrawerToggleEvent } from './types';\n\nconst { drawer } = DrawerStyles();\n\n/**\n * Drawer - Slide-in panel for navigation or contextual content\n *\n * A flexible panel that slides in from the viewport edge and supports\n * stacked views, headers, footers, and programmatic triggers.\n *\n * @example\n * const ids = { drawer: uuid(), a: uuid() };\n *\n * <DrawerLayout push=\"left\">\n *   <DrawerLayoutMain>\n *     <DrawerTrigger for={`open:${ids.a}`}>\n *       <Button variant=\"icon\">Open</Button>\n *     </DrawerTrigger>\n *   </DrawerLayoutMain>\n *\n *   <Drawer id={ids.drawer} defaultView={ids.a}>\n *     <DrawerPanel>\n *       <DrawerView id={ids.a}>\n *         <DrawerHeader title=\"Title A\" />\n *         <DrawerContent>Content for View A</DrawerContent>\n *       </DrawerView>\n *     </DrawerPanel>\n *   </Drawer>\n * </DrawerLayout>\n */\nexport function Drawer({\n  id,\n  children,\n  className,\n  defaultView,\n  placement = 'left',\n  size = 'medium',\n  onChange,\n  ...rest\n}: DrawerProps) {\n  const views = useRef(new Set<UniqueId>());\n  const [activeView, setActiveView] = useState<UniqueId | null>(\n    defaultView || null,\n  );\n\n  const viewStackEmit = useViewStackEmit();\n\n  const handleOpen = useCallback(\n    (data: DrawerOpenEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        viewStackEmit.push(data.payload.view);\n      }\n    },\n    [id, viewStackEmit.clear, viewStackEmit.push],\n  );\n  const handleToggle = useCallback(\n    (data: DrawerToggleEvent) => {\n      if (views.current.has(data?.payload?.view)) {\n        viewStackEmit.clear(id);\n        if (activeView !== data?.payload?.view) {\n          viewStackEmit.push(data.payload.view);\n        }\n      }\n    },\n    [id, activeView, viewStackEmit.clear, viewStackEmit.push],\n  );\n\n  useOn(DrawerEventTypes.open, handleOpen);\n  useOn(DrawerEventTypes.toggle, handleToggle);\n\n  return (\n    <DrawerContext.Provider\n      value={{\n        register: (view: UniqueId) => views.current.add(view),\n        unregister: (view: UniqueId) => views.current.delete(view),\n        placement,\n      }}\n    >\n      <ViewStack\n        id={id}\n        defaultView={defaultView}\n        onChange={(view) => {\n          setActiveView(view);\n          onChange?.(view);\n        }}\n      >\n        <div\n          {...rest}\n          className={drawer({ className })}\n          data-open={!!activeView || null}\n          data-placement={placement}\n          data-size={size}\n        >\n          {children}\n        </div>\n      </ViewStack>\n    </DrawerContext.Provider>\n  );\n}\n"]}

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

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

package/dist/components/drawer/layout-main.js

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{main:e}=DrawerStyles();function a({className:o,...t}){return jsx("main",{...t,className:e({className:o})})}export{a as DrawerLayoutMain};//# sourceMappingURL=layout-main.js.map
+//# sourceMappingURL=layout-main.js.map

package/dist/components/drawer/layout-main.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/layout-main.tsx"],"names":["DrawerStyles","r","rest","n"],"mappings":"+FAkBA,UAAiBA,CAAAA,CAAa,CAAA,CAEvBC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,MAAM,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,CAAA,UAAc,CACzD,CAAA,CAAA,CAAA,CAAA","file":"layout-main.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 { DrawerStyles } from './styles';\nimport type { ComponentPropsWithRef } from 'react';\n\nconst { main } = DrawerStyles();\n\nexport function DrawerLayoutMain({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'main'>) {\n  return <main {...rest} className={main({ className })} />;\n}\n"]}

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DrawerLayoutProps } 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';
+
+declare function DrawerLayout({ className, extend, push, ...rest }: DrawerLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { DrawerLayout };

package/dist/components/drawer/layout.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{layout:p}=DrawerStyles();function i({className:t,extend:r="left right",push:o,...a}){return jsx("div",{...a,className:p({className:t}),"data-extend":r,"data-push":o})}export{i as DrawerLayout};//# sourceMappingURL=layout.js.map
+//# sourceMappingURL=layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/layout.tsx"],"names":["DrawerStyles","e","rest"],"mappings":"+FAiBA,YAAmBA,EAAa,CAAA,CAEzBC,YAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,qBACA,CAAA,MACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,gBAEK,CAAGA,CAAAA,cACgB,cACpB,CAAA,CAAA,CAAA,CAAA,aACA,CAAA,CAAA,CAAA,WAGN,CAAA,CAAA,CAAA,CAAA","file":"layout.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 { DrawerLayoutProps } from './types';\n\nconst { layout } = DrawerStyles();\n\nexport function DrawerLayout({\n  className,\n  extend = 'left right',\n  push,\n  ...rest\n}: DrawerLayoutProps) {\n  return (\n    <div\n      {...rest}\n      className={layout({ className })}\n      data-extend={extend}\n      data-push={push}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DrawerMenuItemProps } 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';
+
+declare function DrawerMenuItem({ for: id, children, classNames, toggle, textValue, ...rest }: DrawerMenuItemProps): react_jsx_runtime.JSX.Element | null;
+
+export { DrawerMenuItem };

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

@@ -0,0 +1,2 @@
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {useContext,useRef}from'react';import {composeRenderProps}from'react-aria-components';import {ToggleButton}from'../button/toggle.js';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {ViewStackContext}from'../view-stack/context.js';import {DrawerContext}from'./context.js';import {DrawerMenuStyles}from'./styles.js';import {DrawerTrigger}from'./trigger.js';const{item:y}=DrawerMenuStyles(),C={left:"right",right:"left",top:"bottom",bottom:"top"};function F({for:o,children:l,classNames:n,toggle:f,textValue:c,...s}){const{parent:a,stack:e}=useContext(ViewStackContext),{placement:g}=useContext(DrawerContext),u=e.at(-1),T=f?"toggle":"open",i=useRef(null);return a?jsxs(TooltipTrigger,{children:[jsx(DrawerTrigger,{for:`${T}:${o}`,children:jsx(ToggleButton,{...s,ref:i,className:composeRenderProps(n?.item,r=>y({className:r})),role:"tab",variant:"icon",isSelected:o===u||e.length>1&&e.includes(o),children:composeRenderProps(l,r=>jsx(Icon,{children:r}))})}),jsx(Tooltip,{triggerRef:i,placement:C[g],offset:6,className:n?.tooltip,children:c})]}):null}export{F as DrawerMenuItem};//# sourceMappingURL=menu-item.js.map
+//# sourceMappingURL=menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/menu-item.tsx"],"names":["h","DrawerMenuItem","id","textValue","parent","useContext","placement","view","stack","action","m","R","b","jsxs","TooltipTrigger","DrawerTrigger","S","jsx","ToggleButton","tooltipRef","x","composeRenderProps","classNames","t","D","className","p","children","Icon","Tooltip","I","M"],"mappings":"+fA+BS,UACF,CAAA,CAAA,CAAA,CAAAA,gBAAA,EACL,CAAA,CAAA,CAAA,CAAA,YAGK,CAAA,KAASC,CAAAA,MACTC,CAAAA,YAEL,CAAA,MAAA,CAAA,KACA,CAAA,CAAA,iBACAC,CAAAA,QAGA,aAAQC,EAAQ,CAAA,MAAM,EAAIC,CAAAA,SAClB,CAAA,CAAA,CAAA,GAAAC,CAAU,EAAID,CAAAA,KAChBE,CAAOC,MAAS,CAAE,CAAA,CAClBC,KAAkB,CAAA,CAAA,CAAA,CAAAC,UAAA,CAAAC,gBAAA,CAAW,WACT,IAAID,UAAA,CAE9BE,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAKR,EAKHS,CAAAA,EAACC,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,QAACC,OAAmB,GAAGN,MAAM,CAAA,IAAM,CAAA,CAAA,OACjC,CAAA,CAAAO,IAAAC,eAACC,CAAAA,CAAA,QAEC,CAAA,CAAKC,IACLC,aAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAWC,CAAAA,CAAmBC,GAAY,CAAA,CAAA,CAAA,CAAA,QACjC,CAAAC,GAAA,CAAAC,YAAA,CAAA,CAAA,GAAAC,CAAU,CAAC,GAEpB,YACA,CAAAC,kBAAA,CAAA,CAAA,EAAA,QACA,CAAA,CAAA,CAAA,SAAYxB,CAAAA,CAAAA,CAAOK,GAASC,IAAM,CAAA,aAAoB,CAAA,MAAW,CAEhE,WAAmBmB,CAAAA,GAAWA,CAC7BV,EAACW,CAAAA,CAAA,MAAM,CAAA,CAAA,EAAAD,EAAS,QAItBV,CAACY,EAAA,CACC,QAAA,CAAAH,kBAAA,CAAYP,EACZ,CAAA,EAAAI,GAAA,CAAAO,IAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,EACR,CAAA,CAAAP,GAAA,CAAAQ,OAAA,CAAA,CAAA,sBAEC,CAAA5B,CAAAA,CACH,CAAA,CAAA,CACF,MAEJ,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,EAAA,OAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA","file":"menu-item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport { composeRenderProps } from 'react-aria-components';\nimport { ToggleButton } from '../button/toggle';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { ViewStackContext } from '../view-stack/context';\nimport { DrawerContext } from './context';\nimport { DrawerMenuStyles } from './styles';\nimport { DrawerTrigger } from './trigger';\nimport type { DrawerMenuItemProps } from './types';\n\nconst { item } = DrawerMenuStyles();\n\nconst tooltipPlacementMap = {\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n  bottom: 'top',\n} as const;\n\nexport function DrawerMenuItem({\n  for: id,\n  children,\n  classNames,\n  toggle,\n  textValue,\n  ...rest\n}: DrawerMenuItemProps) {\n  const { parent, stack } = useContext(ViewStackContext);\n  const { placement } = useContext(DrawerContext);\n  const view = stack.at(-1);\n  const action = toggle ? 'toggle' : 'open';\n  const tooltipRef = useRef(null);\n\n  if (!parent) {\n    return null;\n  }\n\n  return (\n    <TooltipTrigger>\n      <DrawerTrigger for={`${action}:${id}`}>\n        <ToggleButton\n          {...rest}\n          ref={tooltipRef}\n          className={composeRenderProps(classNames?.item, (className) =>\n            item({ className }),\n          )}\n          role='tab'\n          variant='icon'\n          isSelected={id === view || (stack.length > 1 && stack.includes(id))}\n        >\n          {composeRenderProps(children, (children) => (\n            <Icon>{children}</Icon>\n          ))}\n        </ToggleButton>\n      </DrawerTrigger>\n      <Tooltip\n        triggerRef={tooltipRef}\n        placement={tooltipPlacementMap[placement]}\n        offset={6}\n        className={classNames?.tooltip}\n      >\n        {textValue}\n      </Tooltip>\n    </TooltipTrigger>\n  );\n}\n"]}

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DrawerMenuProps } 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';
+
+declare function DrawerMenu({ className, position, children, ...rest }: DrawerMenuProps): react_jsx_runtime.JSX.Element;
+
+export { DrawerMenu };

package/dist/components/drawer/menu.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerMenuStyles}from'./styles.js';const{menu:p}=DrawerMenuStyles();function m({className:e,position:r="center",children:n,...o}){return jsx("nav",{...o,className:p({position:r,className:e}),children:n})}export{m as DrawerMenu};//# sourceMappingURL=menu.js.map
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/menu.tsx"],"names":["DrawerMenuStyles","t","rest"],"mappings":"mGAiBA,UAAiBA,EAAiB,CAAA,CAE3BC,gBAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,mBACA,CAAA,UACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,gBAEK,CAAGA,CAAAA,cAEF,YACA,CAAA,CAAA,CAAA,SACD,CAEA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"menu.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { DrawerMenuStyles } from './styles';\nimport type { DrawerMenuProps } from './types';\n\nconst { menu } = DrawerMenuStyles();\n\nexport function DrawerMenu({\n  className,\n  position = 'center',\n  children,\n  ...rest\n}: DrawerMenuProps) {\n  return (\n    <nav\n      {...rest}\n      className={menu({\n        position,\n        className,\n      })}\n    >\n      {children}\n    </nav>\n  );\n}\n"]}

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

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

package/dist/components/drawer/panel.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/panel.tsx"],"names":["DrawerStyles","r","rest","n"],"mappings":"+FAiBA,WAAkBA,CAAAA,CAAa,CAAA,CAExBC,wBACL,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,GAAM,CAAA,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,UAAc,CACzD,CAAA,CAAA,CAAA,CAAA","file":"panel.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 { panel } = DrawerStyles();\n\nexport function DrawerPanel({\n  className,\n  ...rest\n}: ComponentPropsWithRef<'div'>) {\n  return <div {...rest} className={panel({ className })} />;\n}\n"]}

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

@@ -4,12 +4,12 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const DrawerStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             main?: tailwind_merge.ClassNameValue;
-            footer?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            panel?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
             view?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
             layout?: tailwind_merge.ClassNameValue;
             drawer?: tailwind_merge.ClassNameValue;
         };
@@ -17,12 +17,12 @@ declare const DrawerStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             main?: tailwind_merge.ClassNameValue;
-            footer?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            panel?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
             view?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
             layout?: tailwind_merge.ClassNameValue;
             drawer?: tailwind_merge.ClassNameValue;
         };
@@ -39,12 +39,12 @@ declare const DrawerStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
             main?: tailwind_merge.ClassNameValue;
-            footer?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            panel?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
+            footer?: tailwind_merge.ClassNameValue;
             view?: tailwind_merge.ClassNameValue;
-            panel?: tailwind_merge.ClassNameValue;
             layout?: tailwind_merge.ClassNameValue;
             drawer?: tailwind_merge.ClassNameValue;
         };

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DrawerTriggerProps } 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';
+
+declare function DrawerTrigger({ for: events, ...rest }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { DrawerTrigger };

package/dist/components/drawer/trigger.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import {isUUID}from'@accelint/core';import {Pressable}from'@react-aria/interactions';import'client-only';import {useContext}from'react';import {ViewStackContext}from'../view-stack/context.js';import {useDrawerEmit}from'./context.js';function U({for:r,...t}){const{parent:i}=useContext(ViewStackContext),n=useDrawerEmit();function s(){for(const e of Array.isArray(r)?r:[r]){let[p,o]=isUUID(e)?["push",e]:e.split(":");o??=i,o&&n[p](o);}}return jsx(Pressable,{...t,onPress:s})}export{U as DrawerTrigger};//# sourceMappingURL=trigger.js.map
+//# sourceMappingURL=trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/trigger.tsx"],"names":["parent","drawerEmit","useDrawerEmit","c","type","events","event","id","jsx","rest","a","handlePress"],"mappings":"6QAqBO,UAAsC,CAAA,CAAA,IAA+B,CAC1E,CAAA,GAAA,CAAM,CAAE,CAAA,CAAA,KAAAA,CAAO,OACTC,CAAAA,CAAaC,CAAAA,UAAc,iBAEjC,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,SACE,CAAA,EAAA,CAAA,IAAWC,WAAc,KAAA,CAAQC,OAA0B,CAAA,CAAG,CAC5D,GAAI,CAACC,CAAAA,CAAOC,CAAE,CAAA,GAAYH,CAAI,CAAA,CAAI,CAAC,YAAQA,CAAI,MAAS,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,KAK9DG,CAAAA,GAEKA,GAILN,GAAgB,EAAEM,CAAE,EAExB,CAEA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAOC,QAAeC,GAAAA,CAAMC,SAAA,CAAA,CAAA,GAAA,CAAA,CAASC,OACvC,CAAA,CAAA,CAAA,CAAA","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from '@react-aria/interactions';\nimport 'client-only';\nimport { useContext } from 'react';\nimport { ViewStackContext } from '../view-stack/context';\nimport { useDrawerEmit } from './context';\nimport type { DrawerTriggerProps } from './types';\n\nexport function DrawerTrigger({ for: events, ...rest }: DrawerTriggerProps) {\n  const { parent } = useContext(ViewStackContext);\n  const drawerEmit = useDrawerEmit();\n\n  function handlePress() {\n    for (const type of Array.isArray(events) ? events : [events]) {\n      let [event, id] = (isUUID(type) ? ['push', type] : type.split(':')) as [\n        'back' | 'clear' | 'close' | 'open' | 'push' | 'reset' | 'toggle',\n        UniqueId | undefined | null,\n      ];\n\n      id ??= parent;\n\n      if (!id) {\n        continue;\n      }\n\n      drawerEmit[event](id);\n    }\n  }\n\n  return <Pressable {...rest} onPress={handlePress} />;\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { Payload } from '@accelint/bus';
 import { UniqueId } from '@accelint/core';
 import { FocusableElement } from '@react-types/shared';
-import { ComponentPropsWithRef, ReactElement, DOMAttributes } from 'react';
+import { ComponentPropsWithRef, RefAttributes, ReactElement, DOMAttributes } from 'react';
 import { HeadingProps } from 'react-aria-components';
 import { VariantProps } from 'tailwind-variants';
 import { AriaAttributesWithRef } from '../../lib/types.js';
@@ -121,7 +121,7 @@ type DrawerMenuProps = ComponentPropsWithRef<'nav'> & {
     position?: 'start' | 'center' | 'end';
 };
 /**
- * Drawer.Menu.Item implements Drawer.Trigger with the default behavior of
+ * DrawerMenuItem implements DrawerTrigger with the default behavior of
  * the trigger's `open` event type, which resets the stack before pushing the new view
  */
 type DrawerMenuItemProps = Omit<ToggleButtonProps, 'id' | 'isSelected' | 'className'> & {
@@ -164,7 +164,7 @@ type DrawerEvent = DrawerOpenEvent | DrawerToggleEvent | ViewStackEvent;
 type SimpleEvents = 'back' | 'clear' | 'close' | 'reset' | UniqueId;
 type TargetedEvents = `back:${UniqueId}` | `clear:${UniqueId}` | `close:${UniqueId}` | `open:${UniqueId}` | `toggle:${UniqueId}` | `reset:${UniqueId}`;
 type ChainedEvents = (SimpleEvents | TargetedEvents)[];
-type DrawerTriggerProps = {
+type DrawerTriggerProps = RefAttributes<FocusableElement> & {
     children: ReactElement<DOMAttributes<FocusableElement>, string>;
     /**
      * __SimpleEvents__ allow the easiest implementation of events, but come with some restrictions:

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithRef } from 'react';
+import { ViewStackViewProps } from '../view-stack/types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react-aria-components';
+import '../view-stack/events.js';
+
+declare function DrawerView({ id, children, className, ...rest }: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
+
+export { DrawerView };

package/dist/components/drawer/view.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContext,useEffect}from'react';import {ViewStackView}from'../view-stack/view.js';import {DrawerContext}from'./context.js';import {DrawerStyles}from'./styles.js';const{view:f}=DrawerStyles();function S({id:e,children:i,className:p,...s}){const{register:t,unregister:r}=useContext(DrawerContext);return useEffect(()=>(t(e),()=>r(e)),[t,r,e]),jsx(ViewStackView,{id:e,children:jsx("div",{...s,className:f({className:p}),role:"tabpanel",children:i})})}export{S as DrawerView};//# sourceMappingURL=view.js.map
+//# sourceMappingURL=view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/view.tsx"],"names":["c","DrawerView","children","className","unregister","useEffect","a","w","register","jsx","ViewStackView","id","o","m","rest","view"],"mappings":"mOAoBa,KAAiB,CAEvB,IAAA,CAAA,CAAA,CAAA,CAAAA,YAASC,EAAW,CACzB,SACA,CAAA,CAAA,CAAA,EAAAC,CAAAA,CACA,UAAAC,CAAAA,CACA,YAEM,GAAE,CAAA,CAAA,CAAA,CAAA,KAAU,CAAA,QAAA,CAAA,CAAAC,CAAW,UAE7B,CAAA,CAAA,CAAA,CAAAC,WAAUC,aAAA,CAAA,CAAA,OAGDC,SAAA,CAAA,KAAmB,CAAA,CAAA,CACzB,CAACC,CAAAA,IAAwB,CAAC,CAAA,CAG3BC,EAACC,CAAAA,CAAA,CAAc,GAAIC,CAAAA,CACjB,CAAA,CAAAC,GAAA,CAAAC,aAAA,CAAA,CAAA,EAAAJ,EAAC,CAAA,QAAK,CAAGK,IAAM,KAAA,CAAA,CAAA,GAAWC,CAAAA,CAAK,SAAE,CAAA,CAAAZ,CAAU,CAAC,kBACzC,CAAA,UACH,SAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"view.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, useEffect } from 'react';\nimport { ViewStackView } from '../view-stack/view';\nimport { DrawerContext } from './context';\nimport { DrawerStyles } from './styles';\nimport type { ViewStackViewProps } from '../view-stack/types';\n\nconst { view } = DrawerStyles();\n\nexport function DrawerView({\n  id,\n  children,\n  className,\n  ...rest\n}: ViewStackViewProps & ComponentPropsWithRef<'div'>) {\n  const { register, unregister } = useContext(DrawerContext);\n\n  useEffect(() => {\n    register(id);\n\n    return () => unregister(id);\n  }, [register, unregister, id]);\n\n  return (\n    <ViewStackView id={id}>\n      <div {...rest} className={view({ className })} role='tabpanel'>\n        {children}\n      </div>\n    </ViewStackView>\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { HeroProps } from './types.js';
+
+declare const HeroContext: react.Context<ContextValue<HeroProps, HTMLElement>>;
+
+export { HeroContext };

package/dist/components/hero/context.js

@@ -0,0 +1,2 @@
+import'client-only';import {createContext}from'react';const r=createContext(null);export{r as HeroContext};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hero/context.tsx"],"names":["HeroContext","createContext"],"mappings":"sDAkBO,MAAMA,CAAAA,CACXC,cAAoD,IAAI","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 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HeroProps } from './types';\n\nexport const HeroContext =\n  createContext<ContextValue<HeroProps, HTMLElement>>(null);\n"]}

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

@@ -1,10 +1,7 @@
-import * as react_aria_components from 'react-aria-components';
-import { ContextValue } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
 import { HeroProps } from './types.js';
+import 'react';
 
-declare const HeroContext: react.Context<ContextValue<HeroProps, HTMLElement>>;
 /**
  * A versatile hero component that displays an icon alongside primary and secondary content.
  * Automatically organizes child components by type and supports both stacked and grid layouts.
@@ -14,32 +11,27 @@ declare const HeroContext: react.Context<ContextValue<HeroProps, HTMLElement>>;
  * // Basic hero with icon and content
  * <Hero>
  *   <Icon><Placeholder /></Icon>
- *   <Hero.Title>Primary Title</Hero.Title>
- *   <Hero.Subtitle>Secondary information</Hero.Subtitle>
+ *   <HeroTitle>Primary Title</HeroTitle>
+ *   <HeroSubtitle>Secondary information</HeroSubtitle>
  * </Hero>
  *
  * // Grid layout for compact display
  * <Hero compact>
  *   <Icon><Settings /></Icon>
- *   <Hero.Title>Settings</Hero.Title>
- *   <Hero.Subtitle>Configure your preferences</Hero.Subtitle>
+ *   <HeroTitle>Settings</HeroTitle>
+ *   <HeroSubtitle>Configure your preferences</HeroSubtitle>
  * </Hero>
  * ```
  *
  * ## Child Component Behavior
  * - **Icon**: Only one allowed
- * - **Hero.Title**: Only one allowed
- * - **Hero.Subtitle**: Any number allowed as secondary content
+ * - **HeroTitle**: Only one allowed
+ * - **HeroSubtitle**: Any number allowed as secondary content
  *
  * ## Layout Modes
  * - **Stack** (default): Vertical layout with larger icon and stacked content
  * - **Grid** (compact=true): Horizontal layout with smaller icon beside content
  */
 declare function Hero({ ref, ...props }: HeroProps): react_jsx_runtime.JSX.Element;
-declare namespace Hero {
-    var displayName: string;
-    var Title: react.ForwardRefExoticComponent<react_aria_components.HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
-    var Subtitle: react.ForwardRefExoticComponent<react_aria_components.TextProps & react.RefAttributes<HTMLElement>>;
-}
 
-export { Hero, HeroContext };
+export { Hero };