@accelint/design-toolkit 2.2.1 → 2.3.1

package/README.md

@@ -67,4 +67,5 @@ Also add the following to your `settings.json` file for VSCode:
 
 Be sure to view topic specific documentation to understand technology choices, best practices, established patterns, and enforced opinions.
 
+- [React](./src/documentation/react.md)
 - [Tailwind](./src/documentation/tailwind.md)

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

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+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';
 
-declare const AccordionContext: React.Context<ContextValue<AccordionProps, HTMLDivElement>>;
+declare const AccordionContext: react.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 declare function AccordionGroup({ ref, children, className, variant, isDisabled, ...rest }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace AccordionGroup {
     var displayName: string;

package/dist/components/accordion/index.js

@@ -1,2 +1,2 @@
-import'client-only';import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,DisclosureStateContext,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:I,accordion:V,header:B,heading:k,trigger:w,panel:z}=AccordionStyles(),l=createContext(null);function f({ref:r,children:e,className:n,variant:o=AccordionStylesDefaults.variant,isDisabled:i,...c}){return jsx(l.Provider,{value:{variant:o,isDisabled:i},children:jsx(DisclosureGroup,{...c,ref:r,className:composeRenderProps(n,a=>I({className:a,variant:o,isDisabled:i})),children:e})})}f.displayName="Accordion.Group";function v({ref:r,children:e,className:n}){let o=useContext(l),i=useContext(DisclosureStateContext),c=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,a=(isSlottedContextValue(o)?void 0:o?.isDisabled)??AccordionStylesDefaults.isDisabled,d=i?.isExpanded??AccordionStylesDefaults.isExpanded;return jsx(Icon.Provider,{size:c==="compact"?"small":"large",children:jsx("div",{ref:r,className:B({className:n,variant:c,isDisabled:a,isExpanded:d}),children:e})})}v.displayName="Accordion.Header";function x({ref:r,children:e,classNames:n}){let o=useContext(l),i=useContext(DisclosureStateContext),c=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,a=(isSlottedContextValue(o)?void 0:o?.isDisabled)??AccordionStylesDefaults.isDisabled,d=i?.isExpanded??AccordionStylesDefaults.isExpanded;return jsx(Heading,{ref:r,className:k({className:n?.heading,variant:c,isDisabled:a,isExpanded:d}),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(n?.trigger,N=>w({className:N,variant:c,isExpanded:d})),children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-dtk-expanded:rotate-180"})}),e]})})}x.displayName="Accordion.Trigger";function D({ref:r,children:e,className:n,...o}){return jsx(DisclosurePanel,{...o,ref:r,className:composeRenderProps(n,i=>z({className:i})),children:e})}D.displayName="Accordion.Panel";function p({ref:r,...e}){[e,r]=useContextProps(e,r??null,l);let{children:n,className:o,variant:i=AccordionStylesDefaults.variant,isDisabled:c,...a}=e;return jsx(l.Provider,{value:{variant:i,isDisabled:c},children:jsx(Disclosure,{...a,className:composeRenderProps(o,d=>V({className:d})),isDisabled:c,children:n})})}p.displayName="Accordion";p.Group=f;p.Header=v;p.Trigger=x;p.Panel=D;export{p as Accordion,l as AccordionContext};//# sourceMappingURL=index.js.map
+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: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
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["group","header","heading","trigger","panel","AccordionStyles","AccordionContext","createContext","S","h","AccordionGroup","children","variant","s","jsx","t","rest","H","ref","A","AccordionHeader","context","useContext","DisclosureStateContext","isSlottedContextValue","P","u","isDisabled","Icon","g","AccordionTrigger","Heading","E","jsxs","L","C","className","T","AccordionPanel","DisclosurePanel","b","Accordion","props","useContextProps","y","accordion"],"mappings":"2cAuCQA,IAAO,CAAA,KAAA,CAAA,CAAA,CAAA,SAAW,CAAAC,CAAAA,CAAQ,QAAAC,CAAAA,OAAS,CAAA,CAAAC,QAASC,CAAM,CAAA,CAAIC,KAEjDC,CACXC,EAA4D,CAAAC,eAAA,EAAI,CAAA,CAElE,CAAAC,aAAA,CAAA,IAAA,EAASC,SAEP,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAC,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAC,CAAAA,OAAkC,CAAA,CAAA,CAAAC,uBAClC,CAAA,OAAA,CAAA,UAEsB,CACtB,CAAA,CAAA,GAAA,CAAA,CACEC,CAAAA,CAACR,OAAiBS,GAAA,CAAA,CAAA,CAAjB,QAAmC,CAAA,CAAA,KAAA,CAAAH,CAAAA,OAAS,CAAA,CAAA,CAAA,UAC3C,CAAA,CAAA,CAAA,CAAAE,QACME,CAAAA,GACJ,CAAAC,eAAA,CAAA,CAAKC,oBAEHlB,CAAMmB,kBACJ,kBACA,CAAA,CAAAP,CAAAA,OACA,CAAA,CAAA,CAAA,UAIH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAD,QAKM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,iBAE7B,CAASS,SAAuB,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAT,QAAU,CAAA,CAAA,CAAA,SAClCU,CAAAA,CAAUC,CAAAA,CAAWhB,CAAgB,IAC7BgB,CAAAA,CAAWC,UAAsB,CAAA,CACzCX,CAAAA,CAAAA,CACHY,CAAAA,UAAsBH,CAAOI,sBAAA,CAAI,CAAA,CAAA,CAAA,CAAAC,qBAAA,CAAA,CAAYL,QAAS,CAAA,CAAA,EAAA,OAC/B,GAAAR,uBACpBc,CAAAA,OAC8B,CAAA,CAAA,CAAA,CAAAD,qBAAA,CAAA,CAAYL,CAAAA,CAAAA,oBACtB,GAAAR,uBAAA,CAAA,UACA,CAAA,CAAA,CAAA,CAAA,EAAA,UAAsC,EAAAA,uBAAA,CAAA,UAG9DC,CAACc,OAAKb,GAAA,CAAAc,IAAA,CAAL,QAAoBjB,CAAAA,CAAY,IAAA,CAAA,CAAA,GAAA,SAAsB,QACrD,CAAA,OAAA,CAAAE,QAAC,CACCC,GAAA,CAAA,KACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAH,CAAAA,OACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,UAGD,CAAA,CAAA,CAAA,CAAA,CAAAD,QAKO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,kBAE9B,CAASmB,SAEP,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAnB,QACA,CAAA,CAAA,CAAA,UAEMU,CAAAA,CAAUC,CAAAA,CAAWhB,CAAgB,IAC7BgB,CAAAA,CAAWC,UAAsB,CAAA,CACzCX,CAAAA,CAAAA,CACHY,WAAsBH,CAAOI,sBAAA,CAAI,CAAA,CAAA,CAAA,CAAAC,qBAAA,CAAA,CAAYL,CAAAA,CAAAA,MAAS,CAAA,CAAA,EAAA,iCAEnDM,CAAAA,OAC8B,CAAA,CAAA,CAAA,CAAAD,qBAAA,CAAA,CAAYL,CAAAA,CAAAA,oBACtB,GAAAR,uBAAA,CAAA,UACA,CAAA,CAAA,CAAA,CAAA,EAAA,8CAGxBC,CAACiB,OACMb,GAAAA,CACLc,wBACE,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EACvB,OAAApB,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,eAGFqB,QACE,CAAAC,IAAK,CAAAC,MAAA,CAAA,CAAA,IAAA,CAAA,mBACqC,CAAAhB,kBAAA,CAAA,CAAA,EAAUiB,uBAGhD,CAAA,CAAAxB,CAAAA,OACA,CAAA,CAAA,CAAA,UAIJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QACE,CAAA,CAAAG,GAAA,CAAAc,IAAA,CAAA,CAAAf,QAAa,CAAAC,GAAA,CAAAsB,WAAA,CAAA,CAAA,SAAU,CAAA,yCAG3B,CACF,CAEJ,CACAP,CAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,oBAEtBQ,SAEP,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA3B,oBAGsB,CACtB,CAAA,CAAA,GAAA,CAAA,CACEG,EAACyB,OACKvB,GACJ,CAAAwB,eAAA,CAAA,CAAKtB,GACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEd,CAAMe,kBAAE,kBAGT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAR,QAIQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,iBAEtB,CAAS8B,SAAiB,CAAA,CAAA,CAAGC,GAAyB,CAC3D,CAACA,CAAAA,GAAU,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOxB,CAAAA,CAAAA,CAAO,mBAAMZ,CAAgB,CAAA,EAEnE,IACE,CAAA,CAAA,CAAA,CAAA,GAAA,CAAAK,oBAEA,CAAA,CAAAC,CAAAA,OAAkC,CAAA,CAAA,CAAAC,uBAClC,CAAA,OAAA,CAAA,UAEE6B,CAAAA,CAEJ,CAAA,GAAA,CAAA,CAAA,CACE5B,CAAAA,CAACR,OAAiBS,GAAA,CAAA,CAAA,CAAjB,QAEG,CAAA,CAAA,KAAA,CAAAH,CAAAA,oBAIF,CAAA,CAAA,CAAA,CAAAE,QACME,CAAAA,GACJ,CAAA4B,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACEC,CAAU1B,kBACR,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAGJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAAR,QAKC,oBAAc,CAAA,WACND,CAAAA,CAClB+B,CAAAA,KAAU,CAAA,CAAA,CAASrB,EACnBqB,MAAU,CAAA,CAAA,CAAA,CAAUX,CAAAA,OACV,CAAA,CAAQQ,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\n'use client';\nimport 'client-only';\nimport {\n  Button,\n  type ContextValue,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  DisclosureStateContext,\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            isDisabled,\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 state = useContext(DisclosureStateContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ??\n    AccordionStylesDefaults.isDisabled;\n  const isExpanded = state?.isExpanded ?? AccordionStylesDefaults.isExpanded;\n\n  return (\n    <Icon.Provider size={variant === 'compact' ? 'small' : 'large'}>\n      <div\n        ref={ref}\n        className={header({\n          className,\n          variant,\n          isDisabled,\n          isExpanded,\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 state = useContext(DisclosureStateContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ??\n    AccordionStylesDefaults.isDisabled;\n  const isExpanded = state?.isExpanded ?? AccordionStylesDefaults.isExpanded;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n        isDisabled,\n        isExpanded,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n            isExpanded,\n          }),\n        )}\n      >\n        <Icon>\n          <ChevronDown className='transform group-dtk-expanded: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":["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":"wbAsCe,CAAA,KAAA,CAAA,CAAA,CAAA,UAAWA,CAAAA,CAAQ,MAAA,CAAA,CAAAC,QAAS,CAAA,CAAAC,CAAAA,OAASC,CAAM,CAAA,CAAIC,KAEjDC,CACXC,EAA4D,CAAAC,eAAA,EAAI,CAAA,CAElE,qBAASC,SAEP,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAC,QACA,CAAA,CAAA,CAAA,WACAC,CAAAA,iCACA,CAAA,OAAA,CAAA,UAEsB,CACtB,CAAA,CAAA,GAAA,CAAA,CACEC,CAAAA,CAACN,OAAiBO,GAAA,CAAA,CAAA,CAAjB,QAAmC,CAAA,CAAA,KAAA,CAAAF,CAAAA,wBAClCC,QACME,CAAAA,GACJ,kBAAKC,GACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,UACQC,kBACJ,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAL,CACF,aAGDD,QAKM,oBAAc,CAAA,iBAE7B,CAASO,SAAuB,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAP,oBACxBQ,CAAAA,CAAUC,CAAAA,CAAWb,CAAgB,IACrCK,CACHS,WAAsBF,CAAO,CAAA,CAAI,2BAAYA,CAAAA,CAAAA,MAAS,CAAA,CAAA,EAAA,OAC/B,GAAAG,uBAE1B,CAAA,QACGC,OAAKT,GAAA,CAAAU,IAAA,CAAL,QAAoBZ,CAAAA,CAAY,kBAAsB,CAAA,OACrD,SAAAC,QAAC,CACCC,SACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAF,CACF,OAEC,CAAA,CAAA,CAAA,CAAA,CAAAD,QAKO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,8BAEhB,CAASc,SAEP,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAAd,QACA,CAAA,CAAA,CAAA,UAEMQ,EAAUC,CAAAA,CAAWb,CAAgB,IACrCK,CACHS,CAAAA,UAAsBF,CAAO,CAAA,CAAI,CAAA,CAAA,CAAA,CAAAO,qBAAA,CAAA,CAAYP,QAAS,CAAA,CAAA,EAAA,iCAGzD,CAAA,OACEN,CAACc,OACMX,IACLY,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACE,CAAA,CAAA,CAAA,CAAA,aACA,OAAAhB,CACF,OAEA,CAAA,CAAA,CAAA,CAAA,CAAAiB,aACO,CAAAC,MAAA,CAAA,CAAA,IAAA,CAAA,SACL,CAAA,SAA0C,CAAAb,kBAAA,CAAA,CAAA,SAEtC,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAL,CACF,qBAIA,CAAA,CAAAE,GAAA,CAAAU,IAAA,CAAA,CAAAX,QAAa,CAAAC,GAAA,CAAAiB,WAAA,CAAA,CAAA,+CAGjB,CACF,CAEJ,CACAN,CAAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,+BAEjB,CAASO,SAEP,SAAArB,QACA,CAAA,CAAA,CAAA,SAEsB,CACtB,CAAA,CAAA,GAAA,CAAA,CACEE,EAACoB,OACKlB,GACJ,CAAAmB,eAAA,CAAA,CAAKlB,GACL,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEX,CAAMY,kBAAE,kBAGT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAN,QAIQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,kBAEbwB,SAAiB,CAAA,CAAA,CAAGC,GAAyB,CAC3D,CAACA,CAAAA,IAAcC,CAAAA,CAAgBD,CAAAA,CAAOpB,GAAO,CAAA,CAAAsB,eAAA,CAAA,CAAM/B,CAAgB,GAEnE,YACEI,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAAC,CAAAA,OAAkC,CAAA,CAAA,CAAAU,uBAClC,CAAA,OAAA,CAAA,UAEEc,CAAAA,CAEJ,CAAA,GAAA,CAAA,CAAA,CACEvB,CAAAA,CAACN,OAAiBO,GAAA,CAAA,CAAA,CAAjB,QAEG,CAAA,CAAA,KAAA,CAAAF,QACA,CAAA,CAAA,CAAA,UAGF,CAAA,CAAA,CAAA,CAAAC,QACME,IACJ,CAAAwB,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACEC,CAAUvB,kBACR,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,yBAKH,CAAA,CAAA,CAAAN,QAKC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,uBACQD,EAClByB,CAAAA,KAAU,CAAA,CAAA,CAASjB,EACnBiB,MAAU,CAAA,CAAA,CAAA,CAAUV,CAAAA,OACV,CAAA,CAAQO,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\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: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

@@ -15,22 +15,10 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
             trigger: string;
         };
     };
-    isDisabled: {
-        false: {
-            header: string;
-        };
-        true: {
-            header: string;
-        };
-    };
-    isExpanded: {
-        false: {};
-        true: {};
-    };
 }, {
     group: string;
     accordion: string;
-    header: string;
+    header: string[];
     heading: string;
     trigger: string[];
     panel: string;
@@ -43,22 +31,10 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
             trigger: string;
         };
     };
-    isDisabled: {
-        false: {
-            header: string;
-        };
-        true: {
-            header: string;
-        };
-    };
-    isExpanded: {
-        false: {};
-        true: {};
-    };
 }, {
     group: string;
     accordion: string;
-    header: string;
+    header: string[];
     heading: string;
     trigger: string[];
     panel: string;
@@ -71,22 +47,10 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
             trigger: string;
         };
     };
