@accelint/design-toolkit 7.0.1 → 8.1.0

package/README.md

@@ -70,4 +70,4 @@ 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)
+- [Tailwind](../design-foundation/src/documentation/tailwind.md)

package/catalog-info.yaml

@@ -11,17 +11,19 @@ metadata:
 
     Dependencies:
 
-    accelint_biome-config@1.0.2, accelint_bus@2.0.0,
+    accelint_biome-config@1.0.2, accelint_bus@3.0.0,
     accelint_constellation-tracker@1.0.1, accelint_core@0.5.0,
-    accelint_icons@2.1.0, accelint_temporal@0.1.2,
-    accelint_typescript-config@0.1.4, accelint_vitest-config@0.1.5
+    accelint_design-foundation@1.0.0, accelint_geo@0.4.0, accelint_icons@2.1.0,
+    accelint_logger@0.1.2, accelint_prettier-config@0.2.0,
+    accelint_temporal@0.1.2, accelint_typescript-config@0.1.4,
+    accelint_vitest-config@0.1.5
   annotations:
-    backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/design-toolkit/components/catalog-info.yaml
+    backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/packages/design-toolkit/catalog-info.yaml
     backstage.io/techdocs-ref: dir:.
-    package/version: 7.0.1
+    package/version: 8.1.0
     github.com/project-slug: gohypergiant/standard-toolkit
   links:
-    - url: https://github.com/gohypergiant/standard-toolkit/tree/main/design-toolkit/components
+    - url: https://github.com/gohypergiant/standard-toolkit/tree/main/packages/design-toolkit
       title: Documentation
       icon: docs
       type: documentation
@@ -38,7 +40,11 @@ spec:
     - component:accelint_bus
     - component:accelint_constellation-tracker
     - component:accelint_core
+    - component:accelint_design-foundation
+    - component:accelint_geo
     - component:accelint_icons
+    - component:accelint_logger
+    - component:accelint_prettier-config
     - component:accelint_temporal
     - component:accelint_typescript-config
     - component:accelint_vitest-config

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

