@accelint/design-toolkit 6.0.0 → 7.0.0

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SidenavProps, SidenavTriggerProps, SidenavHeaderProps, SidenavItemProps, SidenavLinkProps, SidenavAvatarProps, SidenavFooterProps, SidenavContentProps, SidenavMenuProps, SidenavMenuItemProps } from './types.js';
+import { SidenavProps } from './types.js';
 import '@accelint/bus';
 import '@accelint/core';
 import 'react';
@@ -10,106 +10,58 @@ import './events.js';
  * Sidenav - Collapsible side navigation panel
  *
  * Provides a hierarchical collapsible side navigation intended to be used
- * inside a Drawer.Layout. Supports headers, avatars, nested menus, and items.
+ * inside a DrawerLayout. Supports headers, avatars, nested menus, and items.
  *
  * @example
- * <Drawer.Layout push="left">
- *   <Drawer.Layout.Main className="col-start-2">
- *     <Sidenav.Trigger>
+ * <DrawerLayout push="left">
+ *   <DrawerLayoutMain className="col-start-2">
+ *     <SidenavTrigger>
  *       <Button variant="icon" size="large">
  *         <Icon>
  *           <MenuIcon />
  *         </Icon>
  *       </Button>
- *     </Sidenav.Trigger>
- *   </Drawer.Layout.Main>
+ *     </SidenavTrigger>
+ *   </DrawerLayoutMain>
  *   <Sidenav>
- *     <Sidenav.Header>
- *       <Sidenav.Avatar>
+ *     <SidenavHeader>
+ *       <SidenavAvatar>
  *         <Icon><AppLogo /></Icon>
  *         <Heading>Application Header</Heading>
  *         <Text>subheader</Text>
- *       </Sidenav.Avatar>
- *     </Sidenav.Header>
- *     <Sidenav.Content>
+ *       </SidenavAvatar>
+ *     </SidenavHeader>
+ *     <SidenavContent>
  *       <Heading>Navigation</Heading>
- *       <Sidenav.Item>
+ *       <SidenavItem>
  *         <Icon><HomeIcon /></Icon>
  *         <Text>Home</Text>
- *       </Sidenav.Item>
+ *       </SidenavItem>
  *       <Divider />
- *       <Sidenav.Item isSelected>
+ *       <SidenavItem isSelected>
  *         <Icon><SettingsIcon /></Icon>
  *         <Text>Settings</Text>
- *       </Sidenav.Item>
+ *       </SidenavItem>
  *       <Divider />
- *       <Sidenav.Menu title="More Options" icon={<Icon><MenuIcon /></Icon>}>
- *         <Sidenav.Menu.Item>
+ *       <SidenavMenu title="More Options" icon={<Icon><MenuIcon /></Icon>}>
+ *         <SidenavMenuItem>
  *           <Text>Sub Item 1</Text>
- *         </Sidenav.Menu.Item>
- *         <Sidenav.Menu.Item>
+ *         </SidenavMenuItem>
+ *         <SidenavMenuItem>
  *           <Text>Sub Item 2</Text>
- *         </Sidenav.Menu.Item>
- *       </Sidenav.Menu>
- *     </Sidenav.Content>
- *     <Sidenav.Footer>
- *       <Sidenav.Avatar>
+ *         </SidenavMenuItem>
+ *       </SidenavMenu>
+ *     </SidenavContent>
+ *     <SidenavFooter>
+ *       <SidenavAvatar>
  *         <Icon><UserIcon /></Icon>
  *         <Heading>User Name</Heading>
  *         <Text>john@example.com</Text>
- *       </Sidenav.Avatar>
- *     </Sidenav.Footer>
+ *       </SidenavAvatar>
+ *     </SidenavFooter>
  *   </Sidenav>
- * </Drawer.Layout>
+ * </DrawerLayout>
  */
 declare function Sidenav({ id, className, isHiddenWhenClosed, children, ...rest }: SidenavProps): react_jsx_runtime.JSX.Element | null;
