@accelint/design-toolkit 4.0.0 → 5.0.0

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

@@ -2,8 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { AccordionProps, AccordionGroupProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps } from './types.js';
-import '../../lib/types.js';
 import 'tailwind-variants';
+import '../../lib/types.js';
 import './styles.js';
 
 declare const AccordionContext: react.Context<ContextValue<AccordionProps, HTMLDivElement>>;

package/dist/components/accordion/index.js

@@ -1,2 +1,2 @@
-import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {isSlottedContextValue}from'./../../lib/utils.js';import {Kebab,ChevronDown}from'@accelint/icons';import {createContext,useContext}from'react';import {useContextProps,Disclosure,composeRenderProps,DisclosureGroup,Provider,Header,Heading,DisclosurePanel}from'react-aria-components';import {ButtonContext,Button}from'../button/index.js';import {IconContext,Icon}from'../icon/index.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const {group:z,accordion:E,header:K,heading:L,trigger:M,panel:R}=AccordionStyles(),a=createContext(null);function P({ref:i,children:e,className:c,variant:o=AccordionStylesDefaults.variant,isDisabled:n,...t}){return jsx(a.Provider,{value:{variant:o,isDisabled:n},children:jsx(DisclosureGroup,{...t,ref:i,className:composeRenderProps(c,u=>z({className:u,variant:o})),children:e})})}P.displayName="Accordion.Group";function f({ref:i,children:e,className:c}){const o=useContext(a),n=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant,t=(isSlottedContextValue(o)?void 0:o?.isDisabled)??false;return jsx(Provider,{values:[[IconContext,{size:n==="compact"?"small":"large"}],[ButtonContext,{children:jsx(Icon,{children:jsx(Kebab,{})}),variant:"icon",isDisabled:t}]],children:jsx(Header,{ref:i,className:K({className:c,variant:n}),children:e})})}f.displayName="Accordion.Header";function g({ref:i,children:e,classNames:c}){const o=useContext(a),n=(isSlottedContextValue(o)?void 0:o?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:i,className:L({className:c?.heading,variant:n}),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(c?.trigger,t=>M({className:t,variant:n})),variant:"flat",children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),e]})})}g.displayName="Accordion.Trigger";function v({ref:i,children:e,className:c,...o}){return jsx(DisclosurePanel,{...o,ref:i,className:composeRenderProps(c,n=>R({className:n})),children:e})}v.displayName="Accordion.Panel";function s({ref:i,...e}){[e,i]=useContextProps(e,i??null,a);const{children:c,className:o,variant:n=AccordionStylesDefaults.variant,isDisabled:t,...u}=e;return jsx(a.Provider,{value:{variant:n,isDisabled:t},children:jsx(Disclosure,{...u,className:composeRenderProps(o,x=>E({className:x})),isDisabled:t,children:c})})}s.displayName="Accordion",s.Group=P,s.Header=f,s.Trigger=g,s.Panel=v;export{s as Accordion,a as AccordionContext};//# sourceMappingURL=index.js.map
+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
 //# 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 { isSlottedContextValue } from '@/lib/utils';\nimport { ChevronDown, Kebab } from '@accelint/icons';\nimport { createContext, useContext } from 'react';\nimport {\n  type ContextValue,\n  Disclosure,\n  DisclosureGroup,\n  DisclosurePanel,\n  Header,\n  Heading,\n  Provider,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Button, ButtonContext } from '../button';\nimport { Icon, IconContext } from '../icon';\nimport { AccordionStyles, AccordionStylesDefaults } from './styles';\nimport type {\n  AccordionGroupProps,\n  AccordionHeaderProps,\n  AccordionPanelProps,\n  AccordionProps,\n  AccordionTriggerProps,\n} from './types';\n\nconst { group, accordion, header, heading, trigger, panel } = AccordionStyles();\n\nexport const AccordionContext =\n  createContext<ContextValue<AccordionProps, HTMLDivElement>>(null);\n\nfunction AccordionGroup({\n  ref,\n  children,\n  className,\n  variant = AccordionStylesDefaults.variant,\n  isDisabled,\n  ...rest\n}: AccordionGroupProps) {\n  return (\n    <AccordionContext.Provider value={{ variant, isDisabled }}>\n      <DisclosureGroup\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          group({\n            className,\n            variant,\n          }),\n        )}\n      >\n        {children}\n      </DisclosureGroup>\n    </AccordionContext.Provider>\n  );\n}\nAccordionGroup.displayName = 'Accordion.Group';\n\nfunction AccordionHeader({ ref, children, className }: AccordionHeaderProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n  const isDisabled =\n    (isSlottedContextValue(context) ? undefined : context?.isDisabled) ?? false;\n\n  return (\n    <Provider\n      values={[\n        [IconContext, { size: variant === 'compact' ? 'small' : 'large' }],\n        [\n          ButtonContext,\n          {\n            children: (\n              <Icon>\n                <Kebab />\n              </Icon>\n            ),\n            variant: 'icon',\n            isDisabled,\n          },\n        ],\n      ]}\n    >\n      <Header\n        ref={ref}\n        className={header({\n          className,\n          variant,\n        })}\n      >\n        {children}\n      </Header>\n    </Provider>\n  );\n}\nAccordionHeader.displayName = 'Accordion.Header';\n\nfunction AccordionTrigger({\n  ref,\n  children,\n  classNames,\n}: AccordionTriggerProps) {\n  const context = useContext(AccordionContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    AccordionStylesDefaults.variant;\n\n  return (\n    <Heading\n      ref={ref}\n      className={heading({\n        className: classNames?.heading,\n        variant,\n      })}\n    >\n      <Button\n        slot='trigger'\n        className={composeRenderProps(classNames?.trigger, (className) =>\n          trigger({\n            className,\n            variant,\n          }),\n        )}\n        variant='flat'\n      >\n        <Icon>\n          <ChevronDown className='transform group-expanded/accordion:rotate-180' />\n        </Icon>\n        {children}\n      </Button>\n    </Heading>\n  );\n}\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\nfunction AccordionPanel({\n  ref,\n  children,\n  className,\n  ...rest\n}: AccordionPanelProps) {\n  return (\n    <DisclosurePanel\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        panel({ className }),\n      )}\n    >\n      {children}\n    </DisclosurePanel>\n  );\n}\nAccordionPanel.displayName = 'Accordion.Panel';\n\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","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"]}

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

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

@@ -1,7 +1,7 @@
-import { RenderPropsClassName } from '../../lib/types.js';
 import { RefAttributes, ComponentPropsWithRef } from 'react';
 import { DisclosureProps, DisclosureGroupProps, Heading, ButtonRenderProps, DisclosurePanelProps } 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>;

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ActionBarProps } from './types.js';
+import 'react';
+
+declare function ActionBar({ className, ...rest }: ActionBarProps): react_jsx_runtime.JSX.Element;
+declare namespace ActionBar {
+    var displayName: string;
+}
+
+export { ActionBar };

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