@@ -1,9 +1,7 @@
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { AccordionProps } from './types.js';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import './styles.js';
 
 declare const AccordionContext: react.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 

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

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AccordionGroupProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import './styles.js';
 
 declare function AccordionGroup({ ref, children, className, variant, isDisabled, ...rest }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/accordion/group.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {DisclosureGroup,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{group:f}=AccordionStyles();function a({ref:c,children:e,className:p,variant:o=AccordionStylesDefaults.variant,isDisabled:i,...t}){return jsx(AccordionContext.Provider,{value:{variant:o,isDisabled:i},children:jsx(DisclosureGroup,{...t,ref:c,className:composeRenderProps(p,s=>f({className:s,variant:o})),children:e})})}export{a as AccordionGroup};//# sourceMappingURL=group.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {DisclosureGroup,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import f from'./styles.module.css';function a({ref:r,children:p,className:c,variant:e="cozy",isDisabled:i,...t}){return jsx(AccordionContext.Provider,{value:{variant:e,isDisabled:i},children:jsx(DisclosureGroup,{...t,ref:r,className:composeRenderProps(c,s=>clsx("group/accordion-group",f.group,s)),children:p})})}export{a as AccordionGroup};//# sourceMappingURL=group.js.map
 //# sourceMappingURL=group.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/group.tsx"],"names":["ref","variant","l","jsx","r","d","rest","u","group"],"mappings":"6OAmBQ,KAAM,MAEP,+BACLA,CACA,gBACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAC,OAAkC,CAAA,CAAA,CAAAC,uBAAA,CAClC,OAAA,CAAA,UAEF,CAAwB,CACtB,CAAA,GAAA,CAAA,CAAA,CACEC,CAAAA,OAAkBC,GAAA,CAAAC,gBAAA,CAAA,QAAgB,CAAE,QAAAJ,OAAS,CAAA,CAAA,CAAA,UAC3C,CAAA,CAAA,CAAA,CAAA,QACG,CAAGK,GAAAA,CACJC,oBACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACEC,mBAAM,CACJ,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAP,OAIH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.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 { composeRenderProps, DisclosureGroup } from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionGroupProps } from './types';\n\nconst { group } = AccordionStyles();\n\nexport function 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}\n"]}
+{"version":3,"sources":["../../../src/components/accordion/group.tsx"],"names":["ref","rest","o","n","className","clsx","u"],"mappings":"uQAoBO,SACL,CAAA,CAAAA,CAAAA,GACA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAA,OAAU,CAAA,CAAA,CAAA,iBAEV,CAAGC,CACL,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,oCAC6B,CAAA,CAAA,KAAS,CAAA,CAAA,OAAS,CAAA,CAAA,CAAA,UAC3C,CAAA,CAAA,CAAA,CAAA,QAAC,CACEC,GAAA,CAAAC,eAAGF,CAAAA,CACJ,IAAKD,CAAAA,GACL,CAAA,CAAA,CAAA,SAA0CI,oBACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,uBAAgC,CAAA,CAAA,CAAA,KAGtC,CAAA,CAAA,CAAA,CAAA,CAAA,QAEL,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"group.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, DisclosureGroup } from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionGroupProps } from './types';\n\nexport function AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = 'cozy',\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          clsx('group/accordion-group', styles.group, className),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\n"]}

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

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AccordionHeaderProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import './styles.js';
 
 declare function AccordionHeader({ ref, children, className, }: AccordionHeaderProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/accordion/header.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import {Kebab}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Provider,Header}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {ButtonContext}from'../button/context.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{header:C}=AccordionStyles();function B({ref:i,children:n,className:c}){const o=useContext(AccordionContext),e=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,a=(isSlottedContextValue(o)?void 0:o?.isDisabled)??false;return jsx(Provider,{values:[[IconContext,{size:e==="compact"?"small":"large"}],[ButtonContext,{children:jsx(Icon,{children:jsx(Kebab,{})}),variant:"icon",isDisabled:a}]],children:jsx(Header,{ref:i,className:C({className:c,variant:e}),children:n})})}export{B as AccordionHeader};//# sourceMappingURL=header.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Kebab}from'@accelint/icons';import {useContext}from'react';import {Provider,Header}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {ButtonContext}from'../button/context.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import C from'./styles.module.css';function K({ref:t,children:i,className:n}){const o=useContext(AccordionContext),m=(isSlottedContextValue(o)?void 0:o?.variant)??"cozy",c=(isSlottedContextValue(o)?void 0:o?.isDisabled)??false;return jsx(Provider,{values:[[IconContext,{size:m==="compact"?"small":"large"}],[ButtonContext,{children:jsx(Icon,{children:jsx(Kebab,{})}),variant:"icon",isDisabled:c}]],children:jsx(Header,{ref:t,className:clsx(C.header,n),children:i})})}export{K as AccordionHeader};//# sourceMappingURL=header.js.map
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/header.tsx"],"names":["AccordionHeader","ref","x","children","className","variant","isSlottedContextValue","context","d","v","AccordionStylesDefaults","t","isDisabled","A","Provider","r","p","u","jsx","Kebab","f","l","m","header","s"],"mappings":"sdA2BgBA,KACd,CAAAC,MACA,CAAA,CAAA,CAAA,CAAAC,eAAAC,EACA,CAAA,SAAAC,CACF,CAAA,CAAyB,GACvB,CAAA,CAAA,CAAA,QACMC,CAAAA,CAAAA,CACHC,SAAiC,CAAA,CAAA,CAAYC,CAAAA,CAAAA,MAAS,CAAA,CAAAC,UAAA,CAAAC,gBACvDC,CAAAA,CAAwB,CAAA,CAAA,CAAAC,qBAAA,CAAA,CAAA,CAAA,CACpBC,MAC0B,CAAA,CAAI,EAAA,OAAYL,GAASM,uBAAA,CAAA,OAAA,CAAA,CAAe,uBAExE,CAAA,CAAA,CAAA,CAAA,MACGC,CAAA,CACC,EAAA,UACkB,GAAA,KAAMT,CAAAA,OAAYU,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAY,CAAA,CAAA,CAAUC,WAAA,CAAA,CAAA,IAAQ,CAAC,CAAA,YAI7D,CAAA,OAEI,CAAA,OAAAC,CAAAA,CAACC,CAAAA,CAAAC,cAAM,CAAA,QAGX,CAAAL,GAAA,CAASM,IAAA,CAAA,CAAA,QACT,CAAAN,GAAA,CAAAO,KAAA,CAAA,EAAAV,CACF,CACF,CACF,QAEA,CAAA,MAAC,CACC,UACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWW,QACT,CAAAR,GAAA,CAAAS,MAAA,CAAApB,CAAAA,GACA,CAAA,CAAA,CAAA,SAGD,CAAA,CAAA,CAAA,CAAA,SAIT,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.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 { Kebab } from '@accelint/icons';\nimport 'client-only';\nimport { useContext } from 'react';\nimport { Header, Provider } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionHeaderProps } from './types';\n\nconst { header } = AccordionStyles();\n\nexport function AccordionHeader({\n  ref,\n  children,\n  className,\n}: 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}\n"]}
+{"version":3,"sources":["../../../src/components/accordion/header.tsx"],"names":["children","className","AccordionContext","variant","d","v","e","isDisabled","context","jsx","Provider","IconContext","r","f","x","Icon","Kebab","u","s","Header","p","a"],"mappings":"gfA4BEA,SACA,CAAA,CAAA,CAAAC,GACuB,CACvB,CAAA,CAAA,QAA2BC,CAAgB,CAAA,CACrCC,SAC8B,CAAA,CAAA,CAAA,CAAA,CAAA,MAAqB,CAAA,CAAAC,UAAA,CAAAC,gBAAA,CAAA,CAAA,CAAY,CAAA,CAAAC,qBAAA,CAAA,CAAA,CAAA,CAC/DC,MAC0B,CAAA,CAAI,EAAA,OAAYC,GAAS,MAAA,CAAA,CAAA,CAAA,CAAAF,qBAAe,CAAA,CAAA,CAExE,CAAA,MACEG,CAAAA,CAACC,EAAA,UAEIC,GAAe,KAAA,CAAA,OAAkBC,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAY,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAU,IAAA,CAAA,CAAA,GAAS,SAI7D,CAAA,OACGC,CAAA,OACC,CAAA,CAAA,CAAAN,CAAAA,aAACO,CAAAA,CAAA,QAGL,CAAAJ,GAAA,CAAAK,IAAA,CAAA,CAAS,QACT,CAAAL,GAAA,CAAAM,KAAA,CAAA,EAAA,CAAA,CAAA,CAAAX,CACF,OAIJ,CAAA,MAAAE,CAACU,UAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAuB,CAAAP,GAAA,CAAAQ,MAAA,CAAA,CAAQnB,GAC9C,CAAA,CAAA,CAAA,UAELoB,IAEJ,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"header.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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Kebab } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { Header, Provider } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { ButtonContext } from '../button/context';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionHeaderProps } from './types';\n\nexport function AccordionHeader({\n  ref,\n  children,\n  className,\n}: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\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 ref={ref} className={clsx(styles.header, className)}>\n        {children}\n      </Header>\n    </Provider>\n  );\n}\n"]}

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

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AccordionProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import './styles.js';
 
 /**
  * Accordion - A collapsible content component with expandable sections

package/dist/components/accordion/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Disclosure,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{accordion:P}=AccordionStyles();function x({ref:r,...o}){[o,r]=useContextProps(o,r??null,AccordionContext);const{children:s,className:t,variant:n=AccordionStylesDefaults.variant,isDisabled:c,...d}=o;return jsx(AccordionContext.Provider,{value:{variant:n,isDisabled:c},children:jsx(Disclosure,{...d,className:composeRenderProps(t,l=>P({className:l})),isDisabled:c,children:s})})}export{x as Accordion};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Disclosure,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import P from'./styles.module.css';function D({ref:r,...o}){[o,r]=useContextProps(o,r??null,AccordionContext);const{children:s,className:t,variant:n="cozy",isDisabled:c,...d}=o;return jsx(AccordionContext.Provider,{value:{variant:n,isDisabled:c},children:jsx(Disclosure,{...d,className:composeRenderProps(t,l=>clsx("group/accordion",P.accordion,l)),isDisabled:c,children:s})})}export{D as Accordion};//# 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":["ref","props","useContextProps","p","AccordionContext","i","variant","A","jsx","rest","m","accordion"],"mappings":"wPAuBQ,KAAA,CAAA,SA4CD,+BAAqBA,CAAK,CAAA,CAAA,IAA4B,CAC3D,CAACC,GAAU,CAAA,CAAIC,EAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAgB,EAEnE,IAAA,CAAMC,gBACJ,CAAA,CAAA,KAAA,CAAA,oBAEA,CAAA,CAAA,CAAAC,OAAkC,CAAA,CAAA,CAAAC,uBAAA,CAClC,kBAEF,CAAIN,CAAAA,CAEJ,OACEO,CAAAA,oCACS,CACL,CAAA,KAAA,CAAA,CAAAF,OACA,CAAA,CAAA,CAAA,UAGF,CAAA,CAAA,CAAA,CAAA,SACMG,GAAAA,CACJC,UAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SACEC,CAAAA,kBAAU,CACR,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,yBAKH,CAAA,CAAA,CAAA,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  composeRenderProps,\n  Disclosure,\n  useContextProps,\n} from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionProps } from './types';\n\nconst { accordion } = AccordionStyles();\n\n/**\n * Accordion - A collapsible content component with expandable sections\n *\n * Provides an accessible accordion interface for organizing content into\n * collapsible sections. Supports both compact and full variants with\n * integrated controls for expanding/collapsing content areas.\n *\n * @example\n * // Basic accordion\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Section Title</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Content goes here</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n *   <AccordionHeader>\n *     <AccordionTrigger>Compact Section</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Compact content</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <AccordionGroup>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>First Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>First content</AccordionPanel>\n *   </Accordion>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>Second Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Second content</AccordionPanel>\n *   </Accordion>\n * </AccordionGroup>\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}\n"]}
+{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["ref","props","useContextProps","AccordionContext","rest","e","a","className","clsx","m"],"mappings":"kRAkEO,SAAqB,CAAA,CAAAA,IAAK,CAAGC,CAAM,IACvCA,EAAOD,CAAG,CAAA,CAAIE,EAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,KAAMG,uBAE7C,KAAE,CAAA,QAAU,CAAA,CAAA,CAAA,mBAAqB,CAAA,CAAA,CAAA,iBAAoB,CAAGC,CAAK,CAAA,GAEnE,yCAEI,CAAA,CAAA,KACE,CAAA,CAAA,gCAID,CACEC,GAAA,CAAAC,UAAGF,CAAAA,CACJ,cAA0CG,oBACxCC,CAAAA,CAAK,CAAA,EAAAC,IAAA,CAAA,iBAA0B,CAAA,CAAA,CAAA,SAEjC,CAAA,CAAA,CAAA,CAAA,CAAA,UAEC,CAAA,CAAA,CAAA,QAEL,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  Disclosure,\n  useContextProps,\n} from 'react-aria-components';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionProps } from './types';\n\n/**\n * Accordion - A collapsible content component with expandable sections\n *\n * Provides an accessible accordion interface for organizing content into\n * collapsible sections. Supports both compact and full variants with\n * integrated controls for expanding/collapsing content areas.\n *\n * @example\n * // Basic accordion\n * <Accordion>\n *   <AccordionHeader>\n *     <AccordionTrigger>Section Title</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Content goes here</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n *   <AccordionHeader>\n *     <AccordionTrigger>Compact Section</AccordionTrigger>\n *   </AccordionHeader>\n *   <AccordionPanel>Compact content</AccordionPanel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <AccordionGroup>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>First Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>First content</AccordionPanel>\n *   </Accordion>\n *   <Accordion>\n *     <AccordionHeader>\n *       <AccordionTrigger>Second Section</AccordionTrigger>\n *     </AccordionHeader>\n *     <AccordionPanel>Second content</AccordionPanel>\n *   </Accordion>\n * </AccordionGroup>\n */\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const { children, className, variant = 'cozy', isDisabled, ...rest } = 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          clsx('group/accordion', styles.accordion, className),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\n"]}

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

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AccordionPanelProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import './styles.js';
 
 declare function AccordionPanel({ ref, children, className, ...rest }: AccordionPanelProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/accordion/panel.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {DisclosurePanel,composeRenderProps}from'react-aria-components';import {AccordionStyles}from'./styles.js';const{panel:l}=AccordionStyles();function d({ref:o,children:r,className:e,...n}){return jsx(DisclosurePanel,{...n,ref:o,className:composeRenderProps(e,c=>l({className:c})),children:r})}export{d as AccordionPanel};//# sourceMappingURL=panel.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {DisclosurePanel,composeRenderProps}from'react-aria-components';import i from'./styles.module.css';function d({ref:o,children:r,className:e,...s}){return jsx(DisclosurePanel,{...s,ref:o,className:composeRenderProps(e,n=>clsx(i.panel,n)),children:r})}export{d as AccordionPanel};//# sourceMappingURL=panel.js.map
 //# sourceMappingURL=panel.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/panel.tsx"],"names":["AccordionStyles","i","ref","rest","t","p","className","panel"],"mappings":"yKAkBA,KAAQ,CAAA,KAAUA,CAAAA,CAAgB,CAAA,CAE3BC,eAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAAC,GACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GACE,CAAAC,eAAA,CAAGF,CAAAA,GACJ,CAAA,CAAKD,eACyBI,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAM,EAAE,CAAA,CAAA,CAAA,SACV,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"panel.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { composeRenderProps, DisclosurePanel } from 'react-aria-components';\nimport { AccordionStyles } from './styles';\nimport type { AccordionPanelProps } from './types';\n\nconst { panel } = AccordionStyles();\n\nexport function 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}\n"]}
+{"version":3,"sources":["../../../src/components/accordion/panel.tsx"],"names":["ref","children","className","DisclosurePanel","rest","composeRenderProps","clsx","styles"],"mappings":"2NAmBO,UAAwB,CAC7B,CAAA,GAAAA,CAAAA,CACA,CAAA,QAAAC,CAAAA,CACA,CAAA,SAAAC,EACA,CAAA,GACF,EAAwB,CACtB,CAAA,UACGC,CAAAA,eAAA,CACE,CAAA,GAAGC,CACJ,CAAA,GAAKJ,CAAAA,CACL,UAAWK,CAAAA,kBAAmBH,CAAAA,CAAYA,CAAAA,CAAAA,EACxCI,IAAKC,CAAAA,CAAO,CAAA,KAAOL,CAAS,CAC9B,CAAA,CAEC,CAAA,QAAAD,CAAAA,CACH,CAEJ,CAAA","file":"panel.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { composeRenderProps, DisclosurePanel } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { AccordionPanelProps } from './types';\n\nexport function 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        clsx(styles.panel, className),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\n"]}

