@accelint/design-toolkit 2.4.3 → 2.6.0

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

@@ -3,8 +3,8 @@ import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { AccordionProps, AccordionGroupProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps } from './types.js';
 import '../../lib/types.js';
-import './styles.js';
 import 'tailwind-variants';
+import './styles.js';
 
 declare const AccordionContext: react.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 declare function AccordionGroup({ ref, children, className, variant, isDisabled, ...rest }: AccordionGroupProps): react_jsx_runtime.JSX.Element;

package/dist/components/accordion/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,Heading,Button,DisclosurePanel}from'react-aria-components';import {isSlottedContextValue}from'./../../lib/utils.js';import {ChevronDown}from'@accelint/icons';import {createContext,useContext}from'react';import {Icon}from'../icon/index.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';import {jsx,jsxs}from'react/jsx-runtime';var {group:S,accordion:V,header:b,heading:B,trigger:w,panel:z}=AccordionStyles(),a=createContext(null);function P({ref:n,children:r,className:c,variant:o=AccordionStylesDefaults.variant,isDisabled:e,...t}){return jsx(a.Provider,{value:{variant:o,isDisabled:e},children:jsx(DisclosureGroup,{...t,ref:n,className:composeRenderProps(c,p=>S({className:p,variant:o})),children:r})})}P.displayName="Accordion.Group";function g({ref:n,children:r,className:c}){let o=useContext(a),e=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant;return jsx(Icon.Provider,{size:e==="compact"?"small":"large",children:jsx("div",{ref:n,className:b({className:c,variant:e}),children:r})})}g.displayName="Accordion.Header";function v({ref:n,children:r,classNames:c}){let o=useContext(a),e=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:n,className:B({className:c?.heading,variant:e}),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(c?.trigger,t=>w({className:t,variant:e})),children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),r]})})}v.displayName="Accordion.Trigger";function f({ref:n,children:r,className:c,...o}){return jsx(DisclosurePanel,{...o,ref:n,className:composeRenderProps(c,e=>z({className:e})),children:r})}f.displayName="Accordion.Panel";function s({ref:n,...r}){[r,n]=useContextProps(r,n??null,a);let{children:c,className:o,variant:e=AccordionStylesDefaults.variant,isDisabled:t,...p}=r;return jsx(a.Provider,{value:{variant:e,isDisabled:t},children:jsx(Disclosure,{...p,className:composeRenderProps(o,x=>V({className:x})),isDisabled:t,children:c})})}s.displayName="Accordion";s.Group=P;s.Header=g;s.Trigger=v;s.Panel=f;export{s as Accordion,a as AccordionContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import {Kebab,ChevronDown}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,Provider,Header,Heading,DisclosurePanel}from'react-aria-components';import {ButtonContext,Button}from'../button/index.js';import {IconContext,Icon}from'../icon/index.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const {group:z,accordion:E,header:K,heading:L,trigger:M,panel:R}=AccordionStyles(),a=createContext(null);function P({ref:i,children:e,className:c,variant:o=AccordionStylesDefaults.variant,isDisabled:n,...t}){return jsx(a.Provider,{value:{variant:o,isDisabled:n},children:jsx(DisclosureGroup,{...t,ref:i,className:composeRenderProps(c,u=>z({className:u,variant:o})),children:e})})}P.displayName="Accordion.Group";function f({ref:i,children:e,className:c}){const o=useContext(a),n=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,t=(isSlottedContextValue(o)?void 0:o?.isDisabled)??false;return jsx(Provider,{values:[[IconContext,{size:n==="compact"?"small":"large"}],[ButtonContext,{children:jsx(Icon,{children:jsx(Kebab,{})}),variant:"icon",isDisabled:t}]],children:jsx(Header,{ref:i,className:K({className:c,variant:n}),children:e})})}f.displayName="Accordion.Header";function g({ref:i,children:e,classNames:c}){const o=useContext(a),n=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:i,className:L({className:c?.heading,variant:n}),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(c?.trigger,t=>M({className:t,variant:n})),variant:"flat",children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),e]})})}g.displayName="Accordion.Trigger";function v({ref:i,children:e,className:c,...o}){return jsx(DisclosurePanel,{...o,ref:i,className:composeRenderProps(c,n=>R({className:n})),children:e})}v.displayName="Accordion.Panel";function s({ref:i,...e}){[e,i]=useContextProps(e,i??null,a);const{children:c,className:o,variant:n=AccordionStylesDefaults.variant,isDisabled:t,...u}=e;return jsx(a.Provider,{value:{variant:n,isDisabled:t},children:jsx(Disclosure,{...u,className:composeRenderProps(o,x=>E({className:x})),isDisabled:t,children:c})})}s.displayName="Accordion",s.Group=P,s.Header=f,s.Trigger=g,s.Panel=v;export{s as Accordion,a as AccordionContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["header","heading","trigger","panel","AccordionStyles","AccordionContext","createContext","I","AccordionGroup","children","variant","jsx","i","rest","ref","d","AccordionHeader","context","useContext","isSlottedContextValue","l","Icon","A","AccordionTrigger","u","Heading","H","jsxs","N","T","AccordionPanel","DisclosurePanel","C","Accordion","props","useContextProps","G","D","accordion"],"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';\nimport 'client-only';\nimport {\n  Button,\n  type ContextValue,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Heading,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\n\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { ChevronDown } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport { Icon } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n  AccordionGroupProps,\n  AccordionHeaderProps,\n  AccordionPanelProps,\n  AccordionProps,\n  AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = AccordionStylesDefaults.variant,\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          group({\n            className,\n            variant,\n          }),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n\n  return (\n    <Icon.Provider size={variant === 'compact' ? 'small' : 'large'}>\n      <div\n        ref={ref}\n        className={header({\n          className,\n          variant,\n        })}\n      >\n        {children}\n      </div>\n    </Icon.Provider>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n          }),\n        )}\n      >\n        <Icon>\n          <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n        </Icon>\n        {children}\n      </Button>\n    </Heading>\n  );\n}\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\nfunction AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\n\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const {\n    children,\n    className,\n    variant = AccordionStylesDefaults.variant,\n    isDisabled,\n    ...rest\n  } = props;\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        variant,\n        isDisabled,\n      }}\n    >\n      <Disclosure\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          accordion({\n            className,\n          }),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\nAccordion.displayName = 'Accordion';\nAccordion.Group = AccordionGroup;\nAccordion.Header = AccordionHeader;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n"]}
+{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["AccordionContext","AccordionGroup","ref","w","C","children","variant","AccordionStylesDefaults","isDisabled","l","r","jsx","rest","group","H","className","d","context","useContext","isSlottedContextValue","p","T","V","ButtonContext","Icon","S","A","Header","header","b","Heading","classNames","Button","B","ChevronDown","D","composeRenderProps","panel","G","AccordionPanel","props","I","y","Accordion"],"mappings":"ihBAuC2C,CAAA,CAAA,CAAA,SAAS,CAAA,CAAA,CAAA,MAA0B,CAAA,CAEjEA,CAAAA,OACqD,CAAA,CAElE,CAAA,OAAA,CAASC,EAAe,KACtBC,CAAAA,CACA,CAAA,CAAAC,eAAA,EAAA,CAAA,CAAA,CAAAC,aAAAC,CAAAA,IACA,EAAA,SACA,CAAA,CAAA,CAAA,GAAAC,CAAAA,CAAUC,CAAAA,QAAwB,CAClC,CAAA,CAAA,SAAAC,CAAAA,CACA,QAEA,CAAA,CAAA,CAAAC,uBAAA,CAAA,kBAC6B,CAAA,CAAA,CAAO,GAAE,CAAA,CAAA,CAAA,CAAA,OAASC,GAAA,CAAA,CAAA,CAAA,QAC3C,CAAA,CAAA,KAAA,CAAAC,QACMC,CAAAA,CACJ,CAAA,UACA,CAAA,CAAA,CAAA,CAAA,QACEC,CAAAA,GAAM,CACJC,eAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAAC,CACA,CAAA,CAAA,SAEJ,CAAAC,kBAEC,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAX,SAKM,CAAA,CAAA,CAAA,OAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAE7B,CAAA,CAAA,CAAA,CAAA,YAA2BH,iBAAe,CAAA,SACxC,CAAA,CAAA,CAAA,GAAMe,CAAAA,CAAUC,CAAAA,SAESD,CAAO,CAAA,SAAgBA,CAAAA,CAAS,CAAA,CAAA,CAAA,MAAA,CACvDV,CAAAA,UAAwB,4BACpBC,CAAAA,CAAAA,CACHW,CAAAA,MAAiC,CAAA,CAAA,EAAA,OAAqB,GAAAV,uBAAA,CAAA,OAAe,CAExE,CAAA,CAAA,CAAAW,qBAAA,CAAA,CAAA,CACET,CAAAA,oBAEoB,GAAML,KAAY,YAAYe,QAAA,CAAA,CAAA,MAAU,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAQ,IAE9DC,CAAAA,CACA,GACE,SACGC,CAAAA,OACC,CAAA,OAAC,CAAA,CAAM,CAAA,CACTC,aAAA,CAEF,CAAA,QAAS,CAAAf,GAAA,CAAAgB,IAAA,CAAA,CACT,QAAA,CAAAhB,GAAA,CAAAF,KACF,CACF,EACF,CAEA,CAAA,CAAA,CAAA,OAAAG,CAACgB,MACC,CAAKzB,UACL,CAAA,CAAW0B,CAAAA,CAAO,CAChB,CAAA,QAAA,CAAAb,IACAc,MAAA,CAAA,CAAA,GAAA,CAAA,CAAAvB,CACF,SAEC,CAAA,CAAA,CAAAD,UAKO,CAAA,CAAA,CAAA,OAAc,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE9B,cACE,CAAA,4BAGwB,CACxB,CAAA,CAAA,GAAA,CAAMY,CAAAA,CAAUC,QAEbC,CAAAA,CAAsBF,CAAO,YAAyB,CAAA,CAAA,CAAA,MAAA,CACvDV,CAAAA,UAAwB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAa,qBAE1B,CAAA,CAAA,CAAA,CAAA,MACGU,CAAA,CACC,EAAA,OACA,GAAArB,uBAAA,CAAA,OACE,CAAA,OAAWsB,WAAY,CAAA,CAAA,GAAA,CAAA,CAAA,CACvB,SACF,CAAC,CAAA,CAED,CAAA,UAACC,CAAAA,EACC,OAAK,CAAA,OACL,CAAA,CAAA,CAAA,CAAA,CAAA,QAA8BD,CAAAA,IAAY,CAAAE,MAAA,CAAA,CAAA,IAAUlB,CAAAA,SAEhD,CAAA,SACA,CAAAC,kBAAA,CAAA,CAAA,EAAAV,OAGJ,CAAA,CAAA,EAAA,CAAA,CAAQ,UAER,CAAA,CAAA,CAAA,OAACkB,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,OAACU,OAAY,CAAA,QAAU,CAAA,CAAAxB,GAAA,CAAAgB,IAAA,CAAA,CAAA,QAAA,CAAAhB,GAAA,CAAAyB,WAAA,CAAA,CAAA,SAAA,CAAA,+CAOF,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAE/B,CAAA,CAAA,WACE,CAAA,mBAEA,CAAA,SACA,CAAGvB,CACL,CAAA,GACE,CAAA,CAAA,CAAA,QAEK,CAAA,CAAA,CAAGA,kBAEOwB,CAAAA,OACTC,GAAM,CAAEC,eAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAU,CAAC,CACrB,CAAA,SAEC,CAAAjC,kBAAAA,CACH,CAEJ,CACAkC,CAAAA,EAAe,CAAA,CAAA,CAAA,SAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAEtB,CAAA,CAAA,CAAA,CAAA,YAAqBrC,iBACKsC,CAAAA,SAAoBxC,CAAgB,CAAA,CAEnE,GAAA,CAAA,CAAM,CACJ,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAK,CAAAA,CACA,CAAA,CAAAoC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IACA,CAAA,CAAA,CAAA,CAAA,KAAUlC,CAAAA,QAAwB,CAClC,CAAA,CAAA,SAAAC,CAAAA,CACA,QAGF,CAAA,CAAA,CAAAC,uBAAA,CAAA,OACoB,CAAA,UAChB,CAAA,CAAA,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,CAAA,qBAIF,CAAA,CAAA,KAAA,CAAAE,CAAAA,OACMC,CAAAA,CACJ,CAAA,UAAWwB,CAAmBrB,CAAAA,CAAYA,CAAAA,QAEtC,CAAAL,GAAA,CAAAgC,UAAA,CAAA,CAAA,GACD,CACH,CAAA,SACA,CAAA1B,kBAAA,CAAYR,EAEX,CAAA,EAAA,CAAA,CAAA,CAAA,SAKTmC,CAAAA,CAAU,cAAc,CAAA,CAAA,CAAA,QACxBA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ1C,CAAAA,CAClB0C,WACAA,CAAAA,WACAA,CAAAA,CAAU,CAAA,KAAQJ,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,KAAAA,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 { isSlottedContextValue } from '@/lib/utils';\nimport { ChevronDown, Kebab } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n  type ContextValue,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Header,\n  Heading,\n  Provider,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button, ButtonContext } from '../button';\nimport { Icon, IconContext } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n  AccordionGroupProps,\n  AccordionHeaderProps,\n  AccordionPanelProps,\n  AccordionProps,\n  AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = AccordionStylesDefaults.variant,\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          group({\n            className,\n            variant,\n          }),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n        [\n          ButtonContext,\n          {\n            children: (\n              <Icon>\n                <Kebab />\n              </Icon>\n            ),\n            variant: 'icon',\n            isDisabled,\n          },\n        ],\n      ]}\n    >\n      <Header\n        ref={ref}\n        className={header({\n          className,\n          variant,\n        })}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n          }),\n        )}\n        variant='flat'\n      >\n        <Icon>\n          <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n        </Icon>\n        {children}\n      </Button>\n    </Heading>\n  );\n}\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\nfunction AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\n\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const {\n    children,\n    className,\n    variant = AccordionStylesDefaults.variant,\n    isDisabled,\n    ...rest\n  } = props;\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        variant,\n        isDisabled,\n      }}\n    >\n      <Disclosure\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          accordion({\n            className,\n          }),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\nAccordion.displayName = 'Accordion';\nAccordion.Group = AccordionGroup;\nAccordion.Header = AccordionHeader;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n"]}

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