-    isDisabled: {
-        false: {
-            header: string;
-        };
-        true: {
-            header: string;
-        };
-    };
-    isExpanded: {
-        false: {};
-        true: {};
-    };
 }, {
     group: string;
     accordion: string;
-    header: string;
+    header: string[];
     heading: string;
     trigger: string[];
     panel: string;

package/dist/components/accordion/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';var r={variant:"cozy",isDisabled:false,isExpanded:false},a=tv({slots:{group:"flex w-full flex-col",accordion:"group flex w-full flex-col bg-transparent",header:"fg-default-light flex w-full items-center gap-s rounded-medium p-s outline-none",heading:"grow",trigger:["flex w-full cursor-pointer dtk-disabled:cursor-default items-center rounded-medium outline-none"],panel:"p-s"},variants:{variant:{cozy:{trigger:"gap-s text-header-m"},compact:{trigger:"gap-xs text-header-s"}},isDisabled:{false:{header:"focus-within:bg-interactive-hover-dark hover:bg-interactive-hover-dark"},true:{header:"fg-disabled cursor-default focus-within:bg-transparent hover:bg-transparent"}},isExpanded:{false:{},true:{}}},defaultVariants:r});export{a as AccordionStyles,r as AccordionStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';var r={variant:"cozy",isDisabled:false,isExpanded:false},o=tv({slots:{group:"flex w-full flex-col",accordion:"group 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:hover:bg-interactive-hover-dark group-enabled:focus-within:bg-interactive-hover-dark","group-disabled:fg-disabled 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:r});export{o as AccordionStyles,r 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,MAC7B,CAAA,CAAA,CAAA,CAAAC,EAAA,CAAO,CACL,KAAA,CAAO,CAAA,KAAA,CAAA,sBACP,CAAA,SAAW,CAAA,2CACX,CACE,wFACF,CAAA,OAAS,CACT,MAAA,CAAA,0GAGA,CAAO,CAAA,KACT,CACA,eACE,CAAA,CAAA,OACQ,CACJ,CAAA,IAAA,CAAA,CAAA,OAAS,CAAA,8BAGT,CAAA,CAAA,OAAS,CAAA,sBAGb,CAAA,CAAA,CAAA,UACE,CAAO,CACL,OACE,MAAA,CAAA,wEAEE,CACJ,OACE,MAAA,CAAA,6EAGN,CAAA,CAAA,CAAA,UACE,CAAO,CAAC,KACR,CAAA,EAAO,CACT,IAEF,CAAA,EAAA,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: 'flex w-full flex-col',\n    accordion: 'group 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    heading: 'grow',\n    trigger: [\n      'flex w-full cursor-pointer dtk-disabled:cursor-default items-center rounded-medium outline-none',\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    isDisabled: {\n      false: {\n        header:\n          'focus-within:bg-interactive-hover-dark hover:bg-interactive-hover-dark',\n      },\n      true: {\n        header:\n          'fg-disabled cursor-default focus-within:bg-transparent hover:bg-transparent',\n      },\n    },\n    isExpanded: {\n      false: {},\n      true: {},\n    },\n  },\n  defaultVariants: AccordionStylesDefaults,\n});\n\nexport type AccordionStyleVariants = VariantProps<typeof AccordionStyles>;\n"]}
+{"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,sBACP,CAAA,SAAW,CAAA,2CACX,CAAQ,MACN,CAAA,CAAA,iFACA,CAAA,oGACA,CAAA,+CAEF,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: 'flex w-full flex-col',\n    accordion: 'group 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:hover:bg-interactive-hover-dark group-enabled:focus-within:bg-interactive-hover-dark',\n      'group-disabled:fg-disabled 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"]}

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

@@ -2,22 +2,22 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { VariantProps } from 'cva';
-import React__default from 'react';
+import react__default from 'react';
 
 declare const avatarStyles: (props?: ({
     size?: "small" | "medium" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface AvatarProps extends React__default.ComponentProps<typeof AvatarPrimitive.Image>, VariantProps<typeof avatarStyles> {
+interface AvatarProps extends react__default.ComponentProps<typeof AvatarPrimitive.Image>, VariantProps<typeof avatarStyles> {
     /**
      * The fallback that the avatar will render if it cannot load the provided source.
      *
      * Accepts any React component.
      */
-    fallback?: React__default.ReactNode;
+    fallback?: react__default.ReactNode;
     /** How long the system should wait before it shows the fallback component. By default there is no delay. */
     fallbackDelay?: number;
     /** The source of an avatar can either be a URL representing an image or a React component (such as an SVG or an icon from a library). */
-    source?: string | React__default.ReactNode;
+    source?: string | react__default.ReactNode;
 }
 declare const Avatar: {
     ({ className, children, fallback, fallbackDelay, source, size, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;

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

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as cva_types from 'cva/types';
 import { VariantProps } from 'cva';
-import React__default from 'react';
+import react__default from 'react';
 
 declare const badgeStyles: (props?: ({
     variant?: "info" | "advisory" | "normal" | "serious" | "critical" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
-interface BadgeProps extends VariantProps<typeof badgeStyles>, Omit<React__default.HTMLProps<HTMLSpanElement>, 'children'> {
+interface BadgeProps extends VariantProps<typeof badgeStyles>, Omit<react__default.HTMLProps<HTMLSpanElement>, 'children'> {
     className?: string;
     /** Used to add text to the badge, such as the number of unread notifications. */
     children?: string;

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import react__default from 'react';
 
-interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
-    as?: React__default.ElementType;
+interface BoxProps extends react__default.HTMLAttributes<HTMLDivElement> {
+    as?: react__default.ElementType;
     /** When true, apply flex display */
     flex?: boolean;
     /** Flex direction: 'row' or 'col' */

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

@@ -1,27 +1,39 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as cva_types from 'cva/types';
-import { VariantProps } from 'cva';
-import { ButtonProps as ButtonProps$1 } from 'react-aria-components';
+import * as react from 'react';
+import { ContextValue } from 'react-aria-components';
+import { ButtonProps, ButtonProviderProps, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
 
-declare const buttonStyles: (props?: ({
-    variant?: "critical" | "primary" | "flat" | "outline" | "destructive" | null | undefined;
-    size?: "small" | "medium" | "large" | "xsmall" | null | undefined;
-    isDisabled?: boolean | null | undefined;
-} & cva_types.ClassProp) | undefined) => string;
-interface ButtonProps extends Omit<ButtonProps$1, 'children' | 'isDisabled'>, VariantProps<typeof buttonStyles> {
-    /**
-     * Used to add text to the badge, such as the number of unread notifications.
-     *
-     * Can also receive a function which will be called with the parameters mentioned
-     * {@link https://react-spectrum.adobe.com/react-aria/Button.html#styling:~:text=are%20documented%20below.-,Name,-CSS%20Selector here}
-     */
-    children?: ButtonProps$1['children'];
-    isDisabled?: boolean;
+declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
+declare function ButtonProvider({ children, ...props }: ButtonProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace ButtonProvider {
+    var displayName: string;
+}
+declare function Button({ ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace Button {
+    var displayName: string;
+    var Provider: typeof ButtonProvider;
+}
+declare const LinkButtonContext: react.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare function LinkButtonProvider({ children, ...props }: LinkButtonProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace LinkButtonProvider {
+    var displayName: string;
+}
+declare function LinkButton({ ref, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace LinkButton {
+    var displayName: string;
+    var Provider: typeof LinkButtonProvider;
+}
+declare const ToggleButtonContext: react.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
+declare function ToggleButtonProvider({ children, ...props }: ToggleButtonProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace ToggleButtonProvider {
+    var displayName: string;
+}
+declare function ToggleButton({ ref, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+declare namespace ToggleButton {
+    var displayName: string;
+    var Provider: typeof ToggleButtonProvider;
 }
-declare const Button: {
-    ({ className, isDisabled, variant, size, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-    as(props: VariantProps<typeof buttonStyles>, className?: string | string[]): string;
-};
 
-export { Button, type ButtonProps };
+export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext };

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-import {expectsIconWrapper}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'cva';import {Button,composeRenderProps}from'react-aria-components';import {jsx}from'react/jsx-runtime';var n=cva("inline-flex cursor-pointer items-center justify-center whitespace-nowrap [--icon-size:20px]",{variants:{variant:{primary:"fg-inverse-light rounded-medium bg-interactive-default dtk-pressed:bg-interactive-hover-light outline-none hover:bg-interactive-hover-light focus:bg-interactive-hover-light",outline:"fg-default-light rounded-medium outline dtk-pressed:outline-interactive-hover outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover",flat:"fg-default-light rounded-medium bg-transparent dtk-pressed:bg-interactive-hover-dark outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark",destructive:"fg-inverse-light rounded-medium bg-serious-bold dtk-pressed:bg-serious-hover outline-none hover:bg-serious-hover focus:bg-serious-hover",critical:"fg-default-light rounded-medium bg-critical-bold dtk-pressed:bg-critical-hover outline-none hover:bg-critical-hover focus:bg-critical-hover"},size:{large:"min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]",medium:"min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]",small:"min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]",xsmall:"min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]"},isDisabled:{true:"fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled focus:bg-interactive-disabled",false:""}},compoundVariants:[{variant:"outline",isDisabled:true,className:"fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent outline outline-interactive-disabled hover:bg-transparent focus:bg-transparent"},{variant:"flat",isDisabled:true,className:"fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent focus:bg-transparent"}],defaultVariants:{isDisabled:false,variant:"primary",size:"medium"}}),i=({className:t,isDisabled:e,variant:s="primary",size:a="medium",...r})=>(expectsIconWrapper({children:r.children,componentName:i.displayName}),jsx(Button,{className:composeRenderProps(t,d=>cn("w-content",n({isDisabled:e,variant:s,size:a,className:d}))),isDisabled:e,...r}));i.displayName="Button";i.as=(t,e)=>cn(n({...t,className:e}));export{i as Button};//# sourceMappingURL=index.js.map
+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 c=createContext(null);function g({children:t,...o}){return jsx(c.Provider,{value:o,children:t})}g.displayName="Button.Provider";function p({ref:t,...o}){[o,t]=useContextProps(o,t??null,c);let{children:r,className:i,color:u,size:e,variant:l,...s}=o;return jsx(Icon.Provider,{size:e,children:jsx(Button,{...s,ref:t,className:composeRenderProps(i,B=>ButtonStyles({className:B,color:u,size:e,variant:l})),children:r})})}p.displayName="Button";p.Provider=g;var m=createContext(null);function T({children:t,...o}){return jsx(m.Provider,{value:o,children:t})}T.displayName="LinkButton.Provider";function x({ref:t,...o}){[o,t]=useContextProps(o,t??null,m);let{children:r,className:i,color:u,size:e,variant:l,...s}=o;return jsx(Icon.Provider,{size:e,children:jsx(Link,{...s,ref:t,className:composeRenderProps(i,B=>LinkButtonStyles({className:B,color:u,size:e,variant:l})),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:e,variant:l,...s}=o;return jsx(Icon.Provider,{size:e,children:jsx(ToggleButton,{...s,ref:t,className:composeRenderProps(i,B=>ToggleButtonStyles({className:B,color:u,size:e,variant:l})),children:r})})}y.displayName="ToggleButton";y.Provider=k;export{p as Button,c as ButtonContext,x as LinkButton,m as LinkButtonContext,y 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":["Button","className","isDisabled","props","l","jsx","b","composeRenderProps","p","buttonStyles","cn","o"],"mappings":"+UA2BM,CAAA,CAAA,QACE,CAAA,CAAA,OACE,CAAA,CAAA,OAAA,CAAA,8KAEA,CAAA,OAAA,CAAA,4UAGA,CAAA,WAAA,CAAA,yIAEA,CAAA,QAAA,CAAA,6IAIA,CAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,4EAEA,CAAA,MAAA,CAAA,gFACK,CAAA,KAAA,CAAA,kIAKP,CAAA,CAAA,mLAMS,CAAA,CAAA,CAAA,iBACG,CACZ,UACE,CAAA,IAAA,CAAA,SAAA,CAAA,kKAGO,CAAA,CAAA,CAAA,cACG,CACZ,UACE,6IAGN,CAAA,CAAA,CAAA,eACc,CAAA,CACZ,UAAS,CAAA,KAAA,CAAA,OACT,CAAA,SACF,CACF,IAgBWA,CAAS,QACpB,CAAA,CAAA,CAAA,CAAAC,CAAAA,CACA,CAAA,CAAA,SAAAC,EACA,CAAA,UAAU,CAAA,CAAA,CAAA,OACV,CAAA,CAAA,CAAA,SAAO,CAAA,IACP,CAAGC,CACL,CAAA,QAEI,CAAA,GAAA,CAAA,CAAA,IAAgBC,kBAAA,CAAA,CAAA,oBACDJ,aACjB,CAAC,CAAA,CAGCK,WACE,CAAA,CAAA,CAAAC,GAAWC,CAAAA,MAAmBN,CAAAA,CAAYA,SAEtC,CAAAO,kBAAA,CAAA,CAAA,CAAA,CAAA,EACAC,EAAAA,CAAa,YACXP,CAAAA,CACA,CAAA,UACA,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,IACF,CAAC,CACH,CACF,SACA,CAAA,CAAA,CAAA,CAAYA,CAAAA,CACX,CAAA,UAIA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,YACT,QAGPQ,CAAGD,EAAa,EAAE,CAAA,CAAGN,EAAO,CAAA,GAAAQ,EAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAC,CAAA,SAAA,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\n'use client';\nimport { expectsIconWrapper } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport {\n  Button as AriaButton,\n  type ButtonProps as AriaButtonProps,\n  composeRenderProps,\n} from 'react-aria-components';\n\nconst buttonStyles = cva(\n  'inline-flex cursor-pointer items-center justify-center whitespace-nowrap [--icon-size:20px]',\n  {\n    variants: {\n      variant: {\n        primary:\n          'fg-inverse-light rounded-medium bg-interactive-default dtk-pressed:bg-interactive-hover-light outline-none hover:bg-interactive-hover-light focus:bg-interactive-hover-light',\n        outline:\n          'fg-default-light rounded-medium outline dtk-pressed:outline-interactive-hover outline-interactive hover:outline-interactive-hover focus:outline-interactive-hover',\n        flat: 'fg-default-light rounded-medium bg-transparent dtk-pressed:bg-interactive-hover-dark outline-none hover:bg-interactive-hover-dark focus:bg-interactive-hover-dark',\n        destructive:\n          'fg-inverse-light rounded-medium bg-serious-bold dtk-pressed:bg-serious-hover outline-none hover:bg-serious-hover focus:bg-serious-hover',\n        critical:\n          'fg-default-light rounded-medium bg-critical-bold dtk-pressed:bg-critical-hover outline-none hover:bg-critical-hover focus:bg-critical-hover',\n      },\n      size: {\n        large:\n          'min-h-xxl gap-xs rounded-medium px-l py-s text-button-l [--icon-size:24px]',\n        medium:\n          'min-h-[32px] gap-xs rounded-medium px-l py-xs text-button-m [--icon-size:20px]',\n        small: 'min-h-xl gap-xxs p-s text-button-s [--icon-size:16px]',\n        xsmall:\n          'min-h-[20px] gap-xxs px-s py-xs text-button-xs [--icon-size:12px]',\n      },\n      isDisabled: {\n        true: 'fg-disabled hover:fg-disabled cursor-not-allowed bg-interactive-disabled hover:bg-interactive-disabled focus:bg-interactive-disabled',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        variant: 'outline',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent outline outline-interactive-disabled hover:bg-transparent focus:bg-transparent',\n      },\n      {\n        variant: 'flat',\n        isDisabled: true,\n        className:\n          'fg-disabled hover:fg-disabled focus:fg-disabled cursor-not-allowed bg-transparent hover:bg-transparent focus:bg-transparent',\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n      variant: 'primary',\n      size: 'medium',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends Omit<AriaButtonProps, 'children' | 'isDisabled'>,\n    VariantProps<typeof buttonStyles> {\n  /**\n   * Used to add text to the badge, such as the number of unread notifications.\n   *\n   * Can also receive a function which will be called with the parameters mentioned\n   * {@link https://react-spectrum.adobe.com/react-aria/Button.html#styling:~:text=are%20documented%20below.-,Name,-CSS%20Selector here}\n   */\n  children?: AriaButtonProps['children'];\n  isDisabled?: boolean;\n}\n\nexport const Button = ({\n  className,\n  isDisabled,\n  variant = 'primary',\n  size = 'medium',\n  ...props\n}: ButtonProps) => {\n  expectsIconWrapper({\n    children: props.children,\n    componentName: Button.displayName,\n  });\n\n  return (\n    <AriaButton\n      className={composeRenderProps(className, (className) =>\n        cn(\n          'w-content',\n          buttonStyles({\n            isDisabled,\n            variant,\n            size,\n            className,\n          }),\n        ),\n      )}\n      isDisabled={isDisabled}\n      {...props}\n    />\n  );\n};\nButton.displayName = 'Button';\nButton.as = (\n  props: VariantProps<typeof buttonStyles>,\n  className?: string | string[],\n) => cn(buttonStyles({ ...props, className }));\n"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["createContext","P","children","ButtonContext","props","ButtonProvider","ref","useContextProps","className","color","variant","Icon","v","size","jsx","AriaButton","C","composeRenderProps","ButtonStyles","z","Button","LinkButtonContext","LinkButtonProvider","Link","f","LinkButtonStyles","A","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","N","ToggleButtonStyles","h","ToggleButton"],"mappings":"6SAmCEA,CAAAA,CAA4DC,aAAA,CAAA,IAE9D,EAAA,SAAwB,CAAE,CAAA,CAAA,QAAAC,CAAU,CAAA,CAAA,IAAiC,CACnE,CAAA,CAAA,OACGC,GAAAA,CAAc,CAAA,CAAA,QAAS,CAAA,CAAA,KAAOC,CAAQ,CAAA,CAAA,QAAAF,CAAS,CAEpD,CACAG,CAAAA,CAAe,aAAc,CAAA,iBAEtB,CAAA,SAAgB,CAAE,CAAA,CAAA,GAAAC,CAAK,CAAA,CAAA,GAAS,CAAgB,CACrD,CAACF,CAAAA,CAAOE,CAAG,EAAIC,CAAAA,CAAgBH,eAAAA,CAAOE,CAAAA,CAAAA,CAAO,EAAA,IAAmB,CAAA,CAEhE,CAAA,CAAA,GAAQ,CAAA,QAAAJ,CAAU,WAAAM,CAAW,CAAA,CAAA,KAAAC,CAAO,CAAA,CAAA,KAAM,CAAA,CAAA,OAAAC,CAAS,KAAQ,CAAIN,EAE/D,CAAA,CAAA,OACGO,GAAAA,CAAKC,IAAA,CAAA,QAAS,CAAA,CAAA,IAAMC,CACnB,UAAAC,CAACC,GAAAA,CAAAC,MACE,CAAA,CAAA,GACD,CAAA,CAAA,GAAKV,CACL,WAAWW,CAAmBT,kBAAAA,CAAYA,GACxCU,EAAaC,YACX,WAAAX,CACA,CAAA,CAAA,KAAAC,CACA,CAAA,CAAA,KACA,CAAA,CAAA,OACF,CAAC,CACH,CAAA,CAEC,UAAAP,CACH,CAAA,CACF,CAEJ,CACAkB,EAAO,CAAA,CAAA,WAAc,CAAA,SACd,CAAA,CAAA,QAAWf,CAEX,EAAMgB,IACXrB,CAAAA,CAAgEC,aAAA,CAAA,IAElE,WAA4B,CAAE,UAAAC,CAAU,CAAA,CAAA,GAAS,CAA4B,CAC3E,CAAA,CAAA,OACGmB,IAAkB,CAAA,CAAA,QAAS,OAAOjB,CAChC,CAAA,CAAA,SACH,CAEJ,CACAkB,CAAAA,CAAmB,CAAA,CAAA,iCAEZ,CAAA,SAAoB,CAAE,CAAA,CAAA,GAAAhB,CAAK,KAAS,CAAoB,CAC7D,CAACF,EAAOE,CAAG,CAAA,CAAIC,EAAgBH,eAAAA,CAAOE,CAAAA,CAAAA,CAAO,MAAuB,CAAA,CAEpE,CAAA,CAAA,YAAQJ,CAAU,CAAA,CAAA,UAAW,CAAA,CAAA,KAAAO,CAAO,MAAAI,CAAM,CAAA,CAAA,OAAAH,CAAS,CAAA,CAAA,GAAQ,CAAIN,CAAAA,CAE/D,SACGO,GAAAA,CAAKC,aAAS,CAAA,CAAA,IAAMC,CACnB,CAAA,CAAA,SAACU,GAAAA,CAAAC,IACE,KACD,CAAA,CAAA,IACA,CAAA,CAAA,SAAWP,CAAmBT,kBAAAA,CAAYA,CAAAA,CAAAA,CACxCiB,EAAiBC,gBACf,CAAA,CAAA,UACA,CAAA,CAAA,KAAAjB,CACA,MAAAI,CACA,CAAA,CAAA,OACF,CAAC,CACH,CAAA,CAEC,CAAA,CAAA,SACH,CAAA,CACF,CAEJ,CACAc,CAAAA,CAAW,CAAA,CAAA,WAAc,CAAA,YACzBA,CAAW,UAAWL,CAEf,CAAA,KACLtB,CAAAA,CAAkEC,aAAA,CAAA,IAEpE,EAAA,SAA8B,CAC5B,CAAA,CAAA,SACA,CAAA,CAAA,IAC4B,CAC5B,CAAA,CAAA,OACG2B,GAAAA,CAAoB,CAAA,CAAA,QAAS,CAAA,CAAA,MAC3B,CAAA,CAAA,QAAA1B,CACH,CAEJ,CACA2B,CAAAA,CAAqB,aAAc,CAAA,uBAE5B,CAAA,SAAsB,CAAE,KAAAvB,CAAK,CAAA,CAAA,GAAS,CAAsB,CACjE,CAACF,CAAAA,CAAOE,CAAG,CAAA,CAAIC,CAAAA,CAAgBH,gBAAOE,CAAAA,CAAAA,CAAO,EAAA,IAAyB,CAAA,CAEtE,CAAA,CAAA,GAAQ,CAAA,QAAAJ,CAAU,CAAA,CAAA,SAAAM,CAAW,OAAAC,CAAO,CAAA,CAAA,KAAM,CAAA,CAAA,OAAAC,CAAS,KAAQ,CAAIN,CAAAA,CAE/D,CAAA,CAAA,OACGO,GAAAA,CAAKC,IAAA,CAAA,QAAS,CAAA,CAAA,IAAMC,CACnB,UAAAC,CAACgB,GAAAA,CAAAC,YACE,CAAA,CAAA,GACD,CAAA,CAAA,GAAKzB,CACL,WAAWW,CAAmBT,kBAAAA,CAAYA,GACxCwB,EAAmBC,kBACjB,CAAA,CAAA,SAAAzB,CACA,OAAAC,CACA,CAAA,CAAA,KACA,CAAA,CAAA,OACF,CAAC,CACH,CAAA,CAEC,CAAA,CAAA,QAAAP,CACH,EACF,CAEJ,CACAgC,EAAa,CAAA,CAAA,WAAc,CAAA,eACd,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 {\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 { children, className, color, size, variant, ...rest } = 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            size,\n            variant,\n          }),\n        )}\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 { children, className, color, size, variant, ...rest } = 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            size,\n            variant,\n          }),\n        )}\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 { children, className, color, size, variant, ...rest } = 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            size,\n            variant,\n          }),\n        )}\n      >\n        {children}\n      </AriaToggleButton>\n    </Icon.Provider>\n  );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}