@accelint/design-toolkit 5.1.0 → 6.0.0

package/catalog-info.yaml

@@ -0,0 +1,44 @@
+---
+apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  name: "@accelint/design-toolkit"
+  title: Design Toolkit
+  description: >-
+    An open-source component library to serve as part of the entire ecosystem of
+    UX for Accelint.
+
+
+    Dependencies:
+
+    @accelint/biome-config@1.0.0, @accelint/bus@1.2.0,
+    @accelint/constellation-tracker@0.0.0, @accelint/core@0.4.0,
+    @accelint/icons@2.0.3, @accelint/temporal@0.1.0,
+    @accelint/typescript-config@0.1.2, @accelint/vitest-config@0.1.3
+  annotations:
+    backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/design-toolkit/blob/main/design-toolkit/components/catalog-info.yaml
+    backstage.io/techdocs-ref: dir:.
+    package/version: 5.0.0
+    github.com/project-slug: gohypergiant/standard-toolkit/design-toolkit
+  links:
+    - url: https://github.com/gohypergiant/standard-toolkit/design-toolkit/tree/main/design-toolkit/components
+      title: Documentation
+      icon: docs
+      type: documentation
+  tags:
+    - design-tk
+    - ui
+    - tooling
+spec:
+  type: library
+  lifecycle: production
+  owner: group:default/pathfinder
+  dependsOn:
+    - component:@accelint/biome-config
+    - component:@accelint/bus
+    - component:@accelint/constellation-tracker
+    - component:@accelint/core
+    - component:@accelint/icons
+    - component:@accelint/temporal
+    - component:@accelint/typescript-config
+    - component:@accelint/vitest-config