package/dist/components/accordion/styles.module.css

@@ -0,0 +1,65 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .group {
+    @apply flex w-full flex-col;
+  }
+
+  .accordion {
+    @apply flex w-full flex-col bg-transparent;
+  }
+
+  .header {
+    @apply fg-primary-bold gap-s px-s py-xs rounded-medium flex w-full items-center outline-none;
+
+    @variant focus-visible-within {
+      @apply bg-interactive-muted-hover;
+    }
+
+    @variant hover {
+      @apply bg-interactive-muted-hover;
+    }
+
+    @variant pressed {
+      @apply bg-interactive-muted-pressed;
+    }
+
+    @variant group-disabled/accordion {
+      @apply fg-disabled cursor-not-allowed;
+    }
+  }
+
+  .heading {
+    @apply grow;
+  }
+
+  .panel {
+    @apply p-s;
+  }
+}
+
+@layer components.l2 {
+  .trigger {
+    @apply w-full cursor-pointer justify-start px-0;
+
+    &.cozy {
+      @apply gap-s text-header-m;
+    }
+
+    &.compact {
+      @apply gap-xs text-header-s;
+    }
+  }
+}

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

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AccordionTriggerProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
-import './styles.js';
 
 declare function AccordionTrigger({ ref, children, classNames, }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/accordion/trigger.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Heading,composeRenderProps}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{heading:A,trigger:C}=AccordionStyles();function z({ref:n,children:i,classNames:t}){const e=useContext(AccordionContext),r=(isSlottedContextValue(e)?void 0:e?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:n,className:A({className:t?.heading,variant:r}),children:jsx(Button,{slot:"trigger",className:composeRenderProps(t?.trigger,c=>C({className:c,variant:r})),variant:"flat",children:jsxs(IconContext.Provider,{value:{size:r==="compact"?"small":"medium"},children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),i]})})})}export{z as AccordionTrigger};//# sourceMappingURL=trigger.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {ChevronDown}from'@accelint/icons';import {useContext}from'react';import {Heading,composeRenderProps}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import r from'./styles.module.css';function D({ref:m,children:c,classNames:t}){const e=useContext(AccordionContext),i=(isSlottedContextValue(e)?void 0:e?.variant)??"cozy";return jsx(Heading,{ref:m,className:clsx(r.heading,t?.heading),children:jsx(Button,{slot:"trigger",className:composeRenderProps(t?.trigger,a=>clsx(r.trigger,r[i],a)),variant:"flat",children:jsxs(IconContext.Provider,{value:{size:i==="compact"?"small":"medium"},children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),c]})})})}export{D as AccordionTrigger};//# sourceMappingURL=trigger.js.map
 //# sourceMappingURL=trigger.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/trigger.tsx"],"names":["AccordionTrigger","children","v","context","useContext","AccordionContext","a","u","d","ref","x","heading","classNames","p","Button","o","g","className","trigger","s","variant","P","l","jsx","ChevronDown"],"mappings":"meA2BO,KAASA,CAAiB,OAE/B,CAAA,CAAA,CAAA,OAAAC,CACA,CAAA,CAAA,CAAAC,eAAA,EAAA,CAAA,SAEA,CAAA,CAAA,CAAA,GAAMC,CAAUC,CAAAA,CAAWC,QAEFF,CAAO,CAAA,CAAI,UAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,OAC/B,CAAAG,UAAA,CAAAC,gBAAA,CAAA,CAAA,CAAA,CAE1B,CAAAC,qBAAA,CAAA,CAAA,CAAA,CAAA,MAEI,CAAA,CAAA,EAAKC,OACL,GAAAC,uBAAA,CAAWC,OACT,CAAA,OAAWC,GAAY,CAAAC,OAAA,CAAA,CAAA,GAAA,CACvB,CAAA,CAAA,SACD,CAED,CAAA,CAAA,CAAA,SAACC,CAAA,CACC,EAAA,OAAK,CAAA,oBACqC,CAAAC,GAAA,CAAAC,MAAA,CAAA,CAAA,IAAUC,CAClDC,SACE,CAAA,SACA,CAAAC,kBAAA,CAAA,CAAAC,EACD,WAEK,CAAA,CAAA,CAAA,SAER,CAAA,CAAA,CAAA,oBACE,CAAO,MAAQA,SAAY,CAAAC,IAAA,CAAAC,WAAA,CAAY,QAAU,CAAA,CAAA,KAAA,CAAS,CAAA,IAE1D,CAAA,CAAA,GAAA,iBACEC,CAACC,QAAY,CAAA,CAAA,uGAOzB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { useContext } from 'react';\nimport { composeRenderProps, Heading } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type { AccordionTriggerProps } from './types';\n\nconst { heading, trigger } = AccordionStyles();\n\nexport function 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        <IconContext.Provider\n          value={{ size: variant === 'compact' ? 'small' : 'medium' }}\n        >\n          <Icon>\n            <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n          </Icon>\n          {children}\n        </IconContext.Provider>\n      </Button>\n    </Heading>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/accordion/trigger.tsx"],"names":["context","isSlottedContextValue","s","v","f","ref","classNames","jsx","Button","l","className","n","jsxs","IconContext","o","u","p"],"mappings":"sgBA8BA,CAA0B,CACxB,CAAA,GAAA,CAAA,CAAMA,CAAAA,SAEHC,CAAAA,CAAsBD,UAAuBA,CAAAA,CAAAA,CAAS,CAAA,CAAA,MAAA,CAAA,CAAYE,UAAA,CAAAC,gBAAA,CAAA,CAAA,CAAA,CAErE,CAAAC,qBAAA,CAAA,CAAA,CAAA,CAAA,MACW,CAAA,CAAA,EAAKC,OAAK,GAAA,MAAuB,QAASC,GAAAA,CAAAA,OAAY,CAAA,CAAA,GAAA,CAAA,CAAO,CAAA,SACpE,CAAAC,IAAAA,CAACC,CAAAA,CAAA,kBAEC,CAAA,CAAA,QAA8BF,CAAAA,GAAAA,CAAYG,MAAA,CAAA,CAAA,IAAA,CAAUC,SACtC,CAAA,SAAuB,CAAGA,kBAAS,CACjD,CAAA,EACA,OAAQ,CAAA,CAAA,EAAAC,IAAA,CAAA,CAER,CAAA,OAAA,CAAAC,CAAAA,CAACC,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,OACX,CAAA,MAAS,CAAA,kCAA8B,CAAA,CAAA,KAAU,CAAA,CAAA,IAEjD,CAAA,CAAA,GAAA,SAAC,CACC,OAAA,CAAA,QAAa,CAAA,CAAA,QAAU,CAAA,CAAAC,GAAA,CAAAC,IAAA,CAAA,CAAA,QAAA,CAAAD,GAAA,CAAAE,WAAA,CAAA,CAAA,SAAA,CAAA,+CAOnC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ChevronDown } from '@accelint/icons';\nimport { useContext } from 'react';\nimport { composeRenderProps, Heading } from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { AccordionContext } from './context';\nimport styles from './styles.module.css';\nimport type { AccordionTriggerProps } from './types';\n\nexport function AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n\n  return (\n    <Heading ref={ref} className={clsx(styles.heading, classNames?.heading)}>\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          clsx(styles.trigger, styles[variant], className),\n        )}\n        variant='flat'\n      >\n        <IconContext.Provider\n          value={{ size: variant === 'compact' ? 'small' : 'medium' }}\n        >\n          <Icon>\n            <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n          </Icon>\n          {children}\n        </IconContext.Provider>\n      </Button>\n    </Heading>\n  );\n}\n"]}

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

