@accelint/design-toolkit 6.0.0 → 7.0.1

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 };

package/dist/components/hero/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {Text,useContextProps,Provider,HeadingContext,TextContext,Header,Heading}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {Icon,IconContext}from'../icon/index.js';import {HeroStyles}from'./styles.js';const {hero:b,icon:f,title:P,subtitle:S}=HeroStyles(),g=createContext(null);function e({ref:o,...a}){[a,o]=useContextProps(a,o??null,g);const{children:l,classNames:t,compact:i,...s}=a;return containsExactChildren({children:l,componentName:e.displayName,restrictions:[[Icon,{min:1,max:1}],[e.Title,{min:1,max:1}],[e.Subtitle,{min:0}]]}),jsx(Provider,{values:[[IconContext,{className:f({className:t?.icon}),size:"large"}],[HeadingContext,{className:P({className:t?.title}),level:2}],[TextContext,{className:S({className:t?.subtitle})}]],children:jsx(Header,{...s,ref:o,className:b({className:t?.hero}),"data-layout":i?"grid":"stack",children:l})})}e.displayName="Hero",e.Title=Heading,e.Title.displayName="Hero.Title",e.Subtitle=Text,e.Subtitle.displayName="Hero.Subtitle";export{e as Hero,g as HeroContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Provider,HeadingContext,TextContext,Header}from'react-aria-components';import {IconContext}from'../icon/context.js';import {HeroContext}from'./context.js';import {HeroStyles}from'./styles.js';const{hero:H,icon:x,title:f,subtitle:C}=HeroStyles();function b({ref:t,...o}){[o,t]=useContextProps(o,t??null,HeroContext);const{children:r,classNames:e,compact:a,...l}=o;return jsx(Provider,{values:[[IconContext,{className:x({className:e?.icon}),size:"large"}],[HeadingContext,{className:f({className:e?.title}),level:2}],[TextContext,{className:C({className:e?.subtitle})}]],children:jsx(Header,{...l,ref:t,className:H({className:e?.hero}),"data-layout":a?"grid":"stack",children:r})})}export{b as Hero};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hero/index.tsx"],"names":["subtitle","HeroStyles","HeroContext","Hero","ref","props","H","children","compact","N","jsx","Provider","icon","C","classNames","HeadingContext","title","p","x","rest","r","hero","c","Text","d"],"mappings":"oVA8B2B,MAAA,CAAA,IAAA,CAAA,CAAA,CAAAA,IAAaC,CAAW,CAAA,CAEtCC,KACyC,CAAA,CAAA,CAAI,WAgC1CC,CAAAA,UAAK,KAAEC,aAAAA,CAAK,IAAS,EAAc,SAClBC,CAAAA,CAAOD,CAAAA,GAAO,CAAA,CAAA,CAAA,GAAiB,CAE9D,CAAA,CAAA,CAAA,CAAA,CAAM,CAAE,CAAA,CAAA,CAAAE,eAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAU,CAAA,CAAA,CAAA,CAAA,MAAY,QAAAC,CAAAA,CAAS,CAAA,oBAGrC,CAAA,CAAA,CAAA,GAAAD,CAAAA,CACA,CAAA,CAAA,CAAA,OAAAE,qBAAA,CAAA,CAAA,wBACA,CAAA,CAAA,CAAA,YACmB,oBACJ,CAAE,GAAA,CAAK,EAAG,GAAA,CAAK,CAAE,CAAC,CAAA,CAC/B,CAACN,CAAAA,CAAK,KAAA,CAAA,CAAA,GAAY,CAAA,CAAA,CAAA,GAAQ,CAC5B,CACF,CAAC,CAAA,CAGCO,CAAAA,CAACC,SACC,CAAQ,CACN,GAEE,CAAE,mBAAWC,CAAAA,CAAK,MAAE,CAAA,CAAA,CAAAC,WAAA,CAAWC,CAAAA,SAAqB,CAAA,CAAA,CAAA,CAAA,SACtD,CAAA,CACA,EACEC,IACE,CAAA,CAAA,CAAA,IAAA,CAAWC,OAAQ,CAAA,CAAA,CAAA,CAAAC,cAAA,CAAWH,CAAAA,SAAmB,CAAG,CAAA,CAAA,CAAA,UAItD,CAAE,EAAA,KAAA,CAAA,CAAA,CAAWd,KAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAkB,WAAA,CAAWJ,UAAY,CAAS,CAAC,CAAE,CAC7D,aAGFJ,QACMS,CACJ,CAAA,CAAA,CAAA,CAAKf,SACL,CAAAgB,GAAA,CAAWC,MAAAA,CAAK,CAAE,GAAA,CAAA,CAAA,GAAA,CAAA,CAAWP,CAAAA,SAC7B,CAAA,CAAA,CAAA,CAAA,SAAA,CAAaN,CAAAA,EAAU,IAAA,CAAA,CAAS,CAAA,aAE/B,CAAA,CAAA,CAAAD,MAKTJ,CAAAA,OAAK,CAAA,QAAc,CAAA,CAAA,CAAA,CACnBA,EAAK,CAAA,CAAA,CAAA,WACA,CAAA,MAAM,CAAA,CAAA,CAAA,KAAc,CAAAmB,OAAA,CAAA,CAAA,CAAA,KAAA,CAAA,WACpB,CAAWC,YACX,CAAS,CAAA,CAAA,QAAA,CAAAC,IAAc,CAAA,CAAA,CAAA,QAAA,CAAA,WAAA,CAAA,eAAA","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 { createContext } from 'react';\nimport {\n  type ContextValue,\n  Header,\n  Heading,\n  HeadingContext,\n  Provider,\n  Text,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { Icon, IconContext } from '../icon';\nimport { HeroStyles } from './styles';\nimport type { HeroProps } from './types';\n\nconst { hero, icon, title, subtitle } = HeroStyles();\n\nexport const HeroContext =\n  createContext<ContextValue<HeroProps, HTMLElement>>(null);\n\n/**\n * A versatile hero component that displays an icon alongside primary and secondary content.\n * Automatically organizes child components by type and supports both stacked and grid layouts.\n *\n * @example\n * ```tsx\n * // Basic hero with icon and content\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <Hero.Title>Primary Title</Hero.Title>\n *   <Hero.Subtitle>Secondary information</Hero.Subtitle>\n * </Hero>\n *\n * // Grid layout for compact display\n * <Hero compact>\n *   <Icon><Settings /></Icon>\n *   <Hero.Title>Settings</Hero.Title>\n *   <Hero.Subtitle>Configure your preferences</Hero.Subtitle>\n * </Hero>\n * ```\n *\n * ## Child Component Behavior\n * - **Icon**: Only one allowed\n * - **Hero.Title**: Only one allowed\n * - **Hero.Subtitle**: Any number allowed as secondary content\n *\n * ## Layout Modes\n * - **Stack** (default): Vertical layout with larger icon and stacked content\n * - **Grid** (compact=true): Horizontal layout with smaller icon beside content\n */\nexport function Hero({ ref, ...props }: HeroProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HeroContext);\n\n  const { children, classNames, compact, ...rest } = props;\n\n  containsExactChildren({\n    children,\n    componentName: Hero.displayName,\n    restrictions: [\n      [Icon, { min: 1, max: 1 }],\n      [Hero.Title, { min: 1, max: 1 }],\n      [Hero.Subtitle, { min: 0 }],\n    ],\n  });\n\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          { className: icon({ className: classNames?.icon }), size: 'large' },\n        ],\n        [\n          HeadingContext,\n          { className: title({ className: classNames?.title }), level: 2 },\n        ],\n        [\n          TextContext,\n          { className: subtitle({ className: classNames?.subtitle }) },\n        ],\n      ]}\n    >\n      <Header\n        {...rest}\n        ref={ref}\n        className={hero({ className: classNames?.hero })}\n        data-layout={compact ? 'grid' : 'stack'}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\nHero.displayName = 'Hero';\nHero.Title = Heading;\nHero.Title.displayName = 'Hero.Title';\nHero.Subtitle = Text;\nHero.Subtitle.displayName = 'Hero.Subtitle';\n"]}
+{"version":3,"sources":["../../../src/components/hero/index.tsx"],"names":["hero","icon","subtitle","HeroStyles","Hero","props","ref","HeroContext","d","classNames","compact","jsx","Provider","s","IconContext","N","HeadingContext","title","TextContext","n","Header"],"mappings":"gRA0BQA,MAAMC,IAAM,CAAA,CAAA,CAAA,IAAO,CAAA,CAAA,CAAA,KAAAC,CAAS,CAAA,CAAIC,sBAgCxBC,EAAK,CAAE,SAAQC,CAAM,CAAA,CAAc,GAChDA,CAAOC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,eAAW,EAE9D,CAAA,CAAA,EAAA,IAAQ,CAAAC,WAAA,CAAA,CAAA,KAAU,WAAAC,CAAAA,UAAYC,CAAS,CAAA,CAAA,OAEvC,CAAA,CAAA,CAAA,GACEC,CAAAA,CAACC,CAAAA,CAAA,CACC,OAAQC,GACN,CACEC,QAAAA,CACA,CAAE,MAAA,CAAA,CAAA,CAAAC,WAAWd,CAAAA,CAAK,SAAE,CAAA,CAAWQ,CAAAA,CAAAA,SAAqB,CAAA,CAAA,EAAM,IAAA,CAAA,CAAA,CAAQ,IAGlEO,CAAAA,yBACaC,CAAAA,CAAM,SAAE,CAAA,CAAWR,CAAAA,CAAAA,SAAsB,CAAA,CAAA,EAAA,KACxD,CACA,CACES,CAAAA,KACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,WAAWjB,CAAAA,CAAS,SAAE,CAAA,CAAWO,WAAqB,CAAC,CAAE,EAE/D,QAEA,CAAA,CAAA,CAAAE,CAAAA,CAACS,CAAAA,QAEC,CAAAP,GAAA,CAAKP,MAAAA,CACL,CAAA,GAAA,CAAA,CAAA,GAAA,CAAWN,CAAAA,CAAK,SAAE,CAAA,CAAWS,WAC7B,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,aAAgC,CAAA,CAAA,CAAA,MAE/B,CAAA,OACH,SAGN,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 'client-only';\nimport {\n  Header,\n  HeadingContext,\n  Provider,\n  TextContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { HeroContext } from './context';\nimport { HeroStyles } from './styles';\nimport type { HeroProps } from './types';\n\nconst { hero, icon, title, subtitle } = HeroStyles();\n\n/**\n * A versatile hero component that displays an icon alongside primary and secondary content.\n * Automatically organizes child components by type and supports both stacked and grid layouts.\n *\n * @example\n * ```tsx\n * // Basic hero with icon and content\n * <Hero>\n *   <Icon><Placeholder /></Icon>\n *   <HeroTitle>Primary Title</HeroTitle>\n *   <HeroSubtitle>Secondary information</HeroSubtitle>\n * </Hero>\n *\n * // Grid layout for compact display\n * <Hero compact>\n *   <Icon><Settings /></Icon>\n *   <HeroTitle>Settings</HeroTitle>\n *   <HeroSubtitle>Configure your preferences</HeroSubtitle>\n * </Hero>\n * ```\n *\n * ## Child Component Behavior\n * - **Icon**: Only one allowed\n * - **HeroTitle**: Only one allowed\n * - **HeroSubtitle**: Any number allowed as secondary content\n *\n * ## Layout Modes\n * - **Stack** (default): Vertical layout with larger icon and stacked content\n * - **Grid** (compact=true): Horizontal layout with smaller icon beside content\n */\nexport function Hero({ ref, ...props }: HeroProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HeroContext);\n\n  const { children, classNames, compact, ...rest } = props;\n\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          { className: icon({ className: classNames?.icon }), size: 'large' },\n        ],\n        [\n          HeadingContext,\n          { className: title({ className: classNames?.title }), level: 2 },\n        ],\n        [\n          TextContext,\n          { className: subtitle({ className: classNames?.subtitle }) },\n        ],\n      ]}\n    >\n      <Header\n        {...rest}\n        ref={ref}\n        className={hero({ className: classNames?.hero })}\n        data-layout={compact ? 'grid' : 'stack'}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+
+declare const HeroSubtitle: react.ForwardRefExoticComponent<react_aria_components.TextProps & react.RefAttributes<HTMLElement>>;
+
+export { HeroSubtitle };

package/dist/components/hero/subtitle.js

@@ -0,0 +1,4 @@
+'use client';
+
+import'client-only';import {Text}from'react-aria-components';const r=Text;export{r as HeroSubtitle};//# sourceMappingURL=subtitle.js.map
+//# sourceMappingURL=subtitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hero/subtitle.tsx"],"names":["HeroSubtitle","Text"],"mappings":"mEAgBaA,CAAAA,CAAeC","file":"subtitle.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 { Text } from 'react-aria-components';\n\nexport const HeroSubtitle = Text;\n"]}

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

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import * as react_aria_components from 'react-aria-components';
+
+declare const HeroTitle: react.ForwardRefExoticComponent<react_aria_components.HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
+
+export { HeroTitle };

package/dist/components/hero/title.js

@@ -0,0 +1,4 @@
+'use client';
+
+import'client-only';import {Heading}from'react-aria-components';const i=Heading;export{i as HeroTitle};//# sourceMappingURL=title.js.map
+//# sourceMappingURL=title.js.map

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

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

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
+import { HotkeyProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
+
+declare const HotkeyContext: react.Context<ContextValue<HotkeyProps, HTMLElement>>;
+declare function HotkeyProvider({ children, ...props }: ProviderProps<HotkeyProps>): react_jsx_runtime.JSX.Element;
+
+export { HotkeyContext, HotkeyProvider };

package/dist/components/hotkey/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hotkey/context.tsx"],"names":["HotkeyContext","createContext","HotkeyProvider","children","props","jsx"],"mappings":"0FAoBO,MAAMA,CAAAA,CACXC,aAAAA,CAAsD,IAAI,EAErD,SAASC,CAAAA,CAAe,CAC7B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+B,CAC7B,OACEC,GAAAA,CAACL,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAEpD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { HotkeyProps } from './types';\n\nexport const HotkeyContext =\n  createContext<ContextValue<HotkeyProps, HTMLElement>>(null);\n\nexport function HotkeyProvider({\n  children,\n  ...props\n}: ProviderProps<HotkeyProps>) {\n  return (\n    <HotkeyContext.Provider value={props}>{children}</HotkeyContext.Provider>\n  );\n}\n"]}

package/dist/components/hotkey/hotkey-set.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HotkeySetProps } from './types.js';
+import 'react';
+import 'tailwind-variants';
+import './styles.js';
+
+declare function HotkeySet({ children, ...props }: HotkeySetProps): react_jsx_runtime.JSX.Element;
+
+export { HotkeySet };

package/dist/components/hotkey/hotkey-set.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {IconProvider}from'../icon/context.js';import {HotkeyStyles}from'./styles.js';const{set:p}=HotkeyStyles();function y({children:e,...t}){const{className:r}=t;return jsx("div",{className:p({className:r}),children:jsx(IconProvider,{size:"large",children:e})})}export{y as HotkeySet};//# sourceMappingURL=hotkey-set.js.map
+//# sourceMappingURL=hotkey-set.js.map

package/dist/components/hotkey/hotkey-set.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/hotkey/hotkey-set.tsx"],"names":["HotkeyStyles","jsx","o","s"],"mappings":"6IAmBQ,KAAQA,CAAAA,GAET,4BAAqB,CAAA,CAAA,CAAA,SAAsC,CAChE,CAAA,GAAA,CAAM,CAAE,CAAA,CAAA,KAAA,CAAA,SAER,CAAA,CAAA,CAAA,CAAA,CACEC,CAAAA,OAACC,GAAI,CAAA,KAAA,CAAA,CAAA,sBACH,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAAA,GAAA,CAAKC,YAAA,CAAA,CAAA,IAAA,CAAS,OAAA,CAAA,QAGlC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"hotkey-set.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 { IconProvider } from '../icon/context';\nimport { HotkeyStyles } from './styles';\nimport type { HotkeySetProps } from './types';\n\nconst { set } = HotkeyStyles();\n\nexport function HotkeySet({ children, ...props }: HotkeySetProps) {\n  const { className } = props;\n\n  return (\n    <div className={set({ className })}>\n      <IconProvider size='large'>{children}</IconProvider>\n    </div>\n  );\n}\n"]}

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

