@accelint/design-toolkit 5.2.0 → 7.0.0

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

@@ -1,17 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ContextValue } from 'react-aria-components';
-import { ProviderProps } from '../../lib/types.js';
 import { BadgeProps } from './types.js';
 import '@react-types/overlays';
+import 'react';
 import 'tailwind-variants';
 import './styles.js';
 
-declare const BadgeContext: react.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
-declare function BadgeProvider({ children, ...props }: ProviderProps<BadgeProps>): react_jsx_runtime.JSX.Element;
-declare namespace BadgeProvider {
-    var displayName: string;
-}
 /**
  * Badge - A small status indicator component for labeling and notifications
  *
@@ -37,9 +30,5 @@ declare namespace BadgeProvider {
  * </div>
  */
 declare function Badge({ ref, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-declare namespace Badge {
-    var displayName: string;
-    var Provider: typeof BadgeProvider;
-}
 
-export { Badge, BadgeContext };
+export { Badge };

package/dist/components/badge/index.js

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

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 { 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"]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["props","useContextProps","ref","BadgeContext","f","offset","variant","jsx","d","l"],"mappings":"8MA2CO,UAAsB,CAAA,CAAA,IAAwB,CACnD,CAACA,GAAU,CAAA,CAAIC,EAAgBD,CAAAA,CAAOE,CAAAA,CAAAA,CAAO,mBAAMC,CAAY,EAE/D,KAAMC,YACJ,CAAA,CAAA,KAAA,CAAA,SACA,CAAA,CAAAC,CAAAA,MACA,CAAA,CAAA,CAAA,YACAC,8BACA,OACEN,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEO,CAAAA,OAACC,GAAA,CACE,MACD,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SACE,CAAAC,WAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAAH,OAEF,CAAA,CAAA,CAAA,CAAA,CAAA,eAAsBD,CAAAA,OAAW,CAAA,EAAA,QACjC,uBAAsBA,CAAAA,kBACtB,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,iBACF,CAEJ,EAAA,IAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeContext } from './context';\nimport { BadgeStyles, BadgeStylesDefaults } from './styles';\nimport type { BadgeProps } from './types';\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}\n"]}

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

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

package/dist/components/breadcrumbs/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumbs/index.tsx"],"names":["separator","BreadcrumbsStyles","f","children","className","containsExactChildren","list","BreadcrumbItem","classNames","linkProps","rest","n","item","o","composeRenderProps","itemChildren","jsxs","Link","k","link","Icon","m","l","jsx","ChevronRight","u"],"mappings":"6UA4BoB,KAAM,CAAA,IAAA,CAAA,CAAA,CAAAA,IAAcC,CAAkB,EAEnD,IAAA,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,CAAAC,iBAAAC,EACA,UAAAC,CACF,CAAA,CAAsC,QACpCC,CAAAA,CAAsB,CACpB,SAAAF,CAAAA,CACA,yCAA2B,CAAA,CAAA,CAAA,2BACc,CAAC,qBAIdG,CAAK,CAAE,sBAAAF,CAAU,SAC1C,CAAA,CAAA,CAAAD,CAAAA,SAIK,CAAA,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAEjBI,CAAAA,aAEP,CAAA,SAAA,CAAAC,EACA,QAAA,CAAA,CAAAC,CAAAA,UAGA,CAAA,CAAA,CAAA,SAEK,CAAGC,EACJ,GAAA,CAAA,CAAA,CAAA,CAAA,UAA0C,CAAAC,UAAA,CAAA,CAAA,GAAOP,CAC/CQ,UAAO,CAAAC,kBAAA,CAAAT,CAAU,EACnB,IAEC,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAU,SAAsCX,CAAAA,CAAWY,GAChDC,CAAAA,QACG,CAAAH,kBAAA,CAAA,CAAA,CAAA,KACEI,CAAAA,CAAA,CACE,EAAAC,IAAGT,CAAAA,QACJ,UAAWK,CAAAA,CAAmBN,CAAAA,CAAAA,GAAY,UAAOJ,CAC/Ce,CAAAA,SAAO,CAAAN,kBAAA,CAAAT,CAAU,EACnB,WAECD,SAKJiB,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAAC,GAAA,CACZC,0BAAkCd,CAAAA,SAAY,CAAA,CAAU,CAAC,CAAA,SAEzD,CAAAe,GAACC,SAGN,EACH,CAEJ,QACe,CAAAH,GAAA,CAAAI,YAAA,CAAA,EAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAEjB,CAAA,kBAAOlB,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { ChevronRight } from '@accelint/icons';\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  Breadcrumb,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n  composeRenderProps,\n  Link,\n} from 'react-aria-components';\nimport { containsExactChildren } from '@/lib/react';\nimport { Icon } from '../icon';\nimport { BreadcrumbsStyles } from './styles';\nimport type { BreadcrumbItemProps } from './types';\n\nconst { list, item, link, separator } = BreadcrumbsStyles();\n\nexport function Breadcrumbs({\n  children,\n  className,\n}: BreadcrumbsProps<BreadcrumbProps>) {\n  containsExactChildren({\n    children,\n    componentName: Breadcrumbs.displayName,\n    restrictions: [[BreadcrumbItem, { min: 1 }]],\n  });\n\n  return (\n    <AriaBreadcrumbs className={list({ className })}>\n      {children}\n    </AriaBreadcrumbs>\n  );\n}\nBreadcrumbs.displayName = 'Breadcrumbs';\n\nfunction BreadcrumbItem({\n  children,\n  classNames,\n  linkProps,\n  ...rest\n}: BreadcrumbItemProps) {\n  return (\n    <Breadcrumb\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className }),\n      )}\n    >\n      {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n        <>\n          {linkProps ? (\n            <Link\n              {...linkProps}\n              className={composeRenderProps(classNames?.link, (className) =>\n                link({ className }),\n              )}\n            >\n              {children}\n            </Link>\n          ) : (\n            itemChildren\n          )}\n          <Icon\n            aria-hidden='true'\n            className={separator({ className: classNames?.separator })}\n          >\n            <ChevronRight />\n          </Icon>\n        </>\n      ))}\n    </Breadcrumb>\n  );\n}\nBreadcrumbItem.displayName = 'Breadcrumbs.Item';\n\nBreadcrumbs.Item = BreadcrumbItem;\n"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/index.tsx"],"names":["BreadcrumbsStyles","m","c","e"],"mappings":"oJAqBA,UAAiBA,EAAkB,CAAA,CAc5BC,iBAAA,EAAA,CAAA,oBAEL,CAAA,CAAA,CAAA,SACoC,CACpC,WACGC,GAAgB,CAAAC,WAAA,CAAA,CAAA,SAAkB,CAAA,CAAA,CAAA,CAAA,SAAW,CAC3C,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n} from 'react-aria-components';\nimport { BreadcrumbsStyles } from './styles';\n\nconst { list } = BreadcrumbsStyles();\n\n/**\n * Breadcrumbs - Accessible breadcrumb navigation\n *\n * Displays the user's location within an application hierarchy and provides\n * links back to parent pages. The final item represents the current page.\n *\n * @example\n * <Breadcrumbs>\n *   <BreadcrumbItem linkProps={{ href: '/' }}>Home</BreadcrumbItem>\n *   <BreadcrumbItem>Current</BreadcrumbItem>\n * </Breadcrumbs>\n */\nexport function Breadcrumbs({\n  children,\n  className,\n}: BreadcrumbsProps<BreadcrumbProps>) {\n  return (\n    <AriaBreadcrumbs className={list({ className })}>\n      {children}\n    </AriaBreadcrumbs>\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BreadcrumbItemProps } from './types.js';
+import 'react-aria-components';
+
+declare function BreadcrumbItem({ children, classNames, linkProps, ...rest }: BreadcrumbItemProps): react_jsx_runtime.JSX.Element;
+
+export { BreadcrumbItem };