@@ -1,12 +1,12 @@
 import { RefAttributes, ComponentPropsWithRef } from 'react';
 import { DisclosureProps, DisclosureGroupProps, DisclosurePanelProps, Heading, ButtonRenderProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
 import { RenderPropsClassName } from '../../lib/types.js';
-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 AccordionStyleVariants = {
+    variant?: 'compact' | 'cozy';
+};
+type AccordionGroupProps = DisclosureGroupProps & AccordionStyleVariants & RefAttributes<HTMLDivElement>;
+type AccordionProps = DisclosureProps & AccordionStyleVariants & RefAttributes<HTMLDivElement>;
 type AccordionHeaderProps = ComponentPropsWithRef<'header'>;
 type AccordionTriggerProps = Omit<ComponentPropsWithRef<typeof Heading>, 'className'> & {
     classNames?: {

package/dist/components/action-bar/index.d.ts

@@ -13,6 +13,6 @@ import 'react';
  *   <Button><Icon><Copy/></Icon></Button>
  * </ActionBar>
  */
-declare function ActionBar({ className, ...rest }: ActionBarProps): react_jsx_runtime.JSX.Element;
+declare function ActionBar({ className, size, ...rest }: ActionBarProps): react_jsx_runtime.JSX.Element;
 
 export { ActionBar };

package/dist/components/action-bar/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Provider}from'react-aria-components';import {ButtonContext,ToggleButtonContext}from'../button/context.js';import {ActionBarStyles}from'./styles.js';function v({className:t,...r}){return jsx(Provider,{values:[[ButtonContext,{variant:"icon"}],[ToggleButtonContext,{variant:"icon"}]],children:jsx("nav",{...r,className:ActionBarStyles({className:t})})})}export{v as ActionBar};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Provider}from'react-aria-components';import {ButtonContext,ToggleButtonContext}from'../button/context.js';import p from'./styles.module.css';function v({className:r,size:o="medium",...i}){return jsx(Provider,{values:[[ButtonContext,{size:o,variant:"icon"}],[ToggleButtonContext,{size:o,variant:"icon"}]],children:jsx("nav",{...i,className:clsx(p.bar,r),"data-size":o})})}export{v as ActionBar};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/action-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/action-bar/index.tsx"],"names":["jsx","o","i","n","e","a"],"mappings":"oNA8BO,SAAqB,CAAA,CAAA,CAAA,SAAmB,CAAmB,CAChE,CAAA,GAAA,CAAA,CAAA,CACEA,CAAAA,OACEC,GAAA,CAAAC,QAAA,CAAQ,CACN,MAAkB,CAAA,CAAA,CAAAC,aAAA,CAAA,CAAS,OAAQ,CAAA,MACX,CAAA,CAAA,CAAA,CAAAC,mBAAA,CAAA,CAAS,OAAQ,CAC3C,MAEA,CAAA,CAAA,CAAA,CAAA,QAAC,CAAAH,GAAK,CAAA,KAAS,CAAA,CAAA,GAAA,CAAA,CAAA,SAA6B,CAAAI,eAAA,CAAA,CAAA,SAGlD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Provider } from 'react-aria-components';\nimport { ButtonContext, ToggleButtonContext } from '../button/context';\nimport { ActionBarStyles } from './styles';\nimport type { ActionBarProps } from './types';\n\n/**\n * ActionBar - Container for icon action buttons\n *\n * A container component that displays a collection of action buttons (typically icon-only)\n * and provides consistent spacing and alignment for toolbar-style actions.\n *\n * @example\n * <ActionBar>\n *   <Button><Icon><Copy/></Icon></Button>\n * </ActionBar>\n */\nexport function ActionBar({ className, ...rest }: ActionBarProps) {\n  return (\n    <Provider\n      values={[\n        [ButtonContext, { variant: 'icon' }],\n        [ToggleButtonContext, { variant: 'icon' }],\n      ]}\n    >\n      <nav {...rest} className={ActionBarStyles({ className })} />\n    </Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/action-bar/index.tsx"],"names":["size","t","a","ToggleButtonContext","e","rest","className"],"mappings":"sQA+BO,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAA,eAEF,CAAA,cAGMC,GAAA,CAAAC,QAAA,CAAA,CAAA,MACkB,CAAE,iBAAAF,IAAM,CAAA,CAAA,CAAA,OAAS,CAAA,MAChCG,CAAqB,CAAE,CAAA,CAAAC,mBAAA,CAAA,CAAAJ,IAAM,CAAA,CAAA,CAAA,OAAS,CAAA,MAGzC,CAAA,CAAA,CAAA,CAAA,QAAC,CAAAC,GAAA,CAAA,KAAQI,CAAAA,CAAM,GAAA,CAAA,CAAA,SAAuB,OAAKC,CAAS,GAAG,CAAA,CAAA,CAAA,CAAA,WACzD,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Provider } from 'react-aria-components';\nimport { ButtonContext, ToggleButtonContext } from '../button/context';\nimport styles from './styles.module.css';\nimport type { ActionBarProps } from './types';\n\n/**\n * ActionBar - Container for icon action buttons\n *\n * A container component that displays a collection of action buttons (typically icon-only)\n * and provides consistent spacing and alignment for toolbar-style actions.\n *\n * @example\n * <ActionBar>\n *   <Button><Icon><Copy/></Icon></Button>\n * </ActionBar>\n */\nexport function ActionBar({\n  className,\n  size = 'medium',\n  ...rest\n}: ActionBarProps) {\n  return (\n    <Provider\n      values={[\n        [ButtonContext, { size, variant: 'icon' }],\n        [ToggleButtonContext, { size, variant: 'icon' }],\n      ]}\n    >\n      <nav {...rest} className={clsx(styles.bar, className)} data-size={size} />\n    </Provider>\n  );\n}\n"]}

package/dist/components/action-bar/styles.module.css

@@ -0,0 +1,27 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .bar {
+    @apply rounded-medium bg-surface-default shadow-elevation-overlay flex w-fit;
+
+    @variant size-medium {
+      @apply gap-s px-m py-s;
+    }
+
+    @variant size-small {
+      @apply gap-xs px-s py-xs;
+    }
+  }
+}