@@ -1,16 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
-import { HotkeyProps, HotkeySetProps } from './types.js';
+import { HotkeyProps } from './types.js';
+import 'react';
 import 'tailwind-variants';
 import './styles.js';
 
-declare const HotkeyContext: react.Context<ContextValue<HotkeyProps, HTMLElement>>;
-declare function HotkeyProvider({ children, ...props }: ProviderProps<HotkeyProps>): react_jsx_runtime.JSX.Element;
-declare namespace HotkeyProvider {
-    var displayName: string;
-}
 /**
  * Hotkey - A visual representation of keyboard shortcuts and key combinations
  *
@@ -25,11 +18,11 @@ declare namespace HotkeyProvider {
  *
  * @example
  * // Hotkey combination with different variants
- * <Hotkey.Set>
+ * <HotkeySet>
  *   <Hotkey variant="outline">Cmd</Hotkey>
  *   <span>+</span>
  *   <Hotkey variant="outline">K</Hotkey>
- * </Hotkey.Set>
+ * </HotkeySet>
  *
  * @example
  * // Flat style for inline text
@@ -37,20 +30,11 @@ declare namespace HotkeyProvider {
  *
  * @example
  * // Icon variant for special keys
- * <Hotkey.Set>
+ * <HotkeySet>
  *   <Hotkey variant="icon">⌘</Hotkey>
  *   <Hotkey>Space</Hotkey>
- * </Hotkey.Set>
+ * </HotkeySet>
  */
 declare function Hotkey({ ref, children, ...props }: HotkeyProps): react_jsx_runtime.JSX.Element;