package/dist/components/breadcrumbs/item.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {ChevronRight}from'@accelint/icons';import {Breadcrumb,composeRenderProps,Link}from'react-aria-components';import {Icon}from'../icon/index.js';import {BreadcrumbsStyles}from'./styles.js';const{item:b,link:f,separator:B}=BreadcrumbsStyles();function R({children:a,classNames:e,linkProps:m,...i}){return jsx(Breadcrumb,{...i,className:composeRenderProps(e?.item,o=>b({className:o})),children:composeRenderProps(m?null:a,o=>jsxs(Fragment,{children:[m?jsx(Link,{...m,className:composeRenderProps(e?.link,p=>f({className:p})),children:a}):o,jsx(Icon,{"aria-hidden":"true",className:B({className:e?.separator}),children:jsx(ChevronRight,{})})]}))})}export{R as BreadcrumbItem};//# sourceMappingURL=item.js.map
+//# sourceMappingURL=item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/breadcrumbs/item.tsx"],"names":["link","BreadcrumbsStyles","BreadcrumbItem","classNames","linkProps","jsx","Breadcrumb","r","n","item","composeRenderProps","itemChildren","jsxs","Fragment","I","Link","s","children","u","ChevronRight","c"],"mappings":"wQAoBc,KAAAA,CAAM,IAAA,CAAA,CAAA,CAAA,IAAU,CAAA,CAAIC,CAAAA,SAE3B,CAAA,CAAA,CAASC,CAAAA,iBAAe,EAC7B,CAAA,SACA,CAAA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAAAC,CACA,CAAA,CAAA,SAEA,CAAA,CAAA,CACEC,GAACC,CAAA,CACE,CAAA,CAAA,OACDC,GAAA,CAAAC,UAAA,CAAA,CAAA,GAA8BL,CAAAA,CAAAA,SAC5BM,CAAAA,kBAAK,CAAE,CAAA,EAAA,IAAA,CAAA,CAAA,EAAU,CAAC,CACpB,CAAA,SAEC,CAAAC,CAAAA,CAAmBN,CAAAA,CAAY,CAAA,QAAkBO,CAChDC,kBAAAA,CAAAC,CAAAA,CAAA,IACG,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAAV,CAAAA,QACCC,CAAAA,CAACU,QAEC,CAAA,CAAA,CAAA,CAAAR,GAAA,CAAAS,IAAA,CAAA,CAAA,GAA8Bb,CAAAA,CAAAA,SAC5BH,CAAAA,kBAAK,CAAE,CAAA,EAAA,IAAA,CAAA,CAAA,EAAU,CAAC,CACpB,CAAA,SAEC,CAAAiB,CAAAA,CACH,CAAA,CAEAN,CAAAA,QAGA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAJ,GAAA,CAAAW,IAAA,CAAA,CAAY,aACZ,CAAA,MAAuB,CAAA,SAAWf,CAAAA,CAAAA,CAAY,CAAA,SAAW,CAAA,CAEzD,EAAA,SAACgB,CAAAA,CAAA,CAAA,QAGN,CACHZ,GAEJ,CAAAa,YAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { ChevronRight } from '@accelint/icons';\nimport { Breadcrumb, composeRenderProps, Link } from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { BreadcrumbsStyles } from './styles';\nimport type { BreadcrumbItemProps } from './types';\n\nconst { item, link, separator } = BreadcrumbsStyles();\n\nexport function BreadcrumbItem({\n  children,\n  classNames,\n  linkProps,\n  ...rest\n}: BreadcrumbItemProps) {\n  return (\n    <Breadcrumb\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className }),\n      )}\n    >\n      {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n        <>\n          {linkProps ? (\n            <Link\n              {...linkProps}\n              className={composeRenderProps(classNames?.link, (className) =>\n                link({ className }),\n              )}\n            >\n              {children}\n            </Link>\n          ) : (\n            itemChildren\n          )}\n          <Icon\n            aria-hidden='true'\n            className={separator({ className: classNames?.separator })}\n          >\n            <ChevronRight />\n          </Icon>\n        </>\n      ))}\n    </Breadcrumb>\n  );\n}\n"]}

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

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ProviderProps } from '../../lib/types.js';
+import { ContextValue } from 'react-aria-components';
+import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
+import 'tailwind-variants';
+import './styles.js';
+import 'tailwind-merge';
+
+declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
+declare function ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>): react_jsx_runtime.JSX.Element;
+declare const LinkButtonContext: react.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare function LinkButtonProvider({ children, ...props }: ProviderProps<LinkButtonProps>): react_jsx_runtime.JSX.Element;
+declare const ToggleButtonContext: react.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
+declare function ToggleButtonProvider({ children, ...props }: ProviderProps<ToggleButtonProps>): react_jsx_runtime.JSX.Element;
+
+export { ButtonContext, ButtonProvider, LinkButtonContext, LinkButtonProvider, ToggleButtonContext, ToggleButtonProvider };

package/dist/components/button/context.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const n=createContext(null);function l({children:t,...o}){return jsx(n.Provider,{value:o,children:t})}const u=createContext(null);function B({children:t,...o}){return jsx(u.Provider,{value:o,children:t})}const p=createContext(null);function s({children:t,...o}){return jsx(p.Provider,{value:o,children:t})}export{n as ButtonContext,l as ButtonProvider,u as LinkButtonContext,B as LinkButtonProvider,p as ToggleButtonContext,s as ToggleButtonProvider};//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/context.tsx"],"names":["ButtonContext","createContext","ButtonProvider","children","props","jsx","LinkButtonContext","LinkButtonProvider","ToggleButtonContext","ToggleButtonProvider"],"mappings":"0FAmBO,MAAMA,CAAAA,CACXC,cAA4D,IAAI,EAE3D,SAASC,CAAAA,CAAe,CAC7B,SAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+B,CAC7B,OACEC,GAAAA,CAACL,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,CAAAA,CAAS,CAEpD,CAEO,MAAMG,EACXL,aAAAA,CAAgE,IAAI,EAE/D,SAASM,CAAAA,CAAmB,CACjC,QAAA,CAAAJ,EACA,GAAGC,CACL,CAAA,CAAmC,CACjC,OACEC,GAAAA,CAACC,CAAAA,CAAkB,QAAA,CAAlB,CAA2B,MAAOF,CAAAA,CAChC,QAAA,CAAAD,EACH,CAEJ,OAEaK,CAAAA,CACXP,aAAAA,CAAkE,IAAI,EAEjE,SAASQ,CAAAA,CAAqB,CACnC,SAAAN,CAAAA,CACA,GAAGC,CACL,CAAA,CAAqC,CACnC,OACEC,GAAAA,CAACG,EAAoB,QAAA,CAApB,CAA6B,MAAOJ,CAAAA,CAClC,QAAA,CAAAD,EACH,CAEJ","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nexport function ButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nexport function LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nexport function ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\n"]}

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

