@accelint/design-toolkit 7.0.1 → 8.0.0

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

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"names":["ref","props","useContextProps","BadgeContext","p","rest","d","offset"],"mappings":"gPA4CO,WAAiBA,CAAAA,GAAK,CAAGC,CAAM,CAAA,GACnCA,CAAAA,CAAOD,CAAG,EAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,iBAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,YAAA,CAAA,CAAM,eAAa,CAAA,CAAA,CAAA,KAAQ,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,SAAW,CAAGC,CAAK,IAE9D,CAAA,CAAA,CAAA,CAAA,CAAA,OACGC,GAAA,CAAA,MACKD,CAAAA,CACJ,GAAA,CAAKL,IACL,CAAA,CAAA,CAAA,4BAAsC,CAAA,CAAA,CAAA,qBAEtC,CAAA,CAAA,CAAA,uBAAiC,CAAA,EAAA,QAAoBO,CAAQ,CAAA,CAC7D,oBAAe,CAAA,kBAAsCA,CAAQ,EAC7D,CAAA,EAAA,CAAA,CAAA,oBACF,IAEJ,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContextProps } from 'react-aria-components';\nimport { BadgeContext } from './context';\nimport styles from './styles.module.css';\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 { className, color = 'info', offset, placement, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={clsx('group/badge', styles.badge, className)}\n      data-color={color}\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/badge/styles.module.css

@@ -0,0 +1,67 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .badge {
+    @apply fg-primary-bold px-xs text-body-xs inline-flex items-center justify-center rounded-full outline;
+
+    @variant empty {
+      @apply size-s px-none;
+    }
+
+    &[data-placement] {
+      @apply absolute;
+    }
+
+    @variant placement-top {
+      @apply -translate-y-1/2;
+      top: attr(data-offset-y px, 0px);
+    }
+
+    @variant placement-right {
+      @apply translate-x-1/2;
+      right: attr(data-offset-x px, 0px);
+    }
+
+    @variant placement-bottom {
+      @apply translate-y-1/2;
+      bottom: attr(data-offset-y px, 0px);
+    }
+
+    @variant placement-left {
+      @apply -translate-x-1/2;
+      left: attr(data-offset-x px, 0px);
+    }
+
+    @variant color-info {
+      @apply bg-info-muted outline-info-bold;
+    }
+
+    @variant color-advisory {
+      @apply bg-advisory-muted outline-advisory-bold;
+    }
+
+    @variant color-normal {
+      @apply bg-normal-muted outline-normal-bold;
+    }
+
+    @variant color-serious {
+      @apply bg-serious-muted outline-serious-bold;
+    }
+
+    @variant color-critical {
+      @apply bg-critical-muted outline-critical-bold;
+    }
+  }
+}

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

@@ -1,10 +1,9 @@
 import { Axis } from '@react-types/overlays';
 import { ComponentPropsWithRef } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { BadgeStyles } from './styles.js';
 
-type BadgeProps = ComponentPropsWithRef<'span'> & VariantProps<typeof BadgeStyles> & {
-    children?: string;
+type BadgeProps = ComponentPropsWithRef<'span'> & {
+    children?: boolean | null | number | string;
+    color?: 'info' | 'advisory' | 'normal' | 'serious' | 'critical';
     offset?: number | {
         x?: number;
         y?: number;

package/dist/components/breadcrumbs/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-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
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Breadcrumbs}from'react-aria-components';import o from'./styles.module.css';function b({children:r,className:s}){return jsx(Breadcrumbs,{className:clsx(o.list,s),children:r})}export{b 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":["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"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/index.tsx"],"names":["Breadcrumbs","children","className","AriaBreadcrumbs","clsx","styles"],"mappings":"6MAkCgBA,CAAY,CAC1B,CAAA,QAAAC,CAAAA,CACA,UAAAC,CACF,CAAA,CAAsC,CACpC,CAAA,UACGC,CAAAA,WAAA,CAAgB,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,IAAMH,CAAS,CAAA,CACpD,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Breadcrumbs as AriaBreadcrumbs,\n  type BreadcrumbProps,\n  type BreadcrumbsProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\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={clsx(styles.list, className)}>\n      {children}\n    </AriaBreadcrumbs>\n  );\n}\n"]}

package/dist/components/breadcrumbs/item.js