-declare namespace Sidenav {
-    var displayName: string;
-    var Trigger: typeof SidenavTrigger;
-    var Header: typeof SidenavHeader;
-    var Item: typeof SidenavItem;
-    var Link: typeof SidenavLink;
-    var Avatar: typeof SidenavAvatar;
-    var Footer: typeof SidenavFooter;
-    var Content: typeof SidenavContent;
-    var Menu: typeof SidenavMenu;
-}
-declare function SidenavContent({ className, children, ...rest }: SidenavContentProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavContent {
-    var displayName: string;
-}
-declare function SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavHeader {
-    var displayName: string;
-}
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavFooter {
-    var displayName: string;
-}
-declare function SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavTrigger {
-    var displayName: string;
-}
-declare function SidenavItem({ children, classNames, textValue, ...rest }: SidenavItemProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavItem {
-    var displayName: string;
-}
-declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavLink {
-    var displayName: string;
-}
-declare function SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavAvatar {
-    var displayName: string;
-}
-declare function SidenavMenu({ icon, title, classNames, children, ...rest }: SidenavMenuProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavMenu {
-    var displayName: string;
-    var Item: typeof SidenavMenuItem;
-}
-declare function SidenavMenuItem({ className, children, ...rest }: SidenavMenuItemProps): react_jsx_runtime.JSX.Element;
-declare namespace SidenavMenuItem {
-    var displayName: string;
-}
 
 export { Sidenav };

package/dist/components/sidenav/index.js

@@ -1,4 +1,2 @@
-'use client';
-
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useOn,useEmit}from'@accelint/bus/react';import {uuid,isUUID}from'@accelint/core';import {ChevronLeft,ArrowNortheast,ChevronDown}from'@accelint/icons';import {createContext,useState,useContext,useRef}from'react';import {Provider,HeadingContext,DEFAULT_SLOT,Header,Button,composeRenderProps,Pressable,Text,TextContext,ToggleButton,Link,Heading,Disclosure,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {containsExactChildren,containsAnyOfExactChildren}from'./../../lib/react.js';import {Avatar,AvatarContext}from'../avatar/index.js';import {DividerContext}from'../divider/index.js';import {Icon,IconContext}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:ve,content:pe,header:ce,toggle:ue,heading:ge,divider:Ne,item:Se,text:z,transient:p,avatar:fe,avatarHeading:Pe,avatarIcon:V,avatarText:xe,link:Te,tooltip:b,menu:Ce,menuButton:_,menuHeading:ye,menuPanel:Ie,menuItem:Ee,panelHeading:He,panelContent:G}=SidenavStyles(),f=createContext({id:uuid(),isOpen:false});function d({id:a,className:t,isHiddenWhenClosed:n,children:i,...r}){containsExactChildren({children:i,componentName:d.displayName,restrictions:[[L,{min:1,max:1}],[A,{min:1,max:1}],[M,{min:0,max:1}]]});const[o,m]=useState(false);return useOn(SidenavEventTypes.toggle,s=>{s.payload.id===a&&m(K=>!K);}),useOn(SidenavEventTypes.open,s=>{!o&&s.payload.id===a&&m(true);}),useOn(SidenavEventTypes.close,s=>{o&&s.payload.id===a&&m(false);}),n&&!o?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:ge({className:p()})},menu:{className:ye({className:p()})},panel:{className:He()}}}],[f,{id:a,isOpen:o}]],children:jsx("nav",{...r,className:ve({className:t}),"data-open":o||null,children:i})})}d.displayName="Sidenav";function A({className:a,children:t,...n}){return jsx(Provider,{values:[[DividerContext,{className:Ne()}]],children:jsx("div",{...n,className:pe({className:a}),children:t})})}A.displayName="Sidenav.Content";function L({children:a,classNames:t,...n}){const i=useEmit(SidenavEventTypes.toggle),{id:r}=useContext(f);return jsx(Header,{...n,className:ce({className:t?.header}),children:jsxs(Button,{className:composeRenderProps(t?.button,o=>ue({className:o})),onPress:()=>i({id:r}),children:[a,jsx(Icon,{className:p(),children:jsx(ChevronLeft,{})})]})})}L.displayName="Sidenav.Header";function M(a){return jsx("footer",{...a})}M.displayName="Sidenav.Footer";function J({children:a,for:t,...n}){const[i,r]=isUUID(t)?["toggle",t]:t.split(":"),o=useEmit(SidenavEventTypes[i]);return jsx(Pressable,{...n,onPress:()=>o({id:r}),children:a})}J.displayName="Sidenav.Trigger";function k({children:a,classNames:t,textValue:n,...i}){containsAnyOfExactChildren({children:a,componentName:k.displayName,restrictions:[[[C,{min:1,max:1}]],[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]]});const{isOpen:r}=useContext(f),o=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:z({className:p()})}]],children:jsxs(Tooltip.Trigger,{isDisabled:r,children:[jsx(ToggleButton,{...i,ref:o,className:composeRenderProps(t?.button,m=>Se({className:m})),children:a}),jsx(Tooltip,{parentRef:o,placement:"right",className:b(),children:n})]})})}k.displayName="Sidenav.Item";function B({children:a,classNames:t,textValue:n,...i}){containsExactChildren({children:a,componentName:B.displayName,restrictions:[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]});const{isOpen:r}=useContext(f),o=useRef(null);return jsx(Provider,{values:[[TextContext,{className:z({className:p()})}]],children:jsxs(Tooltip.Trigger,{isDisabled:r,children:[jsx(Link,{...i,ref:o,className:composeRenderProps(t?.button,m=>Te({className:m})),children:composeRenderProps(a,m=>jsxs(Fragment,{children:[m,jsx(Icon,{className:p(),children:jsx(ArrowNortheast,{})})]}))}),jsxs(Tooltip,{parentRef:o,placement:"right",className:b(),children:[n,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}B.displayName="Sidenav.Link";function C({children:a,className:t,...n}){return containsAnyOfExactChildren({children:a,componentName:C.displayName,restrictions:[[[Avatar,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]],[[Icon,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]]]}),jsx(Provider,{values:[[IconContext,{size:"large",className:V()}],[HeadingContext,{className:Pe({className:p()})}],[TextContext,{className:xe({className:p()})}],[AvatarContext,{classNames:{avatar:V()}}]],children:jsx("div",{...n,className:fe({className:t}),children:a})})}C.displayName="Sidenav.Avatar";function y({icon:a,title:t,classNames:n,children:i,...r}){containsExactChildren({children:i,componentName:y.displayName,restrictions:[[I,{min:2}]]});const{isOpen:o}=useContext(f),m=useRef(null);return o?jsxs(Disclosure,{className:composeRenderProps(n?.menu,s=>Ce({className:s})),children:[jsxs(Button,{...r,slot:"trigger",className:composeRenderProps(n?.button,s=>_({className:s})),children:[a,jsx(Heading,{slot:"menu",children:t}),jsx(Icon,{className:p({className:n?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(n?.disclosurePanel,s=>s??""),children:jsx("div",{className:G({className:n?.panelContent}),children:i})})]}):jsxs(DialogTrigger,{children:[jsxs(Tooltip.Trigger,{isDisabled:o,children:[jsx(Button,{...r,ref:m,className:composeRenderProps(n?.button,s=>_({className:s})),children:a}),jsx(Tooltip,{parentRef:m,placement:"right",className:b(),children:t})]}),jsxs(Popover,{className:composeRenderProps(n?.popoverPanel,s=>Ie({className:s})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:t}),jsx("div",{className:G({className:n?.panelContent}),children:i})]})]})}y.displayName="Sidenav.Menu";function I({className:a,children:t,...n}){return containsExactChildren({children:t,componentName:I.displayName,restrictions:[[Text,{min:1,max:1}]]}),jsx(ToggleButton,{...n,className:composeRenderProps(a,i=>Ee({className:i})),children:t})}I.displayName="Sidenav.Menu.Item",y.Item=I,d.Trigger=J,d.Header=L,d.Item=k,d.Link=B,d.Avatar=C,d.Footer=M,d.Content=A,d.Menu=y;export{d as Sidenav};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useState}from'react';import {Provider,HeadingContext,DEFAULT_SLOT}from'react-aria-components';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:y,heading:N,transient:s,menuHeading:O,panelHeading:T}=SidenavStyles();function D({id:a,className:r,isHiddenWhenClosed:p,children:v,...d}){const[e,o]=useState(false);return useOn(SidenavEventTypes.toggle,n=>{n.payload.id===a&&o(m=>!m);}),useOn(SidenavEventTypes.open,n=>{!e&&n.payload.id===a&&o(true);}),useOn(SidenavEventTypes.close,n=>{e&&n.payload.id===a&&o(false);}),p&&!e?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:N({className:s()})},menu:{className:O({className:s()})},panel:{className:T()}}}],[SidenavContext,{id:a,isOpen:e}]],children:jsx("nav",{...d,className:y({className:r}),"data-open":e||null,children:v})})}export{D as Sidenav};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["item","text","transient","avatarIcon","menuPanel","menuItem","panelHeading","panelContent","SidenavStyles","uuid","Sidenav","className","de","Z","W","containsExactChildren","SidenavHeader","setIsOpen","useState","SidenavEventTypes","data","id","prev","useOn","isOpen","isHiddenWhenClosed","jsx","Provider","E","S","HeadingContext","heading","e","g","j","SidenavContext","sidenav","children","SidenavContent","rest","content","le","useContext","F","classNames","P","Button","te","v","D","emit","Icon","ChevronLeft","c","props","Y","SidenavFooter","SidenavTrigger","type","useEmit","event","Pressable","se","SidenavItem","SidenavAvatar","ref","IconContext","TextContext","w","jsxs","Tooltip","O","ToggleButton","composeRenderProps","U","l","tooltip","textValue","u","SidenavLink","useRef","H","oe","De","h","Avatar","Heading","x","Text","N","avatarHeading","R","AvatarContext","me","SidenavMenu","title","SidenavMenuItem","Disclosure","menu","X","ne","icon","ie"],"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 { useEmit, useOn } from '@accelint/bus/react';\nimport { isUUID, type UniqueId, uuid } from '@accelint/core';\nimport { ArrowNortheast, ChevronDown, ChevronLeft } from '@accelint/icons';\nimport { createContext, useContext, useRef, useState } from 'react';\nimport {\n  Button,\n  composeRenderProps,\n  DEFAULT_SLOT,\n  DialogTrigger,\n  Disclosure,\n  DisclosurePanel,\n  Header,\n  Heading,\n  HeadingContext,\n  Link,\n  Popover,\n  Pressable,\n  Provider,\n  Text,\n  TextContext,\n  ToggleButton,\n} from 'react-aria-components';\nimport { containsAnyOfExactChildren, containsExactChildren } from '@/lib/react';\nimport { Avatar, AvatarContext } from '../avatar';\nimport { DividerContext } from '../divider';\nimport { Icon, IconContext } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n  SidenavAvatarProps,\n  SidenavCloseEvent,\n  SidenavContentProps,\n  SidenavContextValue,\n  SidenavEvent,\n  SidenavFooterProps,\n  SidenavHeaderProps,\n  SidenavItemProps,\n  SidenavLinkProps,\n  SidenavMenuItemProps,\n  SidenavMenuProps,\n  SidenavOpenEvent,\n  SidenavProps,\n  SidenavToggleEvent,\n  SidenavTriggerProps,\n} from './types';\n\nconst {\n  sidenav,\n  content,\n  header,\n  toggle,\n  heading,\n  divider,\n  item,\n  text,\n  transient,\n  avatar,\n  avatarHeading,\n  avatarIcon,\n  avatarText,\n  link,\n  tooltip,\n  menu,\n  menuButton,\n  menuHeading,\n  menuPanel,\n  menuItem,\n  panelHeading,\n  panelContent,\n} = SidenavStyles();\n\nconst SidenavContext = createContext<SidenavContextValue>({\n  id: uuid(),\n  isOpen: false,\n});\n\n/**\n * Sidenav - Collapsible side navigation panel\n *\n * Provides a hierarchical collapsible side navigation intended to be used\n * inside a Drawer.Layout. Supports headers, avatars, nested menus, and items.\n *\n * @example\n * <Drawer.Layout push=\"left\">\n *   <Drawer.Layout.Main className=\"col-start-2\">\n *     <Sidenav.Trigger>\n *       <Button variant=\"icon\" size=\"large\">\n *         <Icon>\n *           <MenuIcon />\n *         </Icon>\n *       </Button>\n *     </Sidenav.Trigger>\n *   </Drawer.Layout.Main>\n *   <Sidenav>\n *     <Sidenav.Header>\n *       <Sidenav.Avatar>\n *         <Icon><AppLogo /></Icon>\n *         <Heading>Application Header</Heading>\n *         <Text>subheader</Text>\n *       </Sidenav.Avatar>\n *     </Sidenav.Header>\n *     <Sidenav.Content>\n *       <Heading>Navigation</Heading>\n *       <Sidenav.Item>\n *         <Icon><HomeIcon /></Icon>\n *         <Text>Home</Text>\n *       </Sidenav.Item>\n *       <Divider />\n *       <Sidenav.Item isSelected>\n *         <Icon><SettingsIcon /></Icon>\n *         <Text>Settings</Text>\n *       </Sidenav.Item>\n *       <Divider />\n *       <Sidenav.Menu title=\"More Options\" icon={<Icon><MenuIcon /></Icon>}>\n *         <Sidenav.Menu.Item>\n *           <Text>Sub Item 1</Text>\n *         </Sidenav.Menu.Item>\n *         <Sidenav.Menu.Item>\n *           <Text>Sub Item 2</Text>\n *         </Sidenav.Menu.Item>\n *       </Sidenav.Menu>\n *     </Sidenav.Content>\n *     <Sidenav.Footer>\n *       <Sidenav.Avatar>\n *         <Icon><UserIcon /></Icon>\n *         <Heading>User Name</Heading>\n *         <Text>john@example.com</Text>\n *       </Sidenav.Avatar>\n *     </Sidenav.Footer>\n *   </Sidenav>\n * </Drawer.Layout>\n */\nexport function Sidenav({\n  id,\n  className,\n  isHiddenWhenClosed,\n  children,\n  ...rest\n}: SidenavProps) {\n  containsExactChildren({\n    children,\n    componentName: Sidenav.displayName,\n    restrictions: [\n      [SidenavHeader, { min: 1, max: 1 }],\n      [SidenavContent, { min: 1, max: 1 }],\n      [SidenavFooter, { min: 0, max: 1 }],\n    ],\n  });\n  const [isOpen, setIsOpen] = useState(false);\n\n  useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n    if (data.payload.id === id) {\n      setIsOpen((prev) => !prev);\n    }\n  });\n\n  useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n    if (!isOpen && data.payload.id === id) {\n      setIsOpen(true);\n    }\n  });\n\n  useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n    if (isOpen && data.payload.id === id) {\n      setIsOpen(false);\n    }\n  });\n\n  if (isHiddenWhenClosed && !isOpen) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          {\n            slots: {\n              [DEFAULT_SLOT]: {\n                className: heading({ className: transient() }),\n              },\n              menu: { className: menuHeading({ className: transient() }) },\n              panel: { className: panelHeading() },\n            },\n          },\n        ],\n        [SidenavContext, { id, isOpen }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={sidenav({ className })}\n        data-open={isOpen || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\nSidenav.displayName = 'Sidenav';\n\nfunction SidenavContent({ className, children, ...rest }: SidenavContentProps) {\n  return (\n    <Provider values={[[DividerContext, { className: divider() }]]}>\n      <div {...rest} className={content({ className })}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\nSidenavContent.displayName = 'Sidenav.Content';\n\nfunction SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps) {\n  const emit = useEmit<SidenavToggleEvent>(SidenavEventTypes.toggle);\n  const { id } = useContext(SidenavContext);\n\n  return (\n    <Header {...rest} className={header({ className: classNames?.header })}>\n      <Button\n        className={composeRenderProps(classNames?.button, (className) =>\n          toggle({ className }),\n        )}\n        onPress={() => emit({ id })}\n      >\n        {children}\n        <Icon className={transient()}>\n          <ChevronLeft />\n        </Icon>\n      </Button>\n    </Header>\n  );\n}\nSidenavHeader.displayName = 'Sidenav.Header';\n\nfunction SidenavFooter(props: SidenavFooterProps) {\n  return <footer {...props} />;\n}\nSidenavFooter.displayName = 'Sidenav.Footer';\n\nfunction SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\nSidenavTrigger.displayName = 'Sidenav.Trigger';\n\nfunction SidenavItem({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavItemProps) {\n  containsAnyOfExactChildren({\n    children,\n    componentName: SidenavItem.displayName,\n    restrictions: [\n      [[SidenavAvatar, { min: 1, max: 1 }]],\n      [\n        [Icon, { min: 1, max: 1 }],\n        [Text, { min: 1, max: 1 }],\n      ],\n    ],\n  });\n\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Button DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium' }],\n        [TextContext, { className: text({ className: transient() }) }],\n      ]}\n    >\n      <Tooltip.Trigger isDisabled={isOpen}>\n        <ToggleButton\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            item({ className }),\n          )}\n        >\n          {children}\n        </ToggleButton>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n        </Tooltip>\n      </Tooltip.Trigger>\n    </Provider>\n  );\n}\nSidenavItem.displayName = 'Sidenav.Item';\n\nfunction SidenavLink({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavLinkProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavLink.displayName,\n    restrictions: [\n      [Icon, { min: 1, max: 1 }],\n      [Text, { min: 1, max: 1 }],\n    ],\n  });\n\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Link DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[[TextContext, { className: text({ className: transient() }) }]]}\n    >\n      <Tooltip.Trigger isDisabled={isOpen}>\n        <Link\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            link({ className }),\n          )}\n        >\n          {composeRenderProps(children, (children) => (\n            <>\n              {children}\n              <Icon className={transient()}>\n                <ArrowNortheast />\n              </Icon>\n            </>\n          ))}\n        </Link>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n          <Icon>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip>\n      </Tooltip.Trigger>\n    </Provider>\n  );\n}\nSidenavLink.displayName = 'Sidenav.Link';\n\nfunction SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps) {\n  containsAnyOfExactChildren({\n    children,\n    componentName: SidenavAvatar.displayName,\n    restrictions: [\n      [\n        [Avatar, { min: 1, max: 1 }],\n        [Heading, { min: 1, max: 1 }],\n        [Text, { min: 0, max: 1 }],\n      ],\n      [\n        [Icon, { min: 1, max: 1 }],\n        [Heading, { min: 1, max: 1 }],\n        [Text, { min: 0, max: 1 }],\n      ],\n    ],\n  });\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'large', className: avatarIcon() }],\n        [\n          HeadingContext,\n          { className: avatarHeading({ className: transient() }) },\n        ],\n        [TextContext, { className: avatarText({ className: transient() }) }],\n        [AvatarContext, { classNames: { avatar: avatarIcon() } }],\n      ]}\n    >\n      <div {...rest} className={avatar({ className })}>\n        {children}\n      </div>\n    </Provider>\n  );\n}\nSidenavAvatar.displayName = 'Sidenav.Avatar';\n\nfunction SidenavMenu({\n  icon,\n  title,\n  classNames,\n  children,\n  ...rest\n}: SidenavMenuProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavMenu.displayName,\n    restrictions: [[SidenavMenuItem, { min: 2 }]],\n  });\n\n  const { isOpen } = useContext(SidenavContext);\n  const ref = useRef(null);\n\n  return isOpen ? (\n    <Disclosure\n      className={composeRenderProps(classNames?.menu, (className) =>\n        menu({ className }),\n      )}\n    >\n      <Button\n        {...rest}\n        slot='trigger'\n        className={composeRenderProps(classNames?.button, (className) =>\n          menuButton({ className }),\n        )}\n      >\n        {icon}\n        <Heading slot='menu'>{title}</Heading>\n        <Icon className={transient({ className: classNames?.icon })}>\n          <ChevronDown className='transform group-expanded/menu:rotate-180' />\n        </Icon>\n      </Button>\n      <DisclosurePanel\n        className={composeRenderProps(\n          classNames?.disclosurePanel,\n          (className) => className ?? '',\n        )}\n      >\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </DisclosurePanel>\n    </Disclosure>\n  ) : (\n    <DialogTrigger>\n      <Tooltip.Trigger isDisabled={isOpen}>\n        <Button\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            menuButton({ className }),\n          )}\n        >\n          {icon}\n        </Button>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {title}\n        </Tooltip>\n      </Tooltip.Trigger>\n      <Popover\n        className={composeRenderProps(classNames?.popoverPanel, (className) =>\n          menuPanel({ className }),\n        )}\n        placement='right top'\n        shouldFlip={false}\n      >\n        <Heading slot='panel'>{title}</Heading>\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </Popover>\n    </DialogTrigger>\n  );\n}\nSidenavMenu.displayName = 'Sidenav.Menu';\n\nfunction SidenavMenuItem({\n  className,\n  children,\n  ...rest\n}: SidenavMenuItemProps) {\n  containsExactChildren({\n    children,\n    componentName: SidenavMenuItem.displayName,\n    restrictions: [[Text, { min: 1, max: 1 }]],\n  });\n\n  return (\n    <ToggleButton\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        menuItem({ className }),\n      )}\n    >\n      {children}\n    </ToggleButton>\n  );\n}\nSidenavMenuItem.displayName = 'Sidenav.Menu.Item';\n\nSidenavMenu.Item = SidenavMenuItem;\n\nSidenav.Trigger = SidenavTrigger;\nSidenav.Header = SidenavHeader;\nSidenav.Item = SidenavItem;\nSidenav.Link = SidenavLink;\nSidenav.Avatar = SidenavAvatar;\nSidenav.Footer = SidenavFooter;\nSidenav.Content = SidenavContent;\nSidenav.Menu = SidenavMenu;\n"]}
+{"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["transient","menuHeading","Sidenav","className","children","setIsOpen","useState","S","useOn","SidenavEventTypes","i","data","prev","t","isOpen","isHiddenWhenClosed","jsx","Provider","l","HeadingContext","DEFAULT_SLOT","u","f","heading","panelHeading","id","rest","sidenav"],"mappings":"yUA2BiB,CAAA,QAAS,CAAA,CAAA,OAAA,CAAAA,CAAAA,CAAW,YAAAC,WAAa,CAAA,CAAA,CAAA,6BA2DlCC,EAAQ,CACtB,SACA,CAAA,CAAA,CAAA,EAAA,CAAAC,EACA,SAAA,CAAA,CAAA,CAAA,kBACAC,CAAAA,CACA,CAAA,WAEM,GAASC,CAAS,CAAA,CAAIC,CAAAA,KAoB5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,QAlBAC,MAAMC,CAAkB,CAAA,aAAsCC,iBACxDC,CAAAA,UAAa,CAAA,CAAA,CAAA,OACJC,CAAAA,EAAUA,GAExB,GAEDJ,CAAMC,CAAAA,CAAkB,MAAOE,CAAAA,CAAAA,CAA2BE,KACpD,CAACC,iBAAAA,CAAAA,IAAe,CAAA,CAAA,EAAA,CAAA,CAAA,CAAQ,YACZ,EAEjB,GAEDN,CAAMC,EAAkB,SAAQE,CAAAA,CAAAA,KAA4B,CACtDG,uBAAe,CAAA,CAAA,EAAA,CAAA,CAAQ,YACV,EAElB,GAEGC,CAAAA,EAAuBD,EAClB,KAAA,EAAA,CAAA,CAIPE,CAAAA,CAACC,EAAA,CACC,CAAA,CAAA,IAAA,CAAQC,GACN,CACEC,QAAAA,CACA,CACE,MAAO,CACL,CAACC,CAAYC,cAAA,CAAG,CACd,KAAA,CAAA,CAAA,CAAAC,YAAA,EAAWC,CAAQ,SAAE,CAAA,CAAWvB,CAAAA,CAAU,UAEtC,CAAE,EAAA,CAAA,CAAA,CAAA,CAAA,IAAWC,EAAY,SAAE,CAAA,CAAWD,EAAU,SACtD,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,KAAWwB,CAAAA,CAAa,SAItB,CAAE,CAAA,EAAAC,CAAAA,CAAI,oBAAAX,EAAQ,CACjC,CAAA,CAEA,MAAA,CAAA,CAAA,CAAAE,EAAC,CAAA,QACE,CAAGU,IACJ,KAAA,CAAA,CAAA,GAAWC,CAAAA,CAAQ,SAAE,CAAA,CAAAxB,CAAU,CAAC,SAChC,CAAA,CAAA,CAAA,CAAA,CAAWW,WAEV,CAAA,CAAA,EAAA,IACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { useOn } from '@accelint/bus/react';\nimport 'client-only';\nimport { useState } from 'react';\nimport { DEFAULT_SLOT, HeadingContext, Provider } from 'react-aria-components';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n  SidenavCloseEvent,\n  SidenavOpenEvent,\n  SidenavProps,\n  SidenavToggleEvent,\n} from './types';\n\nconst { sidenav, heading, transient, menuHeading, panelHeading } =\n  SidenavStyles();\n\n/**\n * Sidenav - Collapsible side navigation panel\n *\n * Provides a hierarchical collapsible side navigation intended to be used\n * inside a DrawerLayout. Supports headers, avatars, nested menus, and items.\n *\n * @example\n * <DrawerLayout push=\"left\">\n *   <DrawerLayoutMain className=\"col-start-2\">\n *     <SidenavTrigger>\n *       <Button variant=\"icon\" size=\"large\">\n *         <Icon>\n *           <MenuIcon />\n *         </Icon>\n *       </Button>\n *     </SidenavTrigger>\n *   </DrawerLayoutMain>\n *   <Sidenav>\n *     <SidenavHeader>\n *       <SidenavAvatar>\n *         <Icon><AppLogo /></Icon>\n *         <Heading>Application Header</Heading>\n *         <Text>subheader</Text>\n *       </SidenavAvatar>\n *     </SidenavHeader>\n *     <SidenavContent>\n *       <Heading>Navigation</Heading>\n *       <SidenavItem>\n *         <Icon><HomeIcon /></Icon>\n *         <Text>Home</Text>\n *       </SidenavItem>\n *       <Divider />\n *       <SidenavItem isSelected>\n *         <Icon><SettingsIcon /></Icon>\n *         <Text>Settings</Text>\n *       </SidenavItem>\n *       <Divider />\n *       <SidenavMenu title=\"More Options\" icon={<Icon><MenuIcon /></Icon>}>\n *         <SidenavMenuItem>\n *           <Text>Sub Item 1</Text>\n *         </SidenavMenuItem>\n *         <SidenavMenuItem>\n *           <Text>Sub Item 2</Text>\n *         </SidenavMenuItem>\n *       </SidenavMenu>\n *     </SidenavContent>\n *     <SidenavFooter>\n *       <SidenavAvatar>\n *         <Icon><UserIcon /></Icon>\n *         <Heading>User Name</Heading>\n *         <Text>john@example.com</Text>\n *       </SidenavAvatar>\n *     </SidenavFooter>\n *   </Sidenav>\n * </DrawerLayout>\n */\nexport function Sidenav({\n  id,\n  className,\n  isHiddenWhenClosed,\n  children,\n  ...rest\n}: SidenavProps) {\n  const [isOpen, setIsOpen] = useState(false);\n\n  useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n    if (data.payload.id === id) {\n      setIsOpen((prev) => !prev);\n    }\n  });\n\n  useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n    if (!isOpen && data.payload.id === id) {\n      setIsOpen(true);\n    }\n  });\n\n  useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n    if (isOpen && data.payload.id === id) {\n      setIsOpen(false);\n    }\n  });\n\n  if (isHiddenWhenClosed && !isOpen) {\n    return null;\n  }\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          {\n            slots: {\n              [DEFAULT_SLOT]: {\n                className: heading({ className: transient() }),\n              },\n              menu: { className: menuHeading({ className: transient() }) },\n              panel: { className: panelHeading() },\n            },\n          },\n        ],\n        [SidenavContext, { id, isOpen }],\n      ]}\n    >\n      <nav\n        {...rest}\n        className={sidenav({ className })}\n        data-open={isOpen || null}\n      >\n        {children}\n      </nav>\n    </Provider>\n  );\n}\n"]}