@@ -1,17 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ProviderProps } from '../../lib/types.js';
-import { ContextValue } from 'react-aria-components';
-import { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types.js';
+import { ButtonProps } from './types.js';
+import 'react-aria-components';
 import 'tailwind-variants';
+import '../../lib/types.js';
+import 'react';
 import './styles.js';
 import 'tailwind-merge';
 
-declare const ButtonContext: react.Context<ContextValue<ButtonProps, HTMLButtonElement>>;
-declare function ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>): react_jsx_runtime.JSX.Element;
-declare namespace ButtonProvider {
-    var displayName: string;
-}
 /**
  * Button - A versatile interactive button component with multiple variants
  *
@@ -47,99 +42,5 @@ declare namespace ButtonProvider {
  * <Button color="serious">Delete</Button>
  */
 declare function Button({ ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace Button {
-    var displayName: string;
-    var Provider: typeof ButtonProvider;
-}
-declare const LinkButtonContext: react.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
-declare function LinkButtonProvider({ children, ...props }: ProviderProps<LinkButtonProps>): react_jsx_runtime.JSX.Element;
-declare namespace LinkButtonProvider {
-    var displayName: string;
-}
-/**
- * LinkButton - A button component that renders as a link element
- *
- * Provides accessible link functionality with button-like styling and visual feedback.
- * Perfect for navigation actions that should look like buttons but behave as links.
- * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
- *
- * @example
- * // Basic link button
- * <LinkButton href="/dashboard">Go to Dashboard</LinkButton>
- *
- * @example
- * // Link button with different variants and sizes
- * <LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
- * <LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
- *
- * @example
- * // Link button with icon
- * <LinkButton variant="flat" href="/profile">
- *   <Icon><User /></Icon>
- *   View Profile
- * </LinkButton>
- *
- * @example
- * // Icon-only link button
- * <LinkButton variant="icon" href="/help">
- *   <Icon><HelpCircle /></Icon>
- * </LinkButton>
- *
- * @example
- * // Link button with different colors
- * <LinkButton color="critical" href="/delete">Delete Account</LinkButton>
- * <LinkButton color="serious" href="/reset">Reset Data</LinkButton>
- */
-declare function LinkButton({ ref, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace LinkButton {
-    var displayName: string;
-    var Provider: typeof LinkButtonProvider;
-}
-declare const ToggleButtonContext: react.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
-declare function ToggleButtonProvider({ children, ...props }: ProviderProps<ToggleButtonProps>): react_jsx_runtime.JSX.Element;
-declare namespace ToggleButtonProvider {
-    var displayName: string;
-}
-/**
- * ToggleButton - A button component that maintains pressed/unpressed state
- *
- * Provides accessible toggle functionality with visual feedback for the current state.
- * Perfect for features like favorites, bookmarks, switches, or any binary state controls.
- * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
- *
- * @example
- * // Basic toggle button
- * <ToggleButton>Toggle Feature</ToggleButton>
- *
- * @example
- * // Controlled toggle button with different variants
- * <ToggleButton variant="flat" isSelected={isEnabled} onChange={setIsEnabled}>
- *   Enable Notifications
- * </ToggleButton>
- *
- * @example
- * // Toggle button with icon and state
- * <ToggleButton variant="outline" isSelected={isFavorite} onChange={setIsFavorite}>
- *   <Icon><Heart /></Icon>
- *   {isFavorite ? 'Favorite' : 'Add to Favorites'}
- * </ToggleButton>
- *
- * @example
- * // Icon-only toggle button
- * <ToggleButton variant="icon" isSelected={isBookmarked} onChange={setIsBookmarked}>
- *   <Icon><Bookmark /></Icon>
- * </ToggleButton>
- *
- * @example
- * // Toggle button with different colors and sizes
- * <ToggleButton color="critical" size="small" isSelected={isEnabled}>
- *   Critical Toggle
- * </ToggleButton>
- */
-declare function ToggleButton({ ref, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace ToggleButton {
-    var displayName: string;
-    var Provider: typeof ToggleButtonProvider;
-}
 
-export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext };
+export { Button };

package/dist/components/button/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["d","props","jsx","ButtonContext","e","ButtonProvider","useContextProps","ref","rest","Icon","m","AriaButton","C","composeRenderProps","className","P","color","size","LinkButtonProvider","LinkButtonContext","B","Link","f","LinkButton","ToggleButtonContext","ToggleButtonProvider","AriaToggleButton","N"],"mappings":"ySA+BA,MAAA,CAAA,CAAAA,aAAA,CAAA,IAA0B,EAAA,SAAU,CAAA,CAAA,CAAGC,QACrC,CAAA,CAAA,CACEC,GAACC,CAAc,CAAA,CAAA,CAAA,OAASC,GAAA,CAAA,CAAA,CAAA,QAAe,CAAA,CAAA,KAAS,CAEpD,CACAC,CAAAA,aAA6B,CAAA,CAAA,WAAA,CAAA,iBAoCJ,CAAA,SAAc,CAAgB,CACrD,CAACJ,GAAU,EAAIK,CAAAA,GAAuBC,GAAO,CAAA,CAAA,CAAA,CAAA,CAAMJ,CAAa,gBAEhE,CAAA,CAAA,CAAA,CAAA,EACE,aACA,CAAA,SACA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CACR,CAAA,YAAO,CAAA,IACP,CAAA,CAAA,CAAA,QACGK,CACL,OAEA,CAAA,CAAA,CAAA,GACGC,CAAAA,CAAK,UAASL,GAAA,CAAAM,IAAA,CAAA,QACb,CAAA,CAAA,IAACC,EAAA,CACE,QACD,CAAKJ,IACLK,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWC,CAAmBC,EAAYA,SAEtC,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAD,YACA,WAEJ,CAAA,CACA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAYE,aACZ,CAAWC,CAAAA,CAEV,WACH,CAAA,CACF,CAEJ,QACO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WACd,CAAA,QAEA,WAC2D,CAAA,CAAA,2BAGhE,WACA,CAAA,CAAA,CAAGhB,QAEH,CAAA,CAAA,CACEC,IAAmB,CAAA,CAAA,CAAA,OAASE,cACzB,CAAA,CAAA,KACH,CAEJ,CACAc,SAAmB,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,+BAoCU,CAAoB,CAC7D,CAACjB,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMY,CAAiB,CAAAC,eAEpE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,KACA,CAAA,QAAAN,CACA,WAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CACR,aAAO,CAAA,IACP,CAAA,CAAA,CAAA,QACGN,CACL,OAEA,CAAA,CAAA,CAAA,GACGC,EAAK,CAAA,CAAA,CAAA,OAASL,GAAA,CAAAM,IAAA,CAAA,cACZW,CAAAA,CAAA,CACE,SACId,GAAAA,CACLe,IAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWT,CAAmBC,CAAAA,CAAYA,kCAEtCA,gBACA,CAAA,CAAA,SAEJ,CAAA,CACA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAYE,aACZ,CAAWC,CAAAA,CAEV,WACH,CAAA,CACF,CAEJ,QACW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WACzBM,aAEO,cAGP,MAAA,CAAA,CAAAvB,aAAA,CAAA,IACE,EAAA,SACA,CAAA,CAAA,CAAGC,QAEH,CAAA,CAAA,CACEC,GAACsB,CAAoB,CAAA,CAAA,CAAA,OAASpB,GAAA,CAAA,CAAA,CAAA,QAC3B,CAAA,CAAA,KACH,CAEJ,CACAqB,CAAAA,aAAmC,CAAA,CAAA,WAAA,CAAA,iCAsCU,CAAsB,CACjE,CAACxB,GAAU,CAAA,CAAIK,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMiB,CAAmB,CAAAJ,eAEtE,CAAA,CAAA,CAAA,CAAA,EACE,IAAA,CAAA,CAAA,CAAA,CAAA,cACAN,CACA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CACR,CAAA,YAAO,CAAA,IACP,CAAA,CAAA,CAAA,QACGN,CACL,aAGGC,CAAAA,CAAK,UAASL,GAAA,CAAAM,IAAA,CAAA,QACb,CAAA,CAAA,IAACgB,CAAAA,CAAA,CACE,QACD,CAAKnB,IACLoB,YAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAWd,CAAmBC,EAAYA,SAEtC,CAAAC,kBAAA,CAAA,CAAA,CAAA,CAAA,oBACA,CAAA,CAAA,SAEJ,CAAA,CACA,aAAYC,CAAAA,YACZ,CAAWC,EAEV,WACH,EACF,CAEJ,QACa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,cACHQ,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 type { ProviderProps } from '@/lib/types';\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n  Button as AriaButton,\n  ToggleButton as AriaToggleButton,\n  type ContextValue,\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { ButtonStyles, LinkButtonStyles, ToggleButtonStyles } from './styles';\nimport type { ButtonProps, LinkButtonProps, ToggleButtonProps } from './types';\n\nexport const ButtonContext =\n  createContext<ContextValue<ButtonProps, HTMLButtonElement>>(null);\n\nfunction ButtonProvider({ children, ...props }: ProviderProps<ButtonProps>) {\n  return (\n    <ButtonContext.Provider value={props}>{children}</ButtonContext.Provider>\n  );\n}\nButtonProvider.displayName = 'Button.Provider';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @example\n * // Basic button\n * <Button>Click me</Button>\n *\n * @example\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n *\n * @example\n * // Button with icon\n * <Button variant=\"flat\">\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n *\n * @example\n * // Icon-only button\n * <Button variant=\"icon\">\n *   <Icon><Settings /></Icon>\n * </Button>\n *\n * @example\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaButton>\n    </Icon.Provider>\n  );\n}\nButton.displayName = 'Button';\nButton.Provider = ButtonProvider;\n\nexport const LinkButtonContext =\n  createContext<ContextValue<LinkButtonProps, HTMLAnchorElement>>(null);\n\nfunction LinkButtonProvider({\n  children,\n  ...props\n}: ProviderProps<LinkButtonProps>) {\n  return (\n    <LinkButtonContext.Provider value={props}>\n      {children}\n    </LinkButtonContext.Provider>\n  );\n}\nLinkButtonProvider.displayName = 'LinkButton.Provider';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n *   <Icon><User /></Icon>\n *   View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n *   <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          LinkButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </Icon.Provider>\n  );\n}\nLinkButton.displayName = 'LinkButton';\nLinkButton.Provider = LinkButtonProvider;\n\nexport const ToggleButtonContext =\n  createContext<ContextValue<ToggleButtonProps, HTMLButtonElement>>(null);\n\nfunction ToggleButtonProvider({\n  children,\n  ...props\n}: ProviderProps<ToggleButtonProps>) {\n  return (\n    <ToggleButtonContext.Provider value={props}>\n      {children}\n    </ToggleButtonContext.Provider>\n  );\n}\nToggleButtonProvider.displayName = 'ToggleButton.Provider';\n\n/**\n * ToggleButton - A button component that maintains pressed/unpressed state\n *\n * Provides accessible toggle functionality with visual feedback for the current state.\n * Perfect for features like favorites, bookmarks, switches, or any binary state controls.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic toggle button\n * <ToggleButton>Toggle Feature</ToggleButton>\n *\n * @example\n * // Controlled toggle button with different variants\n * <ToggleButton variant=\"flat\" isSelected={isEnabled} onChange={setIsEnabled}>\n *   Enable Notifications\n * </ToggleButton>\n *\n * @example\n * // Toggle button with icon and state\n * <ToggleButton variant=\"outline\" isSelected={isFavorite} onChange={setIsFavorite}>\n *   <Icon><Heart /></Icon>\n *   {isFavorite ? 'Favorite' : 'Add to Favorites'}\n * </ToggleButton>\n *\n * @example\n * // Icon-only toggle button\n * <ToggleButton variant=\"icon\" isSelected={isBookmarked} onChange={setIsBookmarked}>\n *   <Icon><Bookmark /></Icon>\n * </ToggleButton>\n *\n * @example\n * // Toggle button with different colors and sizes\n * <ToggleButton color=\"critical\" size=\"small\" isSelected={isEnabled}>\n *   Critical Toggle\n * </ToggleButton>\n */\nexport function ToggleButton({ ref, ...props }: ToggleButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ToggleButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <Icon.Provider size={size}>\n      <AriaToggleButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          ToggleButtonStyles({\n            className,\n            variant,\n          }),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </AriaToggleButton>\n    </Icon.Provider>\n  );\n}\nToggleButton.displayName = 'ToggleButton';\nToggleButton.Provider = ToggleButtonProvider;\n"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["props","ref","ButtonContext","B","className","jsx","IconProvider","e","d","AriaButton","composeRenderProps","size","children"],"mappings":"oQA0DyB,SAAQA,CAAM,EAAgB,IAC7CC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,KAAMC,eAAa,CAAA,CAEhE,CAAA,CAAA,EAAA,IACE,CAAAC,aAAA,CAAA,CAAA,KACA,UAAAC,CAAAA,CACA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,OAGF,CAAA,CAAA,CAAA,GACEC,EAACC,CAAAA,CAAA,CAAa,OACZC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAAH,CAAAA,CAACI,CAAAA,QAEC,CAAAF,GAAA,CAAKN,MAAAA,CACL,UAAWS,CAAAA,CAAmBN,8CAE1BA,CAAAA,CACA,SACF,CAAC,CACH,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eACWO,WAEVC,CAAAA,CACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  Button as AriaButton,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ButtonContext } from './context';\nimport { ButtonStyles } from './styles';\nimport type { ButtonProps } from './types';\n\n/**\n * Button - A versatile interactive button component with multiple variants\n *\n * Provides accessible button functionality with support for different visual styles,\n * sizes, and interactive states. Includes icon support and integrates with React Aria\n * for keyboard navigation and accessibility features.\n *\n * @example\n * // Basic button\n * <Button>Click me</Button>\n *\n * @example\n * // Primary button with different sizes\n * <Button variant=\"filled\" size=\"large\">Large Filled</Button>\n * <Button variant=\"outline\" size=\"small\">Small Outline</Button>\n *\n * @example\n * // Button with icon\n * <Button variant=\"flat\">\n *   <Icon><Plus /></Icon>\n *   Add Item\n * </Button>\n *\n * @example\n * // Icon-only button\n * <Button variant=\"icon\">\n *   <Icon><Settings /></Icon>\n * </Button>\n *\n * @example\n * // Button with different colors\n * <Button color=\"critical\">Critical Button</Button>\n * <Button color=\"serious\">Delete</Button>\n */\nexport function Button({ ref, ...props }: ButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, ButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider 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    </IconProvider>\n  );\n}\n"]}

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

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LinkButtonProps } from './types.js';
+import 'react-aria-components';
+import 'tailwind-variants';
+import '../../lib/types.js';
+import 'react';
+import './styles.js';
+import 'tailwind-merge';
+
+/**
+ * LinkButton - A button component that renders as a link element
+ *
+ * Provides accessible link functionality with button-like styling and visual feedback.
+ * Perfect for navigation actions that should look like buttons but behave as links.
+ * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.
+ *
+ * @example
+ * // Basic link button
+ * <LinkButton href="/dashboard">Go to Dashboard</LinkButton>
+ *
+ * @example
+ * // Link button with different variants and sizes
+ * <LinkButton variant="filled" size="large" href="/create">Create New</LinkButton>
+ * <LinkButton variant="outline" size="small" href="/settings">Settings</LinkButton>
+ *
+ * @example
+ * // Link button with icon
+ * <LinkButton variant="flat" href="/profile">
+ *   <Icon><User /></Icon>
+ *   View Profile
+ * </LinkButton>
+ *
+ * @example
+ * // Icon-only link button
+ * <LinkButton variant="icon" href="/help">
+ *   <Icon><HelpCircle /></Icon>
+ * </LinkButton>
+ *
+ * @example
+ * // Link button with different colors
+ * <LinkButton color="critical" href="/delete">Delete Account</LinkButton>
+ * <LinkButton color="serious" href="/reset">Reset Data</LinkButton>
+ */
+declare function LinkButton({ ref, ...props }: LinkButtonProps): react_jsx_runtime.JSX.Element;
+
+export { LinkButton };

package/dist/components/button/link.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Link,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {LinkButtonContext}from'./context.js';import {LinkButtonStyles}from'./styles.js';function z({ref:o,...t}){[t,o]=useContextProps(t,o??null,LinkButtonContext);const{children:i,className:e,color:m="mono-muted",size:n="medium",variant:s,...u}=t;return jsx(IconProvider,{size:n,children:jsx(Link,{...u,ref:o,className:composeRenderProps(e,c=>LinkButtonStyles({className:c,variant:s})),"data-color":m,"data-size":n,children:i})})}export{z as LinkButton};//# sourceMappingURL=link.js.map
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/link.tsx"],"names":["props","ref","LinkButtonContext","k","className","jsx","IconProvider","r","d","Link","composeRenderProps","size","children"],"mappings":"0QA0D6B,SAAQA,CAAM,EAAoB,IACrDC,CAAG,CAAA,GAAoBD,CAAAA,CAAOC,CAAAA,CAAAA,CAAO,KAAMC,eAAiB,CAAA,CAEpE,CAAA,CAAA,EAAA,IACE,CAAAC,iBAAA,CAAA,CAAA,KACA,UAAAC,CAAAA,CACA,SAAQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IACP,CAAA,CAAA,CAAA,QACA,CAAA,OAGF,CAAA,CAAA,CAAA,GACEC,EAACC,CAAAA,CAAA,CAAa,OACZC,GAAA,CAAAC,YAAA,CAAA,CAAA,IAAAH,CAAAA,CAACI,CAAAA,QAEC,CAAAF,GAAA,CAAKN,IAAAA,CACL,UAAWS,CAAAA,CAAmBN,kDAE1BA,CAAAA,CACA,SACF,CAAC,CACH,QACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,eACWO,WAEVC,CAAAA,CACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"link.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { LinkButtonContext } from './context';\nimport { LinkButtonStyles } from './styles';\nimport type { LinkButtonProps } from './types';\n\n/**\n * LinkButton - A button component that renders as a link element\n *\n * Provides accessible link functionality with button-like styling and visual feedback.\n * Perfect for navigation actions that should look like buttons but behave as links.\n * Includes icon support and integrates with React Aria for keyboard navigation and accessibility.\n *\n * @example\n * // Basic link button\n * <LinkButton href=\"/dashboard\">Go to Dashboard</LinkButton>\n *\n * @example\n * // Link button with different variants and sizes\n * <LinkButton variant=\"filled\" size=\"large\" href=\"/create\">Create New</LinkButton>\n * <LinkButton variant=\"outline\" size=\"small\" href=\"/settings\">Settings</LinkButton>\n *\n * @example\n * // Link button with icon\n * <LinkButton variant=\"flat\" href=\"/profile\">\n *   <Icon><User /></Icon>\n *   View Profile\n * </LinkButton>\n *\n * @example\n * // Icon-only link button\n * <LinkButton variant=\"icon\" href=\"/help\">\n *   <Icon><HelpCircle /></Icon>\n * </LinkButton>\n *\n * @example\n * // Link button with different colors\n * <LinkButton color=\"critical\" href=\"/delete\">Delete Account</LinkButton>\n * <LinkButton color=\"serious\" href=\"/reset\">Reset Data</LinkButton>\n */\nexport function LinkButton({ ref, ...props }: LinkButtonProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkButtonContext);\n\n  const {\n    children,\n    className,\n    color = 'mono-muted',\n    size = 'medium',\n    variant,\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider 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    </IconProvider>\n  );\n}\n"]}