package/dist/components/accordion/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {Kebab,ChevronDown}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,Provider,Header,Heading,DisclosurePanel}from'react-aria-components';import {isSlottedContextValue}from'./../../lib/utils.js';import {ButtonContext,Button}from'../button/index.js';import {IconContext,Icon}from'../icon/index.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const {group:z,accordion:E,header:K,heading:L,trigger:M,panel:R}=AccordionStyles(),a=createContext(null);function P({ref:i,children:e,className:c,variant:o=AccordionStylesDefaults.variant,isDisabled:n,...t}){return jsx(a.Provider,{value:{variant:o,isDisabled:n},children:jsx(DisclosureGroup,{...t,ref:i,className:composeRenderProps(c,u=>z({className:u,variant:o})),children:e})})}P.displayName="Accordion.Group";function f({ref:i,children:e,className:c}){const o=useContext(a),n=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,t=(isSlottedContextValue(o)?void 0:o?.isDisabled)??false;return jsx(Provider,{values:[[IconContext,{size:n==="compact"?"small":"large"}],[ButtonContext,{children:jsx(Icon,{children:jsx(Kebab,{})}),variant:"icon",isDisabled:t}]],children:jsx(Header,{ref:i,className:K({className:c,variant:n}),children:e})})}f.displayName="Accordion.Header";function g({ref:i,children:e,classNames:c}){const o=useContext(a),n=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:i,className:L({className:c?.heading,variant:n}),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(c?.trigger,t=>M({className:t,variant:n})),variant:"flat",children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),e]})})}g.displayName="Accordion.Trigger";function v({ref:i,children:e,className:c,...o}){return jsx(DisclosurePanel,{...o,ref:i,className:composeRenderProps(c,n=>R({className:n})),children:e})}v.displayName="Accordion.Panel";function s({ref:i,...e}){[e,i]=useContextProps(e,i??null,a);const{children:c,className:o,variant:n=AccordionStylesDefaults.variant,isDisabled:t,...u}=e;return jsx(a.Provider,{value:{variant:n,isDisabled:t},children:jsx(Disclosure,{...u,className:composeRenderProps(o,x=>E({className:x})),isDisabled:t,children:c})})}s.displayName="Accordion",s.Group=P,s.Header=f,s.Trigger=g,s.Panel=v;export{s as Accordion,a as AccordionContext};//# sourceMappingURL=index.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {Kebab,ChevronDown}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,Provider,Header,Heading,DisclosurePanel}from'react-aria-components';import {isSlottedContextValue}from'./../../lib/utils.js';import {ButtonContext,Button}from'../button/index.js';import {IconContext,Icon}from'../icon/index.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const {group:w,accordion:E,header:K,heading:L,trigger:M,panel:R}=AccordionStyles(),a=createContext(null);function v({ref:i,children:n,className:c,variant:o=AccordionStylesDefaults.variant,isDisabled:e,...t}){return jsx(a.Provider,{value:{variant:o,isDisabled:e},children:jsx(DisclosureGroup,{...t,ref:i,className:composeRenderProps(c,u=>w({className:u,variant:o})),children:n})})}v.displayName="Accordion.Group";function f({ref:i,children:n,className:c}){const o=useContext(a),e=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,t=(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:t}]],children:jsx(Header,{ref:i,className:K({className:c,variant:e}),children:n})})}f.displayName="Accordion.Header";function g({ref:i,children:n,classNames:c}){const o=useContext(a),e=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:i,className:L({className:c?.heading,variant:e}),children:jsx(Button,{slot:"trigger",className:composeRenderProps(c?.trigger,t=>M({className:t,variant:e})),variant:"flat",children:jsxs(IconContext.Provider,{value:{size:e==="compact"?"small":"medium"},children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),n]})})})}g.displayName="Accordion.Trigger";function x({ref:i,children:n,className:c,...o}){return jsx(DisclosurePanel,{...o,ref:i,className:composeRenderProps(c,e=>R({className:e})),children:n})}x.displayName="Accordion.Panel";function s({ref:i,...n}){[n,i]=useContextProps(n,i??null,a);const{children:c,className:o,variant:e=AccordionStylesDefaults.variant,isDisabled:t,...u}=n;return jsx(a.Provider,{value:{variant:e,isDisabled:t},children:jsx(Disclosure,{...u,className:composeRenderProps(o,C=>E({className:C})),isDisabled:t,children:c})})}s.displayName="Accordion",s.Group=v,s.Header=f,s.Trigger=g,s.Panel=x;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":["AccordionContext","AccordionGroup","ref","w","C","children","variant","AccordionStylesDefaults","isDisabled","l","r","jsx","rest","group","H","className","d","context","useContext","isSlottedContextValue","p","T","V","ButtonContext","Icon","S","A","Header","header","b","Heading","classNames","Button","B","ChevronDown","D","composeRenderProps","panel","G","AccordionPanel","props","I","y","Accordion"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { ChevronDown, Kebab } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n  type ContextValue,\n  composeRenderProps,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Header,\n  Heading,\n  Provider,\n  useContextProps,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { Button, ButtonContext } from '../button';\nimport { Icon, IconContext } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n  AccordionGroupProps,\n  AccordionHeaderProps,\n  AccordionPanelProps,\n  AccordionProps,\n  AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = AccordionStylesDefaults.variant,\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          group({\n            className,\n            variant,\n          }),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n        [\n          ButtonContext,\n          {\n            children: (\n              <Icon>\n                <Kebab />\n              </Icon>\n            ),\n            variant: 'icon',\n            isDisabled,\n          },\n        ],\n      ]}\n    >\n      <Header\n        ref={ref}\n        className={header({\n          className,\n          variant,\n        })}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n          }),\n        )}\n        variant='flat'\n      >\n        <Icon>\n          <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n        </Icon>\n        {children}\n      </Button>\n    </Heading>\n  );\n}\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\nfunction AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\n\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 *   <Accordion.Header>\n *     <Accordion.Trigger>Section Title</Accordion.Trigger>\n *   </Accordion.Header>\n *   <Accordion.Panel>Content goes here</Accordion.Panel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n *   <Accordion.Header>\n *     <Accordion.Trigger>Compact Section</Accordion.Trigger>\n *   </Accordion.Header>\n *   <Accordion.Panel>Compact content</Accordion.Panel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <Accordion.Group>\n *   <Accordion>\n *     <Accordion.Header>\n *       <Accordion.Trigger>First Section</Accordion.Trigger>\n *     </Accordion.Header>\n *     <Accordion.Panel>First content</Accordion.Panel>\n *   </Accordion>\n *   <Accordion>\n *     <Accordion.Header>\n *       <Accordion.Trigger>Second Section</Accordion.Trigger>\n *     </Accordion.Header>\n *     <Accordion.Panel>Second content</Accordion.Panel>\n *   </Accordion>\n * </Accordion.Group>\n */\nexport function Accordion({ ref, ...props }: AccordionProps) {\n  [props, ref] = useContextProps(props, ref ?? null, AccordionContext);\n\n  const {\n    children,\n    className,\n    variant = AccordionStylesDefaults.variant,\n    isDisabled,\n    ...rest\n  } = props;\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        variant,\n        isDisabled,\n      }}\n    >\n      <Disclosure\n        {...rest}\n        className={composeRenderProps(className, (className) =>\n          accordion({\n            className,\n          }),\n        )}\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Disclosure>\n    </AccordionContext.Provider>\n  );\n}\nAccordion.displayName = 'Accordion';\nAccordion.Group = AccordionGroup;\nAccordion.Header = AccordionHeader;\nAccordion.Trigger = AccordionTrigger;\nAccordion.Panel = AccordionPanel;\n"]}
+{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"names":["AccordionContext","AccordionGroup","ref","z","y","children","variant","AccordionStylesDefaults","isDisabled","l","r","jsx","rest","group","G","d","context","useContext","isSlottedContextValue","p","I","A","ButtonContext","Icon","V","P","Header","header","className","h","Heading","classNames","Button","k","composeRenderProps","b","AccordionPanel","props","B","H","Accordion"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { ChevronDown, Kebab } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n  type ContextValue,\n  composeRenderProps,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Header,\n  Heading,\n  Provider,\n  useContextProps,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '@/lib/utils';\nimport { Button, ButtonContext } from '../button';\nimport { Icon, IconContext } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n  AccordionGroupProps,\n  AccordionHeaderProps,\n  AccordionPanelProps,\n  AccordionProps,\n  AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = AccordionStylesDefaults.variant,\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          group({\n            className,\n            variant,\n          }),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n        [\n          ButtonContext,\n          {\n            children: (\n              <Icon>\n                <Kebab />\n              </Icon>\n            ),\n            variant: 'icon',\n            isDisabled,\n          },\n        ],\n      ]}\n    >\n      <Header\n        ref={ref}\n        className={header({\n          className,\n          variant,\n        })}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n          }),\n        )}\n        variant='flat'\n      >\n        <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}\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\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 *   <Accordion.Header>\n *     <Accordion.Trigger>Section Title</Accordion.Trigger>\n *   </Accordion.Header>\n *   <Accordion.Panel>Content goes here</Accordion.Panel>\n * </Accordion>\n *\n * @example\n * // Compact variant\n * <Accordion variant=\"compact\">\n *   <Accordion.Header>\n *     <Accordion.Trigger>Compact Section</Accordion.Trigger>\n *   </Accordion.Header>\n *   <Accordion.Panel>Compact content</Accordion.Panel>\n * </Accordion>\n *\n * @example\n * // Multiple accordions in a group\n * <Accordion.Group>\n *   <Accordion>\n *     <Accordion.Header>\n *       <Accordion.Trigger>First Section</Accordion.Trigger>\n *     </Accordion.Header>\n *     <Accordion.Panel>First content</Accordion.Panel>\n *   </Accordion>\n *   <Accordion>\n *     <Accordion.Header>\n *       <Accordion.Trigger>Second Section</Accordion.Trigger>\n *     </Accordion.Header>\n *     <Accordion.Panel>Second content</Accordion.Panel>\n *   </Accordion>\n * </Accordion.Group>\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