package/dist/components/sidenav/item.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavItemProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react';
+import 'react-aria-components';
+import './events.js';
+
+/**
+ * SidenavItem - Item component for sidenav
+ *
+ * Provides a selectable item with tooltip for the sidenav
+ */
+declare function SidenavItem({ children, classNames, textValue, ...rest }: SidenavItemProps): react_jsx_runtime.JSX.Element;
+
+export { SidenavItem };

package/dist/components/sidenav/item.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/item.tsx"],"names":["transient","SidenavStyles","SidenavItem","children","textValue","useContext","SidenavContext","ref","useRef","jsx","Provider","p","v","l","u","text","isOpen","N","ToggleButton","composeRenderProps","classNames","className","item","a","o","g"],"mappings":"wZA4BoB,KAAAA,CAAW,IAAA,CAAA,CAAA,CAAA,IAAYC,CAAAA,CAAc,CAAA,SAOlD,CAASC,EAAY,OAC1B,CAAA,CAAA,CAAAC,CAAAA,aACA,EAAA,CAAA,UACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAEA,CAAM,CAAE,CAAA,SAAWC,CAAAA,CAAWC,CAAc,GAGtCC,CAAMC,CAAAA,CAAO,CAAA,KAEnB,OACEC,CAAAA,CAACC,CAAAA,CAAAC,UACC,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAAC,MAAQ,CACN,IAAgB,CAAA,CAAA,oBAAe,CAAC,MAChB,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,IAAWC,CAAAA,QAAO,CAAA,CAAA,CAAA,CAAWf,YAAU,CAAE,SAG3D,CAAA,CAAA,CAAA,CAAA,SAAgB,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAYgB,CAAAA,QAC1B,CAAAC,IAAA,CAAAR,cAAAA,CAACS,CAAAA,WAEMX,CAAAA,CACL,QAAA,CAAA,CAAWY,GAAAA,CAAmBC,YAAAA,CAAAA,CAAY,QAASC,CAAAA,CACjDC,CAAAA,SAAO,CAAAC,kBAAA,CAAAF,CAAU,EACnB,MAEC,CAAA,CAAA,EAAA,CAAAlB,EACH,uBACyB,CAAA,CAAA,CAAA,CAAA,CAAAqB,GAAU,CAAAC,OAAA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,SACxC,CAAA,OACH,CAAA,SAIR,CAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n  composeRenderProps,\n  Provider,\n  TextContext,\n  ToggleButton,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavItemProps } from './types';\n\nconst { item, text, transient, tooltip } = SidenavStyles();\n\n/**\n * SidenavItem - Item component for sidenav\n *\n * Provides a selectable item with tooltip for the sidenav\n */\nexport function SidenavItem({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavItemProps) {\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Button DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: 'medium' }],\n        [TextContext, { className: text({ className: transient() }) }],\n      ]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <ToggleButton\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            item({ className }),\n          )}\n        >\n          {children}\n        </ToggleButton>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"]}