@@ -1,10 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
 
 declare const AccordionStylesDefaults: {
     readonly variant: "cozy";
-    readonly isDisabled: false;
-    readonly isExpanded: false;
 };
 declare const AccordionStyles: tailwind_variants.TVReturnType<{
     variant: {
@@ -55,6 +52,5 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
     trigger: string[];
     panel: string;
 }, undefined, unknown, unknown, undefined>>;
-type AccordionStyleVariants = VariantProps<typeof AccordionStyles>;
 
-export { type AccordionStyleVariants, AccordionStyles, AccordionStylesDefaults };
+export { AccordionStyles, AccordionStylesDefaults };

package/dist/components/accordion/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var o={variant:"cozy",isDisabled:false,isExpanded:false},a=tv({slots:{group:"group/accordion-group flex w-full flex-col",accordion:"group/accordion flex w-full flex-col bg-transparent",header:["fg-default-light flex w-full items-center gap-s rounded-medium p-s outline-none","group-enabled/accordion:hover:bg-interactive-hover-dark group-enabled/accordion:focus-within:bg-interactive-hover-dark","group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed"],heading:"grow",trigger:["flex w-full cursor-pointer items-center rounded-medium outline-none disabled:cursor-not-allowed"],panel:"p-s"},variants:{variant:{cozy:{trigger:"gap-s text-header-m"},compact:{trigger:"gap-xs text-header-s"}}},defaultVariants:o});export{a as AccordionStyles,o as AccordionStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const o={variant:"cozy"},t=tv({slots:{group:"group/accordion-group flex w-full flex-col",accordion:"group/accordion flex w-full flex-col bg-transparent",header:["fg-default-light flex w-full items-center gap-s rounded-medium px-s py-xs outline-none","group-enabled/accordion:hover:bg-interactive-hover-dark group-enabled/accordion:focus-within:bg-interactive-hover-dark","group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed"],heading:"grow",trigger:["flex w-full cursor-pointer items-center justify-start size-medium:px-0 disabled:cursor-not-allowed"],panel:"p-s"},variants:{variant:{cozy:{trigger:"gap-s text-header-m"},compact:{trigger:"gap-xs text-header-s"}}},defaultVariants:o});export{t as AccordionStyles,o as AccordionStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/accordion/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/styles.ts"],"names":["tv","e"],"mappings":"sCAgBE,IAAA,CAAA,CAAA,CAAA,OAAS,CACT,MAAA,CAAA,UACA,CAAA,KAAA,CAAA,UAG6BA,CAAAA,KAC7B,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAO,CACL,KAAA,CAAO,CAAA,KAAA,CAAA,4CACP,CAAA,SAAW,CAAA,qDACX,CAAQ,MACN,CAAA,CAAA,iFACA,CAAA,wHACA,CAAA,kFAEF,CAAA,CAAA,OAAS,CACT,MAAA,CAAA,OACE,CAAA,CAAA,iGAEF,CAAO,CAAA,KACT,CACA,KAAA,CAAA,CAAA,QACE,CAAA,CAAA,OACQ,CACJ,CAAA,IAAA,CAAA,CAAA,OAAS,CAAA,qBAEX,CAAA,CAAA,OACE,CAAA,CAAA,OAAS,CAAA,sBAIf,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const AccordionStylesDefaults = {\n  variant: 'cozy',\n  isDisabled: false,\n  isExpanded: false,\n} as const;\n\nexport const AccordionStyles = tv({\n  slots: {\n    group: 'group/accordion-group flex w-full flex-col',\n    accordion: 'group/accordion flex w-full flex-col bg-transparent',\n    header: [\n      'fg-default-light flex w-full items-center gap-s rounded-medium p-s outline-none',\n      'group-enabled/accordion:hover:bg-interactive-hover-dark group-enabled/accordion:focus-within:bg-interactive-hover-dark',\n      'group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed',\n    ],\n    heading: 'grow',\n    trigger: [\n      'flex w-full cursor-pointer items-center rounded-medium outline-none disabled:cursor-not-allowed',\n    ],\n    panel: 'p-s',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        trigger: 'gap-s text-header-m',\n      },\n      compact: {\n        trigger: 'gap-xs text-header-s',\n      },\n    },\n  },\n  defaultVariants: AccordionStylesDefaults,\n});\n\nexport type AccordionStyleVariants = VariantProps<typeof AccordionStyles>;\n"]}
+{"version":3,"sources":["../../../src/components/accordion/styles.ts"],"names":["AccordionStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAkBC,MAC7B,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CACP,CAAW,SAAA,CAAA,qDAET,CAAA,MAAA,CAAA,CAAA,wFACA,CAAA,wHACA,CAAA,kFAEO,SACT,CAAA,MACE,CAAA,OAAA,CAAA,CAAA,oGAEK,CAAA,CAAA,KAET,CAAA,KAAA,CAAU,CACR,QAAS,CACP,CAAA,aACW,CAAA,CAAA,OAAA,CAAA,qBAEF,CACP,CAAA,OAAS,CAAA,CAAA,OAAA,CAAA,sBAIf,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const AccordionStylesDefaults = {\n  variant: 'cozy',\n} as const;\n\nexport const AccordionStyles = tv({\n  slots: {\n    group: 'group/accordion-group flex w-full flex-col',\n    accordion: 'group/accordion flex w-full flex-col bg-transparent',\n    header: [\n      'fg-default-light flex w-full items-center gap-s rounded-medium px-s py-xs outline-none',\n      'group-enabled/accordion:hover:bg-interactive-hover-dark group-enabled/accordion:focus-within:bg-interactive-hover-dark',\n      'group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed',\n    ],\n    heading: 'grow',\n    trigger: [\n      'flex w-full cursor-pointer items-center justify-start size-medium:px-0 disabled:cursor-not-allowed',\n    ],\n    panel: 'p-s',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        trigger: 'gap-s text-header-m',\n      },\n      compact: {\n        trigger: 'gap-xs text-header-s',\n      },\n    },\n  },\n  defaultVariants: AccordionStylesDefaults,\n});\n"]}

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

@@ -1,20 +1,19 @@
 import { RenderPropsClassName } from '../../lib/types.js';
-import { RefAttributes, PropsWithChildren } from 'react';
-import { DisclosureProps, DisclosureGroupProps, ButtonRenderProps, DisclosurePanelProps } from 'react-aria-components';
-import { AccordionStyleVariants } from './styles.js';
-import 'tailwind-variants';
+import { RefAttributes, ComponentPropsWithRef } from 'react';
+import { DisclosureProps, DisclosureGroupProps, Heading, ButtonRenderProps, DisclosurePanelProps } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
+import { AccordionStyles } from './styles.js';
 
+type AccordionStyleVariants = VariantProps<typeof AccordionStyles>;
 type AccordionGroupProps = DisclosureGroupProps & Pick<AccordionStyleVariants, 'variant'> & RefAttributes<HTMLDivElement>;
 type AccordionProps = DisclosureProps & Pick<AccordionStyleVariants, 'variant'> & RefAttributes<HTMLDivElement>;
-type AccordionHeaderProps = PropsWithChildren<{
-    className?: string;
-}> & RefAttributes<HTMLDivElement>;
-type AccordionTriggerProps = PropsWithChildren<{
+type AccordionHeaderProps = ComponentPropsWithRef<'header'>;
+type AccordionTriggerProps = Omit<ComponentPropsWithRef<typeof Heading>, 'className'> & {
     classNames?: {
         heading?: string;
         trigger?: RenderPropsClassName<ButtonRenderProps>;
     };
-}> & RefAttributes<HTMLDivElement>;
+};
 type AccordionPanelProps = DisclosurePanelProps & RefAttributes<HTMLDivElement>;
 
-export type { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps };
+export type { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionStyleVariants, AccordionTriggerProps };

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

@@ -1,13 +1,15 @@
 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 { AvatarProps, AvatarProviderProps } from './types.js';
+import { AvatarProps } from './types.js';
 import '@radix-ui/react-avatar';
 import 'tailwind-variants';
 import './styles.js';
+import 'tailwind-merge';
 
 declare const AvatarContext: react.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
-declare function AvatarProvider({ children, ...props }: AvatarProviderProps): react_jsx_runtime.JSX.Element;
+declare function AvatarProvider({ children, ...props }: ProviderProps<AvatarProps>): react_jsx_runtime.JSX.Element;
 declare namespace AvatarProvider {
     var displayName: string;
 }

package/dist/components/avatar/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {spacingXs}from'./../../tokens.js';import {Person}from'@accelint/icons';import {Root,Image,Fallback}from'@radix-ui/react-avatar';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {Badge}from'../badge/index.js';import {Icon}from'../icon/index.js';import {AvatarStyles}from'./styles.js';import {jsx,jsxs}from'react/jsx-runtime';var {avatar:C,image:b,fallback:k,content:I}=AvatarStyles(),i=createContext(null);function l({children:o,...e}){return jsx(i.Provider,{value:e,children:o})}l.displayName="Avatar.Provider";function n({ref:o,...e}){[e,o]=useContextProps(e,o??null,i);let{children:c,classNames:t,fallbackProps:s,imageProps:p,size:r="medium",...v}=e;return jsx(Icon.Provider,{size:r==="medium"?"large":"medium",children:jsxs(Root,{...v,className:C({size:r,className:t?.avatar}),role:"img","data-size":r,children:[jsx(Image,{...p,className:b({className:t?.image,size:r})}),jsx(Fallback,{...s,className:k({className:t?.fallback,size:r}),children:s?.children||jsx(Icon,{children:jsx(Person,{})})}),jsx(Badge.Provider,{offset:spacingXs,placement:"top right",children:jsx("span",{className:I({className:t?.content,size:r}),children:c})})]})})}n.displayName="Avatar";n.Provider=l;export{n as Avatar,i as AvatarContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {spacingXs}from'./../../tokens/index.js';import {Person}from'@accelint/icons';import {Root,Image,Fallback}from'@radix-ui/react-avatar';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {Badge}from'../badge/index.js';import {Icon}from'../icon/index.js';import {AvatarStyles}from'./styles.js';const {avatar:b,image:C,fallback:k,content:I}=AvatarStyles(),i=createContext(null);function l({children:e,...o}){return jsx(i.Provider,{value:o,children:e})}l.displayName="Avatar.Provider";function n({ref:e,...o}){[o,e]=useContextProps(o,e??null,i);const{children:p,classNames:t,fallbackProps:s,imageProps:c,size:r="medium",...v}=o;return jsx(Icon.Provider,{size:r==="medium"?"large":"medium",children:jsxs(Root,{...v,ref:e,className:b({size:r,className:t?.avatar}),role:"img","data-size":r,children:[jsx(Image,{...c,className:C({className:t?.image,size:r})}),jsx(Fallback,{...s,className:k({className:t?.fallback,size:r}),children:s?.children||jsx(Icon,{children:jsx(Person,{})})}),jsx(Badge.Provider,{offset:spacingXs,placement:"top right",children:jsx("span",{className:I({className:t?.content,size:r}),children:p})})]})})}n.displayName="Avatar",n.Provider=l;export{n as Avatar,i as AvatarContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["avatar","image","fallback","content","createContext","y","N","AvatarProvider","children","jsx","AvatarContext","a","Avatar","props","ref","useContextProps","g","Icon","m","size","jsxs","h","A","classNames","imageProps","Fallback","fallbackProps","f","Badge","x","d"],"mappings":"4YAwBQA,IAAQ,CAAA,MAAAC,CAAO,CAAA,CAAA,KAAA,CAAA,CAAAC,CAAAA,QAAU,CAAAC,CAAQ,CAAA,OAGvCC,CAAAA,CAA0D,CAAA,CAAAC,YAAA,EAAI,CAEhE,CAAA,CAAAC,aAAA,CAAA,IAAA,EAASC,WAAiBC,CAAAA,QACxB,CAAA,CAAA,CAAA,GAAA,CACEC,EAACC,CAAAA,OAAcC,GAAA,CAAA,CAAd,CAAuB,QAAe,CAAA,CAAA,KAAA,CAAA,CAAAH,SAG5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,iBAEbI,UAAc,CAAA,CAAGC,CAAM,GACrC,CAACA,CAAAA,CAAOC,GAAOC,CAAAA,CAAgBF,CAAAA,CAAOC,GAAO,CAAA,CAAA,CAAAE,eAAA,CAAMN,CAAa,CAAA,CAEhE,EAAA,IACE,CAAA,CAAA,CAAA,CAAA,GAAAF,CAAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,aACA,CAAA,CAAA,CAAA,UACO,CAAA,CAAA,CAAA,IAAA,CAAA,CACP,CAAA,QAGF,CAAA,GAAA,CAAA,CACEC,EAACQ,CAAAA,OAAKN,GAAA,CAAAO,IAAL,CAAc,QAAMC,CAAS,CAAA,IAAA,CAAA,CAAA,WAAqB,CAAA,OACjD,CAAA,QAAAC,CAAAA,SAEEC,IAAA,CAAAC,IAAA,CAAA,CAAA,GAAA,CAAA,CAAWtB,SAASmB,CAAM,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAWI,SAAmB,CAAC,CAAA,EACzD,MAAK,CAAA,CAAA,CAAA,IACL,CAAA,KAAA,CAAA,WAEA,CAAA,CAAA,CAAAd,QACMe,CAAAA,CACJb,gBAAWV,SAAQ,CAAA,CAAA,CAAA,CAAWsB,SAAmB,CAAA,CAAA,EAAA,KACnD,CAAA,IACCE,CAAA,CACE,CAAA,CAAA,CAAGC,EACJf,GAAA,CAAAgB,QAAA,CAAA,CAAA,GAAA,CAAA,CAAWzB,SAAW,CAAA,CAAA,CAAA,CAAWqB,SAAY,CAAA,CAAA,UAE5C,CAAA,IAAA,CAAA,CAAA,CAAA,CAAAG,CAAAA,QAAe,CAAA,CAAA,EACdjB,QACE,EAAAE,GAAA,CAAAO,IAAA,CAAAT,CAAAA,QACF,CAEJE,GAAA,CACAF,MAAAA,CAACmB,EAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAjB,GAAA,CAAAkB,KAAN,CAAe,SAAmB,CAAA,MAAA,CAAAC,SAAA,CAAU,SAAA,CAAA,WAC3CrB,CAAAA,QAAC,CAAKE,GAAA,CAAA,MAAA,CAAA,CAAWR,SAAU,CAAA,CAAA,CAAA,CAAWoB,SAAY,CAAA,CAAS,EAAA,OACxD,CAAA,IAAA,CAAA,CAAA,CAAA,CAAAf,CAAAA,QAIT,CAEJ,CACAI,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WACPA,CAAAA,QAAO,CAAA,CAAWL,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'use client';\n\nimport 'client-only';\nimport { spacingXs } from '@/tokens';\nimport { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { Badge } from '../badge';\nimport { Icon } from '../icon';\nimport { AvatarStyles } from './styles';\nimport type { AvatarProps, AvatarProviderProps } from './types';\n\nconst { avatar, image, fallback, content } = AvatarStyles();\n\nexport const AvatarContext =\n  createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\nfunction AvatarProvider({ children, ...props }: AvatarProviderProps) {\n  return (\n    <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n  );\n}\nAvatarProvider.displayName = 'Avatar.Provider';\n\nexport function Avatar({ ref, ...props }: AvatarProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AvatarContext);\n\n  const {\n    children,\n    classNames,\n    fallbackProps,\n    imageProps,\n    size = 'medium',\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        className={avatar({ size, className: classNames?.avatar })}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={image({ className: classNames?.image, size })}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={fallback({ className: classNames?.fallback, size })}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <Badge.Provider offset={spacingXs} placement='top right'>\n          <span className={content({ className: classNames?.content, size })}>\n            {children}\n          </span>\n        </Badge.Provider>\n      </Root>\n    </Icon.Provider>\n  );\n}\nAvatar.displayName = 'Avatar';\nAvatar.Provider = AvatarProvider;\n"]}
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["AvatarStyles","createContext","children","props","N","AvatarContext","a","Avatar","g","classNames","fallbackProps","imageProps","jsxs","Root","ref","h","A","Image","u","fallback","f","size","jsx","Person","Badge","m","P","y","d","AvatarProvider"],"mappings":"kZAyByC,MAAIA,CAAAA,MAG3CC,CAA0D,CAAA,CAAA,KAE5D,CAAA,CAAA,CAAA,QAA0B,UAAAC,CAAU,CAAA,CAAA,CAAGC,YAAM,EAA+B,CAC1E,CAAA,CAAAC,aAAA,CAAA,MACGC,SAAc,CAAd,CAAuB,CAAA,QAAe,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAH,CAAAA,CAAS,OAGrCI,GAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAEtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAASC,CAAAA,WAAiBJ,CAAM,2BAGrC,CAAA,CAAM,CACJ,GAAA,CAAA,CAAA,CAAA,GAAAD,CAAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAM,eAAA,CAAA,CAAAC,CAAAA,CACA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,KAAAC,CACA,QAAA,CAAA,CAAA,CAAAC,0BAKF,CAAA,CAAA,CAAA,UACQ,CAAA,CAAA,CAAA,IAAL,CAAc,CAAA,CAAA,QAAe,CAAA,GAAA,CAAA,CAAA,CAAA,CAAW,CAAA,OAAUL,iBACjD,CAAA,CAAA,IAAAM,CAAAA,CAACC,GACE,QACD,CAAKC,OACL,CAAA,QAAoB,CAAA,QAAM,CAAAC,IAAA,CAAAC,IAAA,CAAA,CAAA,IAAuB,CAAA,GAAA,CAAA,CAAO,CAAC,SACpD,CAAA,CAAA,CAAA,CACL,IAAA,CAAA,CAAA,CAAA,SAEA,CAAA,CAAA,EAAA,MAACC,CAAAA,CAAA,CACE,IAAGN,CACJ,iBAAmB,CAAA,CAAA,CAAA,QAAuB,CAAA,CAAAL,GAAA,CAAOY,KAAA,CAAA,CAAA,GAAK,CAAC,CAAA,SAGtD,CAAA,CAAGR,EACJ,SAAA,CAAWS,CAAAA,EAAW,KAAA,CAAA,IAAWV,CAAAA,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAAH,GAAA,CAAAc,QAAA,CAAA,CAAU,KAAAC,SAEtD,CAAA,CAAA,CAAA,CAAAX,SAAe,CAAA,CAAA,EACdY,QACE,CAAA,IAAA,CAAAA,CAAAA,CAACC,CAAAA,CAAA,QAIPD,CAAAA,CAACE,EAAM,QAAA,EAASlB,GAAA,CAAAmB,IAAA,CAAA,CAAA,QAAmB,CAAAnB,GAAA,CAAAoB,MAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAApB,GAAA,CAAAqB,KAAA,CAAA,QAC3C,CAAA,CAAAL,MAAC,CAAAM,SAAA,CAAA,SAAK,CAAA,WAAqB,CAAA,QAAuB,CAAAtB,GAAA,CAAA,MAAS,CAAAe,CAAK,SAC7D,CAAA,CAAA,CAAAnB,CAAAA,SAMb,CACAK,CAAAA,EAAO,OAAA,CAAA,IAAc,CAAA,CAAA,CAAA,CAAA,CAAA,QACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWsB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,WAAAA,CAAAA,QAAAA,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'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { spacingXs } from '@/tokens';\nimport { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { Badge } from '../badge';\nimport { Icon } from '../icon';\nimport { AvatarStyles } from './styles';\nimport type { AvatarProps } from './types';\n\nconst { avatar, image, fallback, content } = AvatarStyles();\n\nexport const AvatarContext =\n  createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\nfunction AvatarProvider({ children, ...props }: ProviderProps<AvatarProps>) {\n  return (\n    <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n  );\n}\nAvatarProvider.displayName = 'Avatar.Provider';\n\nexport function Avatar({ ref, ...props }: AvatarProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AvatarContext);\n\n  const {\n    children,\n    classNames,\n    fallbackProps,\n    imageProps,\n    size = 'medium',\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        ref={ref}\n        className={avatar({ size, className: classNames?.avatar })}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={image({ className: classNames?.image, size })}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={fallback({ className: classNames?.fallback, size })}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <Badge.Provider offset={spacingXs} placement='top right'>\n          <span className={content({ className: classNames?.content, size })}>\n            {children}\n          </span>\n        </Badge.Provider>\n      </Root>\n    </Icon.Provider>\n  );\n}\nAvatar.displayName = 'Avatar';\nAvatar.Provider = AvatarProvider;\n"]}

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