@@ -17,7 +17,7 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
     accordion: string;
     header: string[];
     heading: string;
-    trigger: string[];
+    trigger: string;
     panel: string;
 }, undefined, {
     variant: {
@@ -33,7 +33,7 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
     accordion: string;
     header: string[];
     heading: string;
-    trigger: string[];
+    trigger: string;
     panel: string;
 }, tailwind_variants.TVReturnType<{
     variant: {
@@ -49,7 +49,7 @@ declare const AccordionStyles: tailwind_variants.TVReturnType<{
     accordion: string;
     header: string[];
     heading: string;
-    trigger: string[];
+    trigger: string;
     panel: string;
 }, undefined, unknown, unknown>>;
 

package/dist/components/accordion/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const o={variant:"cozy"},t=tv({slots:{group:"group/accordion-group flex w-full flex-col",accordion:"group/accordion flex w-full flex-col bg-transparent",header:["fg-primary-bold flex w-full items-center gap-s rounded-medium px-s py-xs outline-none","group-enabled/accordion:focus-visible-within:bg-interactive-muted-hover group-enabled/accordion:hover:bg-interactive-muted-hover","group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed"],heading:"grow",trigger:["flex w-full cursor-pointer items-center justify-start size-medium:px-0 disabled:cursor-not-allowed"],panel:"p-s"},variants:{variant:{cozy:{trigger:"gap-s text-header-m"},compact:{trigger:"gap-xs text-header-s"}}},defaultVariants:o});export{t as AccordionStyles,o as AccordionStylesDefaults};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const r={variant:"cozy"},i=tv({slots:{group:"group/accordion-group flex w-full flex-col",accordion:"group/accordion flex w-full flex-col bg-transparent",header:["fg-primary-bold flex w-full items-center gap-s rounded-medium px-s py-xs outline-none","group-enabled/accordion:focus-visible-within:bg-interactive-muted-hover group-enabled/accordion:hover:bg-interactive-muted-hover","group-enabled/accordion:pressed:bg-interactive-muted-pressed","group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed"],heading:"grow",trigger:"w-full cursor-pointer justify-start size-medium:px-0",panel:"p-s"},variants:{variant:{cozy:{trigger:"size-medium:gap-s size-medium:text-header-m"},compact:{trigger:"size-medium:gap-xs size-medium:text-header-s"}}},defaultVariants:r});export{i 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":["AccordionStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAkBC,MAC7B,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CACP,CAAW,SAAA,CAAA,qDAET,CAAA,MAAA,CAAA,CAAA,uFACA,CAAA,kIACA,CAAA,kFAEO,SACT,CAAA,MACE,CAAA,OAAA,CAAA,CAAA,oGAEK,CAAA,CAAA,KAET,CAAA,KAAA,CAAU,CACR,QAAS,CACP,CAAA,aACW,CAAA,CAAA,OAAA,CAAA,qBAEF,CACP,CAAA,OAAS,CAAA,CAAA,OAAA,CAAA,sBAIf,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const AccordionStylesDefaults = {\n  variant: 'cozy',\n} as const;\n\nexport const AccordionStyles = tv({\n  slots: {\n    group: 'group/accordion-group flex w-full flex-col',\n    accordion: 'group/accordion flex w-full flex-col bg-transparent',\n    header: [\n      'fg-primary-bold flex w-full items-center gap-s rounded-medium px-s py-xs outline-none',\n      'group-enabled/accordion:focus-visible-within:bg-interactive-muted-hover group-enabled/accordion:hover:bg-interactive-muted-hover',\n      'group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed',\n    ],\n    heading: 'grow',\n    trigger: [\n      'flex w-full cursor-pointer items-center justify-start size-medium:px-0 disabled:cursor-not-allowed',\n    ],\n    panel: 'p-s',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        trigger: 'gap-s text-header-m',\n      },\n      compact: {\n        trigger: 'gap-xs text-header-s',\n      },\n    },\n  },\n  defaultVariants: AccordionStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/accordion/styles.ts"],"names":["AccordionStyles","tv","e"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAkBC,MAC7B,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,4CACP,CAAW,SAAA,CAAA,qDAET,CAAA,MAAA,CAAA,CAAA,uFACA,CAAA,kIACA,CAAA,8DACA,CAAA,kFAEO,CAAA,CAAA,OACT,CAAA,qEACO,CAAA,KAET,CAAA,KAAA,CAAU,CACR,QAAS,CACP,CAAA,aACW,CAAA,CAAA,OAAA,CAAA,6CAEF,CACP,CAAA,OAAS,CAAA,CAAA,OAAA,CAAA,8CAIf,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const AccordionStylesDefaults = {\n  variant: 'cozy',\n} as const;\n\nexport const AccordionStyles = tv({\n  slots: {\n    group: 'group/accordion-group flex w-full flex-col',\n    accordion: 'group/accordion flex w-full flex-col bg-transparent',\n    header: [\n      'fg-primary-bold flex w-full items-center gap-s rounded-medium px-s py-xs outline-none',\n      'group-enabled/accordion:focus-visible-within:bg-interactive-muted-hover group-enabled/accordion:hover:bg-interactive-muted-hover',\n      'group-enabled/accordion:pressed:bg-interactive-muted-pressed',\n      'group-disabled/accordion:fg-disabled group-disabled/accordion:cursor-not-allowed',\n    ],\n    heading: 'grow',\n    trigger: 'w-full cursor-pointer justify-start size-medium:px-0',\n    panel: 'p-s',\n  },\n  variants: {\n    variant: {\n      cozy: {\n        trigger: 'size-medium:gap-s size-medium:text-header-m',\n      },\n      compact: {\n        trigger: 'size-medium:gap-xs size-medium:text-header-s',\n      },\n    },\n  },\n  defaultVariants: AccordionStylesDefaults,\n});\n"]}

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

@@ -2,6 +2,17 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ActionBarProps } from './types.js';
 import 'react';
 
+/**
+ * ActionBar - Container for icon action buttons
+ *
+ * A container component that displays a collection of action buttons (typically icon-only)
+ * and provides consistent spacing and alignment for toolbar-style actions.
+ *
+ * @example
+ * <ActionBar>
+ *   <Button><Icon><Copy/></Icon></Button>
+ * </ActionBar>
+ */
 declare function ActionBar({ className, ...rest }: ActionBarProps): react_jsx_runtime.JSX.Element;
 declare namespace ActionBar {
     var displayName: string;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/action-bar/index.tsx"],"names":["className","jsx","ButtonContext","i","n","a","rest","o","e"],"mappings":"kNAmB4B,SAAAA,CAAW,CAAA,CAAA,SACrC,CAAA,CAAA,CACEC,IAAC,CACC,CAAA,CAAA,OACGC,GAAAA,CAAeC,QAAE,CAAA,CAAA,MAAS,CAAA,CAAA,CAAAC,aAAA,CAAA,CAAO,OACV,CAAA,MAAA,CAAS,CAAA,CAAA,CAAAC,mBAAA,CAAA,CAAO,OAG1C,CAAA,MAAAJ,CAAC,CAAA,CAAA,CAAA,QAAQK,CAAMC,GAAA,CAAA,KAAA,CAAA,CAAA,GAA2B,CAAE,CAAA,SAAAP,CAAUQ,eAAC,CAAA,CAAG,SAItD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,WAAA","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';\nimport { ActionBarStyles } from './styles';\nimport type { ActionBarProps } from './types';\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}\nActionBar.displayName = 'ActionBar';\n"]}
+{"version":3,"sources":["../../../src/components/action-bar/index.tsx"],"names":["className","jsx","ButtonContext","i","n","a","rest","o","e"],"mappings":"kNA8B4B,SAAAA,CAAW,CAAA,CAAA,SACrC,CAAA,CAAA,CACEC,IAAC,CACC,CAAA,CAAA,OACGC,GAAAA,CAAeC,QAAE,CAAA,CAAA,MAAS,CAAA,CAAA,CAAAC,aAAA,CAAA,CAAO,OACV,CAAA,MAAA,CAAS,CAAA,CAAA,CAAAC,mBAAA,CAAA,CAAO,OAG1C,CAAA,MAAAJ,CAAC,CAAA,CAAA,CAAA,QAAQK,CAAMC,GAAA,CAAA,KAAA,CAAA,CAAA,GAA2B,CAAE,CAAA,SAAAP,CAAUQ,eAAC,CAAA,CAAG,SAItD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,WAAA","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';\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}\nActionBar.displayName = 'ActionBar';\n"]}

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BreadcrumbsProps, BreadcrumbProps } from 'react-aria-components';
+import { BreadcrumbItemProps } from './types.js';
+
+/**
+ * Breadcrumbs - Accessible breadcrumb navigation
+ *
+ * Displays the user's location within an application hierarchy and provides
+ * links back to parent pages. The final item represents the current page.
+ *
+ * @example
+ * <Breadcrumbs>
+ *   <Breadcrumbs.Item linkProps={{ href: '/' }}>Home</Breadcrumbs.Item>
+ *   <Breadcrumbs.Item>Current</Breadcrumbs.Item>
+ * </Breadcrumbs>
+ */
+declare function Breadcrumbs({ children, className, }: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime.JSX.Element;
+declare namespace Breadcrumbs {
+    var displayName: string;
+    var Item: typeof BreadcrumbItem;
+}
+declare function BreadcrumbItem({ children, classNames, linkProps, ...rest }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbItem {
+    var displayName: string;
+}
+
+export { Breadcrumbs };

package/dist/components/breadcrumbs/index.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {ChevronRight}from'@accelint/icons';import {Breadcrumbs,Breadcrumb,composeRenderProps,Link}from'react-aria-components';import {containsExactChildren}from'./../../lib/react.js';import {Icon}from'../icon/index.js';import {BreadcrumbsStyles}from'./styles.js';const{list:y,item:I,link:N,separator:P}=BreadcrumbsStyles();function s({children:r,className:e}){return containsExactChildren({children:r,componentName:s.displayName,restrictions:[[c,{min:1}]]}),jsx(Breadcrumbs,{className:y({className:e}),children:r})}s.displayName="Breadcrumbs";function c({children:r,classNames:e,linkProps:a,...i}){return jsx(Breadcrumb,{...i,className:composeRenderProps(e?.item,t=>I({className:t})),children:composeRenderProps(a?null:r,t=>jsxs(Fragment,{children:[a?jsx(Link,{...a,className:composeRenderProps(e?.link,p=>N({className:p})),children:r}):t,jsx(Icon,{"aria-hidden":"true",className:P({className:e?.separator}),children:jsx(ChevronRight,{})})]}))})}c.displayName="Breadcrumbs.Item",s.Item=c;export{s as Breadcrumbs};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/breadcrumbs/index.tsx"],"names":["separator","BreadcrumbsStyles","f","children","className","containsExactChildren","list","BreadcrumbItem","classNames","linkProps","rest","n","item","o","composeRenderProps","itemChildren","jsxs","Link","k","link","Icon","m","l","jsx","ChevronRight","u"],"mappings":"6UA4BoB,KAAM,CAAA,IAAA,CAAA,CAAA,CAAAA,IAAcC,CAAkB,EAcnD,IAAA,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,CAAAC,iBAAAC,EACA,UAAAC,CACF,CAAA,CAAsC,QACpCC,CAAAA,CAAsB,CACpB,SAAAF,CAAAA,CACA,yCAA2B,CAAA,CAAA,CAAA,2BACc,CAAC,qBAIdG,CAAK,CAAE,sBAAAF,CAAU,SAC1C,CAAA,CAAA,CAAAD,CAAAA,SAIK,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAEjBI,CAAAA,aAEP,CAAA,SAAA,CAAAC,EACA,QAAA,CAAA,CAAAC,CAAAA,UAGA,CAAA,CAAA,CAAA,SAEK,CAAGC,EACJ,GAAA,CAAA,CAAA,CAAA,CAAA,UAA0C,CAAAC,UAAA,CAAA,CAAA,GAAOP,CAC/CQ,UAAO,CAAAC,kBAAA,CAAAT,CAAU,EACnB,IAEC,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAU,SAAsCX,CAAAA,CAAWY,GAChDC,CAAAA,QACG,CAAAH,kBAAA,CAAA,CAAA,CAAA,KACEI,CAAAA,CAAA,CACE,EAAAC,IAAGT,CAAAA,QACJ,UAAWK,CAAAA,CAAmBN,CAAAA,CAAAA,GAAY,UAAOJ,CAC/Ce,CAAAA,SAAO,CAAAN,kBAAA,CAAAT,CAAU,EACnB,WAECD,SAKJiB,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAAC,GAAA,CACZC,0BAAkCd,CAAAA,SAAY,CAAA,CAAU,CAAC,CAAA,SAEzD,CAAAe,GAACC,SAGN,EACH,CAEJ,QACe,CAAAH,GAAA,CAAAI,YAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAEjB,CAAA,kBAAOlB,CAAAA,CAAAA,CAAAA,IAAAA,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 { ChevronRight } from '@accelint/icons';\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n  composeRenderProps,\n  Link,\n} from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { Icon } from '../icon';\nimport { BreadcrumbsStyles } from './styles';\nimport type { BreadcrumbItemProps } from './types';\n\nconst { list, item, link, separator } = BreadcrumbsStyles();\n\n/**\n * Breadcrumbs - Accessible breadcrumb navigation\n *\n * Displays the user's location within an application hierarchy and provides\n * links back to parent pages. The final item represents the current page.\n *\n * @example\n * <Breadcrumbs>\n *   <Breadcrumbs.Item linkProps={{ href: '/' }}>Home</Breadcrumbs.Item>\n *   <Breadcrumbs.Item>Current</Breadcrumbs.Item>\n * </Breadcrumbs>\n */\nexport function Breadcrumbs({\n  children,\n  className,\n}: BreadcrumbsProps<BreadcrumbProps>) {\n  containsExactChildren({\n    children,\n    componentName: Breadcrumbs.displayName,\n    restrictions: [[BreadcrumbItem, { min: 1 }]],\n  });\n\n  return (\n    <AriaBreadcrumbs className={list({ className })}>\n      {children}\n    </AriaBreadcrumbs>\n  );\n}\nBreadcrumbs.displayName = 'Breadcrumbs';\n\nfunction BreadcrumbItem({\n  children,\n  classNames,\n  linkProps,\n  ...rest\n}: BreadcrumbItemProps) {\n  return (\n    <Breadcrumb\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className }),\n      )}\n    >\n      {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n        <>\n          {linkProps ? (\n            <Link\n              {...linkProps}\n              className={composeRenderProps(classNames?.link, (className) =>\n                link({ className }),\n              )}\n            >\n              {children}\n            </Link>\n          ) : (\n            itemChildren\n          )}\n          <Icon\n            aria-hidden='true'\n            className={separator({ className: classNames?.separator })}\n          >\n            <ChevronRight />\n          </Icon>\n        </>\n      ))}\n    </Breadcrumb>\n  );\n}\nBreadcrumbItem.displayName = 'Breadcrumbs.Item';\n\nBreadcrumbs.Item = BreadcrumbItem;\n"]}

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