package/dist/components/sidenav/link.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavLinkProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react';
+import 'react-aria-components';
+import './events.js';
+
+/**
+ * SidenavLink - Link component for sidenav
+ *
+ * Provides a link with tooltip for the sidenav
+ */
+declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
+
+export { SidenavLink };

package/dist/components/sidenav/link.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/link.tsx"],"names":["SidenavStyles","x","isOpen","ref","useRef","jsx","d","g","TextContext","v","o","T","k","jsxs","TooltipTrigger","e","S","rest","classNames","className","link","n","composeRenderProps","children","transient","C","ArrowNortheast","s","Tooltip","i","N","tooltip","textValue"],"mappings":"6bA6B+B,KAAA,CAAA,IAAQ,CAAIA,CAAAA,CAAc,IAOlD,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,oBAGF,CAAA,CAAqB,CACnB,UAAQ,CAAA,CAAA,CAAAC,SAGFC,CAAMC,EAAO,GAAA,CAAI,CAAA,CAEvB,OACEC,MACE,CAAA,CAAA,CAAA,CAAAC,UAAA,CAAQC,cAAC,CAACC,CAAAA,CAAa,CAAEC,MAAA,CAAA,IAAA,CAAA,CAAA,OAAkBC,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAuB,CAAC,CAAE,CAACC,WAAC,CAAA,CAEvE,SAAAC,CAAAA,CAACC,CAAAA,CAAA,SAAe,CAAA,CAAA,EAAYZ,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,SAACa,IACE,CAAAC,cAAA,CAAGC,sBAE0BC,CAAY,cAASC,CACjDC,CAAAA,GAAO,CAAA,CAAA,CAAA,SACT,CAAAC,kBAEC,UAAAC,CAAmBC,CAAAA,EAAWA,CAAAA,CAC7BV,CAAAA,SACG,CAAA,CAAA,CAAA,CAAA,CAAAU,SACK,CAAAF,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAWG,IAAAA,CAAUC,SACzB,CAAA,QAAApB,CAAAA,CAACqB,EAAAhB,GAAA,CAAeiB,IAAA,CAClB,UAILC,CAAAA,CAAA,EAAQ,CAAA,QAAWzB,IAAK,CAAA0B,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAAd,IAAA,CAAAe,OAAQ,WAAWC,CAAQ,CAAA,CAC3D,UAAAC,OAEC,CAAA,UAACN,CAAAA,EAAA,CAAe,QAGtB,EACF,CAEJ,CAAAhB,GAAA,CAAAiB,IAAA,CAAA,CAAA,QAAA,CAAAjB,GAAA,CAAAmB,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"link.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ArrowNortheast } from '@accelint/icons';\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n  composeRenderProps,\n  Link,\n  Provider,\n  TextContext,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavLinkProps } from './types';\n\nconst { link, text, transient, tooltip } = SidenavStyles();\n\n/**\n * SidenavLink - Link component for sidenav\n *\n * Provides a link with tooltip for the sidenav\n */\nexport function SidenavLink({\n  children,\n  classNames,\n  textValue,\n  ...rest\n}: SidenavLinkProps) {\n  const { isOpen } = useContext(SidenavContext);\n\n  // Implement ref to place tooltip inside Link DOM to enable contextual styling\n  const ref = useRef(null);\n\n  return (\n    <Provider\n      values={[[TextContext, { className: text({ className: transient() }) }]]}\n    >\n      <TooltipTrigger isDisabled={isOpen}>\n        <Link\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            link({ className }),\n          )}\n        >\n          {composeRenderProps(children, (children) => (\n            <>\n              {children}\n              <Icon className={transient()}>\n                <ArrowNortheast />\n              </Icon>\n            </>\n          ))}\n        </Link>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {textValue}\n          <Icon>\n            <ArrowNortheast />\n          </Icon>\n        </Tooltip>\n      </TooltipTrigger>\n    </Provider>\n  );\n}\n"]}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavMenuItemProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react';
+import 'react-aria-components';
+import './events.js';
+
+/**
+ * SidenavMenuItem - Menu item component for sidenav
+ *
+ * Provides a selectable item within a sidenav menu
+ */
+declare function SidenavMenuItem({ className, children, ...rest }: SidenavMenuItemProps): react_jsx_runtime.JSX.Element;
+
+export { SidenavMenuItem };

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

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {ToggleButton,composeRenderProps}from'react-aria-components';import {SidenavStyles}from'./styles.js';const{menuItem:i}=SidenavStyles();function l({className:e,children:o,...t}){return jsx(ToggleButton,{...t,className:composeRenderProps(e,n=>i({className:n})),children:o})}export{l as SidenavMenuItem};//# sourceMappingURL=menu-item.js.map
+//# sourceMappingURL=menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/menu-item.tsx"],"names":["SidenavStyles","p","rest","s","r","className","menuItem"],"mappings":"oKAmBA,KAAQ,CAAA,QAAaA,CAAAA,CAAc,CAAA,CAO5BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,WACGC,GACE,CAAAC,YAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAS,EAAE,CAAA,CAAA,CAAA,SACb,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"menu-item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { composeRenderProps, ToggleButton } from 'react-aria-components';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuItemProps } from './types';\n\nconst { menuItem } = SidenavStyles();\n\n/**\n * SidenavMenuItem - Menu item component for sidenav\n *\n * Provides a selectable item within a sidenav menu\n */\nexport function SidenavMenuItem({\n  className,\n  children,\n  ...rest\n}: SidenavMenuItemProps) {\n  return (\n    <ToggleButton\n      {...rest}\n      className={composeRenderProps(className, (className) =>\n        menuItem({ className }),\n      )}\n    >\n      {children}\n    </ToggleButton>\n  );\n}\n"]}

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavMenuProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react';
+import 'react-aria-components';
+import './events.js';
+
+/**
+ * SidenavMenu - Menu component for sidenav
+ *
+ * Provides a collapsible menu with items for the sidenav
+ */
+declare function SidenavMenu({ icon, title, classNames, children, ...rest }: SidenavMenuProps): react_jsx_runtime.JSX.Element;
+
+export { SidenavMenu };