@@ -1,4 +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
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {ChevronRight}from'@accelint/icons';import {Breadcrumb,composeRenderProps,Link}from'react-aria-components';import {Icon}from'../icon/index.js';import i from'./styles.module.css';function L({children:a,classNames:m,linkProps:e,...c}){return jsx(Breadcrumb,{...c,className:composeRenderProps(m?.item,o=>clsx("group/breadcrumb",i.item,o)),children:composeRenderProps(e?null:a,o=>jsxs(Fragment,{children:[e?jsx(Link,{...e,className:composeRenderProps(m?.link,u=>clsx(i.link,u)),children:a}):o,jsx(Icon,{"aria-hidden":"true",className:clsx(i.separator,m?.separator),children:jsx(ChevronRight,{})})]}))})}export{L as BreadcrumbItem};//# sourceMappingURL=item.js.map
 //# sourceMappingURL=item.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../src/components/breadcrumbs/item.tsx"],"names":["children","classNames","linkProps","jsx","Breadcrumb","r","d","composeRenderProps","className","clsx","itemChildren","jsxs","l","f","s","styles","t","b","ChevronRight","n"],"mappings":"wTAqB+B,UAC7BA,CAAAA,CACA,QAAA,CAAA,CAAA,CAAAC,UACA,CAAA,CAAAC,CAAAA,SAGA,CAAA,CAAA,CAAA,GACEC,CAAAA,CAACC,CAAAA,CAAA,OAECC,GAAA,CAAAC,UAAA,CAAA,CAAA,GAAA,CAAWC,CAAAA,SAAsCC,CAAAA,kBAAAA,CAC/CC,CAAAA,iCACF,CAEC,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAF,EAAmBL,QAAmBF,CAAWU,kBAAAA,CAAAA,CAChDC,CAAAA,IACG,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAA,CAAAC,QAAA,CAAAX,CAAAA,QAEI,CAAGA,CAAAA,CACJ,CAAAG,GAAA,CAAAS,IAAA,CAAA,CAAA,GAAA,CAAWP,CAAAA,SAAsCC,CAAAA,kBAAAA,CAC/CC,CAAAA,EAAKM,MAAaP,EACpBQ,IAAA,CAEC,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAhB,CAAAA,CACH,QAID,CACC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAK,GAAA,CAAAY,IAAA,CAAA,CAAA,aACA,CAAA,MAAWR,CAAAA,SAAY,CAAAO,IAAA,CAAA,CAAWf,CAAAA,SAAY,CAAA,CAAS,EAEvD,SAAAE,CAAAA,CAACe,QACH,CACFb,GACD,CAAAc,YACH,CAEJ,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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ChevronRight } from '@accelint/icons';\nimport { Breadcrumb, composeRenderProps, Link } from 'react-aria-components';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\nimport type { BreadcrumbItemProps } from './types';\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        clsx('group/breadcrumb', styles.item, className),\n      )}\n    >\n      {composeRenderProps(linkProps ? null : children, (itemChildren) => (\n        <>\n          {linkProps ? (\n            <Link\n              {...linkProps}\n              className={composeRenderProps(classNames?.link, (className) =>\n                clsx(styles.link, className),\n              )}\n            >\n              {children}\n            </Link>\n          ) : (\n            itemChildren\n          )}\n          <Icon\n            aria-hidden='true'\n            className={clsx(styles.separator, classNames?.separator)}\n          >\n            <ChevronRight />\n          </Icon>\n        </>\n      ))}\n    </Breadcrumb>\n  );\n}\n"]}

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

@@ -0,0 +1,41 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .list {
+    @apply fg-primary-muted gap-s flex items-center;
+  }
+
+  .item {
+    @apply gap-s flex items-center;
+
+    @variant current {
+      @apply fg-accent-primary-bold;
+    }
+  }
+}
+
+@layer components.l2 {
+  .link {
+    @variant hover {
+      @apply fg-primary-bold;
+    }
+  }
+
+  .separator {
+    @variant group-current/breadcrumb {
+      @apply hidden;
+    }
+  }
+}

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

@@ -3,9 +3,6 @@ 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;

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

@@ -1,11 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps } from './types.js';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../../lib/types.js';
 import 'react';