@@ -0,0 +1,48 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const BreadcrumbsStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    list: string;
+    item: string;
+    link: string;
+    separator: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    list: string;
+    item: string;
+    link: string;
+    separator: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    list: string;
+    item: string;
+    link: string;
+    separator: string;
+}, undefined, unknown, unknown>>;
+
+export { BreadcrumbsStyles };

package/dist/components/breadcrumbs/styles.js

@@ -0,0 +1,2 @@
+import {tv}from'./../../lib/utils.js';const t=tv({slots:{list:"fg-primary-muted flex items-center gap-s",item:"group/breadcrumb flex items-center gap-s",link:"current:fg-accent-primary-bold hover:fg-primary-bold",separator:"group-current/breadcrumb:hidden"}});export{t as BreadcrumbsStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/breadcrumbs/styles.ts"],"names":["r"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,0CACA,CAAA,IAAA,CAAA,sGAEN,CAAW,SAAA,CAAA,iCAEd,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const BreadcrumbsStyles = tv({\n  slots: {\n    list: 'fg-primary-muted flex items-center gap-s',\n    item: 'group/breadcrumb flex items-center gap-s',\n    link: 'current:fg-accent-primary-bold hover:fg-primary-bold',\n    separator: 'group-current/breadcrumb:hidden',\n  },\n});\n"]}

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