package/dist/components/button/styles.js

@@ -1,2 +1,2 @@
-import {tv}from'./../../lib/utils.js';const l={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:min-w-[96px] size-large:gap-xs size-large:px-l size-large:py-s size-large:text-button-l","size-medium:min-w-[68px] size-medium:gap-xs size-medium:px-m size-medium:py-xs size-medium:text-button-m","size-small:min-w-[54px] size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s","size-xsmall:min-w-[41px] size-xsmall:gap-xxs size-xsmall:p-xs size-xsmall:text-button-xs","transition-colors duration-[80ms]"],variants:{variant:{filled:["disabled:fg-disabled disabled:bg-interactive-disabled","enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-interactive-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-primary-muted enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-inverse-bold enabled:color-mono-bold:bg-interactive-bold","enabled:hover:color-mono-bold:fg-disabled enabled:hover:color-mono-bold:bg-interactive-bold-hover","enabled:focus-visible:color-mono-bold:fg-disabled enabled:focus-visible:color-mono-bold:bg-interactive-bold-hover","enabled:pressed:color-mono-bold:fg-inverse-muted enabled:pressed:color-mono-bold:bg-interactive-bold-pressed","enabled:color-accent:fg-a11y-on-accent enabled:color-accent:bg-accent-primary-bold","enabled:hover:color-accent:bg-accent-primary-hover","enabled:focus-visible:color-accent:bg-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed","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:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed","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","enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed"],outline:["disabled:fg-disabled disabled:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-transparent enabled:color-mono-muted:outline enabled:color-mono-muted:outline-interactive","enabled:hover:color-mono-muted:bg-interactive-muted-hover enabled:hover:color-mono-muted:outline-2 enabled:hover:color-mono-muted:outline-interactive-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:focus-visible:color-mono-muted:outline-2 enabled:focus-visible:color-mono-muted:outline-interactive-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:pressed:color-mono-muted:outline-2 enabled:pressed:color-mono-muted:outline-interactive-pressed","enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-transparent enabled:color-mono-bold:outline enabled:color-mono-bold:outline-mono-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover enabled:hover:color-mono-bold:outline-2 enabled:hover:color-mono-bold:outline-interactive-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:focus-visible:color-mono-bold:outline-2 enabled:focus-visible:color-mono-bold:outline-interactive-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:pressed:color-mono-bold:outline-2 enabled:pressed:color-mono-bold:outline-mono-bold-pressed","enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent enabled:color-accent:outline enabled:color-accent:outline-accent-primary-bold","enabled:hover:color-accent:fg-a11y-on-accent enabled:hover:color-accent:bg-accent-primary-hover enabled:hover:color-accent:outline-2 enabled:hover:color-accent:outline-accent-primary-hover","enabled:focus-visible::color-accent:fg-a11y-on-accent enabled:focus-visible:color-accent:bg-accent-primary-hover enabled:focus-visible:color-accent:outline-2 enabled:focus-visible:color-accent:outline-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed enabled:pressed:color-accent:outline-2 enabled:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-primary-bold enabled:color-serious:bg-transparent enabled:color-serious:outline enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-a11y-on-accent enabled:hover:color-serious:bg-serious-hover enabled:hover:color-serious:outline-2 enabled:hover:color-serious:outline-serious-hover","enabled:focus-visible:color-serious:fg-a11y-on-accent enabled:focus-visible:color-serious:bg-serious-hover enabled:focus-visible:color-serious:outline-2 enabled:focus-visible:color-serious:outline-serious-hover","enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed enabled:pressed:color-serious:outline-2 enabled:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-primary-bold enabled:color-critical:bg-transparent enabled:color-critical:outline enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-a11y-on-accent enabled:hover:color-critical:bg-critical-hover enabled:hover:color-critical:outline-2 enabled:hover:color-critical:outline-critical-hover","enabled:focus-visible:color-critical:fg-a11y-on-accent enabled:focus-visible:color-critical:bg-critical-hover enabled:focus-visible:color-critical:outline-2 enabled:focus-visible:color-critical:outline-critical-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed enabled:pressed:color-critical:outline-2 enabled:pressed:color-critical:outline-critical-pressed"],flat:["disabled:fg-disabled disabled:bg-transparent","enabled:color-mono-muted:fg-primary-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-accent-primary-bold","enabled:hover:color-accent:fg-a11y-on-accent enabled:hover:color-accent:bg-accent-primary-hover","enabled:focus-visible:color-accent:fg-a11y-on-accent enabled:focus-visible:color-accent:bg-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-accent-primary-pressed","enabled:color-serious:fg-serious-bold","enabled:hover:color-serious:fg-a11y-on-accent enabled:hover:color-serious:bg-serious-hover","enabled:focus-visible:color-serious:fg-a11y-on-accent enabled:focus-visible:color-serious:bg-serious-hover","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-serious-pressed","enabled:color-critical:fg-critical-bold","enabled:hover:color-critical:fg-a11y-on-accent enabled:hover:color-critical:bg-critical-hover","enabled:focus-visible:color-critical:fg-a11y-on-accent enabled:focus-visible:color-critical:bg-critical-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed"],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","size-large:min-w-xxl size-large:max-w-xxl","size-medium:min-w-[28px] size-medium:max-w-[28px]","size-small:min-w-xl size-small:max-w-xl","size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]","disabled:fg-disabled disabled:bg-transparent","enabled:color-mono-muted:fg-primary-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-accent-primary-bold","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-interactive-muted-hover","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-interactive-muted-hover","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed","enabled:color-serious:fg-serious-bold","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-interactive-muted-hover","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-interactive-muted-hover","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-interactive-muted-pressed","enabled:color-critical:fg-critical-bold","enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-interactive-muted-hover","enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-interactive-muted-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-interactive-muted-pressed"],floating:["rounded-full","size-large:p-xs size-medium:p-xs size-small:p-xxs size-xsmall:p-xxs","size-large:min-w-xxl size-large:max-w-xxl","size-medium:min-w-[28px] size-medium:max-w-[28px]","size-small:min-w-xl size-small:max-w-xl","size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]","disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-muted enabled:color-mono-muted:bg-surface-default enabled:color-mono-muted:outline-interactive","enabled:hover:color-mono-muted:fg-primary-hover enabled:hover:color-mono-muted:outline-interactive-hover","enabled:focus-visible:color-mono-muted:fg-primary-hover enabled:focus-visible:color-mono-muted:outline-interactive-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-surface-default enabled:color-mono-bold:outline-interactive","enabled:hover:color-mono-bold:fg-primary-hover enabled:hover:color-mono-bold:outline-interactive-hover","enabled:focus-visible:color-mono-bold:fg-primary-hover enabled:focus-visible:color-mono-bold:outline-interactive-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-accent-primary-bold enabled:color-accent:bg-accent-primary-bold enabled:color-accent:outline-accent-primary-bold","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:outline-accent-primary-hover","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:outline-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed enabled:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-serious-bold enabled:color-serious:bg-serious-muted enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:outline-interactive-hover","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:outline-interactive-hover","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-interactive-muted-pressed enabled:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-critical-bold enabled:color-critical:bg-critical-muted enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-critiical-hover enabled:hover:color-critical:outline-critical-hover","enabled:focus-visible:color-critical:fg-critiical-hover enabled:focus-visible:color-critical:outline-critical-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-interactive-muted-pressed enabled:pressed:color-critical:outline-critical-pressed"]}},defaultVariants:l}),c=tv({extend:o}),s=tv({extend:o}),d=tv({extend:o,base:["enabled:color-accent:fg-accent-primary-bold enabled:color-accent:bg-transparent","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed"],variants:{variant:{flat:["disabled:fg-disabled disabled:bg-transparent","disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled disabled:selected:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-muted enabled:color-mono-muted:bg-transparent","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted enabled:selected:color-mono-muted:outline enabled:selected:color-mono-muted:outline-interactive-hover","enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover enabled:selected:hover:color-mono-muted:outline-2","enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-muted:outline-2","enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-muted:outline-2 enabled:selected:pressed:color-mono-muted:outline-interactive-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:selected:color-mono-bold:fg-primary-bold enabled:selected:color-mono-bold:outline enabled:selected:color-mono-bold:outline-mono-bold","enabled:selected:hover:color-mono-bold:fg-hover enabled:selected:hover:color-mono-bold:bg-interactive-muted-hover enabled:selected:hover:color-mono-bold:outline-2 enabled:selected:hover:color-mono-bold:outline-mono-bold-hover","enabled:selected:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-bold:outline-2 enabled:selected:focus-visible:color-mono-bold:outline-mono-bold-hover","enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-bold:outline-2 enabled:selected:pressed:color-mono-bold:outline-interactive-pressed","enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed","enabled:selected:color-accent:fg-a11y-on-accent enabled:selected:color-accent:bg-accent-primary-bold enabled:color-accent:outline enabled:selected:color-accent:outline-accent-primary-bold","enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover enabled:selected:hover:color-accent:outline-2 enabled:selected:hover:color-accent:outline-accent-primary-hover","enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover enabled:selected:focus-visible:color-accent:outline-2 enabled:selected:focus-visible:color-accent:outline-accent-primary-hover","enabled:selected:pressed:color-accent:fg-accent-primary-bold enabled:selected:pressed:color-accent:bg-accent-primary-pressed enabled:selected:pressed:color-accent:outline-2 enabled:selected:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-serious-bold enabled:color-serious:bg-transparent","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-serious-bold","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-serious-muted","enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed","enabled:selected:color-serious:fg-primary-bold enabled:selected:color-serious:bg-serious-muted enabled:selected:color-serious:outline enabled:selected:color-serious:outline-serious-bold","enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover enabled:selected:hover:color-serious:outline-2 enabled:selected:hover:color-serious:outline-serious-hover","enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover enabled:selected:focus-visible:color-serious:outline-2 enabled:selected:focus-visible:color-serious:outline-serious-hover","enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed enabled:selected:pressed:color-serious:outline-2 enabled:selected:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-critical-bold enabled:color-critical:bg-transparent","enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-critical-muted","enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-critical-muted","enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed","enabled:selected:color-critical:fg-primary-bold enabled:selected:color-critical:bg-critical-muted enabled:selected:color-critical:outline enabled:selected:color-critical:outline-critical-bold","enabled:selected:hover:color-critical:fg-a11y-on-accent enabled:selected:hover:color-critical:bg-critical-hover enabled:selected:hover:color-critical:outline-2","enabled:selected:focus-visible:color-critical:fg-a11y-on-accent enabled:selected:focus-visible:color-critical:bg-critical-hover enabled:selected:focus-visible:color-critical:outline-2","enabled:selected:pressed:color-critical:fg-critical-bold enabled:selected:pressed:color-critical:bg-critical-pressed enabled:selected:pressed:color-critical:outline-2 enabled:selected:pressed:color-critical:outline-critical-pressed"],outline:["disabled: disabled:fg-disabled outline-interactive-disabled disabled:bg-transparent","disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled disabled:selected:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-transparent enabled:color-mono-muted:outline enabled:color-mono-muted:outline-interactive","enabled:hover:color-mono-muted:bg-interactive-muted-hover enabled:hover:color-mono-muted:outline-2 enabled:hover:color-mono-muted:outline-interactive-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:focus-visible:color-mono-muted:outline-2 enabled:focus-visible:color-mono-muted:outline-interactive-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:pressed:color-mono-muted:outline-2 enabled:pressed:color-mono-muted:outline-interactive-pressed","enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted enabled:selected:color-mono-muted:outline enabled:selected:color-mono-muted:outline-interactive-hover","enabled:selected:hover:color-mono-muted:fg-hover enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover enabled:selected:hover:color-mono-muted:outline-2","enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-muted:outline-2","enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-muted:outline-2 enabled:selected:pressed:color-mono-muted:outline-interactive-pressed","enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-transparent enabled:color-mono-bold:outline enabled:color-mono-bold:outline-mono-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover enabled:hover:color-mono-bold:outline-2 enabled:hover:color-mono-bold:outline-mono-bold-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:focus-visible:color-mono-bold:outline-2 enabled:focus-visible:color-mono-bold:outline-mono-bold-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:selected:color-mono-bold:fg-primary-bold enabled:selected:color-mono-bold:bg-interactive-muted-hover enabled:selected:color-mono-bold:outline enabled:selected:color-mono-bold:outline-mono-bold","enabled:selected:hover:color-mono-bold:fg-inverse-bold enabled:selected:hover:color-mono-bold:bg-interactive-bold-hover enabled:selected:hover:color-mono-bold:outline-2 enabled:selected:hover:color-mono-bold:outline-mono-bold-hover","enabled:selected:focus-visible:color-mono-bold:fg-inverse-bold enabled:selected:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-bold:outline-2 enabled:selected:focus-visible:color-mono-bold:outline-mono-bold-hover","enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-bold:outline-2 enabled:selected:pressed:color-mono-bold:outline-mono-bold-pressed","enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent enabled:color-accent:outline enabled:color-accent:outline-mono-bold","enabled:hover:color-accent:fg-hover enabled:hover:color-accent:bg-accent-primary-muted enabled:hover:color-accent:outline-2 enabled:hover:color-accent:outline-accent-primary-hover","enabled:focus-visible:color-accent:fg-hover enabled:focus-visible:color-accent:bg-accent-primary-muted enabled:focus-visible:color-accent:outline-2 enabled:focus-visible:color-accent:outline-accent-primary-hover","enabled:pressed:color-accent:fg-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed enabled:pressed:color-accent:outline-2 enabled:pressed:color-accent:outline-accent-primary-pressed","enabled:selected:color-accent:fg-primary-bold enabled:selected:color-accent:bg-accent-primary-muted enabled:color-accent:outline enabled:selected:color-accent:outline-accent-primary-bold","enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover enabled:selected:hover:color-accent:outline-2 enabled:selected:hover:color-accent:outline-accent-primary-hover","enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover enabled:selected:focus-visible:color-accent:outline-2 enabled:selected:focus-visible:color-accent:outline-accent-primary-hover","enabled:selected:pressed:color-accent:fg-accent-primary-pressed enabled:selected:pressed:color-accent:bg-accent-primary-pressed enabled:selected:pressed:color-accent:outline-2 enabled:selected:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-primary-bold enabled:color-serious:bg-transparent enabled:color-serious:outline enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-primary-bold enabled:hover:color-serious:bg-serious-bold enabled:hover:color-serious:outline-2 enabled:hover:color-serious:outline-serious-hover","enabled:focus-visible:color-serious:fg-primary-bold enabled:focus-visible:color-serious:bg-serious-muted enabled:focus-visible:color-serious:outline-2 enabled:focus-visible:color-serious:outline-serious-hover","enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed enabled:pressed:color-serious:outline-2 enabled:pressed:color-serious:outline-serious-pressed","enabled:selected:color-serious:fg-serious-bold enabled:selected:color-serious:bg-serious-muted enabled:selected:color-serious:outline-serious-muted","enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover enabled:selected:hover:color-serious:outline-serious-hover","enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover enabled:selected:focus-visible:color-serious:outline-serious-hover","enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed enabled:selected:pressed:color-serious:outline-2 enabled:selected:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-primary-bold enabled:color-critical:bg-transparent enabled:color-critical:outline enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-primary-bold enabled:hover:color-critical:bg-critical-bold enabled:hover:color-critical:outline-2 enabled:hover:color-critical:outline-critical-hover","enabled:focus-visible:color-critical:fg-primary-bold enabled:focus-visible:color-critical:bg-critical-muted enabled:focus-visible:color-critical:outline-2 enabled:focus-visible:color-critical:outline-critical-hover","enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed enabled:pressed:color-critical:outline-2 enabled:pressed:color-critical:outline-critical-pressed","enabled:selected:color-critical:fg-critical-bold enabled:selected:color-critical:bg-critical-muted enabled:selected:color-critical:outline-critical-muted","enabled:selected:hover:color-critical:fg-primary-bold enabled:selected:hover:color-critical:bg-critical-hover enabled:selected:hover:color-critical:outline-critical-hover","enabled:selected:focus-visible:color-critical:fg-primary-bold enabled:selected:focus-visible:color-critical:bg-critical-hover enabled:selected:focus-visible:color-critical:outline-critical-hover","enabled:selected:pressed:color-critical:fg-critical-pressed enabled:selected:pressed:color-critical:bg-critical-pressed enabled:selected:pressed:color-critical:outline-2 enabled:selected:pressed:color-critical:outline-critical-pressed"],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","size-large:min-w-xxl size-large:max-w-xxl","size-medium:min-w-[28px] size-medium:max-w-[28px]","size-small:min-w-xl size-small:max-w-xl","size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]","disabled:fg-disabled disabled:bg-transparent","disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled","enabled:color-mono-muted:fg-primary-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted","enabled:selected:hover:color-mono-muted:fg-primary-bold enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover","enabled:selected:focus-visible:color-mono-muted:fg-primary-bold enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:selected:color-mono-bold:fg-inverse-bold enabled:selected:color-mono-bold:bg-interactive-bold","enabled:selected:hover:color-mono-bold:fg-inverse-bold enabled:selected:hover:color-mono-bold:bg-interactive-bold-hover","enabled:selected:focus-visible:color-mono-bold:bg-interactive-bold-hover","enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-primary-bold","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-accent-primary-pressed","enabled:selected:color-accent:fg-accent-primary-hover enabled:selected:color-accent:bg-accent-primary-muted","enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover","enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover","enabled:selected:pressed:color-accent:fg-accent-primary-pressed enabled:selected:pressed:color-accent:bg-accent-primary-pressed","enabled:color-serious:fg-serious-bold","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-serious-muted","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-serious-muted","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-serious-pressed","enabled:selected:color-serious:fg-serious-bold enabled:selected:color-serious:bg-serious-muted","enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover","enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover","enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed","enabled:color-critical:fg-critical-bold","enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-critical-muted","enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-critical-muted","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed","enabled:selected:color-critical:fg-critical-bold enabled:selected:color-critical:bg-critical-muted","enabled:selected:hover:color-critical:fg-a11y-on-accent enabled:selected:hover:color-critical:bg-critical-hover","enabled:selected:focus-visible:color-critical:fg-a11y-on-accent enabled:selected:focus-visible:color-critical:bg-critical-hover","enabled:selected:pressed:color-critical:fg-critical-pressed enabled:selected:pressed:color-critical:bg-critical-pressed"]}}});export{c as ButtonStyles,l as ButtonStylesDefaults,s as LinkButtonStyles,d as ToggleButtonStyles};//# sourceMappingURL=styles.js.map
+import {tv}from'./../../lib/utils.js';const l={variant:"filled"},o=tv({base:["group/button flex w-content shrink-0 cursor-pointer items-center justify-center rounded-medium outline outline-transparent","disabled:cursor-not-allowed","size-large:min-w-[96px] size-large:gap-xs size-large:px-l size-large:py-s size-large:text-button-l","size-medium:min-w-[68px] size-medium:gap-xs size-medium:px-m size-medium:py-xs size-medium:text-button-m","size-small:min-w-[54px] size-small:gap-xxs size-small:px-s size-small:py-xs size-small:text-button-s","size-xsmall:min-w-[41px] size-xsmall:gap-xxs size-xsmall:p-xs size-xsmall:text-button-xs"],variants:{variant:{filled:["disabled:fg-disabled disabled:bg-interactive-disabled","enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-interactive-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-primary-muted enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-inverse-bold enabled:color-mono-bold:bg-interactive-bold","enabled:hover:color-mono-bold:fg-disabled enabled:hover:color-mono-bold:bg-interactive-bold-hover","enabled:focus-visible:color-mono-bold:fg-disabled enabled:focus-visible:color-mono-bold:bg-interactive-bold-hover","enabled:pressed:color-mono-bold:fg-inverse-muted enabled:pressed:color-mono-bold:bg-interactive-bold-pressed","enabled:color-accent:fg-a11y-on-accent enabled:color-accent:bg-accent-primary-bold","enabled:hover:color-accent:bg-accent-primary-hover","enabled:focus-visible:color-accent:bg-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed","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:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed","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","enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed"],outline:["disabled:fg-disabled disabled:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-transparent enabled:color-mono-muted:outline enabled:color-mono-muted:outline-interactive","enabled:hover:color-mono-muted:bg-interactive-muted-hover enabled:hover:color-mono-muted:outline-2 enabled:hover:color-mono-muted:outline-interactive-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:focus-visible:color-mono-muted:outline-2 enabled:focus-visible:color-mono-muted:outline-interactive-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:pressed:color-mono-muted:outline-2 enabled:pressed:color-mono-muted:outline-interactive-pressed","enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-transparent enabled:color-mono-bold:outline enabled:color-mono-bold:outline-mono-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover enabled:hover:color-mono-bold:outline-2 enabled:hover:color-mono-bold:outline-interactive-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:focus-visible:color-mono-bold:outline-2 enabled:focus-visible:color-mono-bold:outline-interactive-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:pressed:color-mono-bold:outline-2 enabled:pressed:color-mono-bold:outline-mono-bold-pressed","enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent enabled:color-accent:outline enabled:color-accent:outline-accent-primary-bold","enabled:hover:color-accent:fg-a11y-on-accent enabled:hover:color-accent:bg-accent-primary-hover enabled:hover:color-accent:outline-2 enabled:hover:color-accent:outline-accent-primary-hover","enabled:focus-visible::color-accent:fg-a11y-on-accent enabled:focus-visible:color-accent:bg-accent-primary-hover enabled:focus-visible:color-accent:outline-2 enabled:focus-visible:color-accent:outline-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed enabled:pressed:color-accent:outline-2 enabled:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-primary-bold enabled:color-serious:bg-transparent enabled:color-serious:outline enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-a11y-on-accent enabled:hover:color-serious:bg-serious-hover enabled:hover:color-serious:outline-2 enabled:hover:color-serious:outline-serious-hover","enabled:focus-visible:color-serious:fg-a11y-on-accent enabled:focus-visible:color-serious:bg-serious-hover enabled:focus-visible:color-serious:outline-2 enabled:focus-visible:color-serious:outline-serious-hover","enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed enabled:pressed:color-serious:outline-2 enabled:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-primary-bold enabled:color-critical:bg-transparent enabled:color-critical:outline enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-a11y-on-accent enabled:hover:color-critical:bg-critical-hover enabled:hover:color-critical:outline-2 enabled:hover:color-critical:outline-critical-hover","enabled:focus-visible:color-critical:fg-a11y-on-accent enabled:focus-visible:color-critical:bg-critical-hover enabled:focus-visible:color-critical:outline-2 enabled:focus-visible:color-critical:outline-critical-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed enabled:pressed:color-critical:outline-2 enabled:pressed:color-critical:outline-critical-pressed"],flat:["disabled:fg-disabled disabled:bg-transparent","enabled:color-mono-muted:fg-primary-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-accent-primary-bold","enabled:hover:color-accent:fg-a11y-on-accent enabled:hover:color-accent:bg-accent-primary-hover","enabled:focus-visible:color-accent:fg-a11y-on-accent enabled:focus-visible:color-accent:bg-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-accent-primary-pressed","enabled:color-serious:fg-serious-bold","enabled:hover:color-serious:fg-a11y-on-accent enabled:hover:color-serious:bg-serious-hover","enabled:focus-visible:color-serious:fg-a11y-on-accent enabled:focus-visible:color-serious:bg-serious-hover","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-serious-pressed","enabled:color-critical:fg-critical-bold","enabled:hover:color-critical:fg-a11y-on-accent enabled:hover:color-critical:bg-critical-hover","enabled:focus-visible:color-critical:fg-a11y-on-accent enabled:focus-visible:color-critical:bg-critical-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed"],icon:["size-large:min-w-0 size-large:p-xs","size-medium:min-w-0 size-medium:p-xs","size-small:min-w-0 size-small:rounded-small size-small:p-xxs","size-xsmall:min-w-0 size-xsmall:rounded-small size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-transparent","enabled:color-mono-muted:fg-primary-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-accent-primary-bold","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-interactive-muted-hover","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-interactive-muted-hover","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed","enabled:color-serious:fg-serious-bold","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-interactive-muted-hover","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-interactive-muted-hover","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-interactive-muted-pressed","enabled:color-critical:fg-critical-bold","enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-interactive-muted-hover","enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-interactive-muted-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-interactive-muted-pressed"],floating:["rounded-full","size-large:min-w-0 size-large:p-xs","size-medium:min-w-0 size-medium:p-xs","size-small:min-w-0 size-small:p-xxs","size-xsmall:min-w-0 size-xsmall:p-xxs","disabled:fg-disabled disabled:bg-interactive-disabled disabled:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-muted enabled:color-mono-muted:bg-surface-default enabled:color-mono-muted:outline-interactive","enabled:hover:color-mono-muted:fg-primary-hover enabled:hover:color-mono-muted:outline-interactive-hover","enabled:focus-visible:color-mono-muted:fg-primary-hover enabled:focus-visible:color-mono-muted:outline-interactive-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-surface-default enabled:color-mono-bold:outline-interactive","enabled:hover:color-mono-bold:fg-primary-hover enabled:hover:color-mono-bold:outline-interactive-hover","enabled:focus-visible:color-mono-bold:fg-primary-hover enabled:focus-visible:color-mono-bold:outline-interactive-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-accent-primary-bold enabled:color-accent:bg-accent-primary-bold enabled:color-accent:outline-accent-primary-bold","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:outline-accent-primary-hover","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:outline-accent-primary-hover","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed enabled:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-serious-bold enabled:color-serious:bg-serious-muted enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:outline-interactive-hover","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:outline-interactive-hover","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-interactive-muted-pressed enabled:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-critical-bold enabled:color-critical:bg-critical-muted enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-critiical-hover enabled:hover:color-critical:outline-critical-hover","enabled:focus-visible:color-critical:fg-critiical-hover enabled:focus-visible:color-critical:outline-critical-hover","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-interactive-muted-pressed enabled:pressed:color-critical:outline-critical-pressed"]}},defaultVariants:l}),c=tv({extend:o}),s=tv({extend:o}),d=tv({extend:o,base:["enabled:color-accent:fg-accent-primary-bold enabled:color-accent:bg-transparent","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed"],variants:{variant:{flat:["disabled:fg-disabled disabled:bg-transparent","disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled disabled:selected:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-muted enabled:color-mono-muted:bg-transparent","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted enabled:selected:color-mono-muted:outline enabled:selected:color-mono-muted:outline-interactive-hover","enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover enabled:selected:hover:color-mono-muted:outline-2","enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-muted:outline-2","enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-muted:outline-2 enabled:selected:pressed:color-mono-muted:outline-interactive-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:selected:color-mono-bold:fg-primary-bold enabled:selected:color-mono-bold:outline enabled:selected:color-mono-bold:outline-mono-bold","enabled:selected:hover:color-mono-bold:fg-hover enabled:selected:hover:color-mono-bold:bg-interactive-muted-hover enabled:selected:hover:color-mono-bold:outline-2 enabled:selected:hover:color-mono-bold:outline-mono-bold-hover","enabled:selected:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-bold:outline-2 enabled:selected:focus-visible:color-mono-bold:outline-mono-bold-hover","enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-bold:outline-2 enabled:selected:pressed:color-mono-bold:outline-interactive-pressed","enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted","enabled:pressed:color-accent:fg-accent-primary-bold enabled:pressed:color-accent:bg-accent-primary-pressed","enabled:selected:color-accent:fg-a11y-on-accent enabled:selected:color-accent:bg-accent-primary-bold enabled:color-accent:outline enabled:selected:color-accent:outline-accent-primary-bold","enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover enabled:selected:hover:color-accent:outline-2 enabled:selected:hover:color-accent:outline-accent-primary-hover","enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover enabled:selected:focus-visible:color-accent:outline-2 enabled:selected:focus-visible:color-accent:outline-accent-primary-hover","enabled:selected:pressed:color-accent:fg-accent-primary-bold enabled:selected:pressed:color-accent:bg-accent-primary-pressed enabled:selected:pressed:color-accent:outline-2 enabled:selected:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-serious-bold enabled:color-serious:bg-transparent","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-serious-bold","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-serious-muted","enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed","enabled:selected:color-serious:fg-primary-bold enabled:selected:color-serious:bg-serious-muted enabled:selected:color-serious:outline enabled:selected:color-serious:outline-serious-bold","enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover enabled:selected:hover:color-serious:outline-2 enabled:selected:hover:color-serious:outline-serious-hover","enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover enabled:selected:focus-visible:color-serious:outline-2 enabled:selected:focus-visible:color-serious:outline-serious-hover","enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed enabled:selected:pressed:color-serious:outline-2 enabled:selected:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-critical-bold enabled:color-critical:bg-transparent","enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-critical-muted","enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-critical-muted","enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed","enabled:selected:color-critical:fg-primary-bold enabled:selected:color-critical:bg-critical-muted enabled:selected:color-critical:outline enabled:selected:color-critical:outline-critical-bold","enabled:selected:hover:color-critical:fg-a11y-on-accent enabled:selected:hover:color-critical:bg-critical-hover enabled:selected:hover:color-critical:outline-2","enabled:selected:focus-visible:color-critical:fg-a11y-on-accent enabled:selected:focus-visible:color-critical:bg-critical-hover enabled:selected:focus-visible:color-critical:outline-2","enabled:selected:pressed:color-critical:fg-critical-bold enabled:selected:pressed:color-critical:bg-critical-pressed enabled:selected:pressed:color-critical:outline-2 enabled:selected:pressed:color-critical:outline-critical-pressed"],outline:["disabled: disabled:fg-disabled outline-interactive-disabled disabled:bg-transparent","disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled disabled:selected:outline-interactive-disabled","enabled:color-mono-muted:fg-primary-bold enabled:color-mono-muted:bg-transparent enabled:color-mono-muted:outline enabled:color-mono-muted:outline-interactive","enabled:hover:color-mono-muted:bg-interactive-muted-hover enabled:hover:color-mono-muted:outline-2 enabled:hover:color-mono-muted:outline-interactive-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:focus-visible:color-mono-muted:outline-2 enabled:focus-visible:color-mono-muted:outline-interactive-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:pressed:color-mono-muted:outline-2 enabled:pressed:color-mono-muted:outline-interactive-pressed","enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted enabled:selected:color-mono-muted:outline enabled:selected:color-mono-muted:outline-interactive-hover","enabled:selected:hover:color-mono-muted:fg-hover enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover enabled:selected:hover:color-mono-muted:outline-2","enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-muted:outline-2","enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-muted:outline-2 enabled:selected:pressed:color-mono-muted:outline-interactive-pressed","enabled:color-mono-bold:fg-primary-bold enabled:color-mono-bold:bg-transparent enabled:color-mono-bold:outline enabled:color-mono-bold:outline-mono-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover enabled:hover:color-mono-bold:outline-2 enabled:hover:color-mono-bold:outline-mono-bold-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:focus-visible:color-mono-bold:outline-2 enabled:focus-visible:color-mono-bold:outline-mono-bold-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:selected:color-mono-bold:fg-primary-bold enabled:selected:color-mono-bold:bg-interactive-muted-hover enabled:selected:color-mono-bold:outline enabled:selected:color-mono-bold:outline-mono-bold","enabled:selected:hover:color-mono-bold:fg-inverse-bold enabled:selected:hover:color-mono-bold:bg-interactive-bold-hover enabled:selected:hover:color-mono-bold:outline-2 enabled:selected:hover:color-mono-bold:outline-mono-bold-hover","enabled:selected:focus-visible:color-mono-bold:fg-inverse-bold enabled:selected:focus-visible:color-mono-bold:bg-interactive-muted-hover enabled:selected:focus-visible:color-mono-bold:outline-2 enabled:selected:focus-visible:color-mono-bold:outline-mono-bold-hover","enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed enabled:selected:pressed:color-mono-bold:outline-2 enabled:selected:pressed:color-mono-bold:outline-mono-bold-pressed","enabled:color-accent:fg-primary-bold enabled:color-accent:bg-transparent enabled:color-accent:outline enabled:color-accent:outline-mono-bold","enabled:hover:color-accent:fg-hover enabled:hover:color-accent:bg-accent-primary-muted enabled:hover:color-accent:outline-2 enabled:hover:color-accent:outline-accent-primary-hover","enabled:focus-visible:color-accent:fg-hover enabled:focus-visible:color-accent:bg-accent-primary-muted enabled:focus-visible:color-accent:outline-2 enabled:focus-visible:color-accent:outline-accent-primary-hover","enabled:pressed:color-accent:fg-pressed enabled:pressed:color-accent:bg-interactive-muted-pressed enabled:pressed:color-accent:outline-2 enabled:pressed:color-accent:outline-accent-primary-pressed","enabled:selected:color-accent:fg-primary-bold enabled:selected:color-accent:bg-accent-primary-muted enabled:color-accent:outline enabled:selected:color-accent:outline-accent-primary-bold","enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover enabled:selected:hover:color-accent:outline-2 enabled:selected:hover:color-accent:outline-accent-primary-hover","enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover enabled:selected:focus-visible:color-accent:outline-2 enabled:selected:focus-visible:color-accent:outline-accent-primary-hover","enabled:selected:pressed:color-accent:fg-accent-primary-pressed enabled:selected:pressed:color-accent:bg-accent-primary-pressed enabled:selected:pressed:color-accent:outline-2 enabled:selected:pressed:color-accent:outline-accent-primary-pressed","enabled:color-serious:fg-primary-bold enabled:color-serious:bg-transparent enabled:color-serious:outline enabled:color-serious:outline-serious-bold","enabled:hover:color-serious:fg-primary-bold enabled:hover:color-serious:bg-serious-bold enabled:hover:color-serious:outline-2 enabled:hover:color-serious:outline-serious-hover","enabled:focus-visible:color-serious:fg-primary-bold enabled:focus-visible:color-serious:bg-serious-muted enabled:focus-visible:color-serious:outline-2 enabled:focus-visible:color-serious:outline-serious-hover","enabled:pressed:color-serious:fg-serious-bold enabled:pressed:color-serious:bg-serious-pressed enabled:pressed:color-serious:outline-2 enabled:pressed:color-serious:outline-serious-pressed","enabled:selected:color-serious:fg-serious-bold enabled:selected:color-serious:bg-serious-muted enabled:selected:color-serious:outline-serious-muted","enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover enabled:selected:hover:color-serious:outline-serious-hover","enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover enabled:selected:focus-visible:color-serious:outline-serious-hover","enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed enabled:selected:pressed:color-serious:outline-2 enabled:selected:pressed:color-serious:outline-serious-pressed","enabled:color-critical:fg-primary-bold enabled:color-critical:bg-transparent enabled:color-critical:outline enabled:color-critical:outline-critical-bold","enabled:hover:color-critical:fg-primary-bold enabled:hover:color-critical:bg-critical-bold enabled:hover:color-critical:outline-2 enabled:hover:color-critical:outline-critical-hover","enabled:focus-visible:color-critical:fg-primary-bold enabled:focus-visible:color-critical:bg-critical-muted enabled:focus-visible:color-critical:outline-2 enabled:focus-visible:color-critical:outline-critical-hover","enabled:pressed:color-critical:fg-critical-bold enabled:pressed:color-critical:bg-critical-pressed enabled:pressed:color-critical:outline-2 enabled:pressed:color-critical:outline-critical-pressed","enabled:selected:color-critical:fg-critical-bold enabled:selected:color-critical:bg-critical-muted enabled:selected:color-critical:outline-critical-muted","enabled:selected:hover:color-critical:fg-primary-bold enabled:selected:hover:color-critical:bg-critical-hover enabled:selected:hover:color-critical:outline-critical-hover","enabled:selected:focus-visible:color-critical:fg-primary-bold enabled:selected:focus-visible:color-critical:bg-critical-hover enabled:selected:focus-visible:color-critical:outline-critical-hover","enabled:selected:pressed:color-critical:fg-critical-pressed enabled:selected:pressed:color-critical:bg-critical-pressed enabled:selected:pressed:color-critical:outline-2 enabled:selected:pressed:color-critical:outline-critical-pressed"],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","size-large:min-w-xxl size-large:max-w-xxl","size-medium:min-w-[28px] size-medium:max-w-[28px]","size-small:min-w-xl size-small:max-w-xl","size-xsmall:min-w-[20px] size-xsmall:max-w-[20px]","disabled:fg-disabled disabled:bg-transparent","disabled:selected:fg-disabled disabled:selected:bg-interactive-disabled","enabled:color-mono-muted:fg-primary-muted","enabled:hover:color-mono-muted:bg-interactive-muted-hover","enabled:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:pressed:color-mono-muted:fg-pressed enabled:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:selected:color-mono-muted:fg-primary-muted enabled:selected:color-mono-muted:bg-interactive-muted","enabled:selected:hover:color-mono-muted:fg-primary-bold enabled:selected:hover:color-mono-muted:bg-interactive-muted-hover","enabled:selected:focus-visible:color-mono-muted:fg-primary-bold enabled:selected:focus-visible:color-mono-muted:bg-interactive-muted-hover","enabled:selected:pressed:color-mono-muted:fg-pressed enabled:selected:pressed:color-mono-muted:bg-interactive-muted-pressed","enabled:color-mono-bold:fg-primary-bold","enabled:hover:color-mono-bold:bg-interactive-muted-hover","enabled:focus-visible:color-mono-bold:bg-interactive-muted-hover","enabled:pressed:color-mono-bold:fg-pressed enabled:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:selected:color-mono-bold:fg-inverse-bold enabled:selected:color-mono-bold:bg-interactive-bold","enabled:selected:hover:color-mono-bold:fg-inverse-bold enabled:selected:hover:color-mono-bold:bg-interactive-bold-hover","enabled:selected:focus-visible:color-mono-bold:bg-interactive-bold-hover","enabled:selected:pressed:color-mono-bold:fg-pressed enabled:selected:pressed:color-mono-bold:bg-interactive-muted-pressed","enabled:color-accent:fg-primary-bold","enabled:hover:color-accent:fg-accent-primary-hover enabled:hover:color-accent:bg-accent-primary-muted","enabled:focus-visible:color-accent:fg-accent-primary-hover enabled:focus-visible:color-accent:bg-accent-primary-muted","enabled:pressed:color-accent:fg-accent-primary-pressed enabled:pressed:color-accent:bg-accent-primary-pressed","enabled:selected:color-accent:fg-accent-primary-hover enabled:selected:color-accent:bg-accent-primary-muted","enabled:selected:hover:color-accent:fg-a11y-on-accent enabled:selected:hover:color-accent:bg-accent-primary-hover","enabled:selected:focus-visible:color-accent:fg-a11y-on-accent enabled:selected:focus-visible:color-accent:bg-accent-primary-hover","enabled:selected:pressed:color-accent:fg-accent-primary-pressed enabled:selected:pressed:color-accent:bg-accent-primary-pressed","enabled:color-serious:fg-serious-bold","enabled:hover:color-serious:fg-serious-hover enabled:hover:color-serious:bg-serious-muted","enabled:focus-visible:color-serious:fg-serious-hover enabled:focus-visible:color-serious:bg-serious-muted","enabled:pressed:color-serious:fg-serious-pressed enabled:pressed:color-serious:bg-serious-pressed","enabled:selected:color-serious:fg-serious-bold enabled:selected:color-serious:bg-serious-muted","enabled:selected:hover:color-serious:fg-primary-bold enabled:selected:hover:color-serious:bg-serious-hover","enabled:selected:focus-visible:color-serious:fg-primary-bold enabled:selected:focus-visible:color-serious:bg-serious-hover","enabled:selected:pressed:color-serious:fg-serious-pressed enabled:selected:pressed:color-serious:bg-serious-pressed","enabled:color-critical:fg-critical-bold","enabled:hover:color-critical:fg-critical-hover enabled:hover:color-critical:bg-critical-muted","enabled:focus-visible:color-critical:fg-critical-hover enabled:focus-visible:color-critical:bg-critical-muted","enabled:pressed:color-critical:fg-critical-pressed enabled:pressed:color-critical:bg-critical-pressed","enabled:selected:color-critical:fg-critical-bold enabled:selected:color-critical:bg-critical-muted","enabled:selected:hover:color-critical:fg-a11y-on-accent enabled:selected:hover:color-critical:bg-critical-hover","enabled:selected:focus-visible:color-critical:fg-a11y-on-accent enabled:selected:focus-visible:color-critical:bg-critical-hover","enabled:selected:pressed:color-critical:fg-critical-pressed enabled:selected:pressed:color-critical:bg-critical-pressed"]}}});export{c as ButtonStyles,l as ButtonStylesDefaults,s as LinkButtonStyles,d as ToggleButtonStyles};//# sourceMappingURL=styles.js.map
 //# sourceMappingURL=styles.js.map