-import './styles.js';
-import 'tailwind-merge';
 
 /**
  * Button - A versatile interactive button component with multiple variants

package/dist/components/button/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-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
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Button,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ButtonContext}from'./context.js';import e from'./styles.module.css';function C({ref:o,...t}){[t,o]=useContextProps(t,o??null,ButtonContext);const{children:i,className:m,color:s="mono-muted",size:r="medium",variant:u="filled",...a}=t;return jsx(IconProvider,{size:r,children:jsx(Button,{...a,ref:o,className:composeRenderProps(m,l=>clsx("group/button",e.button,e[u],l)),"data-color":s,"data-size":r,children:i})})}export{C 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":["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"]}
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"names":["Button","props","useContextProps","ref","ButtonContext","P","children","color","variant","jsx","IconProvider","size","rest","c","clsx","d","p","styles"],"mappings":"yTA2DgBA,SAAc,CAAA,CAAA,CAAGC,GAAsB,CACrD,CAACA,IAAU,CAAIC,EAAgBD,CAAAA,CAAOE,CAAAA,CAAAA,CAAO,mBAAMC,CAAa,CAAA,EAEhE,IAAM,CACJC,aAAA,CAAA,CAAA,KAAA,CAAAC,oBAEAC,EAAQ,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IAAA,CAAA,CAAA,CACP,QAAAC,CAAAA,OAAU,CAAA,CAAA,CACV,QAGF,CAAA,GAAA,CAAA,CAAA,CACEC,EAACC,UAAmBC,CAAAA,YAClB,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAF,QACMG,IACJ,CAAAC,MAAA,CAAA,CAAKV,oBAEHW,CAAKC,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,cAAuB,CAAQC,CAAAA,CAAOT,OAE7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,0BAGC,CAAA,CAAA,CAAAF,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Button as AriaButton,\n  composeRenderProps,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { ButtonContext } from './context';\nimport styles from './styles.module.css';\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 = 'filled',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <AriaButton\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/button', styles.button, styles[variant], className),\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

@@ -1,11 +1,8 @@
 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

package/dist/components/button/link.js

@@ -1,4 +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
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Link,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {LinkButtonContext}from'./context.js';import n from'./styles.module.css';function b({ref:o,...t}){[t,o]=useContextProps(t,o??null,LinkButtonContext);const{children:e,className:m,color:s="mono-muted",size:r="medium",variant:u="filled",...l}=t;return jsx(IconProvider,{size:r,children:jsx(Link,{...l,ref:o,className:composeRenderProps(m,p=>clsx("group/button",n.button,n[u],p)),"data-color":s,"data-size":r,children:e})})}export{b as LinkButton};//# sourceMappingURL=link.js.map
 //# sourceMappingURL=link.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../src/components/button/link.tsx"],"names":["LinkButton","props","useContextProps","ref","LinkButtonContext","L","children","color","variant","jsx","IconProvider","size","rest","d","clsx","a","c","styles"],"mappings":"2TA2DgBA,SAAkB,CAAA,CAAA,CAAGC,GAA0B,CAC7D,CAACA,IAAU,CAAIC,EAAgBD,CAAAA,CAAOE,CAAAA,CAAAA,CAAO,mBAAMC,CAAiB,CAAA,EAEpE,IAAM,CACJC,iBAAA,CAAA,CAAA,KAAA,CAAAC,oBAEAC,EAAQ,CAAA,KAAA,CAAA,CAAA,CAAA,YACD,CAAA,IAAA,CAAA,CAAA,CACP,QAAAC,CAAAA,OAAU,CAAA,CAAA,CACV,QAGF,CAAA,GAAA,CAAA,CAAA,CACEC,EAACC,UAAmBC,CAAAA,YAClB,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAF,QACMG,IACJ,CAAAC,IAAA,CAAA,CAAKV,oBAEHW,CAAKC,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAAC,IAAA,CAAA,cAAuB,CAAQC,CAAAA,CAAOT,OAE7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,0BAGC,CAAA,CAAA,CAAAF,QAIT,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 { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  composeRenderProps,\n  Link,\n  useContextProps,\n} from 'react-aria-components';\nimport { IconProvider } from '../icon/context';\nimport { LinkButtonContext } from './context';\nimport styles from './styles.module.css';\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 = 'filled',\n    ...rest\n  } = props;\n\n  return (\n    <IconProvider size={size}>\n      <Link\n        {...rest}\n        ref={ref}\n        className={composeRenderProps(className, (className) =>\n          clsx('group/button', styles.button, styles[variant], className),\n        )}\n        data-color={color}\n        data-size={size}\n      >\n        {children}\n      </Link>\n    </IconProvider>\n  );\n}\n"]}