package/dist/components/action-bar/types.d.ts

@@ -1,5 +1,7 @@
 import { PropsWithChildren, HTMLAttributes } from 'react';
 
-type ActionBarProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+type ActionBarProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>> & {
+    size?: 'medium' | 'small';
+};
 
 export type { ActionBarProps };

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

@@ -4,9 +4,6 @@ import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
 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 }: ProviderProps<AvatarProps>): react_jsx_runtime.JSX.Element;

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

@@ -2,9 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { AvatarProps } from './types.js';
 import '@radix-ui/react-avatar';
 import 'react';
-import 'tailwind-variants';
-import './styles.js';
-import 'tailwind-merge';
 
 /**
  * Avatar - A user profile image component with fallback support

package/dist/components/avatar/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import {Person}from'@accelint/icons';import {Root,Image,Fallback}from'@radix-ui/react-avatar';import {designTokens}from'./../../tokens/tokens.js';import'client-only';import {useContextProps}from'react-aria-components';import {BadgeProvider}from'../badge/context.js';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {AvatarContext}from'./context.js';import {AvatarStyles}from'./styles.js';const{avatar:b,image:A,fallback:I,content:h}=AvatarStyles();function D({ref:e,...m}){[m,e]=useContextProps(m,e??null,AvatarContext);const{children:s,classNames:r,fallbackProps:t,imageProps:i,size:o="medium",...l}=m;return jsx(IconProvider,{size:o==="medium"?"large":"medium",children:jsxs(Root,{...l,ref:e,className:b({size:o,className:r?.avatar}),role:"img","data-size":o,children:[jsx(Image,{...i,className:A({className:r?.image,size:o})}),jsx(Fallback,{...t,className:I({className:r?.fallback,size:o}),children:t?.children||jsx(Icon,{children:jsx(Person,{})})}),jsx(BadgeProvider,{offset:designTokens.spacing.xs,placement:"top right",children:jsx("span",{className:h({className:r?.content,size:o}),children:s})})]})})}export{D as Avatar};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {designTokens}from'@accelint/design-foundation/tokens/index';import {Person}from'@accelint/icons';import {Root,Image,Fallback}from'@radix-ui/react-avatar';import {useContextProps}from'react-aria-components';import {BadgeProvider}from'../badge/context.js';import {Icon}from'../icon/index.js';import {IconProvider}from'../icon/context.js';import {AvatarContext}from'./context.js';import e from'./styles.module.css';function w({ref:t,...m}){[m,t]=useContextProps(m,t??null,AvatarContext);const{children:l,classNames:a,fallbackProps:i,imageProps:n,size:s="medium",...c}=m;return jsx(IconProvider,{size:s==="medium"?"large":"medium",children:jsxs(Root,{...c,ref:t,className:clsx("group/avatar",e.avatar,a?.avatar),role:"img","data-size":s,children:[jsx(Image,{...n,className:clsx(e.image,a?.image)}),jsx(Fallback,{...i,className:clsx(e.fallback,a?.fallback),children:i?.children||jsx(Icon,{children:jsx(Person,{})})}),jsx(BadgeProvider,{offset:designTokens.spacing.xs,placement:"top right",children:jsx("span",{className:clsx(e.content,a?.content),children:l})})]})})}export{w as Avatar};//# 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":["content","Avatar","props","ref","useContextProps","children","g","classNames","u","size","IconProvider","a","N","jsxs","rest","avatar","x","f","jsx","p","Fallback","n","designTokens","c","v"],"mappings":"qdAyBiC,KAAA,CAAAA,MAAyB,CA+BnD,SAASC,CAAAA,QAAc,CAAA,CAAA,CAAGC,OACvBC,CAAG,CAAA,CAAIC,aAAgBF,EAAOC,CAAAA,SAA0B,CAEhE,KAAM,CACJ,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAAE,CAAAA,CACA,CAAA,CAAA,CAAA,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IACA,CAAAC,aAAA,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,WACAC,CAAAA,CAAO,aAET,CAAA,CAAIP,CAAAA,UAGDQ,CAAAA,CAAA,CAAa,IAAA,CAAMD,CAAAA,CAAAA,YAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,OAAUE,GAAA,CAAAC,YAAA,CAChD,UAAAC,QACMC,CACJ,OACA,CAAA,QAAWC,UAAeC,IAAA,CAAAC,IAAA,CAAA,CAAA,GAAA,CAAA,CAAWV,GAAY,CAAA,CAAA,CAAA,SACjD,CAAA,CAAK,MACL,CAAA,CAAA,CAAA,SAAWE,CAAAA,CAEX,UAAAS,CAAAA,IACG,CAAA,KACD,CAAA,WAAmB,CAAA,CAAA,CAAA,UAAuBP,GAAA,CAAAQ,KAAA,CAAA,CAAA,GAAO,CAAA,CAAA,SAElDC,CAAAA,CAAA,CACE,CAAA,SACD,CAAA,CAAA,EAAA,KAAsB,CAAA,IAAA,CAAA,CAAA,CAAA,CAAWb,GAAYI,GAAA,CAAAU,QAAA,CAAA,CAAA,GAAA,CAAU,CAAA,sBAEvC,CAAA,CAAA,EAAA,QACb,CACC,SAAAH,QACF,CAAA,CAEJ,EACAA,cAAuBI,IAAAA,CAAa,CAAA,YAAY,CAAAC,MAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAAZ,GAAA,CAAAa,aAAA,CAAA,CAAA,MACxD,qBAAAN,CAAC,EAAA,CAAA,SAAK,CAAA,WAAqB,CAAA,SAAuBP,GAAA,CAAA,MAAS,CAAA,CAAA,sBAG7D,CACF,CAAA,EAGN,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { designTokens } from '@/tokens/tokens';\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeProvider } from '../badge/context';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { AvatarContext } from './context';\nimport { AvatarStyles } from './styles';\nimport type { AvatarProps } from './types';\n\nconst { avatar, image, fallback, content } = AvatarStyles();\n\n/**\n * Avatar - A user profile image component with fallback support\n *\n * Displays a user's profile image with automatic fallback to a default person icon\n * when the image fails to load. Supports multiple sizes and can include status badges.\n * Built on Radix UI Avatar for accessibility and reliability.\n *\n * @example\n * // Basic avatar with image\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }} />\n *\n * @example\n * // Avatar with fallback and custom size\n * <Avatar\n *   size=\"large\"\n *   imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}\n *   fallbackProps={{ children: \"UN\" }}\n * />\n *\n * @example\n * // Avatar with status badge\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}>\n *   <Badge variant=\"success\" />\n * </Avatar>\n *\n * @example\n * // Avatar with only initials fallback\n * <Avatar fallbackProps={{ children: \"JD\" }} />\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    <IconProvider 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        <BadgeProvider offset={designTokens.spacing.xs} placement='top right'>\n          <span className={content({ className: classNames?.content, size })}>\n            {children}\n          </span>\n        </BadgeProvider>\n      </Root>\n    </IconProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["props","ref","children","I","classNames","o","b","N","v","clsx","r","size","styles","g","jsx","Fallback","d","fallbackProps","k","BadgeProvider","designTokens","u","p"],"mappings":"oiBAwDiCA,CAAAA,CAAOC,GAAO,CAAA,CAAA,CAAA,GAAmB,EAEhE,CAAA,CAAA,CAAA,CAAA,CAAM,CACJ,uBAAAC,IACA,CAAAC,aAAA,CAAA,CAAA,KAAAC,SACA,CAAA,CAAA,CAAA,0BAEO,CAAA,CAAA,CAAA,UAET,CAAA,CAAIJ,CAAAA,eAGY,CAAA,MAAe,CAAA,CAAA,OAAWK,GAAA,CAAAC,YAAA,CAAA,CAAA,iBACtC,CAAA,OAAC,CACE,QACD,CAAKL,QACL,CAAAM,IAAA,CAAAC,IAAWC,CAAAA,CAAK,oBAAuB,CAAAC,IAAA,CAAA,cACvC,CAAA,CAAA,CAAK,MACL,YAAWC,IAEX,CAAA,KAAA,CAAA,WAEE,CAAA,CAAA,CAAA,SAAgBC,CAAAA,GAAO,CAAAC,KAAA,CAAA,CAAA,KAAmB,SAE5CC,CAAAA,IAACC,CAAAA,CAAA,CACE,KACD,CAAA,CAAA,EAAA,KAAA,CAAWN,CAAAA,CAAKG,IAAO,CAAAI,QAAA,CAAA,CAAA,GAAA,CAAA,CAAUZ,cAAoB,CAAA,CAEpD,CAAA,QAAAa,IAAe,QAAA,CACdH,CAAAA,QACE,CAAA,CAAA,EAAA,UACFT,GAEJ,CAAAa,IACAJ,EAACK,QAAc,CAAAd,GAAQe,CAAAA,MAAa,QAAQ,CAAAf,GAAA,CAAIgB,aAAA,CAAA,CAAA,MAAA,CAAUC,uBACxD,CAAA,SAAAR,CAAC,WAAK,CAAA,QAAgBF,IAAO,CAAA,MAAA,CAASR,CAAAA,SAAmB,CAAAM,IACtD,CAAA,CAAA,CAAA,QACH,CAAA,EACF,OAIR,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { designTokens } from '@accelint/design-foundation/tokens/index';\nimport { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeProvider } from '../badge/context';\nimport { Icon } from '../icon';\nimport { IconProvider } from '../icon/context';\nimport { AvatarContext } from './context';\nimport styles from './styles.module.css';\nimport type { AvatarProps } from './types';\n\n/**\n * Avatar - A user profile image component with fallback support\n *\n * Displays a user's profile image with automatic fallback to a default person icon\n * when the image fails to load. Supports multiple sizes and can include status badges.\n * Built on Radix UI Avatar for accessibility and reliability.\n *\n * @example\n * // Basic avatar with image\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }} />\n *\n * @example\n * // Avatar with fallback and custom size\n * <Avatar\n *   size=\"large\"\n *   imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}\n *   fallbackProps={{ children: \"UN\" }}\n * />\n *\n * @example\n * // Avatar with status badge\n * <Avatar imageProps={{ src: \"/user.jpg\", alt: \"User Name\" }}>\n *   <Badge variant=\"success\" />\n * </Avatar>\n *\n * @example\n * // Avatar with only initials fallback\n * <Avatar fallbackProps={{ children: \"JD\" }} />\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    <IconProvider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        ref={ref}\n        className={clsx('group/avatar', styles.avatar, classNames?.avatar)}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={clsx(styles.image, classNames?.image)}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={clsx(styles.fallback, classNames?.fallback)}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <BadgeProvider offset={designTokens.spacing.xs} placement='top right'>\n          <span className={clsx(styles.content, classNames?.content)}>\n            {children}\n          </span>\n        </BadgeProvider>\n      </Root>\n    </IconProvider>\n  );\n}\n"]}

package/dist/components/avatar/styles.module.css

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .avatar {
+    @apply bg-surface-overlay fg-primary-muted grid rounded-full;
+    grid-template-areas: 'content';
+
+    @variant size-medium {
+      @apply text-header-m;
+      width: 32px;
+      height: 32px;
+    }
+
+    @variant size-small {
+      @apply size-xl text-header-xs;
+    }
+  }
+
+  .image {
+    @apply size-full overflow-hidden rounded-full object-cover object-center;
+    grid-area: content;
+  }
+
+  .fallback {
+    @apply flex size-full items-center justify-center;
+    grid-area: content;
+  }
+
+  .content {
+    @apply relative flex size-full items-center justify-center;
+    grid-area: content;
+  }
+}

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

@@ -1,10 +1,7 @@
 import { Avatar, Fallback, Image } from '@radix-ui/react-avatar';
 import { ComponentPropsWithRef } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { AvatarStyles } from './styles.js';
-import 'tailwind-merge';
 
-type AvatarProps = Omit<ComponentPropsWithRef<'span'>, 'className'> & Omit<ComponentPropsWithRef<typeof Avatar>, 'className' | 'asChild'> & VariantProps<typeof AvatarStyles> & {
+type AvatarProps = Omit<ComponentPropsWithRef<'span'>, 'className'> & Omit<ComponentPropsWithRef<typeof Avatar>, 'className' | 'asChild'> & {
     classNames?: {
         avatar?: string;
         image?: string;

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

@@ -4,8 +4,6 @@ import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
 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 }: ProviderProps<BadgeProps>): react_jsx_runtime.JSX.Element;

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

@@ -2,8 +2,6 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BadgeProps } from './types.js';
 import '@react-types/overlays';
 import 'react';
-import 'tailwind-variants';
-import './styles.js';
 
 /**
  * Badge - A small status indicator component for labeling and notifications

package/dist/components/badge/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {BadgeContext}from'./context.js';import {BadgeStylesDefaults,BadgeStyles}from'./styles.js';function g({ref:e,...a}){[a,e]=useContextProps(a,e??null,BadgeContext);const{className:o,offset:t,placement:s,variant:n=BadgeStylesDefaults.variant,...r}=a;return jsx("span",{...r,ref:e,className:BadgeStyles({className:o,variant:n}),"data-offset-x":typeof t=="number"?t:t?.x,"data-offset-y":typeof t=="number"?t:t?.y,"data-placement":s||null})}export{g as Badge};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps}from'react-aria-components';import {BadgeContext}from'./context.js';import l from'./styles.module.css';function x({ref:t,...e}){[e,t]=useContextProps(e,t??null,BadgeContext);const{className:a,color:r="info",offset:o,placement:m,...s}=e;return jsx("span",{...s,ref:t,className:clsx("group/badge",l.badge,a),"data-color":r,"data-offset-x":typeof o=="number"?o:o?.x,"data-offset-y":typeof o=="number"?o:o?.y,"data-placement":m||null})}export{x as Badge};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map