package/dist/components/sidenav/menu.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/menu.tsx"],"names":["menuPanel","title","x","children","isOpen","ref","useRef","v","h","composeRenderProps","classNames","t","jsxs","Button","r","u","className","icon","jsx","Heading","Icon","c","e","S","ChevronDown","f","C","panelContent","D","b","rest","menuButton","Tooltip","B","tooltip","Popover"],"mappings":"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","file":"menu.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n  Button,\n  composeRenderProps,\n  DialogTrigger,\n  Disclosure,\n  DisclosurePanel,\n  Heading,\n  Popover,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuProps } from './types';\n\nconst { menu, menuButton, menuPanel, panelContent, tooltip, transient } =\n  SidenavStyles();\n\n/**\n * SidenavMenu - Menu component for sidenav\n *\n * Provides a collapsible menu with items for the sidenav\n */\nexport function SidenavMenu({\n  icon,\n  title,\n  classNames,\n  children,\n  ...rest\n}: SidenavMenuProps) {\n  const { isOpen } = useContext(SidenavContext);\n  const ref = useRef(null);\n\n  return isOpen ? (\n    <Disclosure\n      className={composeRenderProps(classNames?.menu, (className) =>\n        menu({ className }),\n      )}\n    >\n      <Button\n        {...rest}\n        slot='trigger'\n        className={composeRenderProps(classNames?.button, (className) =>\n          menuButton({ className }),\n        )}\n      >\n        {icon}\n        <Heading slot='menu'>{title}</Heading>\n        <Icon className={transient({ className: classNames?.icon })}>\n          <ChevronDown className='transform group-expanded/menu:rotate-180' />\n        </Icon>\n      </Button>\n      <DisclosurePanel\n        className={composeRenderProps(\n          classNames?.disclosurePanel,\n          (className) => className ?? '',\n        )}\n      >\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </DisclosurePanel>\n    </Disclosure>\n  ) : (\n    <DialogTrigger>\n      <TooltipTrigger isDisabled={isOpen}>\n        <Button\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.button, (className) =>\n            menuButton({ className }),\n          )}\n        >\n          {icon}\n        </Button>\n        <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n          {title}\n        </Tooltip>\n      </TooltipTrigger>\n      <Popover\n        className={composeRenderProps(classNames?.popoverPanel, (className) =>\n          menuPanel({ className }),\n        )}\n        placement='right top'\n        shouldFlip={false}\n      >\n        <Heading slot='panel'>{title}</Heading>\n        <div className={panelContent({ className: classNames?.panelContent })}>\n          {children}\n        </div>\n      </Popover>\n    </DialogTrigger>\n  );\n}\n"]}

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