-declare namespace Hotkey {
-    var displayName: string;
-    var Set: typeof HotkeySet;
-    var Provider: typeof HotkeyProvider;
-}
-declare function HotkeySet({ children, ...props }: HotkeySetProps): react_jsx_runtime.JSX.Element;
-declare namespace HotkeySet {
-    var displayName: string;
-}
 
-export { Hotkey, HotkeyContext };
+export { Hotkey };

package/dist/components/hotkey/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Keyboard}from'react-aria-components';import {Icon}from'../icon/index.js';import {HotkeyStyles,HotkeyStylesDefaults}from'./styles.js';const {key:c,set:v}=HotkeyStyles(),y=createContext(null);function i({children:e,...o}){return jsx(y.Provider,{value:o,children:e})}i.displayName="Hotkey.Provider";function s({ref:e,children:o,...t}){[t,e]=useContextProps(t,e??null,y);const{className:a,variant:l=HotkeyStylesDefaults.variant}=t;return jsx(Keyboard,{ref:e,...t,className:c({className:a,variant:l}),children:o})}s.displayName="Hotkey";function n({children:e,...o}){const{className:t}=o;return jsx("div",{className:v({className:t}),children:jsx(Icon.Provider,{size:"large",children:e})})}n.displayName="Hotkey.Set",s.Set=n,s.Provider=i;export{s as Hotkey,y as HotkeyContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Keyboard}from'react-aria-components';import {HotkeyContext}from'./context.js';import {HotkeyStyles,HotkeyStylesDefaults}from'./styles.js';const{key:l}=HotkeyStyles();function u({ref:o,children:e,...t}){[t,o]=useContextProps(t,o??null,HotkeyContext);const{className:r,variant:y=HotkeyStylesDefaults.variant}=t;return jsx(Keyboard,{ref:o,...t,className:l({className:r,variant:y}),children:e})}export{u as Hotkey};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hotkey/index.tsx"],"names":["HotkeyStyles","HotkeyContext","createContext","H","m","props","jsx","r","HotkeyProvider","useContextProps","ref","P","HotkeyStylesDefaults","Keyboard","p","className","children","Hotkey","Icon","k"],"mappings":"6PA0BqBA,CAAAA,GAERC,CAAAA,CACXC,CAAAA,KAA0D,CAAA,CAE5DC,YAAA,EAAA,CAAA,CAAA,CAAAC,aAAA,CAAA,IAA0B,WAAU,CAAA,CAAA,CAAGC,QACrC,CAAA,CAAA,CACEC,GAACL,CAAc,CAAA,CAAA,CAAA,OAASM,GAAA,CAAA,CAAA,CAAA,QAAe,CAAA,CAAA,KAAS,CAEpD,CACAC,CAAAA,QAAe,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,iBAiCJ,CAAA,eAAe,CAAA,CAAA,CAAGH,QAC9B,CAAA,CAAII,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMT,CAAa,CAAAU,eAChE,MAAQ,IAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,SAAUC,CAAqB,CAAA,CAAA,OAAYP,CAAAA,CAE9D,6BACGQ,CAAA,CAAS,CAAA,CAAA,OAAcR,GAAAA,CAAOS,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAe,CAAE,CAAA,SAAAC,CAAAA,CAAW,CAAA,CAAA,SAAS,CACjE,CAAA,CAAA,OAAAC,CAAAA,CACH,CAEJ,CACAC,CAAAA,QAAO,CAAA,CAAA,CAAA,CAAA,CAAc,aAErB,CAAA,QAAqB,CAAA,SAAU,CAAA,CAAA,CAAGZ,QAChC,CAAM,CAAE,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAcA,CAAAA,SAGpBC,CAAC,YAAIC,GAAA,CAAA,KAAe,CAAE,CAAA,SAAAQ,CAAU,CAAC,CAAA,CAC/B,SAAAT,CAAAA,CAACY,EAAK,CAAA,QAAL,CAAcX,GAAA,CAAAY,IAAA,CAAA,QAAK,CAAS,aAC/B,CAEJ,QACU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAExBF,aACO,CAAA,CAAA,CAAA,GAAWT,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  type ContextValue,\n  Keyboard,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { HotkeyStyles, HotkeyStylesDefaults } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { HotkeyProps, HotkeySetProps } from './types';\n\nconst { key, set } = HotkeyStyles();\n\nexport const HotkeyContext =\n  createContext<ContextValue<HotkeyProps, HTMLElement>>(null);\n\nfunction HotkeyProvider({ children, ...props }: ProviderProps<HotkeyProps>) {\n  return (\n    <HotkeyContext.Provider value={props}>{children}</HotkeyContext.Provider>\n  );\n}\nHotkeyProvider.displayName = 'Hotkey.Provider';\n\n/**\n * Hotkey - A visual representation of keyboard shortcuts and key combinations\n *\n * Displays keyboard keys and shortcuts in a consistent, accessible format.\n * Perfect for documentation, help systems, or UI elements that need to show\n * keyboard shortcuts. Supports multiple visual styles including outlined keys,\n * flat presentation, and icon-specific formatting.\n *\n * @example\n * // Basic hotkey display\n * <Hotkey>Ctrl</Hotkey>\n *\n * @example\n * // Hotkey combination with different variants\n * <Hotkey.Set>\n *   <Hotkey variant=\"outline\">Cmd</Hotkey>\n *   <span>+</span>\n *   <Hotkey variant=\"outline\">K</Hotkey>\n * </Hotkey.Set>\n *\n * @example\n * // Flat style for inline text\n * <p>Press <Hotkey variant=\"flat\">Enter</Hotkey> to submit</p>\n *\n * @example\n * // Icon variant for special keys\n * <Hotkey.Set>\n *   <Hotkey variant=\"icon\">⌘</Hotkey>\n *   <Hotkey>Space</Hotkey>\n * </Hotkey.Set>\n */\nexport function Hotkey({ ref, children, ...props }: HotkeyProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HotkeyContext);\n  const { className, variant = HotkeyStylesDefaults.variant } = props;\n\n  return (\n    <Keyboard ref={ref} {...props} className={key({ className, variant })}>\n      {children}\n    </Keyboard>\n  );\n}\nHotkey.displayName = 'Hotkey';\n\nfunction HotkeySet({ children, ...props }: HotkeySetProps) {\n  const { className } = props;\n\n  return (\n    <div className={set({ className })}>\n      <Icon.Provider size='large'>{children}</Icon.Provider>\n    </div>\n  );\n}\nHotkeySet.displayName = 'Hotkey.Set';\n\nHotkey.Set = HotkeySet;\nHotkey.Provider = HotkeyProvider;\n"]}
+{"version":3,"sources":["../../../src/components/hotkey/index.tsx"],"names":["HotkeyStyles","n","ref","props","useContextProps","HotkeyContext","m","variant","jsx","k"],"mappings":"0NAoBQ,KAAQA,IAiCT,CAAA,CAAA,CAAA,CAAAC,YAAA,EAAA,CAAA,SAAkBC,CAAK,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,QAAmB,CAAgB,CAC/D,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,mBAAMG,CAAa,EAChE,IAAA,CAAMC,aAAE,iBAAW,CAAA,CAAA,CAAAC,8BAAuC,CAAA,OAE1D,CAAA,CAAA,CACEC,CAAAA,OAAUC,GAAKP,CAAAA,QAAM,CAAA,CAAA,GAAU,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAiB,CAAA,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAAK,OACxD,CAAA,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Keyboard, useContextProps } from 'react-aria-components';\nimport { HotkeyContext } from './context';\nimport { HotkeyStyles, HotkeyStylesDefaults } from './styles';\nimport type { HotkeyProps } from './types';\n\nconst { key } = HotkeyStyles();\n\n/**\n * Hotkey - A visual representation of keyboard shortcuts and key combinations\n *\n * Displays keyboard keys and shortcuts in a consistent, accessible format.\n * Perfect for documentation, help systems, or UI elements that need to show\n * keyboard shortcuts. Supports multiple visual styles including outlined keys,\n * flat presentation, and icon-specific formatting.\n *\n * @example\n * // Basic hotkey display\n * <Hotkey>Ctrl</Hotkey>\n *\n * @example\n * // Hotkey combination with different variants\n * <HotkeySet>\n *   <Hotkey variant=\"outline\">Cmd</Hotkey>\n *   <span>+</span>\n *   <Hotkey variant=\"outline\">K</Hotkey>\n * </HotkeySet>\n *\n * @example\n * // Flat style for inline text\n * <p>Press <Hotkey variant=\"flat\">Enter</Hotkey> to submit</p>\n *\n * @example\n * // Icon variant for special keys\n * <HotkeySet>\n *   <Hotkey variant=\"icon\">⌘</Hotkey>\n *   <Hotkey>Space</Hotkey>\n * </HotkeySet>\n */\nexport function Hotkey({ ref, children, ...props }: HotkeyProps) {\n  [props, ref] = useContextProps(props, ref ?? null, HotkeyContext);\n  const { className, variant = HotkeyStylesDefaults.variant } = props;\n\n  return (\n    <Keyboard ref={ref} {...props} className={key({ className, variant })}>\n      {children}\n    </Keyboard>\n  );\n}\n"]}

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

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