@@ -1,21 +1,22 @@
 import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
 
 declare const AvatarStyles: tailwind_variants.TVReturnType<{
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            image?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            image?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
+        [x: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {
@@ -25,11 +26,11 @@ declare const AvatarStyles: tailwind_variants.TVReturnType<{
     content: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: tailwind_variants.ClassValue | {
-            content?: tailwind_variants.ClassValue;
-            image?: tailwind_variants.ClassValue;
-            fallback?: tailwind_variants.ClassValue;
-            avatar?: tailwind_variants.ClassValue;
+        [key: string]: tailwind_merge.ClassNameValue | {
+            content?: tailwind_merge.ClassNameValue;
+            image?: tailwind_merge.ClassNameValue;
+            fallback?: tailwind_merge.ClassNameValue;
+            avatar?: tailwind_merge.ClassNameValue;
         };
     };
 } | {}, {

package/dist/components/avatar/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var r=tv({slots:{avatar:["group/avatar grid [grid-template-areas:'content'] rounded-full bg-surface-overlay fg-default-dark","size-medium:size-[32px] size-medium:text-header-m","size-small:size-xl size-small:text-header-xs"],image:"size-full overflow-hidden rounded-full object-cover object-center [grid-area:content]",fallback:"flex size-full items-center justify-center [grid-area:content]",content:"relative flex size-full items-center justify-center [grid-area:content]"}});export{r as AvatarStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const r=tv({slots:{avatar:["group/avatar grid [grid-template-areas:'content'] rounded-full bg-surface-overlay fg-default-dark","size-medium:size-[32px] size-medium:text-header-m","size-small:size-xl size-small:text-header-xs"],image:"size-full overflow-hidden rounded-full object-cover object-center [grid-area:content]",fallback:"flex size-full items-center justify-center [grid-area:content]",content:"relative flex size-full items-center justify-center [grid-area:content]"}});export{r as AvatarStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/avatar/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/styles.ts"],"names":["e"],"mappings":"sCAeE,IAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAA,CAAA,CAAQ,2GAEN,CAAA,mDACA,CAAA,8CAEF,CACE,CAAA,KAAA,CAAA,gGACQ,CAAA,gEACV,CAAA,OACE,CAAA,yEAEL,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const AvatarStyles = tv({\n  slots: {\n    avatar: [\n      `group/avatar grid [grid-template-areas:'content'] rounded-full bg-surface-overlay fg-default-dark`,\n      'size-medium:size-[32px] size-medium:text-header-m',\n      'size-small:size-xl size-small:text-header-xs',\n    ],\n    image:\n      'size-full overflow-hidden rounded-full object-cover object-center [grid-area:content]',\n    fallback: 'flex size-full items-center justify-center [grid-area:content]',\n    content:\n      'relative flex size-full items-center justify-center [grid-area:content]',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/avatar/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,6GACA,CAAA,mDACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,uFACQ,CAAA,QAAA,CAAA,gEAER,CAAA,OAAA,CAAA,yEAEL,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const AvatarStyles = tv({\n  slots: {\n    avatar: [\n      `group/avatar grid [grid-template-areas:'content'] rounded-full bg-surface-overlay fg-default-dark`,\n      'size-medium:size-[32px] size-medium:text-header-m',\n      'size-small:size-xl size-small:text-header-xs',\n    ],\n    image:\n      'size-full overflow-hidden rounded-full object-cover object-center [grid-area:content]',\n    fallback: 'flex size-full items-center justify-center [grid-area:content]',\n    content:\n      'relative flex size-full items-center justify-center [grid-area:content]',\n  },\n});\n"]}

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

@@ -1,19 +1,19 @@
 import { Avatar, Fallback, Image } from '@radix-ui/react-avatar';
-import { RefAttributes, ComponentProps, PropsWithChildren } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { VariantProps } from 'tailwind-variants';
 import { AvatarStyles } from './styles.js';
+import 'tailwind-merge';
 
-type AvatarProps = RefAttributes<HTMLSpanElement> & Omit<ComponentProps<typeof Avatar>, 'className'> & VariantProps<typeof AvatarStyles> & PropsWithChildren<{
+type AvatarProps = Omit<ComponentPropsWithRef<'span'>, 'className'> & Omit<ComponentPropsWithRef<typeof Avatar>, 'className'> & VariantProps<typeof AvatarStyles> & {
     classNames?: {
         avatar?: string;
         image?: string;
         fallback?: string;
         content?: string;
     };
-    fallbackProps?: Omit<ComponentProps<typeof Fallback>, 'className'>;
-    imageProps?: Omit<ComponentProps<typeof Image>, 'className'>;
+    fallbackProps?: Omit<ComponentPropsWithRef<typeof Fallback>, 'className'>;
+    imageProps?: Omit<ComponentPropsWithRef<typeof Image>, 'className'>;
     size?: 'medium' | 'small';
-}>;
-type AvatarProviderProps = PropsWithChildren<AvatarProps>;
+};
 
-export type { AvatarProps, AvatarProviderProps };
+export type { AvatarProps };

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

@@ -1,13 +1,14 @@
 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 { BadgeProps, BadgeProviderProps } from './types.js';
+import { BadgeProps } from './types.js';
 import '@react-types/overlays';
 import 'tailwind-variants';
 import './styles.js';
 
 declare const BadgeContext: react.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
-declare function BadgeProvider({ children, ...props }: BadgeProviderProps): react_jsx_runtime.JSX.Element;
+declare function BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>): react_jsx_runtime.JSX.Element;
 declare namespace BadgeProvider {
     var displayName: string;
 }

package/dist/components/badge/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {BadgeStylesDefaults,BadgeStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var o=createContext(null);function r({children:t,...a}){return jsx(o.Provider,{value:a,children:t})}r.displayName="Badge.Provider";function n({ref:t,...a}){[a,t]=useContextProps(a,t??null,o);let{className:s,offset:e,placement:l,variant:p=BadgeStylesDefaults.variant,...i}=a;return jsx("span",{...i,ref:t,className:BadgeStyles({className:s,variant:p}),"data-offset-x":typeof e=="number"?e:e?.x,"data-offset-y":typeof e=="number"?e:e?.y,"data-placement":l||null})}n.displayName="Badge";n.Provider=r;export{n as Badge,o as BadgeContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps}from'react-aria-components';import {BadgeStylesDefaults,BadgeStyles}from'./styles.js';const r=createContext(null);function a({children:t,...o}){return jsx(r.Provider,{value:o,children:t})}a.displayName="Badge.Provider";function n({ref:t,...o}){[o,t]=useContextProps(o,t??null,r);const{className:p,offset:e,placement:s,variant:l=BadgeStylesDefaults.variant,...i}=o;return jsx("span",{...i,ref:t,className:BadgeStyles({className:p,variant:l}),"data-offset-x":typeof e=="number"?e:e?.x,"data-offset-y":typeof e=="number"?e:e?.y,"data-placement":s||null})}n.displayName="Badge",n.Provider=a;export{n as Badge,r as BadgeContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["BadgeContext","createContext","BadgeProvider","children","jsx","props","Badge","ref","useContextProps","className","offset","placement","variant","BadgeStylesDefaults","rest","BadgeStyles"],"mappings":"wMAmBaA,IAAAA,CACXC,CAAAA,aAAyD,CAAA,IAAI,EAE/D,SAASC,CAAc,CAAE,CAAA,QAAAC,CAAAA,CAAU,CAAA,GAAS,CAAA,CAAuB,CACjE,CAAA,OACEC,GAACJ,CAAAA,CAAa,CAAA,QAAb,CAAsB,CAAA,KAAOK,CAAAA,CAAQ,CAAA,QAAAF,CAAAA,CAAS,CAEnD,CACAD,CAAAA,CAAc,CAAA,WAAc,CAAA,gBAErB,CAAA,SAASI,CAAM,CAAE,CAAA,GAAAC,CAAAA,CAAK,CAAA,GAAS,CAAA,CAAe,CACnD,CAACF,CAAAA,CAAOE,CAAG,CAAA,CAAIC,CAAAA,eAAgBH,EAAOE,CAAAA,CAAAA,EAAO,IAAMP,CAAY,CAAA,CAE/D,CAAA,GACE,CAAA,SAAAS,CAAAA,CACA,CAAA,MAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,OAAAC,CAAAA,CAAUC,CAAAA,mBAAoB,CAAA,OAC9B,CAAA,GACF,CAAA,CAAIR,CAAAA,CAEJ,CAAA,OACED,GAAC,CAAA,MAAA,CACE,CAAA,GAAGU,CACJ,CAAA,GAAKP,CAAAA,CACL,CAAA,SAAWQ,CAAAA,WAAY,CACrB,UAAAN,CAAAA,CACA,CAAA,OAAAG,CACF,CAAC,CAAA,CACD,CAAA,eAAe,CAAA,OAAOF,CAAAA,EAAW,QAAWA,CAAAA,CAASA,CAAAA,CAAAA,EAAQ,CAC7D,CAAA,eAAe,CAAA,OAAOA,CAAAA,EAAW,QAAWA,CAAAA,CAASA,CAAAA,CAAAA,EAAQ,CAC7D,CAAA,gBAAgBC,CAAAA,CAAAA,EAAa,IAC/B,CAEJ,CACAL,CAAAA,CAAM,CAAA,WAAc,CAAA,OACpBA,CAAAA,CAAM,CAAA,QAAWJ,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 { BadgeStyles, BadgeStylesDefaults } from './styles';\nimport type { BadgeProps, BadgeProviderProps } from './types';\n\nexport const BadgeContext =\n  createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\nfunction BadgeProvider({ children, ...props }: BadgeProviderProps) {\n  return (\n    <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n  );\n}\nBadgeProvider.displayName = 'Badge.Provider';\n\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const {\n    className,\n    offset,\n    placement,\n    variant = BadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={BadgeStyles({\n        className,\n        variant,\n      })}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\nBadge.displayName = 'Badge';\nBadge.Provider = BadgeProvider;\n"]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["createContext","m","props","d","BadgeProvider","ref","useContextProps","BadgeStylesDefaults","P","rest","offset","Badge"],"mappings":"wMAqBEA,MAAyD,CAAA,CAAAC,aAAA,CAAI,IAE/D,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,gBAErB,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,KACE,CAAA,SACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,OAAUE,CAAoB,CAAA,CAAAC,mBAAA,CAAA,OAC3BC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,MACE,CAAGM,CAAAA,GACJ,CAAA,CAAKJ,GACL,CAAA,CAAA,CAAA,SACE,uBACA,CAAA,CAAA,CAAA,OACD,CACD,CAAA,CAAA,CAAA,CAAA,eAAe,CAAA,OAAkB,CAAA,EAAA,QAAoBK,CAAAA,CAAQ,CAAA,CAC7D,EAAA,CAAA,CAAA,eAAe,CAAA,OAAkB,CAAA,EAAA,QAAoBA,CAAAA,CAAQ,CAAA,CAC7D,EAAA,CAAA,CAAA,gBAA6B,CAAA,CAAA,EAAA,IAInCC,CAAM,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,OACd,CAAA,CAAA,CAAA,QAAWP,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 type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { BadgeStyles, BadgeStylesDefaults } from './styles';\nimport type { BadgeProps } from './types';\n\nexport const BadgeContext =\n  createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\nfunction BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>) {\n  return (\n    <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n  );\n}\nBadgeProvider.displayName = 'Badge.Provider';\n\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const {\n    className,\n    offset,\n    placement,\n    variant = BadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={BadgeStyles({\n        className,\n        variant,\n      })}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\nBadge.displayName = 'Badge';\nBadge.Provider = BadgeProvider;\n"]}

package/dist/components/badge/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var e={variant:"info"},l=tv({base:["group/badge fg-default-light inline-flex items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:px-none","[&[data-placement]]:absolute","placement-top:-translate-y-1/2 placement-top:top-[attr(data-offset-y_px,0px)]","placement-right:right-[attr(data-offset-x_px,0px)] placement-right:translate-x-1/2","placement-bottom:bottom-[attr(data-offset-y_px,0px)] placement-bottom:translate-y-1/2","placement-left:-translate-x-1/2 placement-left:left-[attr(data-offset-x_px,0px)]"],variants:{variant:{info:"bg-info-subtle outline-info-bold",advisory:"bg-advisory-subtle outline-advisory-bold",normal:"bg-normal-subtle outline-normal",serious:"bg-serious-subtle outline-serious",critical:"bg-critical-subtle outline-critical"}},defaultVariants:e});export{l as BadgeStyles,e as BadgeStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const e={variant:"info"},l=tv({base:["group/badge fg-default-light inline-flex items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:px-none","[&[data-placement]]:absolute","placement-top:-translate-y-1/2 placement-top:top-[attr(data-offset-y_px,0px)]","placement-right:right-[attr(data-offset-x_px,0px)] placement-right:translate-x-1/2","placement-bottom:bottom-[attr(data-offset-y_px,0px)] placement-bottom:translate-y-1/2","placement-left:-translate-x-1/2 placement-left:left-[attr(data-offset-x_px,0px)]"],variants:{variant:{info:"bg-info-subtle outline-info-bold",advisory:"bg-advisory-subtle outline-advisory-bold",normal:"bg-normal-subtle outline-normal",serious:"bg-serious-subtle outline-serious",critical:"bg-critical-subtle outline-critical"}},defaultVariants:e});export{l as BadgeStyles,e as BadgeStylesDefaults};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

package/dist/components/badge/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge/styles.ts"],"names":["t"],"mappings":"sCAeE,IAAA,CAAA,CAAA,CAAA,OACF,CAAA,MAGE,CAAA,CAAA,CAAA,CAAAA,EAAM,CACJ,CAAA,IAAA,CAAA,CAAA,yIACA,CAAA,8GAEA,CAAA,oFACA,CAAA,uFACA,CAAA,4FAGA,CAAA,CAAA,OACQ,CAAA,CAAA,IAAA,CAAA,2CACI,CAAA,0CACV,CAAQ,MAAA,CAAA,iCACR,CAAA,2CACA,CAAA,QAAU,CAAA,qCAGd,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const BadgeStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BadgeStyles = tv({\n  base: [\n    'group/badge fg-default-light inline-flex items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:px-none',\n    '[&[data-placement]]:absolute',\n    'placement-top:-translate-y-1/2 placement-top:top-[attr(data-offset-y_px,0px)]',\n    'placement-right:right-[attr(data-offset-x_px,0px)] placement-right:translate-x-1/2',\n    'placement-bottom:bottom-[attr(data-offset-y_px,0px)] placement-bottom:translate-y-1/2',\n    'placement-left:-translate-x-1/2 placement-left:left-[attr(data-offset-x_px,0px)]',\n  ],\n  variants: {\n    variant: {\n      info: 'bg-info-subtle outline-info-bold',\n      advisory: 'bg-advisory-subtle outline-advisory-bold',\n      normal: 'bg-normal-subtle outline-normal',\n      serious: 'bg-serious-subtle outline-serious',\n      critical: 'bg-critical-subtle outline-critical',\n    },\n  },\n  defaultVariants: BadgeStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/badge/styles.ts"],"names":["BadgeStyles","tv","t"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAcC,MACzB,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,yIACA,CAAA,8GAEA,CAAA,oFACA,CAAA,uFACA,CAAA,mFAEQ,CACR,QAAS,CACP,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,kCACI,CAAA,QAAA,CAAA,0CACF,CAAA,MAAA,CAAA,6EAEE,CAAA,QAAA,CAAA,qCAGd,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.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 { tv } from '@/lib/utils';\n\nexport const BadgeStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BadgeStyles = tv({\n  base: [\n    'group/badge fg-default-light inline-flex items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:px-none',\n    '[&[data-placement]]:absolute',\n    'placement-top:-translate-y-1/2 placement-top:top-[attr(data-offset-y_px,0px)]',\n    'placement-right:right-[attr(data-offset-x_px,0px)] placement-right:translate-x-1/2',\n    'placement-bottom:bottom-[attr(data-offset-y_px,0px)] placement-bottom:translate-y-1/2',\n    'placement-left:-translate-x-1/2 placement-left:left-[attr(data-offset-x_px,0px)]',\n  ],\n  variants: {\n    variant: {\n      info: 'bg-info-subtle outline-info-bold',\n      advisory: 'bg-advisory-subtle outline-advisory-bold',\n      normal: 'bg-normal-subtle outline-normal',\n      serious: 'bg-serious-subtle outline-serious',\n      critical: 'bg-critical-subtle outline-critical',\n    },\n  },\n  defaultVariants: BadgeStylesDefaults,\n});\n"]}

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

@@ -1,9 +1,9 @@
 import { Axis } from '@react-types/overlays';
-import { RefAttributes, HTMLAttributes, PropsWithChildren } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { VariantProps } from 'tailwind-variants';
 import { BadgeStyles } from './styles.js';
 
-type BadgeProps = RefAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & VariantProps<typeof BadgeStyles> & {
+type BadgeProps = ComponentPropsWithRef<'span'> & VariantProps<typeof BadgeStyles> & {
     children?: string;
     offset?: number | {
         x?: number;
@@ -11,6 +11,5 @@ type BadgeProps = RefAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElemen
     };
     placement?: Axis | `${'top' | 'bottom'} ${'left' | 'right'}`;
 };
-type BadgeProviderProps = PropsWithChildren<Omit<BadgeProps, 'children'>>;
 
-export type { BadgeProps, BadgeProviderProps };
+export type { BadgeProps };

package/dist/components/box/index.js

@@ -1,2 +1,2 @@
-import {cx}from'cva';import {jsx}from'react/jsx-runtime';var u=({as:r="div",className:o,flex:e,direction:a="row",justify:t,align:n,gap:s,children:c,...i})=>{let l=cx(e&&"flex",e&&(a==="col"?"flex-col":"flex-row"),t&&{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"}[t],n&&{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"}[n],s!==void 0&&`gap-${s}`,o);return jsx(r,{className:l,...i,children:c})};export{u as Box};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import {cx}from'class-variance-authority';const u=({as:r="div",className:o,flex:e,direction:a="row",justify:t,align:n,gap:s,children:c,...i})=>{const l=cx(e&&"flex",e&&(a==="col"?"flex-col":"flex-row"),t&&{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"}[t],n&&{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"}[n],s!==void 0&&`gap-${s}`,o);return jsx(r,{className:l,...i,children:c})};export{u as Box};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/box/index.tsx"],"names":["Box","Component","className","flex","direction","justify","align","gap","children","rest","classes","cx","jsx"],"mappings":"6DA4BaA,CAAAA,CAAM,CAAC,CAClB,EAAA,CAAIC,CAAAA,CAAY,MAChB,SAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,KAAA,CACZ,OAAA,CAAAC,EACA,KAAA,CAAAC,CAAAA,CACA,IAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,GAAGC,CACL,IAAgB,CACd,IAAMC,EAAUC,EAAAA,CACdR,CAAAA,EAAQ,OACRA,CAAAA,GAASC,CAAAA,GAAc,MAAQ,UAAA,CAAa,UAAA,CAAA,CAC5CC,GACE,CACE,KAAA,CAAO,gBACP,MAAA,CAAQ,gBAAA,CACR,IAAK,aAAA,CACL,OAAA,CAAS,kBACT,MAAA,CAAQ,gBAAA,CACR,OAAQ,gBACV,CAAA,CAAEA,CAAO,CAAA,CACXC,CAAAA,EACE,CACE,KAAA,CAAO,aAAA,CACP,OAAQ,cAAA,CACR,GAAA,CAAK,YACL,OAAA,CAAS,eAAA,CACT,SAAU,gBACZ,CAAA,CAAEA,CAAK,CAAA,CACTC,CAAAA,GAAQ,QAAa,CAAA,IAAA,EAAOA,CAAG,GAC/BL,CACF,CAAA,CAEA,OACEU,GAAAA,CAACX,CAAAA,CAAA,CAAU,SAAA,CAAWS,CAAAA,CAAU,GAAGD,CAAAA,CAChC,QAAA,CAAAD,EACH,CAEJ","file":"index.js","sourcesContent":["import { cx } from 'cva';\n/*\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 */\nimport type React from 'react';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType;\n  /** When true, apply flex display */\n  flex?: boolean;\n  /** Flex direction: 'row' or 'col' */\n  direction?: 'row' | 'col';\n  /** Horizontal alignment in flex container */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Vertical alignment in flex container */\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  /** Gap between children (matches Tailwind's spacing scale) */\n  gap?: number;\n}\n\nexport const Box = ({\n  as: Component = 'div',\n  className,\n  flex,\n  direction = 'row',\n  justify,\n  align,\n  gap,\n  children,\n  ...rest\n}: BoxProps) => {\n  const classes = cx(\n    flex && 'flex',\n    flex && (direction === 'col' ? 'flex-col' : 'flex-row'),\n    justify &&\n      {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      }[justify],\n    align &&\n      {\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        stretch: 'items-stretch',\n        baseline: 'items-baseline',\n      }[align],\n    gap !== undefined && `gap-${gap}`,\n    className,\n  );\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/box/index.tsx"],"names":["Box","Component","className","flex","direction","justify","align","gap","children","rest","classes","cx","jsx"],"mappings":"oFA4BaA,CAAAA,CAAM,CAAC,CAClB,EAAA,CAAIC,CAAAA,CAAY,MAChB,SAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,KAAA,CACZ,OAAA,CAAAC,EACA,KAAA,CAAAC,CAAAA,CACA,IAAAC,CAAAA,CACA,QAAA,CAAAC,EACA,GAAGC,CACL,IAAgB,CACd,MAAMC,EAAUC,EAAAA,CACdR,CAAAA,EAAQ,OACRA,CAAAA,GAASC,CAAAA,GAAc,MAAQ,UAAA,CAAa,UAAA,CAAA,CAC5CC,GACE,CACE,KAAA,CAAO,gBACP,MAAA,CAAQ,gBAAA,CACR,IAAK,aAAA,CACL,OAAA,CAAS,kBACT,MAAA,CAAQ,gBAAA,CACR,OAAQ,gBACV,CAAA,CAAEA,CAAO,CAAA,CACXC,CAAAA,EACE,CACE,KAAA,CAAO,aAAA,CACP,OAAQ,cAAA,CACR,GAAA,CAAK,YACL,OAAA,CAAS,eAAA,CACT,SAAU,gBACZ,CAAA,CAAEA,CAAK,CAAA,CACTC,CAAAA,GAAQ,QAAa,CAAA,IAAA,EAAOA,CAAG,GAC/BL,CACF,CAAA,CAEA,OACEU,GAAAA,CAACX,CAAAA,CAAA,CAAU,SAAA,CAAWS,CAAAA,CAAU,GAAGD,CAAAA,CAChC,QAAA,CAAAD,EACH,CAEJ","file":"index.js","sourcesContent":["import { cx } from 'class-variance-authority';\n/*\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 */\nimport type React from 'react';\n\nexport interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType;\n  /** When true, apply flex display */\n  flex?: boolean;\n  /** Flex direction: 'row' or 'col' */\n  direction?: 'row' | 'col';\n  /** Horizontal alignment in flex container */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  /** Vertical alignment in flex container */\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  /** Gap between children (matches Tailwind's spacing scale) */\n  gap?: number;\n}\n\nexport const Box = ({\n  as: Component = 'div',\n  className,\n  flex,\n  direction = 'row',\n  justify,\n  align,\n  gap,\n  children,\n  ...rest\n}: BoxProps) => {\n  const classes = cx(\n    flex && 'flex',\n    flex && (direction === 'col' ? 'flex-col' : 'flex-row'),\n    justify &&\n      {\n        start: 'justify-start',\n        center: 'justify-center',\n        end: 'justify-end',\n        between: 'justify-between',\n        around: 'justify-around',\n        evenly: 'justify-evenly',\n      }[justify],\n    align &&\n      {\n        start: 'items-start',\n        center: 'items-center',\n        end: 'items-end',\n        stretch: 'items-stretch',\n        baseline: 'items-baseline',\n      }[align],\n    gap !== undefined && `gap-${gap}`,\n    className,\n  );\n\n  return (\n    <Component className={classes} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"]}

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

@@ -1,12 +1,14 @@
 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 { ButtonProps, ButtonProviderProps, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps } from './types.js';
+import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
 import 'tailwind-variants';
 import './styles.js';
+import 'tailwind-merge';
 
 declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
-declare function ButtonProvider({ children, ...props }: ButtonProviderProps): react_jsx_runtime.JSX.Element;
+declare function ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>): react_jsx_runtime.JSX.Element;
 declare namespace ButtonProvider {
     var displayName: string;
 }
@@ -16,7 +18,7 @@ declare namespace Button {
     var Provider: typeof ButtonProvider;
 }
 declare const LinkButtonContext: react.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
-declare function LinkButtonProvider({ children, ...props }: LinkButtonProviderProps): react_jsx_runtime.JSX.Element;
+declare function LinkButtonProvider({ children, ...props }: ProviderProps<LinkButtonProps>): react_jsx_runtime.JSX.Element;
 declare namespace LinkButtonProvider {
     var displayName: string;
 }
@@ -26,7 +28,7 @@ declare namespace LinkButton {
     var Provider: typeof LinkButtonProvider;
 }
 declare const ToggleButtonContext: react.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
-declare function ToggleButtonProvider({ children, ...props }: ToggleButtonProviderProps): react_jsx_runtime.JSX.Element;
+declare function ToggleButtonProvider({ children, ...props }: ProviderProps<ToggleButtonProps>): react_jsx_runtime.JSX.Element;
 declare namespace ToggleButtonProvider {
     var displayName: string;
 }

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {createContext}from'react';import {useContextProps,Button,composeRenderProps,Link,ToggleButton}from'react-aria-components';import {Icon}from'../icon/index.js';import {ButtonStyles,LinkButtonStyles,ToggleButtonStyles}from'./styles.js';import {jsx}from'react/jsx-runtime';var m=createContext(null);function c({children:t,...o}){return jsx(m.Provider,{value:o,children:t})}c.displayName="Button.Provider";function g({ref:t,...o}){[o,t]=useContextProps(o,t??null,m);let{children:r,className:i,color:u,size:n="medium",variant:l,...s}=o;return jsx(Icon.Provider,{size:n,children:jsx(Button,{...s,ref:t,className:composeRenderProps(i,a=>ButtonStyles({className:a,color:u,variant:l})),"data-size":n,children:r})})}g.displayName="Button";g.Provider=c;var p=createContext(null);function T({children:t,...o}){return jsx(p.Provider,{value:o,children:t})}T.displayName="LinkButton.Provider";function x({ref:t,...o}){[o,t]=useContextProps(o,t??null,p);let{children:r,className:i,color:u,size:n="medium",variant:l,...s}=o;return jsx(Icon.Provider,{size:n,children:jsx(Link,{...s,ref:t,className:composeRenderProps(i,a=>LinkButtonStyles({className:a,color:u,variant:l})),"data-size":n,children:r})})}x.displayName="LinkButton";x.Provider=T;var L=createContext(null);function k({children:t,...o}){return jsx(L.Provider,{value:o,children:t})}k.displayName="ToggleButton.Provider";function y({ref:t,...o}){[o,t]=useContextProps(o,t??null,L);let{children:r,className:i,color:u,size:n="medium",variant:l,...s}=o;return jsx(Icon.Provider,{size:n,children:jsx(ToggleButton,{...s,ref:t,className:composeRenderProps(i,a=>ToggleButtonStyles({className:a,color:u,variant:l})),"data-size":n,children:r})})}y.displayName="ToggleButton";y.Provider=k;export{g as Button,m as ButtonContext,x as LinkButton,p as LinkButtonContext,y as ToggleButton,L as ToggleButtonContext};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';import {useContextProps,Button,composeRenderProps,Link,ToggleButton}from'react-aria-components';import {Icon}from'../icon/index.js';import {ButtonStyles,LinkButtonStyles,ToggleButtonStyles}from'./styles.js';const c=createContext(null);function p({children:t,...o}){return jsx(c.Provider,{value:o,children:t})}p.displayName="Button.Provider";function v({ref:t,...o}){[o,t]=useContextProps(o,t??null,c);const{children:r,className:i,color:u,size:n="medium",variant:l,...s}=o;return jsx(Icon.Provider,{size:n,children:jsx(Button,{...s,ref:t,className:composeRenderProps(i,a=>ButtonStyles({className:a,color:u,variant:l})),"data-size":n,children:r})})}v.displayName="Button",v.Provider=p;const g=createContext(null);function x({children:t,...o}){return jsx(g.Provider,{value:o,children:t})}x.displayName="LinkButton.Provider";function T({ref:t,...o}){[o,t]=useContextProps(o,t??null,g);const{children:r,className:i,color:u,size:n="medium",variant:l,...s}=o;return jsx(Icon.Provider,{size:n,children:jsx(Link,{...s,ref:t,className:composeRenderProps(i,a=>LinkButtonStyles({className:a,color:u,variant:l})),"data-size":n,children:r})})}T.displayName="LinkButton",T.Provider=x;const L=createContext(null);function y({children:t,...o}){return jsx(L.Provider,{value:o,children:t})}y.displayName="ToggleButton.Provider";function k({ref:t,...o}){[o,t]=useContextProps(o,t??null,L);const{children:r,className:i,color:u,size:n="medium",variant:l,...s}=o;return jsx(Icon.Provider,{size:n,children:jsx(ToggleButton,{...s,ref:t,className:composeRenderProps(i,a=>ToggleButtonStyles({className:a,color:u,variant:l})),"data-size":n,children:r})})}k.displayName="ToggleButton",k.Provider=y;export{v as Button,c as ButtonContext,T as LinkButton,g as LinkButtonContext,k as ToggleButton,L as ToggleButtonContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["createContext","B","children","ButtonContext","props","ButtonProvider","ref","useContextProps","className","color","Icon","v","jsx","AriaButton","C","composeRenderProps","ButtonStyles","f","Button","LinkButtonContext","LinkButtonProvider","size","variant","Link","z","LinkButtonStyles","A","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","N","ToggleButtonStyles","h","ToggleButton"],"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 { createContext } from 'react';\nimport {\n  Button as AriaButton,\n  ToggleButton as AriaToggleButton,\n  type ContextValue,\n  Link,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type {\n  ButtonProps,\n  ButtonProviderProps,\n  LinkButtonProps,\n  LinkButtonProviderProps,\n  ToggleButtonProps,\n  ToggleButtonProviderProps,\n} from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ButtonProviderProps) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\nButtonProvider.displayName = 'Button.Provider';\n\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n  const {\n    children,\n    className,\n    color,\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ButtonStyles({\n            className,\n            color,\n            variant,\n          }),\n        )}\n        data-size={size}\n      >\n        {children}\n      </AriaButton>\n    </Icon.Provider>\n  );\n}\nButton.displayName = 'Button';\nButton.Provider = ButtonProvider;\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nfunction LinkButtonProvider({ children, ...props }: LinkButtonProviderProps) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\nLinkButtonProvider.displayName = 'LinkButton.Provider';\n\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color,\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          LinkButtonStyles({\n            className,\n            color,\n            variant,\n          }),\n        )}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </Icon.Provider>\n  );\n}\nLinkButton.displayName = 'LinkButton';\nLinkButton.Provider = LinkButtonProvider;\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nfunction ToggleButtonProvider({\n  children,\n  ...props\n}: ToggleButtonProviderProps) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\nToggleButtonProvider.displayName = 'ToggleButton.Provider';\n\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color,\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ToggleButtonStyles({\n            className,\n            color,\n            variant,\n          }),\n        )}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </Icon.Provider>\n  );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["P","props","jsx","ButtonContext","e","ButtonProvider","useContextProps","ref","B","className","size","rest","Icon","m","AriaButton","C","composeRenderProps","d","LinkButtonContext","LinkButtonProvider","Link","f","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","N"],"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 type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  Button as AriaButton,\n  ToggleButton as AriaToggleButton,\n  type ContextValue,\n  Link,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\nButtonProvider.displayName = 'Button.Provider';\n\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n  const {\n    children,\n    className,\n    color,\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ButtonStyles({\n            className,\n            color,\n            variant,\n          }),\n        )}\n        data-size={size}\n      >\n        {children}\n      </AriaButton>\n    </Icon.Provider>\n  );\n}\nButton.displayName = 'Button';\nButton.Provider = ButtonProvider;\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nfunction LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\nLinkButtonProvider.displayName = 'LinkButton.Provider';\n\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color,\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          LinkButtonStyles({\n            className,\n            color,\n            variant,\n          }),\n        )}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </Icon.Provider>\n  );\n}\nLinkButton.displayName = 'LinkButton';\nLinkButton.Provider = LinkButtonProvider;\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nfunction ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\nToggleButtonProvider.displayName = 'ToggleButton.Provider';\n\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color,\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ToggleButtonStyles({\n            className,\n            color,\n            variant,\n          }),\n        )}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </Icon.Provider>\n  );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}