@@ -4,12 +4,12 @@ import * as tailwind_merge from 'tailwind-merge';
 declare const SidenavStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
-            text?: tailwind_merge.ClassNameValue;
-            link?: tailwind_merge.ClassNameValue;
             heading?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
             menu?: tailwind_merge.ClassNameValue;
             tooltip?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
             toggle?: tailwind_merge.ClassNameValue;
             avatar?: tailwind_merge.ClassNameValue;
@@ -31,12 +31,12 @@ declare const SidenavStyles: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
-            text?: tailwind_merge.ClassNameValue;
-            link?: tailwind_merge.ClassNameValue;
             heading?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
             menu?: tailwind_merge.ClassNameValue;
             tooltip?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
             toggle?: tailwind_merge.ClassNameValue;
             avatar?: tailwind_merge.ClassNameValue;
@@ -81,12 +81,12 @@ declare const SidenavStyles: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
-            text?: tailwind_merge.ClassNameValue;
-            link?: tailwind_merge.ClassNameValue;
             heading?: tailwind_merge.ClassNameValue;
+            link?: tailwind_merge.ClassNameValue;
             menu?: tailwind_merge.ClassNameValue;
             tooltip?: tailwind_merge.ClassNameValue;
+            content?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
             header?: tailwind_merge.ClassNameValue;
             toggle?: tailwind_merge.ClassNameValue;
             avatar?: tailwind_merge.ClassNameValue;

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

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SidenavTriggerProps } from './types.js';
+import '@accelint/bus';
+import '@accelint/core';
+import 'react';
+import 'react-aria-components';
+import './events.js';
+
+/**
+ * SidenavTrigger - Trigger component for sidenav
+ *
+ * Provides a trigger button to control the sidenav state
+ */
+declare function SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { SidenavTrigger };