@@ -0,0 +1,20 @@
+import { BreadcrumbProps, LinkProps } from 'react-aria-components';
+
+type BreadcrumbItemProps = Omit<BreadcrumbProps, 'children' | 'className'> & ({
+    classNames?: {
+        item?: BreadcrumbProps['className'];
+        link?: LinkProps['className'];
+        separator?: string;
+    };
+    linkProps: Omit<LinkProps, 'className'>;
+    children?: LinkProps['children'];
+} | {
+    classNames?: {
+        item?: BreadcrumbProps['className'];
+        separator?: string;
+    };
+    linkProps?: never;
+    children?: BreadcrumbProps['children'];
+});
+
+export type { BreadcrumbItemProps };

package/dist/components/breadcrumbs/types.js

@@ -0,0 +1,2 @@
+//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/dist/components/breadcrumbs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
 import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
 import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
 import 'tailwind-variants';
 import './styles.js';
@@ -113,7 +113,7 @@ declare namespace ToggleButtonProvider {
  *
  * @example
  * // Controlled toggle button with different variants
- * <ToggleButton variant="filled" isSelected={isEnabled} onChange={setIsEnabled}>
+ * <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
  *   Enable Notifications
  * </ToggleButton>
  *

package/dist/components/button/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["d","props","jsx","ButtonContext","e","ButtonProvider","useContextProps","ref","size","rest","Icon","c","AriaButton","f","composeRenderProps","className","P","color","LinkButtonProvider","LinkButtonContext","B","Link","N","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","C"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Button as AriaButton,\n  ToggleButton as AriaToggleButton,\n  type ContextValue,\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\nButtonProvider.displayName = 'Button.Provider';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @example\n * // Basic button\n * <Button>Click me</Button>\n *\n * @example\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n *\n * @example\n * // Button with icon\n * <Button variant=\"flat\">\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n *\n * @example\n * // Icon-only button\n * <Button variant=\"icon\">\n *   <Icon><Settings /></Icon>\n * </Button>\n *\n * @example\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'info',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaButton>\n    </Icon.Provider>\n  );\n}\nButton.displayName = 'Button';\nButton.Provider = ButtonProvider;\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nfunction LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\nLinkButtonProvider.displayName = 'LinkButton.Provider';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n *   <Icon><User /></Icon>\n *   View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n *   <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'info',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          LinkButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </Icon.Provider>\n  );\n}\nLinkButton.displayName = 'LinkButton';\nLinkButton.Provider = LinkButtonProvider;\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nfunction ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\nToggleButtonProvider.displayName = 'ToggleButton.Provider';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"filled\" isSelected={isEnabled} onChange={setIsEnabled}>\n *   Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n *   <Icon><Heart /></Icon>\n *   {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n *   <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n *   Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'info',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ToggleButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </Icon.Provider>\n  );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["d","props","jsx","ButtonContext","e","ButtonProvider","useContextProps","ref","rest","Icon","m","AriaButton","C","composeRenderProps","className","P","color","size","LinkButtonProvider","LinkButtonContext","B","Link","f","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","N"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Button as AriaButton,\n  ToggleButton as AriaToggleButton,\n  type ContextValue,\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\nButtonProvider.displayName = 'Button.Provider';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @example\n * // Basic button\n * <Button>Click me</Button>\n *\n * @example\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n *\n * @example\n * // Button with icon\n * <Button variant=\"flat\">\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n *\n * @example\n * // Icon-only button\n * <Button variant=\"icon\">\n *   <Icon><Settings /></Icon>\n * </Button>\n *\n * @example\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaButton>\n    </Icon.Provider>\n  );\n}\nButton.displayName = 'Button';\nButton.Provider = ButtonProvider;\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nfunction LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\nLinkButtonProvider.displayName = 'LinkButton.Provider';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n *   <Icon><User /></Icon>\n *   View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n *   <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          LinkButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </Icon.Provider>\n  );\n}\nLinkButton.displayName = 'LinkButton';\nLinkButton.Provider = LinkButtonProvider;\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nfunction ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\nToggleButtonProvider.displayName = 'ToggleButton.Provider';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n *   Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n *   <Icon><Heart /></Icon>\n *   {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n *   <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n *   Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ToggleButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </Icon.Provider>\n  );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}

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

@@ -2,7 +2,6 @@ import * as tailwind_variants from 'tailwind-variants';
 import * as tailwind_merge from 'tailwind-merge';
 
 declare const ButtonStylesDefaults: {
-    readonly color: "info";
     readonly variant: "filled";
 };
 declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
@@ -17,7 +16,7 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -25,7 +24,7 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -33,7 +32,7 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -41,7 +40,7 @@ declare const ButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -58,7 +57,7 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -66,7 +65,7 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -74,7 +73,7 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -82,21 +81,22 @@ declare const LinkButtonStyles: tailwind_variants.TVReturnType<{} | {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
 }, undefined, string[], unknown, unknown>>>;
 declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{
     variant: {
-        filled: string[];
-        floating: string[];
+        flat: string[];
+        outline: string[];
+        icon: string[];
     };
 }, undefined, string[], {
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -104,7 +104,7 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -112,7 +112,7 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };
@@ -120,7 +120,7 @@ declare const ToggleButtonStyles: tailwind_variants.TVReturnType<{
     variant: {
         filled: string[];
         outline: string[];
-        flat: string;
+        flat: string[];
         icon: string[];
         floating: string[];
     };