@@ -0,0 +1,2 @@
+import {jsx}from'react/jsx-runtime';import'client-only';import {Provider}from'react-aria-components';import {ButtonContext,ToggleButtonContext}from'../button/index.js';import {ActionBarStyles}from'./styles.js';function p({className:t,...r}){return jsx(Provider,{values:[[ButtonContext,{variant:"icon"}],[ToggleButtonContext,{variant:"icon"}]],children:jsx("nav",{...r,className:ActionBarStyles({className:t})})})}p.displayName="ActionBar";export{p as ActionBar};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,5 @@
+import * as tailwind_variants from 'tailwind-variants';
+
+declare const ActionBarStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "flex w-fit gap-s rounded-medium bg-surface-default px-m py-s shadow-elevation-overlay", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "flex w-fit gap-s rounded-medium bg-surface-default px-m py-s shadow-elevation-overlay", unknown, unknown, undefined>>;
+
+export { ActionBarStyles };

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

@@ -0,0 +1,2 @@
+import {tv}from'tailwind-variants';const t=tv({base:"flex w-fit gap-s rounded-medium bg-surface-default px-m py-s shadow-elevation-overlay"});export{t as ActionBarStyles};//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/action-bar/styles.ts"],"names":["ActionBarStyles","tv"],"mappings":"mCAcO,MAAMA,EAAkBC,EAAAA,CAAG,CAChC,IAAA,CAAM,uFACR,CAAC","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 'tailwind-variants';\n\nexport const ActionBarStyles = tv({\n  base: 'flex w-fit gap-s rounded-medium bg-surface-default px-m py-s shadow-elevation-overlay',\n});\n"]}

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren, HTMLAttributes } from 'react';
+
+type ActionBarProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>>;
+
+export type { ActionBarProps };

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

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

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

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

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { AvatarProps } from './types.js';
 import '@radix-ui/react-avatar';
 import 'tailwind-variants';

package/dist/components/avatar/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["AvatarStyles","createContext","children","props","N","AvatarContext","a","Avatar","g","classNames","fallbackProps","imageProps","jsxs","Root","ref","h","A","Image","u","fallback","f","size","jsx","Person","Badge","m","P","y","d","AvatarProvider"],"mappings":"kZAyByC,MAAIA,CAAAA,MAG3CC,CAA0D,CAAA,CAAA,KAE5D,CAAA,CAAA,CAAA,QAA0B,UAAAC,CAAU,CAAA,CAAA,CAAGC,YAAM,EAA+B,CAC1E,CAAA,CAAAC,aAAA,CAAA,MACGC,SAAc,CAAd,CAAuB,CAAA,QAAe,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAH,CAAAA,CAAS,OAGrCI,GAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QA+BtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAASC,CAAAA,WAAiBJ,CAAM,2BAGrC,CAAA,CAAM,CACJ,GAAA,CAAA,CAAA,CAAA,GAAAD,CAAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAM,eAAA,CAAA,CAAAC,CAAAA,CACA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,KAAAC,CACA,QAAA,CAAA,CAAA,CAAAC,0BAKF,CAAA,CAAA,CAAA,UACQ,CAAA,CAAA,CAAA,IAAL,CAAc,CAAA,CAAA,QAAe,CAAA,GAAA,CAAA,CAAA,CAAA,CAAW,CAAA,OAAUL,iBACjD,CAAA,CAAA,IAAAM,CAAAA,CAACC,GACE,QACD,CAAKC,OACL,CAAA,QAAoB,CAAA,QAAM,CAAAC,IAAA,CAAAC,IAAA,CAAA,CAAA,IAAuB,CAAA,GAAA,CAAA,CAAO,CAAC,SACpD,CAAA,CAAA,CAAA,CACL,IAAA,CAAA,CAAA,CAAA,SAEA,CAAA,CAAA,EAAA,MAACC,CAAAA,CAAA,CACE,IAAGN,CACJ,iBAAmB,CAAA,CAAA,CAAA,QAAuB,CAAA,CAAAL,GAAA,CAAOY,KAAA,CAAA,CAAA,GAAK,CAAC,CAAA,SAGtD,CAAA,CAAGR,EACJ,SAAA,CAAWS,CAAAA,EAAW,KAAA,CAAA,IAAWV,CAAAA,CAAAA,CAAY,CAAA,CAAA,CAAA,CAAAH,GAAA,CAAAc,QAAA,CAAA,CAAU,KAAAC,SAEtD,CAAA,CAAA,CAAA,CAAAX,SAAe,CAAA,CAAA,EACdY,QACE,CAAA,IAAA,CAAAA,CAAAA,CAACC,CAAAA,CAAA,QAIPD,CAAAA,CAACE,EAAM,QAAA,EAASlB,GAAA,CAAAmB,IAAA,CAAA,CAAA,QAAmB,CAAAnB,GAAA,CAAAoB,MAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAApB,GAAA,CAAAqB,KAAA,CAAA,QAC3C,CAAA,CAAAL,MAAC,CAAAM,SAAA,CAAA,SAAK,CAAA,WAAqB,CAAA,QAAuB,CAAAtB,GAAA,CAAA,MAAS,CAAAe,CAAK,SAC7D,CAAA,CAAA,CAAAnB,CAAAA,SAMb,CACAK,CAAAA,EAAO,OAAA,CAAA,IAAc,CAAA,CAAA,CAAA,CAAA,CAAA,QACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWsB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,WAAAA,CAAAA,QAAAA,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { spacingXs } from '@/tokens';\nimport { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { Badge } from '../badge';\nimport { Icon } from '../icon';\nimport { AvatarStyles } from './styles';\nimport type { AvatarProps } from './types';\n\nconst { avatar, image, fallback, content } = AvatarStyles();\n\nexport const AvatarContext =\n  createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\nfunction AvatarProvider({ children, ...props }: ProviderProps<AvatarProps>) {\n  return (\n    <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n  );\n}\nAvatarProvider.displayName = 'Avatar.Provider';\n\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    <Icon.Provider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        ref={ref}\n        className={avatar({ size, className: classNames?.avatar })}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={image({ className: classNames?.image, size })}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={fallback({ className: classNames?.fallback, size })}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <Badge.Provider offset={spacingXs} placement='top right'>\n          <span className={content({ className: classNames?.content, size })}>\n            {children}\n          </span>\n        </Badge.Provider>\n      </Root>\n    </Icon.Provider>\n  );\n}\nAvatar.displayName = 'Avatar';\nAvatar.Provider = AvatarProvider;\n"]}
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"names":["AvatarStyles","AvatarContext","AvatarProvider","y","children","props","a","ref","A","size","rest","jsx","Icon","m","u","classNames","Image","imageProps","f","Fallback","P","designTokens","x","N","Avatar"],"mappings":"sZAyBiC,MAAA,CAAA,MAAYA,CAAa,CAAA,CAE7CC,KAC+C,CAAA,CAAA,CAAI,QAEhE,CAAA,CAAA,CAASC,OAAiB,CAAA,CAAA,CAAA,CAAAC,YAAAC,EAAU,CAAA,CAAA,CAAGC,aAAM,CAAA,IAC3C,EAAA,SACiB,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,CAAOA,GAAQ,CAAA,CAAA,CAAA,CAAA,OAE3CC,GACAJ,CAAAA,CAAe,CAAA,QAAA,CAAA,CAAA,KAAc,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CA+BtB,CAAA,CAAA,CAAA,CAAA,YAAkBK,iBACQF,CAAAA,SAAoBJ,CAAa,CAAA,CAEhE,GAAA,CAAA,CAAM,CACJ,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAG,CAAAA,CACA,CAAA,CAAAI,eAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IACA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAAC,cACGC,CACL,CAAA,UAGEC,CAAAA,CAACC,CAAAA,eAAc,CAAMH,GAAAA,CAAS,CAAA,CAAA,CAAA,CAAA,OAAWH,GAAA,CAAAO,IAAA,CAAA,QAAU,CAAA,CAAA,iBAE9C,CAAGH,OACCH,CACL,QAAA,CAAA,QAAoB,CAAAE,IAAAA,CAAMK,IAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAAA,CAAY,UACjD,CAAA,CAAA,CAAA,CAAK,IAAA,CAAA,CACL,CAAA,SAAA,CAAA,CAAWN,EAEX,aAACO,CAAA,KACKC,CACJ,YAAiB,CAAE,CAAA,QAAA,CAAWF,CAAAA,GAAAA,CAAYG,KAAA,CAAA,CAAA,GAAO,CAAA,CAAA,SAEnDP,CAAAA,CAACQ,CAAAA,CAAA,kBAEqB,CAAE,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWJ,CAAAA,GAAAA,CAAYK,QAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAAgB,CAE5D,CAAA,CAAA,CAAA,SAAe,CAAA,CAAA,EAAA,QACbR,KACC,CAAA,CAAA,CAAA,CAAA,CAAA,QAAQ,CAAA,CACV,EAEJ,QACO,EAAAN,GAAA,CAAAO,IAAA,CAAA,CAAN,QAAuBQ,CAAAA,GAAa,aAAQ,CAAA,CAAA,CAAIf,GAAA,CAAAgB,KAAA,CAAA,QAAU,CAAA,CAAA,MAAA,CAAAC,YACzD,CAAA,OAAA,CAAAZ,EAAC,CAAA,SAAK,CAAA,WAAqB,CAAA,QAAWI,CAAAA,GAAAA,CAAY,MAAA,CAAA,CAAS,SACxD,CAAA,CAAA,CAAA,CAAA,SAEL,CAAA,CAAA,EACF,OAIC,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAc,QAAA,CACrBS,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAWtB,CAAAA,CAAAA,WAAAA,CAAAA,QAAAA,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { Person } from '@accelint/icons';\nimport { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { designTokens } from '@/tokens/tokens';\nimport { Badge } from '../badge';\nimport { Icon } from '../icon';\nimport { AvatarStyles } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { AvatarProps } from './types';\n\nconst { avatar, image, fallback, content } = AvatarStyles();\n\nexport const AvatarContext =\n  createContext<ContextValue<AvatarProps, HTMLSpanElement>>(null);\n\nfunction AvatarProvider({ children, ...props }: ProviderProps<AvatarProps>) {\n  return (\n    <AvatarContext.Provider value={props}>{children}</AvatarContext.Provider>\n  );\n}\nAvatarProvider.displayName = 'Avatar.Provider';\n\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    <Icon.Provider size={size === 'medium' ? 'large' : 'medium'}>\n      <Root\n        {...rest}\n        ref={ref}\n        className={avatar({ size, className: classNames?.avatar })}\n        role='img'\n        data-size={size}\n      >\n        <Image\n          {...imageProps}\n          className={image({ className: classNames?.image, size })}\n        />\n        <Fallback\n          {...fallbackProps}\n          className={fallback({ className: classNames?.fallback, size })}\n        >\n          {fallbackProps?.children || (\n            <Icon>\n              <Person />\n            </Icon>\n          )}\n        </Fallback>\n        <Badge.Provider offset={designTokens.spacing.xs} placement='top right'>\n          <span className={content({ className: classNames?.content, size })}>\n            {children}\n          </span>\n        </Badge.Provider>\n      </Root>\n    </Icon.Provider>\n  );\n}\nAvatar.displayName = 'Avatar';\nAvatar.Provider = AvatarProvider;\n"]}