package/dist/components/sidenav/trigger.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {useEmit}from'@accelint/bus/react';import {isUUID}from'@accelint/core';import {Pressable}from'react-aria-components';import {SidenavEventTypes}from'./events.js';function u({children:r,for:e,...i}){const[o,t]=isUUID(e)?["toggle",e]:e.split(":"),n=useEmit(SidenavEventTypes[o]);return jsx(Pressable,{...i,onPress:()=>n({id:t}),children:r})}export{u as SidenavTrigger};//# sourceMappingURL=trigger.js.map
+//# sourceMappingURL=trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/sidenav/trigger.tsx"],"names":["type","rest","isUUID","p","useEmit","SidenavEventTypes","event","g","v","m","emit","id"],"mappings":"gOAyBO,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAKA,GACL,CAAA,CAAGC,CACL,GACE,SAAgB,CAAA,CAAKC,CAAAA,CAAOF,CAAI,CAAAG,MAAI,CAAC,YAAkBH,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,KAAS,CAAA,GAIxDI,CAAAA,CAAsBC,EAAkBC,OAAK,CAACC,iBAAA,CAE3D,CAAA,CAAA,CAAA,CAAA,OACGC,GAAW,CAAAC,SAAA,CAAGR,IAAM,CAAA,CAAA,OAAS,CAAMS,MAAOC,CAAG,EAAC,CAC5C,CAAA,CAAA,CAAA,CAAA,QAGP,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 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n */\nexport function SidenavTrigger({\n  children,\n  for: type,\n  ...rest\n}: SidenavTriggerProps) {\n  const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n    'close' | 'open' | 'toggle',\n    UniqueId,\n  ];\n  const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n  return (\n    <Pressable {...rest} onPress={() => emit({ id })}>\n      {children}\n    </Pressable>\n  );\n}\n"]}

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

@@ -1,7 +1,7 @@
 import { Payload } from '@accelint/bus';
 import { UniqueId } from '@accelint/core';
 import { ComponentPropsWithRef, PropsWithChildren } from 'react';