package/dist/components/icon/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/icon/context.tsx"],"names":["IconContext","createContext","IconProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAAwD,IAAI,EAEvD,SAASC,CAAAA,CAAa,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAA6B,CAC7E,OAAOC,GAAAA,CAACL,CAAAA,CAAY,QAAA,CAAZ,CAAqB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CACvD","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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { IconProps } from './types';\n\nexport const IconContext =\n  createContext<ContextValue<IconProps, HTMLSpanElement>>(null);\n\nexport function IconProvider({ children, ...props }: ProviderProps<IconProps>) {\n  return <IconContext.Provider value={props}>{children}</IconContext.Provider>;\n}\n"]}

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

@@ -1,14 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { IconProps } from './types.js';
+import 'react';
 
-declare const IconContext: react.Context<ContextValue<IconProps, HTMLSpanElement>>;
-declare function IconProvider({ children, ...props }: ProviderProps<IconProps>): react_jsx_runtime.JSX.Element;
-declare namespace IconProvider {
-    var displayName: string;
-}
 /**
  * Icon - A wrapper component for displaying SVG icons with consistent sizing
  *
@@ -39,9 +32,5 @@ declare namespace IconProvider {
  * </Button>
  */
 declare function Icon({ ref, ...props }: IconProps): react_jsx_runtime.JSX.Element;