package/dist/components/avatar/styles.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,6GACA,CAAA,mDACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,uFACQ,CAAA,QAAA,CAAA,gEAER,CAAA,OAAA,CAAA,yEAEL,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const AvatarStyles = tv({\n  slots: {\n    avatar: [\n      `group/avatar grid [grid-template-areas:'content'] rounded-full bg-surface-overlay fg-default-dark`,\n      'size-medium:size-[32px] size-medium:text-header-m',\n      'size-small:size-xl size-small:text-header-xs',\n    ],\n    image:\n      'size-full overflow-hidden rounded-full object-cover object-center [grid-area:content]',\n    fallback: 'flex size-full items-center justify-center [grid-area:content]',\n    content:\n      'relative flex size-full items-center justify-center [grid-area:content]',\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/avatar/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,8GACA,CAAA,mDACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,uFACQ,CAAA,QAAA,CAAA,gEAER,CAAA,OAAA,CAAA,yEAEL,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const AvatarStyles = tv({\n  slots: {\n    avatar: [\n      `group/avatar grid [grid-template-areas:'content'] rounded-full bg-surface-overlay fg-primary-muted`,\n      'size-medium:size-[32px] size-medium:text-header-m',\n      'size-small:size-xl size-small:text-header-xs',\n    ],\n    image:\n      'size-full overflow-hidden rounded-full object-cover object-center [grid-area:content]',\n    fallback: 'flex size-full items-center justify-center [grid-area:content]',\n    content:\n      'relative flex size-full items-center justify-center [grid-area:content]',\n  },\n});\n"]}

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

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

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { BadgeProps } from './types.js';
 import '@react-types/overlays';
 import 'tailwind-variants';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["createContext","m","props","d","BadgeProvider","ref","useContextProps","BadgeStylesDefaults","P","rest","offset","Badge"],"mappings":"wMAqBEA,MAAyD,CAAA,CAAAC,aAAA,CAAI,IAE/D,EAAA,SAAyB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAGC,CAAM,GAC1C,CAAA,CAAA,CAAA,CAAA,OACgBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE1C,CACAC,CAAAA,CAAc,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,gBA0BrB,CAAA,SAAiB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACpC,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CAAgBJ,EAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,KACE,CAAA,SACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,OAAUE,CAAoB,CAAA,CAAAC,mBAAA,CAAA,OAC3BC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,MACE,CAAGM,CAAAA,GACJ,CAAA,CAAKJ,GACL,CAAA,CAAA,CAAA,SACE,uBACA,CAAA,CAAA,CAAA,OACD,CACD,CAAA,CAAA,CAAA,CAAA,eAAe,CAAA,OAAkB,CAAA,EAAA,QAAoBK,CAAAA,CAAQ,CAAA,CAC7D,EAAA,CAAA,CAAA,eAAe,CAAA,OAAkB,CAAA,EAAA,QAAoBA,CAAAA,CAAQ,CAAA,CAC7D,EAAA,CAAA,CAAA,gBAA6B,CAAA,CAAA,EAAA,IAInCC,CAAM,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,OACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { BadgeStyles, BadgeStylesDefaults } from './styles';\nimport type { BadgeProps } from './types';\n\nexport const BadgeContext =\n  createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\nfunction BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>) {\n  return (\n    <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n  );\n}\nBadgeProvider.displayName = 'Badge.Provider';\n\n/**\n * Badge - A small status indicator component for labeling and notifications\n *\n * Displays contextual information like status, counts, or labels. Supports various\n * visual variants and can be positioned relative to other elements. Useful for\n * indicating notifications, statuses, or providing supplementary information.\n *\n * @example\n * // Basic badge\n * <Badge>New</Badge>\n *\n * @example\n * // Status badges with different variants\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\">Pending</Badge>\n * <Badge variant=\"serious\">Error</Badge>\n *\n * @example\n * // Positioned badge (typically used with other components)\n * <div className=\"relative\">\n *   <Button>Messages</Button>\n *   <Badge placement='top right' offset={-spacingS}>3</Badge>\n * </div>\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const {\n    className,\n    offset,\n    placement,\n    variant = BadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={BadgeStyles({\n        className,\n        variant,\n      })}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\nBadge.displayName = 'Badge';\nBadge.Provider = BadgeProvider;\n"]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["createContext","m","props","d","BadgeProvider","ref","useContextProps","BadgeStylesDefaults","P","rest","offset","Badge"],"mappings":"wMAqBEA,MAAyD,CAAA,CAAAC,aAAA,CAAI,IAE/D,EAAA,SAAyB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAGC,CAAM,GAC1C,CAAA,CAAA,CAAA,CAAA,OACgBC,GAAA,CAAA,CAAA,CAAA,QAAS,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,QAE1C,CACAC,CAAAA,CAAc,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,gBA0BrB,CAAA,SAAiB,CAAA,CAAA,CAAAC,GAAK,CAAA,CAAGH,CAAM,GACpC,CAACA,CAAAA,CAAOG,CAAG,CAAA,CAAIC,CAAAA,CAAgBJ,EAAOG,eAAAA,CAAAA,CAAO,CAAA,CAAA,EAAA,IAE7C,CAAA,CAAA,CAAA,CAAA,KACE,CAAA,SACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,OAAUE,CAAoB,CAAA,CAAAC,mBAAA,CAAA,OAC3BC,CACL,GAAIP,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,MACE,CAAGM,CAAAA,GACJ,CAAA,CAAKJ,GACL,CAAA,CAAA,CAAA,SACE,uBACA,CAAA,CAAA,CAAA,OACD,CACD,CAAA,CAAA,CAAA,CAAA,eAAe,CAAA,OAAkB,CAAA,EAAA,QAAoBK,CAAAA,CAAQ,CAAA,CAC7D,EAAA,CAAA,CAAA,eAAe,CAAA,OAAkB,CAAA,EAAA,QAAoBA,CAAAA,CAAQ,CAAA,CAC7D,EAAA,CAAA,CAAA,gBAA6B,CAAA,CAAA,EAAA,IAInCC,CAAM,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,OACd,CAAA,CAAA,CAAA,QAAWP,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport { type ContextValue, useContextProps } from 'react-aria-components';\nimport { BadgeStyles, BadgeStylesDefaults } from './styles';\nimport type { ProviderProps } from '@/lib/types';\nimport type { BadgeProps } from './types';\n\nexport const BadgeContext =\n  createContext<ContextValue<BadgeProps, HTMLSpanElement>>(null);\n\nfunction BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>) {\n  return (\n    <BadgeContext.Provider value={props}>{children}</BadgeContext.Provider>\n  );\n}\nBadgeProvider.displayName = 'Badge.Provider';\n\n/**\n * Badge - A small status indicator component for labeling and notifications\n *\n * Displays contextual information like status, counts, or labels. Supports various\n * visual variants and can be positioned relative to other elements. Useful for\n * indicating notifications, statuses, or providing supplementary information.\n *\n * @example\n * // Basic badge\n * <Badge>New</Badge>\n *\n * @example\n * // Status badges with different variants\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\">Pending</Badge>\n * <Badge variant=\"serious\">Error</Badge>\n *\n * @example\n * // Positioned badge (typically used with other components)\n * <div className=\"relative\">\n *   <Button>Messages</Button>\n *   <Badge placement='top right' offset={-spacingS}>3</Badge>\n * </div>\n */\nexport function Badge({ ref, ...props }: BadgeProps) {\n  [props, ref] = useContextProps(props, ref ?? null, BadgeContext);\n\n  const {\n    className,\n    offset,\n    placement,\n    variant = BadgeStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={BadgeStyles({\n        className,\n        variant,\n      })}\n      data-offset-x={typeof offset === 'number' ? offset : offset?.x}\n      data-offset-y={typeof offset === 'number' ? offset : offset?.y}\n      data-placement={placement || null}\n    />\n  );\n}\nBadge.displayName = 'Badge';\nBadge.Provider = BadgeProvider;\n"]}