-import { Pressable, ButtonProps, ToggleButtonProps, LinkProps, DisclosureProps, DisclosurePanelProps, PopoverProps } from 'react-aria-components';
+import { ButtonProps, ToggleButtonProps, LinkProps, DisclosureProps, DisclosurePanelProps, PopoverProps, Pressable } from 'react-aria-components';
 import { SidenavEventTypes } from './events.js';
 
 type SidenavProps = ComponentPropsWithRef<'nav'> & {

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

@@ -35,8 +35,5 @@ import './styles.js';
  * <Skeleton className="w-[50%] mt-l" />
  */
 declare function Skeleton({ className, shape, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
-declare namespace Skeleton {
-    var displayName: string;
-}
 
 export { Skeleton };

package/dist/components/skeleton/index.js

@@ -1,2 +1,2 @@
-import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function s({className:e,shape:o=SkeletonStylesDefaults.shape,...t}){return jsx("div",{...t,className:SkeletonStyles({className:e,shape:o})})}s.displayName="Skeleton";export{s as Skeleton};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function r({className:e,shape:o=SkeletonStylesDefaults.shape,...t}){return jsx("div",{...t,className:SkeletonStyles({className:e,shape:o})})}export{r as Skeleton};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","rest","n","l","Skeleton"],"mappings":"oGA6CO,SACL,CAAA,CAAA,CAAA,iBACQA,CAAuB,8BAC5BC,CACL,GACE,WAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,cAAkC,CAAAE,cAAA,CAAA,CAAA,kBAAqB,CACzE,CACAC,EAAS,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,UAAA","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\nimport { SkeletonStyles, SkeletonStylesDefaults } from './styles';\nimport type { SkeletonProps } from './types';\n\n/**\n * Skeleton - A flexible skeleton loader component for indicating loading states\n *\n * Used to show placeholder content while data is being fetched or processed.\n * Provides visual feedback to users during loading states with customizable shapes.\n *\n * @example\n * // Basic rectangular placeholder\n * <Skeleton />\n *\n * @example\n * // Circular placeholder (useful for avatars)\n * <Skeleton shape=\"circ\" />\n *\n * @example\n * // With loading text content\n * <Skeleton>Loading content...</Skeleton>\n *\n * @example\n * // Nested placeholders for complex layouts\n * <Skeleton className=\"mb-xl p-m\">\n *   <br />\n *   <br />\n *   <Skeleton className=\"w-[75%]\" />\n * </Skeleton>\n *\n * @example\n * // Custom styling\n * <Skeleton className=\"w-[50%] mt-l\" />\n */\nexport function Skeleton({\n  className,\n  shape = SkeletonStylesDefaults.shape,\n  ...rest\n}: SkeletonProps) {\n  return <div {...rest} className={SkeletonStyles({ className, shape })} />;\n}\nSkeleton.displayName = 'Skeleton';\n"]}
+{"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","p","rest","s"],"mappings":"oGA6CO,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,KAAQA,CAAuB,CAAA,CAAAC,sBAAA,CAAA,KAC5BC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,MAAQD,CAAAA,GAAM,CAAA,CAAA,SAA4B,0BAAW,CAAA,CAAA,CAAA,MAAU,CACzE,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\nimport { SkeletonStyles, SkeletonStylesDefaults } from './styles';\nimport type { SkeletonProps } from './types';\n\n/**\n * Skeleton - A flexible skeleton loader component for indicating loading states\n *\n * Used to show placeholder content while data is being fetched or processed.\n * Provides visual feedback to users during loading states with customizable shapes.\n *\n * @example\n * // Basic rectangular placeholder\n * <Skeleton />\n *\n * @example\n * // Circular placeholder (useful for avatars)\n * <Skeleton shape=\"circ\" />\n *\n * @example\n * // With loading text content\n * <Skeleton>Loading content...</Skeleton>\n *\n * @example\n * // Nested placeholders for complex layouts\n * <Skeleton className=\"mb-xl p-m\">\n *   <br />\n *   <br />\n *   <Skeleton className=\"w-[75%]\" />\n * </Skeleton>\n *\n * @example\n * // Custom styling\n * <Skeleton className=\"w-[50%] mt-l\" />\n */\nexport function Skeleton({\n  className,\n  shape = SkeletonStylesDefaults.shape,\n  ...rest\n}: SkeletonProps) {\n  return <div {...rest} className={SkeletonStyles({ className, shape })} />;\n}\n"]}

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

@@ -13,6 +13,6 @@ import 'react-aria-components';
  * // Basic slider
  * <Slider label="Volume" defaultValue={50} />
  */
-declare const Slider: ({ classNames, label: labelProp, layout, maxValue: maxValueProp, minValue: minValueProp, orientation, showInput, showLabel, ...rest }: SliderProps) => react_jsx_runtime.JSX.Element;
+declare function Slider({ classNames, label: labelProp, layout, maxValue: maxValueProp, minValue: minValueProp, orientation, showInput, showLabel, ...rest }: SliderProps): react_jsx_runtime.JSX.Element;
 
 export { Slider };

package/dist/components/slider/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {SliderStyles}from'./styles.js';const {slider:y,label:A,inputs:F,input:B,thumb:D,track:P,trackBackground:$,trackValue:z,minValue:C,maxValue:L}=SliderStyles(),I=({classNames:e,label:o,layout:T="grid",maxValue:n=100,minValue:d=0,orientation:b="horizontal",showInput:c,showLabel:p=true,...k})=>jsx(Slider,{...k,className:composeRenderProps(e?.slider,a=>y({className:a})),maxValue:n,minValue:d,orientation:b,"aria-label":p?void 0:o,"data-layout":T,children:({state:a})=>jsxs(Fragment,{children:[p&&jsx(Label,{className:A({className:e?.label}),children:o}),c&&jsx("div",{className:F({className:e?.inputs}),children:a.values.map((m,l)=>jsx(Input,{className:composeRenderProps(e?.input,i=>B({className:i})),value:m,onChange:i=>a.setThumbValue(l,Number.parseFloat(i.target.value))},`number-field-${l===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(e?.track,m=>P({className:m})),children:[jsx("div",{className:$({className:e?.trackBackground})}),a.values.map((m,l)=>jsxs(Fragment$1,{children:[jsx("div",{className:z({className:e?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(Tooltip.Trigger,{isDisabled:!c||a.isThumbDragging(l),children:[jsx(SliderThumb,{index:l,className:composeRenderProps(e?.thumb,i=>D({className:i}))}),jsx(Tooltip,{placement:"top",children:a.getThumbValue(l)})]})]},`slider-${l===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:C({className:e?.minValue}),children:d}),jsx(Text,{slot:"max",className:L({className:e?.maxValue}),children:n})]})});export{I as Slider};//# sourceMappingURL=index.js.map
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SliderStyles}from'./styles.js';const{slider:A,label:D,inputs:F,input:B,thumb:P,track:$,trackBackground:z,trackValue:C,minValue:L,maxValue:R}=SliderStyles();function K({classNames:e,label:d,layout:b="grid",maxValue:o=100,minValue:n=0,orientation:g="horizontal",showInput:s,showLabel:c=true,...T}){return jsx(Slider,{...T,className:composeRenderProps(e?.slider,a=>A({className:a})),maxValue:o,minValue:n,orientation:g,"aria-label":c?void 0:d,"data-layout":b,children:({state:a})=>jsxs(Fragment,{children:[c&&jsx(Label,{className:D({className:e?.label}),children:d}),s&&jsx("div",{className:F({className:e?.inputs}),children:a.values.map((m,r)=>jsx(Input,{className:composeRenderProps(e?.input,i=>B({className:i})),value:m,disabled:a.isDisabled,"data-disabled":a.isDisabled||void 0,onChange:i=>a.setThumbValue(r,Number.parseFloat(i.target.value))},`number-field-${r===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(e?.track,m=>$({className:m})),children:[jsx("div",{className:z({className:e?.trackBackground})}),a.values.map((m,r)=>jsxs(Fragment$1,{children:[jsx("div",{className:C({className:e?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(TooltipTrigger,{isDisabled:!s||a.isThumbDragging(r),children:[jsx(SliderThumb,{index:r,className:composeRenderProps(e?.thumb,i=>P({className:i}))}),jsx(Tooltip,{placement:"top",children:a.getThumbValue(r)})]})]},`slider-${r===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:L({className:e?.minValue}),children:n}),jsx(Text,{slot:"max",className:R({className:e?.maxValue}),children:o})]})})}export{K as Slider};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["thumb","track","trackValue","SliderStyles","x","classNames","minValueProp","orientation","jsx","AriaSlider","rest","r","h","className","slider","maxValueProp","showLabel","layout","jsxs","Fragment","u","label","showInput","value","index","Input","composeRenderProps","input","event","state","AriaSliderTrack","_","Tooltip","g","SliderThumb","f","s"],"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 { Fragment } from 'react';\nimport {\n  Slider as AriaSlider,\n  SliderTrack as AriaSliderTrack,\n  composeRenderProps,\n  Input,\n  Label,\n  SliderThumb,\n  Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n  slider,\n  label,\n  inputs,\n  input,\n  thumb,\n  track,\n  trackBackground,\n  trackValue,\n  minValue,\n  maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n  classNames,\n  label: labelProp,\n  layout = 'grid',\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  ...rest\n}: SliderProps) => {\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        slider({ className }),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      orientation={orientation}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={label({ className: classNames?.label })}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div\n              className={inputs({\n                className: classNames?.inputs,\n              })}\n            >\n              {state.values.map((value, index) => (\n                <Input\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={composeRenderProps(\n                    classNames?.input,\n                    (className) => input({ className }),\n                  )}\n                  value={value}\n                  onChange={(event) =>\n                    state.setThumbValue(\n                      index,\n                      Number.parseFloat(event.target.value),\n                    )\n                  }\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              track({ className }),\n            )}\n          >\n            <div\n              className={trackBackground({\n                className: classNames?.trackBackground,\n              })}\n            />\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={trackValue({\n                    className: classNames?.trackValue,\n                  })}\n                  data-start={\n                    state.values.length === 1 ? 0 : state.getThumbPercent(0)\n                  }\n                  data-end={state.getThumbPercent(\n                    state.values.length === 1 ? 0 : 1,\n                  )}\n                />\n                <Tooltip.Trigger\n                  isDisabled={!showInput || state.isThumbDragging(index)}\n                >\n                  <SliderThumb\n                    index={index}\n                    className={composeRenderProps(\n                      classNames?.thumb,\n                      (className) => thumb({ className }),\n                    )}\n                  />\n                  <Tooltip placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip>\n                </Tooltip.Trigger>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={minValue({ className: classNames?.minValue })}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={maxValue({ className: classNames?.maxValue })}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["inputs","input","track","trackBackground","Slider","layout","maxValueProp","orientation","rest","jsx","AriaSlider","l","composeRenderProps","classNames","t","state","showLabel","Label","label","showInput","index","h","event","jsxs","f","_","u","k","trackValue","V","p","Text","maxValue"],"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 { Fragment } from 'react';\nimport {\n  Slider as AriaSlider,\n  SliderTrack as AriaSliderTrack,\n  composeRenderProps,\n  Input,\n  Label,\n  SliderThumb,\n  Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n  slider,\n  label,\n  inputs,\n  input,\n  thumb,\n  track,\n  trackBackground,\n  trackValue,\n  minValue,\n  maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport function Slider({\n  classNames,\n  label: labelProp,\n  layout = 'grid',\n  maxValue: maxValueProp = 100,\n  minValue: minValueProp = 0,\n  orientation = 'horizontal',\n  showInput,\n  showLabel = true,\n  ...rest\n}: SliderProps) {\n  return (\n    <AriaSlider\n      {...rest}\n      className={composeRenderProps(classNames?.slider, (className) =>\n        slider({ className }),\n      )}\n      maxValue={maxValueProp}\n      minValue={minValueProp}\n      orientation={orientation}\n      aria-label={showLabel ? undefined : labelProp}\n      data-layout={layout}\n    >\n      {({ state }) => (\n        <>\n          {showLabel && (\n            <Label className={label({ className: classNames?.label })}>\n              {labelProp}\n            </Label>\n          )}\n          {showInput && (\n            <div className={inputs({ className: classNames?.inputs })}>\n              {state.values.map((value, index) => (\n                <Input\n                  key={`number-field-${index === 0 ? 'min' : 'max'}`}\n                  className={composeRenderProps(\n                    classNames?.input,\n                    (className) => input({ className }),\n                  )}\n                  value={value}\n                  disabled={state.isDisabled}\n                  data-disabled={state.isDisabled || undefined}\n                  onChange={(event) =>\n                    state.setThumbValue(\n                      index,\n                      Number.parseFloat(event.target.value),\n                    )\n                  }\n                />\n              ))}\n            </div>\n          )}\n          <AriaSliderTrack\n            className={composeRenderProps(classNames?.track, (className) =>\n              track({ className }),\n            )}\n          >\n            <div\n              className={trackBackground({\n                className: classNames?.trackBackground,\n              })}\n            />\n            {state.values.map((_, index) => (\n              <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n                <div\n                  className={trackValue({\n                    className: classNames?.trackValue,\n                  })}\n                  data-start={\n                    state.values.length === 1 ? 0 : state.getThumbPercent(0)\n                  }\n                  data-end={state.getThumbPercent(\n                    state.values.length === 1 ? 0 : 1,\n                  )}\n                />\n                <TooltipTrigger\n                  isDisabled={!showInput || state.isThumbDragging(index)}\n                >\n                  <SliderThumb\n                    index={index}\n                    className={composeRenderProps(\n                      classNames?.thumb,\n                      (className) => thumb({ className }),\n                    )}\n                  />\n                  <Tooltip placement='top'>\n                    {state.getThumbValue(index)}\n                  </Tooltip>\n                </TooltipTrigger>\n              </Fragment>\n            ))}\n          </AriaSliderTrack>\n          <Text\n            slot='min'\n            className={minValue({ className: classNames?.minValue })}\n          >\n            {minValueProp}\n          </Text>\n          <Text\n            slot='max'\n            className={maxValue({ className: classNames?.maxValue })}\n          >\n            {maxValueProp}\n          </Text>\n        </>\n      )}\n    </AriaSlider>\n  );\n}\n"]}