-declare namespace Icon {
-    var displayName: string;
-    var Provider: typeof IconProvider;
-}
 
-export { Icon, IconContext };
+export { Icon };

package/dist/components/icon/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {IconStyles}from'./styles.js';const r=createContext(null);function t({children:o,...e}){return jsx(r.Provider,{value:e,children:o})}t.displayName="Icon.Provider";function n({ref:o,...e}){[e,o]=useContextProps(e,o??null,r);const{children:s,className:p,size:c="medium",...m}=e;return jsx("span",{...m,ref:o,className:IconStyles({className:p}),"data-size":c,children:s})}n.displayName="Icon",n.Provider=t;export{n as Icon,r as IconContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {IconContext}from'./context.js';import {IconStyles}from'./styles.js';function f({ref:o,...t}){[t,o]=useContextProps(t,o??null,IconContext);const{children:n,className:e,size:s="medium",...m}=t;return jsx("span",{...m,ref:o,className:IconStyles({className:e}),"data-size":s,children:n})}export{f as Icon};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["createContext","a","props","i","IconProvider","ref","useContextProps","rest","P","Icon"],"mappings":"mLAqBEA,MAAwD,CAAA,CAAAC,aAAA,CAAI,IAE9D,EAAA,oBAAkC,CAAA,CAAGC,CAAM,GACzC,WAAoBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,gBAC/B,CACAC,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAA,2BA+BN,CAAA,SAAgB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACnC,CAACA,CAAAA,CAAOG,CAAG,EAAIC,CAAAA,CAAgBJ,CAAAA,CAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,SAAQ,CAAA,QAAU,CAAA,CAAA,CAAA,gBAAkB,CAAA,CAAA,CAAA,QAAaE,CAAK,GAAIL,CAE1D,WACGC,GAAA,CAAA,OACKI,CAAAA,GACJ,CAAA,CAAKF,GACL,CAAA,CAAA,CAAA,SAAwB,CAAAG,UAAA,CAAA,CAAA,UACxB,CAAA,CAAA,CAAA,CAAA,sBAKN,CACAC,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,MACd,CAAA,CAAA,CAAA,QAAWL,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { IconStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { IconProps } from './types';\n\nexport const IconContext =\n  createContext<ContextValue<IconProps, HTMLSpanElement>>(null);\n\nfunction IconProvider({ children, ...props }: ProviderProps<IconProps>) {\n  return <IconContext.Provider value={props}>{children}</IconContext.Provider>;\n}\nIconProvider.displayName = 'Icon.Provider';\n\n/**\n * Icon - A wrapper component for displaying SVG icons with consistent sizing\n *\n * Provides a standardized container for SVG icons with built-in size variants and\n * proper accessibility support. Works seamlessly with the Accelint icon library\n * and supports custom SVG elements with consistent styling and alignment.\n *\n * @example\n * // Basic icon usage\n * <Icon>\n *   <Settings />\n * </Icon>\n *\n * @example\n * // Icon with different sizes\n * <Icon size=\"small\">\n *   <User />\n * </Icon>\n * <Icon size=\"large\">\n *   <Dashboard />\n * </Icon>\n *\n * @example\n * // Icon in button context (automatically inherits sizing)\n * <Button>\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n */\nexport function Icon({ ref, ...props }: IconProps) {\n  [props, ref] = useContextProps(props, ref ?? null, IconContext);\n\n  const { children, className, size = 'medium', ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={IconStyles({ className })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\nIcon.displayName = 'Icon';\nIcon.Provider = IconProvider;\n"]}
+{"version":3,"sources":["../../../src/components/icon/index.tsx"],"names":["ref","props","useContextProps","r","IconContext","c","size","jsx","p","i"],"mappings":"wLAgDO,SAAgBA,CAAK,KAAS,CAAc,CACjD,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,EAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAW,EAE9D,IAAA,CAAMC,WAAE,CAAA,CAAA,KAAA,CAAA,QAAU,CAAA,CAAA,CAAA,SAAWC,CAAAA,CAAO,CAAA,IAAA,CAAA,CAAA,CAAA,SAEpC,GAAA,CAAA,CAAA,CAAA,CACEC,CAAAA,OAACC,GAAA,CACE,MACD,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAAwB,CAAAC,UAAA,CAAA,CAAA,SACxB,CAAA,CAAA,CAAA,CAAA,CAAA,WAEC,CAAA,CAAA,CAAA,QAGP,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 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { IconContext } from './context';\nimport { IconStyles } from './styles';\nimport type { IconProps } from './types';\n\n/**\n * Icon - A wrapper component for displaying SVG icons with consistent sizing\n *\n * Provides a standardized container for SVG icons with built-in size variants and\n * proper accessibility support. Works seamlessly with the Accelint icon library\n * and supports custom SVG elements with consistent styling and alignment.\n *\n * @example\n * // Basic icon usage\n * <Icon>\n *   <Settings />\n * </Icon>\n *\n * @example\n * // Icon with different sizes\n * <Icon size=\"small\">\n *   <User />\n * </Icon>\n * <Icon size=\"large\">\n *   <Dashboard />\n * </Icon>\n *\n * @example\n * // Icon in button context (automatically inherits sizing)\n * <Button>\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n */\nexport function Icon({ ref, ...props }: IconProps) {\n  [props, ref] = useContextProps(props, ref ?? null, IconContext);\n\n  const { children, className, size = 'medium', ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={IconStyles({ className })}\n      data-size={size}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { InputProps } from './types.js';
+import 'tailwind-variants';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../button/styles.js';
+import 'tailwind-merge';
+import './styles.js';
+
+declare const InputContext: react.Context<ContextValue<InputProps, HTMLInputElement>>;
+
+export { InputContext };

package/dist/components/input/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/input/context.tsx"],"names":["InputContext","createContext"],"mappings":"sDAmBO,MAAMA,CAAAA,CACXC,cAA0D,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\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { InputProps } from './types';\n\nexport const InputContext =\n  createContext<ContextValue<InputProps, HTMLInputElement>>(null);\n"]}

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
 import { InputProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 import 'tailwind-variants';
 import '../button/types.js';
 import '../../lib/types.js';
@@ -9,7 +9,6 @@ import '../button/styles.js';
 import 'tailwind-merge';
 import './styles.js';
 
-declare const InputContext: react.Context<ContextValue<InputProps, HTMLInputElement>>;
 /**
  * Input - A flexible text input component with enhanced features
  *
@@ -29,8 +28,5 @@ declare const InputContext: react.Context<ContextValue<InputProps, HTMLInputElem
  * />
  */
 declare function Input({ ref, ...props }: InputProps): react_jsx_runtime.JSX.Element;
-declare namespace Input {
-    var displayName: string;
-}
 
-export { Input, InputContext };
+export { Input };

package/dist/components/input/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {CancelFill}from'@accelint/icons';import {useControlledState}from'@react-stately/utils';import {createContext}from'react';import {useContextProps,InputContext,Input,composeRenderProps}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {InputStyles,InputStylesDefaults}from'./styles.js';const {container:w,sizer:A,input:B,clear:F}=InputStyles(),v={target:{value:""}},K=createContext(null);function k({ref:t,...a}){[a,t]=useContextProps(a,t??null,InputContext),[a,t]=useContextProps({...a},t??null,K);const{classNames:u,autoSize:r,defaultValue:h="",disabled:i,placeholder:d,readOnly:c,required:m,size:f="medium",type:l=InputStylesDefaults.type,value:g,isClearable:n,isInvalid:x,onChange:E,onKeyDown:P,...N}=a,[s,b]=useControlledState(g,h),z=(`${s??""}`.length||d?.length)??0,I=s==null||s==="";function p(e){E?.(e),e.defaultPrevented||b(e.target.value);}return jsxs("div",{className:w({className:u?.container,autoSize:r,type:l,isClearable:n}),"data-disabled":i||null,"data-empty":I||null,"data-invalid":x||null,"data-length":z,"data-placeholder":!!d&&I||null,"data-readonly":c||null,"data-required":m||null,"data-size":f,children:[jsx("div",{className:A({className:u?.sizer,autoSize:r,type:l,isClearable:n}),children:jsx(Input,{...N,ref:t,className:composeRenderProps(u?.input,e=>B({className:e,autoSize:r,type:l,isClearable:n})),disabled:i,placeholder:d,readOnly:c,required:m,type:l,value:s,onChange:p,onKeyDown:e=>{P?.(e),n&&!e.defaultPrevented&&e.key==="Escape"&&p(v);}})}),n&&jsx(Button,{className:composeRenderProps(u?.clear,e=>F({className:e,autoSize:r,type:l,isClearable:n})),excludeFromTabOrder:true,size:"small",variant:"icon",isDisabled:i,onPress:()=>{p(v),t?.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})}k.displayName="Input";export{k as Input,K as InputContext};//# sourceMappingURL=index.js.map
+import {jsxs,jsx}from'react/jsx-runtime';import {CancelFill}from'@accelint/icons';import {useControlledState}from'@react-stately/utils';import'client-only';import {useContextProps,InputContext,Input,composeRenderProps}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {InputContext as InputContext$1}from'./context.js';import {InputStyles,InputStylesDefaults}from'./styles.js';const{container:H,sizer:K,input:L,clear:M}=InputStyles(),f={target:{value:""}};function X({ref:t,...n}){[n,t]=useContextProps(n,t??null,InputContext),[n,t]=useContextProps({...n},t??null,InputContext$1);const{classNames:r,autoSize:s,defaultValue:h="",disabled:i,placeholder:d,readOnly:m,required:c,size:C="medium",type:l=InputStylesDefaults.type,value:g,isClearable:a,isInvalid:E,onChange:P,onKeyDown:N,...b}=n,[u,z]=useControlledState(g,h),x=(`${u??""}`.length||d?.length)??0,y=u==null||u==="";function p(e){P?.(e),e.defaultPrevented||z(e.target.value);}return jsxs("div",{className:H({className:r?.container,autoSize:s,type:l,isClearable:a}),"data-disabled":i||null,"data-empty":y||null,"data-invalid":E||null,"data-length":x,"data-placeholder":!!d&&y||null,"data-readonly":m||null,"data-required":c||null,"data-size":C,children:[jsx("div",{className:K({className:r?.sizer,autoSize:s,type:l,isClearable:a}),children:jsx(Input,{...b,ref:t,className:composeRenderProps(r?.input,e=>L({className:e,autoSize:s,type:l,isClearable:a})),disabled:i,placeholder:d,readOnly:m,required:c,type:l,value:u,onChange:p,onKeyDown:e=>{N?.(e),a&&!e.defaultPrevented&&e.key==="Escape"&&p(f);}})}),a&&jsx(Button,{className:composeRenderProps(r?.clear,e=>M({className:e,autoSize:s,type:l,isClearable:a})),excludeFromTabOrder:true,size:"small",variant:"icon",isDisabled:i,onPress:()=>{p(f),t?.current?.focus();},children:jsx(Icon,{children:jsx(CancelFill,{})})})]})}export{X as Input};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input/index.tsx"],"names":["clear","clearInputEvent","M","InputContext","createContext","Input","ref","props","useContextProps","C","q","defaultValue","placeholder","readOnly","type","InputStylesDefaults","O","isInvalid","onChange","onKeyDown","value","setValue","length","S","isEmpty","handleChange","event","jsxs","R","classNames","autoSize","required","jsx","composeRenderProps","className","input","y","isClearable","o","D"],"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\n'use client';\n\nimport 'client-only';\nimport { CancelFill } from '@accelint/icons';\nimport { useControlledState } from '@react-stately/utils';\nimport { type ChangeEvent, createContext } from 'react';\nimport {\n  Input as AriaInput,\n  InputContext as AriaInputContext,\n  type ContextValue,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { InputStyles, InputStylesDefaults } from './styles';\nimport type { InputProps } from './types';\n\nconst { container, sizer, input, clear } = InputStyles();\n\n// TODO: Improve this implementation so it is more of a realistic event\nconst clearInputEvent = {\n  target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\nexport const InputContext =\n  createContext<ContextValue<InputProps, HTMLInputElement>>(null);\n\n/**\n * Input - A flexible text input component with enhanced features\n *\n * Provides a customizable text input with automatic sizing, clear functionality,\n * and integrated validation states. Supports various styling options and integrates\n * seamlessly with form field components for comprehensive form experiences.\n *\n * @example\n * // Basic input\n * <Input placeholder=\"Enter text...\" />\n *\n * @example\n * // Input with clear button\n * <Input\n *   defaultValue=\"Clearable text\"\n *   classNames={{ clear: \"hover:bg-info-bold\" }}\n * />\n */\nexport function Input({ ref, ...props }: InputProps) {\n  /**\n   * It is necessary to pull in the AriaInputContext to capture defaultValue,\n   * value & onChange props that may be supplied by a Field component\n   *\n   * These are necessary due to the implementation of useControlledState for\n   * the purposes of supporting the clear button and to capture the length\n   * of the current value for the autoSize feature\n   */\n  [props, ref] = useContextProps(props, ref ?? null, AriaInputContext);\n  [props, ref] = useContextProps({ ...props }, ref ?? null, InputContext);\n\n  const {\n    classNames,\n    autoSize,\n    defaultValue = '',\n    disabled,\n    placeholder,\n    readOnly,\n    required,\n    size = 'medium',\n    type = InputStylesDefaults.type,\n    value: valueProp,\n    isClearable,\n    isInvalid,\n    onChange,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const length = (`${value ?? ''}`.length || placeholder?.length) ?? 0;\n  const isEmpty = value == null || value === '';\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    onChange?.(event);\n\n    if (!event.defaultPrevented) {\n      setValue(event.target.value);\n    }\n  }\n\n  return (\n    <div\n      className={container({\n        className: classNames?.container,\n        autoSize,\n        type,\n        isClearable,\n      })}\n      data-disabled={disabled || null}\n      data-empty={isEmpty || null}\n      data-invalid={isInvalid || null}\n      data-length={length}\n      data-placeholder={(!!placeholder && isEmpty) || null}\n      data-readonly={readOnly || null}\n      data-required={required || null}\n      data-size={size}\n    >\n      <div\n        className={sizer({\n          className: classNames?.sizer,\n          autoSize,\n          type,\n          isClearable,\n        })}\n      >\n        <AriaInput\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, autoSize, type, isClearable }),\n          )}\n          disabled={disabled}\n          placeholder={placeholder}\n          readOnly={readOnly}\n          required={required}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n\n            if (\n              isClearable &&\n              !event.defaultPrevented &&\n              event.key === 'Escape'\n            ) {\n              handleChange(clearInputEvent);\n            }\n          }}\n        />\n      </div>\n      {isClearable && (\n        <Button\n          className={composeRenderProps(classNames?.clear, (className) =>\n            clear({ className, autoSize, type, isClearable }),\n          )}\n          excludeFromTabOrder\n          size='small'\n          variant='icon'\n          isDisabled={disabled}\n          onPress={() => {\n            handleChange(clearInputEvent);\n\n            ref?.current?.focus();\n          }}\n        >\n          <Icon>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  );\n}\nInput.displayName = 'Input';\n"]}
+{"version":3,"sources":["../../../src/components/input/index.tsx"],"names":["input","InputStyles","Input","ref","props","AriaInputContext","useContextProps","v","O","classNames","A","autoSize","defaultValue","disabled","placeholder","size","isClearable","isInvalid","rest","useControlledState","valueProp","value","S","isEmpty","handleChange","event","onChange","setValue","container","type","readOnly","o","jsx","AriaInput","className","onKeyDown","Button","composeRenderProps","clear","clearInputEvent","CancelFill","w","D"],"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\n'use client';\n\nimport { CancelFill } from '@accelint/icons';\nimport { useControlledState } from '@react-stately/utils';\nimport 'client-only';\nimport {\n  Input as AriaInput,\n  InputContext as AriaInputContext,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { InputContext } from './context';\nimport { InputStyles, InputStylesDefaults } from './styles';\nimport type { ChangeEvent } from 'react';\nimport type { InputProps } from './types';\n\nconst { container, sizer, input, clear } = InputStyles();\n\n// TODO: Improve this implementation so it is more of a realistic event\nconst clearInputEvent = {\n  target: { value: '' },\n} as ChangeEvent<HTMLInputElement>;\n\n/**\n * Input - A flexible text input component with enhanced features\n *\n * Provides a customizable text input with automatic sizing, clear functionality,\n * and integrated validation states. Supports various styling options and integrates\n * seamlessly with form field components for comprehensive form experiences.\n *\n * @example\n * // Basic input\n * <Input placeholder=\"Enter text...\" />\n *\n * @example\n * // Input with clear button\n * <Input\n *   defaultValue=\"Clearable text\"\n *   classNames={{ clear: \"hover:bg-info-bold\" }}\n * />\n */\nexport function Input({ ref, ...props }: InputProps) {\n  /**\n   * It is necessary to pull in the AriaInputContext to capture defaultValue,\n   * value & onChange props that may be supplied by a Field component\n   *\n   * These are necessary due to the implementation of useControlledState for\n   * the purposes of supporting the clear button and to capture the length\n   * of the current value for the autoSize feature\n   */\n  [props, ref] = useContextProps(props, ref ?? null, AriaInputContext);\n  [props, ref] = useContextProps({ ...props }, ref ?? null, InputContext);\n\n  const {\n    classNames,\n    autoSize,\n    defaultValue = '',\n    disabled,\n    placeholder,\n    readOnly,\n    required,\n    size = 'medium',\n    type = InputStylesDefaults.type,\n    value: valueProp,\n    isClearable,\n    isInvalid,\n    onChange,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const [value, setValue] = useControlledState(valueProp, defaultValue);\n  const length = (`${value ?? ''}`.length || placeholder?.length) ?? 0;\n  const isEmpty = value == null || value === '';\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    onChange?.(event);\n\n    if (!event.defaultPrevented) {\n      setValue(event.target.value);\n    }\n  }\n\n  return (\n    <div\n      className={container({\n        className: classNames?.container,\n        autoSize,\n        type,\n        isClearable,\n      })}\n      data-disabled={disabled || null}\n      data-empty={isEmpty || null}\n      data-invalid={isInvalid || null}\n      data-length={length}\n      data-placeholder={(!!placeholder && isEmpty) || null}\n      data-readonly={readOnly || null}\n      data-required={required || null}\n      data-size={size}\n    >\n      <div\n        className={sizer({\n          className: classNames?.sizer,\n          autoSize,\n          type,\n          isClearable,\n        })}\n      >\n        <AriaInput\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.input, (className) =>\n            input({ className, autoSize, type, isClearable }),\n          )}\n          disabled={disabled}\n          placeholder={placeholder}\n          readOnly={readOnly}\n          required={required}\n          type={type}\n          value={value}\n          onChange={handleChange}\n          onKeyDown={(event) => {\n            onKeyDown?.(event);\n\n            if (\n              isClearable &&\n              !event.defaultPrevented &&\n              event.key === 'Escape'\n            ) {\n              handleChange(clearInputEvent);\n            }\n          }}\n        />\n      </div>\n      {isClearable && (\n        <Button\n          className={composeRenderProps(classNames?.clear, (className) =>\n            clear({ className, autoSize, type, isClearable }),\n          )}\n          excludeFromTabOrder\n          size='small'\n          variant='icon'\n          isDisabled={disabled}\n          onPress={() => {\n            handleChange(clearInputEvent);\n\n            ref?.current?.focus();\n          }}\n        >\n          <Icon>\n            <CancelFill />\n          </Icon>\n        </Button>\n      )}\n    </div>\n  );\n}\n"]}

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

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

package/dist/components/label/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/label/context.tsx"],"names":["LabelContext","createContext","LabelProvider","children","props","jsx"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,aAAAA,CAA0D,IAAI,EAEzD,SAASC,CAAAA,CAAc,CAC5B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA8B,CAC5B,OACEC,GAAAA,CAACL,CAAAA,CAAa,QAAA,CAAb,CAAsB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAEnD","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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { LabelProps } from './types';\n\nexport const LabelContext =\n  createContext<ContextValue<LabelProps, HTMLLabelElement>>(null);\n\nexport function LabelProvider({\n  children,\n  ...props\n}: ProviderProps<LabelProps>) {\n  return (\n    <LabelContext.Provider value={props}>{children}</LabelContext.Provider>\n  );\n}\n"]}

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

@@ -1,14 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { LabelProps } from './types.js';
+import 'react';
+import 'react-aria-components';
 
-declare const LabelContext: react.Context<ContextValue<LabelProps, HTMLLabelElement>>;
-declare function LabelProvider({ children, ...props }: ProviderProps<LabelProps>): react_jsx_runtime.JSX.Element;
-declare namespace LabelProvider {
-    var displayName: string;
-}
 /**
  * Label - A semantic label component for form elements and content
  *
@@ -29,9 +23,5 @@ declare namespace LabelProvider {
  * <Label isDisabled>Inactive Field</Label>
  */
 declare function Label({ ref, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
-declare namespace Label {
-    var displayName: string;
-    var Provider: typeof LabelProvider;
-}
 
-export { Label, LabelContext };
+export { Label };

package/dist/components/label/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Label}from'react-aria-components';import {LabelStyles}from'./styles.js';const o=createContext(null);function t({children:r,...e}){return jsx(o.Provider,{value:e,children:r})}t.displayName="Label.Provider";function a({ref:r,...e}){[e,r]=useContextProps(e,r??null,o);const{children:i,className:s,isDisabled:n,isRequired:l,...p}=e;return jsxs(Label,{...p,className:LabelStyles({className:s}),"data-disabled":n||null,"data-required":l||null,children:[i,!l&&" (optional)"]})}a.displayName="Label",a.Provider=t;export{a as Label,o as LabelContext};//# sourceMappingURL=index.js.map
+import {jsxs}from'react/jsx-runtime';import'client-only';import {useContextProps,Label}from'react-aria-components';import {LabelContext}from'./context.js';import {LabelStyles}from'./styles.js';function f({ref:l,...e}){[e,l]=useContextProps(e,l??null,LabelContext);const{children:t,className:o,isDisabled:r,isRequired:a,...i}=e;return jsxs(Label,{...i,className:LabelStyles({className:o}),"data-disabled":r||null,"data-required":a||null,children:[t,!a&&" (optional)"]})}export{f as Label};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/index.tsx"],"names":["createContext","b","props","u","LabelProvider","ref","useContextProps","rest","P","d","m","isRequired","Label"],"mappings":"+LAyBEA,MAA0D,CAAA,CAAAC,aAAA,CAAI,IAEhE,EAAA,SAAyB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAGC,CAAM,GAC1C,CAAA,CAAA,CAAA,CAAA,OACgBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE1C,CACAC,CAAAA,CAAc,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,gBAqBrB,CAAA,SAAiB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACpC,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CAAgBJ,EAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,cAAkB,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,UAAY,CAAA,CAAGE,CAAK,GAAIL,CAEjE,CAAA,CAAA,CAAA,CAAA,OACGM,IACE,CAAAC,KAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAAyB,CAAAG,WAAA,CAAA,CAAA,SAAW,CACpC,CAAA,CAAA,CAAA,CAAA,eAA6B,CAAA,CAAA,EAAA,IAC7B,CAAA,eAA6B,CAAA,CAAA,EAAA,IAE5B,CAAA,QACA,CAACC,CAAAA,CAAAA,CAAc,CAAA,CAAA,EAAA,aAItBC,CAAAA,CAAM,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,OACd,CAAA,CAAA,CAAA,QAAWR,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Label as AriaLabel,\n  type ContextValue,\n  useContextProps,\n} from 'react-aria-components';\nimport { LabelStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { LabelProps } from './types';\n\nexport const LabelContext =\n  createContext<ContextValue<LabelProps, HTMLLabelElement>>(null);\n\nfunction LabelProvider({ children, ...props }: ProviderProps<LabelProps>) {\n  return (\n    <LabelContext.Provider value={props}>{children}</LabelContext.Provider>\n  );\n}\nLabelProvider.displayName = 'Label.Provider';\n\n/**\n * Label - A semantic label component for form elements and content\n *\n * Provides accessible labeling for form controls with automatic handling of\n * required/optional states. Integrates with React Aria form components to\n * ensure proper accessibility and screen reader support.\n *\n * @example\n * // Basic label\n * <Label>Username</Label>\n *\n * @example\n * // Required field label\n * <Label isRequired>Email Address</Label>\n *\n * @example\n * // Disabled label\n * <Label isDisabled>Inactive Field</Label>\n */\nexport function Label({ ref, ...props }: LabelProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LabelContext);\n\n  const { children, className, isDisabled, isRequired, ...rest } = props;\n\n  return (\n    <AriaLabel\n      {...rest}\n      className={LabelStyles({ className })}\n      data-disabled={isDisabled || null}\n      data-required={isRequired || null}\n    >\n      {children}\n      {!isRequired && ' (optional)'}\n    </AriaLabel>\n  );\n}\nLabel.displayName = 'Label';\nLabel.Provider = LabelProvider;\n"]}
+{"version":3,"sources":["../../../src/components/label/index.tsx"],"names":["ref","props","useContextProps","LabelContext","b","jsxs","rest","s","m"],"mappings":"iMAsCO,SAAiBA,CAAK,CAAA,CAAA,GAAS,CAAe,CACnD,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,mBAAMG,CAAY,EAE/D,IAAA,CAAMC,YAAE,gBAAU,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAA,UAAY,CAAA,CAAA,CAAA,WAAwBH,CAAAA,CAEjE,GAAA,CAAA,CAAA,CAAA,CACEI,CAAAA,OACMC,IAAAA,CACJC,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAyB,CAAAC,WAAA,CAAA,CAAA,6BACI,CAC7B,CAAA,EAAA,IAAA,CAAA,gBAEC,CAAA,EAAA,IAAA,CAAA,QACe,qBAGtB,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 'client-only';\nimport { Label as AriaLabel, useContextProps } from 'react-aria-components';\nimport { LabelContext } from './context';\nimport { LabelStyles } from './styles';\nimport type { LabelProps } from './types';\n\n/**\n * Label - A semantic label component for form elements and content\n *\n * Provides accessible labeling for form controls with automatic handling of\n * required/optional states. Integrates with React Aria form components to\n * ensure proper accessibility and screen reader support.\n *\n * @example\n * // Basic label\n * <Label>Username</Label>\n *\n * @example\n * // Required field label\n * <Label isRequired>Email Address</Label>\n *\n * @example\n * // Disabled label\n * <Label isDisabled>Inactive Field</Label>\n */\nexport function Label({ ref, ...props }: LabelProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LabelContext);\n\n  const { children, className, isDisabled, isRequired, ...rest } = props;\n\n  return (\n    <AriaLabel\n      {...rest}\n      className={LabelStyles({ className })}\n      data-disabled={isDisabled || null}\n      data-required={isRequired || null}\n    >\n      {children}\n      {!isRequired && ' (optional)'}\n    </AriaLabel>\n  );\n}\n"]}

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ProviderProps } from '../../lib/types.js';
+import { LinkProps } from './types.js';
+import 'react';
+import 'react-aria-components';
+
+declare function LinkProvider({ children, ...props }: ProviderProps<LinkProps>): react_jsx_runtime.JSX.Element;
+
+export { LinkProvider };