package/dist/components/badge/styles.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge/styles.ts"],"names":["BadgeStyles","tv","t"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAcC,MACzB,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,yIACA,CAAA,8GAEA,CAAA,oFACA,CAAA,uFACA,CAAA,mFAEQ,CACR,QAAS,CACP,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,kCACI,CAAA,QAAA,CAAA,0CACF,CAAA,MAAA,CAAA,6EAEE,CAAA,QAAA,CAAA,qCAGd,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const BadgeStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BadgeStyles = tv({\n  base: [\n    'group/badge fg-default-light inline-flex items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:px-none',\n    '[&[data-placement]]:absolute',\n    'placement-top:-translate-y-1/2 placement-top:top-[attr(data-offset-y_px,0px)]',\n    'placement-right:right-[attr(data-offset-x_px,0px)] placement-right:translate-x-1/2',\n    'placement-bottom:bottom-[attr(data-offset-y_px,0px)] placement-bottom:translate-y-1/2',\n    'placement-left:-translate-x-1/2 placement-left:left-[attr(data-offset-x_px,0px)]',\n  ],\n  variants: {\n    variant: {\n      info: 'bg-info-subtle outline-info-bold',\n      advisory: 'bg-advisory-subtle outline-advisory-bold',\n      normal: 'bg-normal-subtle outline-normal',\n      serious: 'bg-serious-subtle outline-serious',\n      critical: 'bg-critical-subtle outline-critical',\n    },\n  },\n  defaultVariants: BadgeStylesDefaults,\n});\n"]}
+{"version":3,"sources":["../../../src/components/badge/styles.ts"],"names":["BadgeStyles","tv","t"],"mappings":"sCAeE,MAAA,CAAS,CAAA,CAAA,OAGEA,CAAcC,MACzB,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,wIACA,CAAA,8GAEA,CAAA,oFACA,CAAA,uFACA,CAAA,mFAEQ,CACR,QAAS,CACP,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,iCACI,CAAA,QAAA,CAAA,yCACF,CAAA,MAAA,CAAA,qFAEE,CAAA,QAAA,CAAA,yCAGd,CAAA,CAAA,CAAA,eACD,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const BadgeStylesDefaults = {\n  variant: 'info',\n} as const;\n\nexport const BadgeStyles = tv({\n  base: [\n    'group/badge fg-primary-bold inline-flex items-center justify-center rounded-full px-xs text-body-xs outline empty:size-s empty:px-none',\n    '[&[data-placement]]:absolute',\n    'placement-top:-translate-y-1/2 placement-top:top-[attr(data-offset-y_px,0px)]',\n    'placement-right:right-[attr(data-offset-x_px,0px)] placement-right:translate-x-1/2',\n    'placement-bottom:bottom-[attr(data-offset-y_px,0px)] placement-bottom:translate-y-1/2',\n    'placement-left:-translate-x-1/2 placement-left:left-[attr(data-offset-x_px,0px)]',\n  ],\n  variants: {\n    variant: {\n      info: 'bg-info-muted outline-info-bold',\n      advisory: 'bg-advisory-muted outline-advisory-bold',\n      normal: 'bg-normal-muted outline-normal-bold',\n      serious: 'bg-serious-muted outline-serious-bold',\n      critical: 'bg-critical-muted outline-critical-bold',\n    },\n  },\n  defaultVariants: BadgeStylesDefaults,\n});\n"]}

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 { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
 import 'tailwind-variants';
 import './styles.js';

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 type { ProviderProps } from '@/lib/types';\nimport { createContext } from 'react';\nimport {\n  Button as AriaButton,\n  ToggleButton as AriaToggleButton,\n  type ContextValue,\n  Link,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\nButtonProvider.displayName = 'Button.Provider';\n\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","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"]}

package/dist/components/button/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const l={color:"info",variant:"filled"},i=tv({base:["group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent","disabled:cursor-not-allowed","size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l","size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m","size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s","size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs"],variants:{variant:{filled:["disabled:fg-disabled disabled:bg-interactive-disabled","enabled:color-info:fg-inverse-light","enabled:color-info:bg-interactive-default","enabled:hover:color-info:bg-interactive-hover-light","enabled:focus-visible:color-info:bg-interactive-hover-light","enabled:color-serious:fg-inverse-light","enabled:color-serious:bg-serious","enabled:hover:color-serious:bg-serious-hover","enabled:focus-visible:color-serious:bg-serious-hover","enabled:color-critical:fg-default-light","enabled:color-critical:bg-critical","enabled:hover:color-critical:bg-critical-hover","enabled:focus-visible:color-critical:bg-critical-hover"],outline:["disabled:fg-disabled disabled:outline-interactive-disabled","enabled:color-info:fg-default-light enabled:color-info:outline-interactive","enabled:hover:color-info:outline-interactive-hover","enabled:focus-visible:color-info:outline-interactive-hover","enabled:color-serious:fg-default-light enabled:color-serious:outline-serious","enabled:hover:color-serious:outline-interactive-hover","enabled:focus-visible:color-serious:outline-interactive-hover","enabled:color-critical:fg-default-light enabled:color-critical:outline-critical","enabled:hover:color-critical:outline-interactive-hover","enabled:focus-visible:color-critical:outline-interactive-hover"],flat:"disabled:fg-disabled disabled:bg-transparent",icon:["size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-transparent"],floating:["rounded-full","size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled","enabled:color-info:fg-interactive enabled:color-info:bg-surface-default enabled:color-info:outline-interactive","enabled:hover:color-info:fg-interactive-hover enabled:hover:color-info:outline-interactive-hover","enabled:focus-visible:color-info:fg-interactive-hover enabled:focus-visible:color-info:outline-interactive-hover","enabled:color-serious:fg-serious enabled:color-serious:bg-serious-subtle enabled:color-serious:outline-serious","enabled:hover:color-serious:fg-interactive-hover enabled:hover:color-serious:outline-interactive-hover","enabled:focus-visible:color-serious:fg-interactive-hover enabled:focus-visible:color-serious:outline-interactive-hover","enabled:color-critical:fg-critical enabled:color-critical:bg-critical-subtle enabled:color-critical:outline-critical","enabled:hover:color-critical:fg-interactive-hover enabled:hover:color-critical:outline-interactive-hover","enabled:focus-visible:color-critical:fg-interactive-hover enabled:focus-visible:color-critical:outline-interactive-hover"]}},compoundVariants:[{variant:["flat","icon"],className:["enabled:color-info:fg-default-light","enabled:hover:color-info:bg-interactive-hover-dark","enabled:focus-visible:color-info:bg-interactive-hover-dark"]},{variant:["flat","icon"],className:["enabled:color-serious:fg-default-light","enabled:hover:color-serious:bg-serious-hover","enabled:focus-visible:color-serious:bg-serious-hover"]},{variant:["flat","icon"],className:["enabled:color-critical:fg-default-light","enabled:hover:color-critical:bg-critical-hover","enabled:focus-visible:color-critical:bg-critical-hover"]}],defaultVariants:l}),r=tv({extend:i}),t=tv({extend:i}),s=tv({extend:i,base:["enabled:selected:fg-highlight","enabled:selected:hover:fg-highlight","enabled:selected:focus-visible:fg-highlight"],variants:{variant:{filled:["enabled:selected:color-info:bg-info-subtle","enabled:selected:hover:color-info:bg-interactive-hover-light","enabled:selected:focus-visible:color-info:bg-interactive-hover-light","enabled:selected:color-serious:bg-serious-subtle","enabled:selected:hover:color-serious:bg-serious-hover","enabled:selected:focus-visible:color-serious:bg-serious-hover","enabled:selected:color-critical:bg-critical-subtle","enabled:selected:hover:color-critical:bg-critical-hover","enabled:selected:focus-visible:color-critical:bg-critical-hover"],floating:["enabled:selected:color-info:outline-highlight","enabled:selected:hover:color-info:outline-interactive-hover","enabled:selected:focus-visible:color-info:outline-interactive-hover","enabled:selected:color-serious:outline-highlight","enabled:selected:hover:color-serious:outline-interactive-hover","enabled:selected:focus-visible:color-serious:outline-interactive-hover","enabled:selected:color-critical:outline-highlight","enabled:selected:hover:color-critical:outline-interactive-hover","enabled:selected:focus-visible:color-critical:outline-interactive-hover"]}}});export{r as ButtonStyles,l as ButtonStylesDefaults,t as LinkButtonStyles,s as ToggleButtonStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const l={color:"info",variant:"filled"},o=tv({base:["group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent","disabled:cursor-not-allowed","size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l","size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m","size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s","size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs"],variants:{variant:{filled:["disabled:fg-disabled disabled:bg-interactive-disabled","enabled:color-info:fg-inverse-bold","enabled:color-info:bg-interactive-bold","enabled:hover:color-info:bg-interactive-bold-hover","enabled:focus-visible:color-info:bg-interactive-bold-hover","enabled:color-serious:fg-a11y-on-utility","enabled:color-serious:bg-serious-bold","enabled:hover:color-serious:bg-serious-hover","enabled:focus-visible:color-serious:bg-serious-hover","enabled:color-critical:fg-a11y-on-utility","enabled:color-critical:bg-critical-bold","enabled:hover:color-critical:bg-critical-hover","enabled:focus-visible:color-critical:bg-critical-hover"],outline:["disabled:fg-disabled disabled:outline-interactive-disabled","enabled:color-info:fg-primary-bold enabled:color-info:outline-interactive","enabled:hover:color-info:outline-interactive-hover","enabled:focus-visible:color-info:outline-interactive-hover","enabled:color-serious:fg-primary-bold enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:outline-interactive-hover","enabled:focus-visible:color-serious:outline-interactive-hover","enabled:color-critical:fg-primary-bold enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:outline-interactive-hover","enabled:focus-visible:color-critical:outline-interactive-hover"],flat:"disabled:fg-disabled disabled:bg-transparent",icon:["size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-transparent"],floating:["rounded-full","size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled","enabled:color-info:fg-info-bold enabled:color-info:bg-surface-default enabled:color-info:outline-interactive","enabled:hover:color-info:fg-info-hover enabled:hover:color-info:outline-interactive-hover","enabled:focus-visible:color-info:fg-info-hover enabled:focus-visible:color-info:outline-interactive-hover","enabled:color-serious:fg-serious-bold enabled:color-serious:bg-serious-muted enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-info-hover enabled:hover:color-serious:outline-interactive-hover","enabled:focus-visible:color-serious:fg-info-hover enabled:focus-visible:color-serious:outline-interactive-hover","enabled:color-critical:fg-critical-bold enabled:color-critical:bg-critical-muted enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-info-hover enabled:hover:color-critical:outline-interactive-hover","enabled:focus-visible:color-critical:fg-info-hover enabled:focus-visible:color-critical:outline-interactive-hover"]}},compoundVariants:[{variant:["flat","icon"],className:["enabled:color-info:fg-primary-bold","enabled:hover:color-info:bg-interactive-muted-hover","enabled:focus-visible:color-info:bg-interactive-muted-hover"]},{variant:["flat","icon"],className:["enabled:color-serious:fg-primary-bold","enabled:hover:color-serious:bg-serious-hover","enabled:focus-visible:color-serious:bg-serious-hover"]},{variant:["flat","icon"],className:["enabled:color-critical:fg-primary-bold","enabled:hover:color-critical:bg-critical-hover","enabled:focus-visible:color-critical:bg-critical-hover"]}],defaultVariants:l}),r=tv({extend:o}),a=tv({extend:o}),s=tv({extend:o,base:["enabled:selected:fg-accent-primary-bold","enabled:selected:hover:fg-accent-primary-bold","enabled:selected:focus-visible:fg-accent-primary-bold"],variants:{variant:{filled:["enabled:selected:color-info:bg-info-muted","enabled:selected:hover:color-info:bg-interactive-bold-hover","enabled:selected:focus-visible:color-info:bg-interactive-bold-hover","enabled:selected:color-serious:bg-serious-muted","enabled:selected:hover:color-serious:bg-serious-hover","enabled:selected:focus-visible:color-serious:bg-serious-hover","enabled:selected:color-critical:bg-critical-muted","enabled:selected:hover:color-critical:bg-critical-hover","enabled:selected:focus-visible:color-critical:bg-critical-hover"],floating:["enabled:selected:color-info:outline-accent-primary-bold","enabled:selected:hover:color-info:outline-interactive-hover","enabled:selected:focus-visible:color-info:outline-interactive-hover","enabled:selected:color-serious:outline-accent-primary-bold","enabled:selected:hover:color-serious:outline-interactive-hover","enabled:selected:focus-visible:color-serious:outline-interactive-hover","enabled:selected:color-critical:outline-accent-primary-bold","enabled:selected:hover:color-critical:outline-interactive-hover","enabled:selected:focus-visible:color-critical:outline-interactive-hover"]}}});export{r as ButtonStyles,l as ButtonStylesDefaults,a as LinkButtonStyles,s as ToggleButtonStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KACP,CAAA,cACF,CAEMA,QACJ,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mHACA,CAAA,0GAEA,CAAA,gFACA,CAAA,8EACA,CAAA,oFAEQ,CACR,QAAS,CACP,CAAA,OACE,iEAGA,CAAA,qCACA,CAAA,iGAEA,CAAA,6DAGA,CAAA,2EAEA,CAAA,8CACA,CAAA,gGAIA,CAAA,oCACA,CAAA,yGAGO,CACP,CAAA,OAAA,CAAA,CAAA,yIAIA,CAAA,oDACA,CAAA,2IAIA,CAAA,uDACA,CAAA,iJAIA,CAAA,wDACA,CAAA,gEAEI,CAAA,CAAA,IAAA,CAAA,8CAEJ,CAAA,IAAA,CAAA,CAAA,uKAGF,CAAU,CACR,QAAA,CAAA,CAAA,cACA,CAAA,qEACA,CAAA,6FAGA,CAAA,mNAEA,CAAA,kHAGA,CAAA,yNAEA,CAAA,wHAGA,CAAA,iOAEA,CAAA,0HAIN,CAAA,CAAA,CAAA,CAAA,gBAGI,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,qCACA,CAAA,iHAOF,CAAA,CAAS,CAAC,QAAQ,CAAA,CAAA,eACP,SACT,CAAA,CAAA,uFAEA,CAAA,sDAMF,CAAA,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,yCACA,CAAA,yGAKN,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQD,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,GACR,CAAA,8CAEE,CAAA,qCACA,CAAA,6CAEF,CAAU,CACR,QAAS,CACP,CAAA,OAEE,CAAA,CAAA,MAAA,CAAA,CAAA,4CACA,CAAA,qIAIA,CAAA,kDACA,CAAA,uHAIA,CAAA,oDACA,CAAA,2HAGF,CAAU,CAER,QAAA,CAAA,CAAA,+CACA,CAAA,mIAIA,CAAA,kDACA,CAAA,yIAIA,CAAA,mDACA,CAAA,2IAKP,CAAA,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 ButtonStylesDefaults = {\n  color: 'info',\n  variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n  base: [\n    'group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n    'disabled:cursor-not-allowed',\n    'size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l',\n    'size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m',\n    'size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n    'size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        'disabled:fg-disabled disabled:bg-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-inverse-light',\n        'enabled:color-info:bg-interactive-default',\n        'enabled:hover:color-info:bg-interactive-hover-light',\n        'enabled:focus-visible:color-info:bg-interactive-hover-light',\n\n        // Serious\n        'enabled:color-serious:fg-inverse-light',\n        'enabled:color-serious:bg-serious',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n\n        // Critical\n        'enabled:color-critical:fg-default-light',\n        'enabled:color-critical:bg-critical',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-hover',\n      ],\n      outline: [\n        'disabled:fg-disabled disabled:outline-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-default-light enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-default-light enabled:color-serious:outline-serious',\n        'enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-default-light enabled:color-critical:outline-critical',\n        'enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:outline-interactive-hover',\n      ],\n      flat: 'disabled:fg-disabled disabled:bg-transparent',\n      icon: [\n        'size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-transparent',\n      ],\n      floating: [\n        'rounded-full',\n        'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-interactive enabled:color-info:bg-surface-default enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:fg-interactive-hover enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:fg-interactive-hover enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-serious enabled:color-serious:bg-serious-subtle enabled:color-serious:outline-serious',\n        'enabled:hover:color-serious:fg-interactive-hover enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:fg-interactive-hover enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-critical enabled:color-critical:bg-critical-subtle enabled:color-critical:outline-critical',\n        'enabled:hover:color-critical:fg-interactive-hover enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:fg-interactive-hover enabled:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n  compoundVariants: [\n    // Info\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-info:fg-default-light',\n        'enabled:hover:color-info:bg-interactive-hover-dark',\n        'enabled:focus-visible:color-info:bg-interactive-hover-dark',\n      ],\n    },\n\n    // Serious\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-serious:fg-default-light',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n      ],\n    },\n\n    // Critical\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-critical:fg-default-light',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-hover',\n      ],\n    },\n  ],\n  defaultVariants: ButtonStylesDefaults,\n});\n\nexport const ButtonStyles = tv({\n  extend: BaseButtonStyles,\n});\n\nexport const LinkButtonStyles = tv({\n  extend: BaseButtonStyles,\n});\n\nexport const ToggleButtonStyles = tv({\n  extend: BaseButtonStyles,\n  base: [\n    'enabled:selected:fg-highlight',\n    'enabled:selected:hover:fg-highlight',\n    'enabled:selected:focus-visible:fg-highlight',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        // Info\n        'enabled:selected:color-info:bg-info-subtle',\n        'enabled:selected:hover:color-info:bg-interactive-hover-light',\n        'enabled:selected:focus-visible:color-info:bg-interactive-hover-light',\n\n        // Serious\n        'enabled:selected:color-serious:bg-serious-subtle',\n        'enabled:selected:hover:color-serious:bg-serious-hover',\n        'enabled:selected:focus-visible:color-serious:bg-serious-hover',\n\n        // Critical\n        'enabled:selected:color-critical:bg-critical-subtle',\n        'enabled:selected:hover:color-critical:bg-critical-hover',\n        'enabled:selected:focus-visible:color-critical:bg-critical-hover',\n      ],\n      floating: [\n        // Info\n        'enabled:selected:color-info:outline-highlight',\n        'enabled:selected:hover:color-info:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:selected:color-serious:outline-highlight',\n        'enabled:selected:hover:color-serious:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:selected:color-critical:outline-highlight',\n        'enabled:selected:hover:color-critical:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/button/styles.ts"],"names":["BaseButtonStyles","e"],"mappings":"sCAeS,MAAA,CAAA,CAAA,CAAA,KACP,CAAA,cACF,CAEMA,QACJ,CAAA,CAAM,CACJ,CAAAC,EAAA,CAAA,CAAA,IAAA,CAAA,CAAA,mHACA,CAAA,0GAEA,CAAA,gFACA,CAAA,8EACA,CAAA,oFAEQ,CACR,QAAS,CACP,CAAA,OACE,iEAGA,CAAA,oCACA,CAAA,6FAEA,CAAA,4DAGA,CAAA,kFAEA,CAAA,8CACA,CAAA,kGAIA,CAAA,yCACA,CAAA,yGAGO,CACP,CAAA,OAAA,CAAA,CAAA,wIAIA,CAAA,oDACA,CAAA,+IAIA,CAAA,uDACA,CAAA,qJAIA,CAAA,wDACA,CAAA,gEAEI,CAAA,CAAA,IAAA,CAAA,8CAEJ,CAAA,IAAA,CAAA,CAAA,uKAGF,CAAU,CACR,QAAA,CAAA,CAAA,cACA,CAAA,qEACA,CAAA,6FAGA,CAAA,0MAEA,CAAA,2GAGA,CAAA,2NAEA,CAAA,iHAGA,CAAA,mOAEA,CAAA,mHAIN,CAAA,CAAA,CAAA,CAAA,gBAGI,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,oCACA,CAAA,mHAOF,CAAA,CAAS,CAAC,QAAQ,CAAA,CAAA,eACP,SACT,CAAA,CAAA,sFAEA,CAAA,sDAMF,CAAA,CAAS,CAAC,CAAA,OAAQ,CAAA,CAAA,MAClB,CAAA,MAAA,CAAA,CAAW,SACT,CAAA,CAAA,wCACA,CAAA,yGAKN,CAAA,CAAA,CAAA,CAAA,eAIA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQD,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,EACV,CAAC,CAAA,MAGC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,GACR,CAAA,wDAEE,CAAA,+CACA,CAAA,uDAEF,CAAU,CACR,QAAS,CACP,CAAA,OAEE,CAAA,CAAA,MAAA,CAAA,CAAA,2CACA,CAAA,mIAIA,CAAA,iDACA,CAAA,uHAIA,CAAA,mDACA,CAAA,2HAGF,CAAU,CAER,QAAA,CAAA,CAAA,yDACA,CAAA,mIAIA,CAAA,4DACA,CAAA,yIAIA,CAAA,6DACA,CAAA,2IAKP,CAAA,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 ButtonStylesDefaults = {\n  color: 'info',\n  variant: 'filled',\n} as const;\n\nconst BaseButtonStyles = tv({\n  base: [\n    'group/button flex w-content cursor-pointer items-center justify-center rounded-medium outline outline-transparent',\n    'disabled:cursor-not-allowed',\n    'size-large:gap-xs size-large:px-m size-large:py-s size-large:text-button-l',\n    'size-medium:gap-xs size-medium:px-m size-medium:py-s size-medium:text-button-m',\n    'size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s',\n    'size-xsmall:gap-xxs size-xsmall:px-s size-xsmall:py-xs size-xsmall:text-button-xs',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        'disabled:fg-disabled disabled:bg-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-inverse-bold',\n        'enabled:color-info:bg-interactive-bold',\n        'enabled:hover:color-info:bg-interactive-bold-hover',\n        'enabled:focus-visible:color-info:bg-interactive-bold-hover',\n\n        // Serious\n        'enabled:color-serious:fg-a11y-on-utility',\n        'enabled:color-serious:bg-serious-bold',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n\n        // Critical\n        'enabled:color-critical:fg-a11y-on-utility',\n        'enabled:color-critical:bg-critical-bold',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-hover',\n      ],\n      outline: [\n        'disabled:fg-disabled disabled:outline-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-primary-bold enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-primary-bold enabled:color-serious:outline-serious-bold',\n        'enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-primary-bold enabled:color-critical:outline-critical-bold',\n        'enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:outline-interactive-hover',\n      ],\n      flat: 'disabled:fg-disabled disabled:bg-transparent',\n      icon: [\n        'size-small:rounded-small size-xsmall:rounded-small size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-transparent',\n      ],\n      floating: [\n        'rounded-full',\n        'size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs',\n        'disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled',\n\n        // Info\n        'enabled:color-info:fg-info-bold enabled:color-info:bg-surface-default enabled:color-info:outline-interactive',\n        'enabled:hover:color-info:fg-info-hover enabled:hover:color-info:outline-interactive-hover',\n        'enabled:focus-visible:color-info:fg-info-hover enabled:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:color-serious:fg-serious-bold enabled:color-serious:bg-serious-muted enabled:color-serious:outline-serious-bold',\n        'enabled:hover:color-serious:fg-info-hover enabled:hover:color-serious:outline-interactive-hover',\n        'enabled:focus-visible:color-serious:fg-info-hover enabled:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:color-critical:fg-critical-bold enabled:color-critical:bg-critical-muted enabled:color-critical:outline-critical-bold',\n        'enabled:hover:color-critical:fg-info-hover enabled:hover:color-critical:outline-interactive-hover',\n        'enabled:focus-visible:color-critical:fg-info-hover enabled:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n  compoundVariants: [\n    // Info\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-info:fg-primary-bold',\n        'enabled:hover:color-info:bg-interactive-muted-hover',\n        'enabled:focus-visible:color-info:bg-interactive-muted-hover',\n      ],\n    },\n\n    // Serious\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-serious:fg-primary-bold',\n        'enabled:hover:color-serious:bg-serious-hover',\n        'enabled:focus-visible:color-serious:bg-serious-hover',\n      ],\n    },\n\n    // Critical\n    {\n      variant: ['flat', 'icon'],\n      className: [\n        'enabled:color-critical:fg-primary-bold',\n        'enabled:hover:color-critical:bg-critical-hover',\n        'enabled:focus-visible:color-critical:bg-critical-hover',\n      ],\n    },\n  ],\n  defaultVariants: ButtonStylesDefaults,\n});\n\nexport const ButtonStyles = tv({\n  extend: BaseButtonStyles,\n});\n\nexport const LinkButtonStyles = tv({\n  extend: BaseButtonStyles,\n});\n\nexport const ToggleButtonStyles = tv({\n  extend: BaseButtonStyles,\n  base: [\n    'enabled:selected:fg-accent-primary-bold',\n    'enabled:selected:hover:fg-accent-primary-bold',\n    'enabled:selected:focus-visible:fg-accent-primary-bold',\n  ],\n  variants: {\n    variant: {\n      filled: [\n        // Info\n        'enabled:selected:color-info:bg-info-muted',\n        'enabled:selected:hover:color-info:bg-interactive-bold-hover',\n        'enabled:selected:focus-visible:color-info:bg-interactive-bold-hover',\n\n        // Serious\n        'enabled:selected:color-serious:bg-serious-muted',\n        'enabled:selected:hover:color-serious:bg-serious-hover',\n        'enabled:selected:focus-visible:color-serious:bg-serious-hover',\n\n        // Critical\n        'enabled:selected:color-critical:bg-critical-muted',\n        'enabled:selected:hover:color-critical:bg-critical-hover',\n        'enabled:selected:focus-visible:color-critical:bg-critical-hover',\n      ],\n      floating: [\n        // Info\n        'enabled:selected:color-info:outline-accent-primary-bold',\n        'enabled:selected:hover:color-info:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-info:outline-interactive-hover',\n\n        // Serious\n        'enabled:selected:color-serious:outline-accent-primary-bold',\n        'enabled:selected:hover:color-serious:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-serious:outline-interactive-hover',\n\n        // Critical\n        'enabled:selected:color-critical:outline-accent-primary-bold',\n        'enabled:selected:hover:color-critical:outline-interactive-hover',\n        'enabled:selected:focus-visible:color-critical:outline-interactive-hover',\n      ],\n    },\n  },\n});\n"]}

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

@@ -1,6 +1,6 @@
-import { AriaAttributesWithRef } from '../../lib/types.js';
 import { ButtonProps as ButtonProps$1, LinkProps, ToggleButtonProps as ToggleButtonProps$1 } from 'react-aria-components';
 import { VariantProps } from 'tailwind-variants';
+import { AriaAttributesWithRef } from '../../lib/types.js';
 import { ButtonStyles } from './styles.js';
 import 'react';
 import 'tailwind-merge';

package/dist/components/checkbox/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-subtle","group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight","group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight","group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover","group-disabled/checkbox:outline-interactive-disabled","group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled","group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled"],label:["text-body-s text-interactive-default","group-disabled/checkbox:text-interactive-disabled"]}});export{c as CheckboxStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const c=tv({slots:{group:["group/checkbox-group flex gap-xs","orientation-horizontal:flex-wrap","orientation-vertical:flex-col"],groupLabel:"w-full",checkbox:["group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3","disabled:cursor-not-allowed"],control:["my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive","group-enabled/checkbox:fg-info-bold","group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-indeterminate/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-indeterminate/checkbox:outline-accent-primary-bold","group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-selected/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:outline-accent-primary-bold","group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover","group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover","group-disabled/checkbox:outline-interactive-disabled","group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-bold group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled","group-disabled/checkbox:group-selected/checkbox:fg-inverse-bold group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled"],label:["fg-primary-bold text-body-s","group-disabled/checkbox:fg-disabled"]}});export{c as CheckboxStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QAAU,CACR,wKACA,CAAA,6BAEO,CACP,CAAA,OAAA,CAAA,CAAA,kIAEA,CAAA,+EACA,CAAA,gNAEA,CAAA,4GACA,CAAA,mOAEA,CAAA,uGACA,CAAA,sJAEA,CAAA,oJACA,CAAA,yLAIA,CAAA,mDAGL,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 CheckboxStyles = tv({\n  slots: {\n    group: [\n      'group/checkbox-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    checkbox: [\n      'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n      'group-enabled/checkbox:fg-info-subtle',\n      'group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:bg-highlight group-enabled/checkbox:group-indeterminate/checkbox:outline-highlight',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:bg-highlight group-enabled/checkbox:group-selected/checkbox:outline-highlight',\n      'group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-disabled/checkbox:outline-interactive-disabled',\n      'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-light group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled',\n      'group-disabled/checkbox:group-selected/checkbox:fg-inverse-light group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n    ],\n    label: [\n      'text-body-s text-interactive-default',\n      'group-disabled/checkbox:text-interactive-disabled',\n    ],\n  },\n});\n"]}
+{"version":3,"sources":["../../../src/components/checkbox/styles.ts"],"names":["e"],"mappings":"6CAeS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,KAAA,CAAA,CAAA,kCACA,CAAA,kEAGF,CAAA,CAAA,UACA,CAAA,QAAU,CACR,wKACA,CAAA,6BAEO,CACP,CAAA,OAAA,CAAA,CAAA,gIAEA,CAAA,+EACA,CAAA,0SAEA,CAAA,4GACA,CAAA,wTAEA,CAAA,uGACA,CAAA,sJAEA,CAAA,mJACA,CAAA,+KAIA,CAAA,qCAGL,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 CheckboxStyles = tv({\n  slots: {\n    group: [\n      'group/checkbox-group flex gap-xs',\n      'orientation-horizontal:flex-wrap',\n      'orientation-vertical:flex-col',\n    ],\n    groupLabel: 'w-full',\n    checkbox: [\n      'group/checkbox flex cursor-pointer items-center gap-m group-orientation-horizontal/checkbox-group:grow group-orientation-horizontal/checkbox-group:basis-1/3',\n      'disabled:cursor-not-allowed',\n    ],\n    control: [\n      'my-xxs flex size-l items-center justify-center rounded-small outline outline-interactive',\n      'group-enabled/checkbox:fg-info-bold',\n      'group-enabled/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-indeterminate/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-indeterminate/checkbox:outline-accent-primary-bold',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-indeterminate/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:fg-a11y-on-accent group-enabled/checkbox:group-selected/checkbox:bg-accent-primary-bold group-enabled/checkbox:group-selected/checkbox:outline-accent-primary-bold',\n      'group-enabled/checkbox:group-selected/checkbox:group-focus-visible/checkbox:outline-interactive-hover',\n      'group-enabled/checkbox:group-selected/checkbox:group-hover/checkbox:outline-interactive-hover',\n      'group-disabled/checkbox:outline-interactive-disabled',\n      'group-disabled/checkbox:group-indeterminate/checkbox:fg-inverse-bold group-disabled/checkbox:group-indeterminate/checkbox:bg-interactive-disabled',\n      'group-disabled/checkbox:group-selected/checkbox:fg-inverse-bold group-disabled/checkbox:group-selected/checkbox:bg-interactive-disabled',\n    ],\n    label: [\n      'fg-primary-bold text-body-s',\n      'group-disabled/checkbox:fg-disabled',\n    ],\n  },\n});\n"]}

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

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
 import { ContextValue } from 'react-aria-components';
+import { ProviderProps } from '../../lib/types.js';
 import { ChipProps, BaseChipProps, ChipListProps, DeletableChipProps, SelectableChipProps } from './types.js';
 import 'tailwind-variants';
 import './styles.js';