@accelint/design-toolkit 9.5.0 → 9.6.0

package/catalog-info.yaml

@@ -19,7 +19,7 @@ metadata:
   annotations:
     backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/packages/design-toolkit/catalog-info.yaml
     backstage.io/techdocs-ref: dir:.
-    package/version: 9.5.0
+    package/version: 9.6.0
     github.com/project-slug: gohypergiant/standard-toolkit
   links:
     - url: https://github.com/gohypergiant/standard-toolkit/tree/main/packages/design-toolkit

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

@@ -12,7 +12,7 @@
 
 import { AccordionGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/accordion/group.d.ts
 
@@ -57,7 +57,7 @@ declare function AccordionGroup({
   variant,
   isDisabled,
   ...rest
-}: AccordionGroupProps): react_jsx_runtime2.JSX.Element;
+}: AccordionGroupProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccordionGroup };
 //# sourceMappingURL=group.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { AccordionHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/accordion/header.d.ts
 
@@ -44,7 +44,7 @@ declare function AccordionHeader({
   ref,
   children,
   className
-}: AccordionHeaderProps): react_jsx_runtime14.JSX.Element;
+}: AccordionHeaderProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { AccordionHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/accordion/index.d.ts
 
@@ -75,7 +75,7 @@ import * as react_jsx_runtime3 from "react/jsx-runtime";
 declare function Accordion({
   ref,
   ...props
-}: AccordionProps): react_jsx_runtime3.JSX.Element;
+}: AccordionProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Accordion };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { AccordionPanelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/accordion/panel.d.ts
 
@@ -47,7 +47,7 @@ declare function AccordionPanel({
   children,
   className,
   ...rest
-}: AccordionPanelProps): react_jsx_runtime13.JSX.Element;
+}: AccordionPanelProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { AccordionPanel };
 //# sourceMappingURL=panel.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { AccordionTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/accordion/trigger.d.ts
 
@@ -42,7 +42,7 @@ declare function AccordionTrigger({
   ref,
   children,
   classNames
-}: AccordionTriggerProps): react_jsx_runtime0.JSX.Element;
+}: AccordionTriggerProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { AccordionTrigger };
 //# sourceMappingURL=trigger.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ActionBarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/action-bar/index.d.ts
 
@@ -59,7 +59,7 @@ declare function ActionBar({
   elevation,
   size,
   ...rest
-}: ActionBarProps): react_jsx_runtime93.JSX.Element;
+}: ActionBarProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { ActionBar };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { AudioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime97 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 
 //#region src/components/audio/index.d.ts
 
@@ -98,7 +98,7 @@ declare function Audio({
   noMutedPref,
   lang,
   ...rest
-}: AudioProps): react_jsx_runtime97.JSX.Element;
+}: AudioProps): react_jsx_runtime47.JSX.Element;
 //#endregion
 export { Audio };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { AvatarProps } from "./types.js";
 import "client-only";
-import * as react24 from "react";
+import * as react16 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/components/avatar/context.d.ts
 /**
  * React context for sharing avatar configuration across components.
  */
-declare const AvatarContext: react24.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
+declare const AvatarContext: react16.Context<ContextValue<AvatarProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Avatar components.
  *
@@ -40,7 +40,7 @@ declare const AvatarContext: react24.Context<ContextValue<AvatarProps, HTMLSpanE
 declare function AvatarProvider({
   children,
   ...props
-}: ProviderProps<AvatarProps>): react_jsx_runtime99.JSX.Element;
+}: ProviderProps<AvatarProps>): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { AvatarContext, AvatarProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { AvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime100 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 
 //#region src/components/avatar/index.d.ts
 
@@ -55,7 +55,7 @@ import * as react_jsx_runtime100 from "react/jsx-runtime";
 declare function Avatar({
   ref,
   ...props
-}: AvatarProps): react_jsx_runtime100.JSX.Element;
+}: AvatarProps): react_jsx_runtime51.JSX.Element;
 //#endregion
 export { Avatar };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { BadgeProps } from "./types.js";
 import "client-only";
-import * as react25 from "react";
+import * as react10 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 
 //#region src/components/badge/context.d.ts
 /**
  * React context for sharing badge configuration across components.
  */
-declare const BadgeContext: react25.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
+declare const BadgeContext: react10.Context<ContextValue<BadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple Badge components.
  *
@@ -40,7 +40,7 @@ declare const BadgeContext: react25.Context<ContextValue<BadgeProps, HTMLSpanEle
 declare function BadgeProvider({
   children,
   ...props
-}: ProviderProps<BadgeProps>): react_jsx_runtime101.JSX.Element;
+}: ProviderProps<BadgeProps>): react_jsx_runtime48.JSX.Element;
 //#endregion
 export { BadgeContext, BadgeProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { BadgeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/badge/index.d.ts
 
@@ -57,7 +57,7 @@ import * as react_jsx_runtime102 from "react/jsx-runtime";
 declare function Badge({
   ref,
   ...props
-}: BadgeProps): react_jsx_runtime102.JSX.Element;
+}: BadgeProps): react_jsx_runtime49.JSX.Element;
 //#endregion
 export { Badge };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { BreadcrumbProps, BreadcrumbsProps } from "react-aria-components";
-import * as react_jsx_runtime105 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime105 from "react/jsx-runtime";
 declare function Breadcrumbs({
   children,
   className
-}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime105.JSX.Element;
+}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime50.JSX.Element;
 //#endregion
 export { Breadcrumbs };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { BreadcrumbItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/item.d.ts
 
@@ -43,7 +43,7 @@ declare function BreadcrumbItem({
   classNames,
   linkProps,
   ...rest
-}: BreadcrumbItemProps): react_jsx_runtime106.JSX.Element;
+}: BreadcrumbItemProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { BreadcrumbItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/button/__internal__/styles.module.css

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .clearButton {
-    @apply w-content rounded-small gap-xxs text-button-s flex min-w-0 shrink-0 cursor-pointer items-center justify-center;
+    @apply rounded-small gap-xxs text-button-s flex w-fit min-w-0 shrink-0 cursor-pointer items-center justify-center;
 
     @variant hover {
       @apply bg-interactive-muted-hover;

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ButtonProps as ButtonProps$1, LinkButtonProps, ToggleButtonProps as ToggleButtonProps$1 } from "./types.js";
 import "client-only";
-import * as react26 from "react";
+import * as react11 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 
 //#region src/components/button/context.d.ts
 /**
  * React context for sharing Button configuration across components.
  */
-declare const ButtonContext: react26.Context<ContextValue<ButtonProps$1, HTMLButtonElement>>;
+declare const ButtonContext: react11.Context<ContextValue<ButtonProps$1, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple Button components.
  *
@@ -40,11 +40,11 @@ declare const ButtonContext: react26.Context<ContextValue<ButtonProps$1, HTMLBut
 declare function ButtonProvider({
   children,
   ...props
-}: ProviderProps<ButtonProps$1>): react_jsx_runtime107.JSX.Element;
+}: ProviderProps<ButtonProps$1>): react_jsx_runtime53.JSX.Element;
 /**
  * React context for sharing LinkButton configuration across components.
  */
-declare const LinkButtonContext: react26.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare const LinkButtonContext: react11.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
 /**
  * Context provider for setting default props across multiple LinkButton components.
  *
@@ -63,11 +63,11 @@ declare const LinkButtonContext: react26.Context<ContextValue<LinkButtonProps, H
 declare function LinkButtonProvider({
   children,
   ...props
-}: ProviderProps<LinkButtonProps>): react_jsx_runtime107.JSX.Element;
+}: ProviderProps<LinkButtonProps>): react_jsx_runtime53.JSX.Element;
 /**
  * React context for sharing ToggleButton configuration across components.
  */
-declare const ToggleButtonContext: react26.Context<ContextValue<ToggleButtonProps$1, HTMLButtonElement>>;
+declare const ToggleButtonContext: react11.Context<ContextValue<ToggleButtonProps$1, HTMLButtonElement>>;
 /**
  * Context provider for setting default props across multiple ToggleButton components.
  *
@@ -86,7 +86,7 @@ declare const ToggleButtonContext: react26.Context<ContextValue<ToggleButtonProp
 declare function ToggleButtonProvider({
   children,
   ...props
-}: ProviderProps<ToggleButtonProps$1>): react_jsx_runtime107.JSX.Element;
+}: ProviderProps<ToggleButtonProps$1>): react_jsx_runtime53.JSX.Element;
 //#endregion
 export { ButtonContext, ButtonProvider, LinkButtonContext, LinkButtonProvider, ToggleButtonContext, ToggleButtonProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime110 from "react/jsx-runtime";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
 
 //#region src/components/button/index.d.ts
 
@@ -72,7 +72,7 @@ import * as react_jsx_runtime110 from "react/jsx-runtime";
 declare function Button({
   ref,
   ...props
-}: ButtonProps): react_jsx_runtime110.JSX.Element;
+}: ButtonProps): react_jsx_runtime56.JSX.Element;
 //#endregion
 export { Button };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { LinkButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/components/button/link.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime111 from "react/jsx-runtime";
 declare function LinkButton({
   ref,
   ...props
-}: LinkButtonProps): react_jsx_runtime111.JSX.Element;
+}: LinkButtonProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { LinkButton };
 //# sourceMappingURL=link.d.ts.map

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

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .button {
-    @apply w-content rounded-medium flex shrink-0 cursor-pointer items-center justify-center outline outline-transparent select-none;
+    @apply rounded-medium flex w-fit shrink-0 cursor-pointer items-center justify-center outline outline-transparent select-none;
 
     @variant size-large {
       @apply gap-xs px-l py-s text-button-l;

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

@@ -12,7 +12,7 @@
 
 import { ToggleButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime118 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 
 //#region src/components/button/toggle.d.ts
 
@@ -76,7 +76,7 @@ import * as react_jsx_runtime118 from "react/jsx-runtime";
 declare function ToggleButton({
   ref,
   ...props
-}: ToggleButtonProps): react_jsx_runtime118.JSX.Element;
+}: ToggleButtonProps): react_jsx_runtime58.JSX.Element;
 //#endregion
 export { ToggleButton };
 //# sourceMappingURL=toggle.d.ts.map

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

@@ -12,18 +12,18 @@
 
 import { CheckboxGroupProps as CheckboxGroupProps$1, CheckboxProps as CheckboxProps$1 } from "./types.js";
 import "client-only";
-import * as react30 from "react";
+import * as react14 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/checkbox/context.d.ts
 /**
  * React context for sharing CheckboxGroup configuration across components.
  */
-declare const CheckboxGroupContext: react30.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
+declare const CheckboxGroupContext: react14.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
 /**
  * React context for sharing Checkbox configuration across components.
  */
-declare const CheckboxContext: react30.Context<ContextValue<CheckboxProps$1, HTMLLabelElement>>;
+declare const CheckboxContext: react14.Context<ContextValue<CheckboxProps$1, HTMLLabelElement>>;
 //#endregion
 export { CheckboxContext, CheckboxGroupContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { CheckboxGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime112 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 
 //#region src/components/checkbox/group.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime112 from "react/jsx-runtime";
 declare function CheckboxGroup({
   ref,
   ...props
-}: CheckboxGroupProps): react_jsx_runtime112.JSX.Element;
+}: CheckboxGroupProps): react_jsx_runtime60.JSX.Element;
 //#endregion
 export { CheckboxGroup };
 //# sourceMappingURL=group.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { CheckboxProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime114 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 
 //#region src/components/checkbox/index.d.ts
 
@@ -69,7 +69,7 @@ import * as react_jsx_runtime114 from "react/jsx-runtime";
 declare function Checkbox({
   ref,
   ...props
-}: CheckboxProps): react_jsx_runtime114.JSX.Element;
+}: CheckboxProps): react_jsx_runtime46.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ChipContextValue } from "./types.js";
 import "client-only";
-import * as react29 from "react";
+import * as react17 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime116 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/chip/context.d.ts
 /**
  * React context for sharing Chip configuration across components.
  */
-declare const ChipContext: react29.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
+declare const ChipContext: react17.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple Chip components.
  *
@@ -40,7 +40,7 @@ declare const ChipContext: react29.Context<ContextValue<ChipContextValue, HTMLDi
 declare function ChipProvider({
   children,
   ...props
-}: ProviderProps<ChipContextValue>): react_jsx_runtime116.JSX.Element;
+}: ProviderProps<ChipContextValue>): react_jsx_runtime65.JSX.Element;
 //#endregion
 export { ChipContext, ChipProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { DeletableChipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime117 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 
 //#region src/components/chip/deletable.d.ts
 
@@ -54,7 +54,7 @@ import * as react_jsx_runtime117 from "react/jsx-runtime";
 declare function DeletableChip({
   ref,
   ...props
-}: DeletableChipProps): react_jsx_runtime117.JSX.Element;
+}: DeletableChipProps): react_jsx_runtime57.JSX.Element;
 //#endregion
 export { DeletableChip };
 //# sourceMappingURL=deletable.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ChipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
 
 //#region src/components/chip/index.d.ts
 
@@ -93,7 +93,7 @@ import * as react_jsx_runtime119 from "react/jsx-runtime";
 declare function Chip({
   ref,
   ...props
-}: ChipProps): react_jsx_runtime119.JSX.Element;
+}: ChipProps): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { Chip };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,14 +12,14 @@
 
 import { ChipListProps } from "./types.js";
 import "client-only";
-import * as react32 from "react";
-import * as react_jsx_runtime120 from "react/jsx-runtime";
+import * as react20 from "react";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 
 //#region src/components/chip/list.d.ts
 /**
  * React context indicating whether chips are being rendered inside a ChipList.
  */
-declare const ChipListRenderingContext: react32.Context<boolean>;
+declare const ChipListRenderingContext: react20.Context<boolean>;
 /**
  * ChipList - Container component for grouping multiple chips with shared behavior.
  *
@@ -65,7 +65,7 @@ declare const ChipListRenderingContext: react32.Context<boolean>;
 declare function ChipList<T extends object>({
   ref,
   ...props
-}: ChipListProps<T>): react_jsx_runtime120.JSX.Element;
+}: ChipListProps<T>): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { ChipList, ChipListRenderingContext };
 //# sourceMappingURL=list.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SelectableChipProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region src/components/chip/selectable.d.ts
 
@@ -50,7 +50,7 @@ import * as react_jsx_runtime122 from "react/jsx-runtime";
 declare function SelectableChip({
   ref,
   ...props
-}: SelectableChipProps): react_jsx_runtime122.JSX.Element;
+}: SelectableChipProps): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { SelectableChip };
 //# sourceMappingURL=selectable.d.ts.map

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

@@ -14,11 +14,11 @@
 
 @layer components.l1 {
   .list {
-    @apply w-content gap-xs flex flex-wrap;
+    @apply gap-xs flex w-fit flex-wrap;
   }
 
   .chip {
-    @apply fg-primary-bold gap-xxs w-content inline-flex items-center justify-center rounded-full outline;
+    @apply fg-primary-bold gap-xxs inline-flex w-fit items-center justify-center rounded-full outline;
 
     @variant size-medium {
       @apply px-s py-xs text-body-s;

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

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react15 from "react";
+import * as react24 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/context.d.ts
 /** React context for sharing ClassificationBadge configuration across components. */
-declare const ClassificationBadgeContext: react15.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
+declare const ClassificationBadgeContext: react24.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBadge components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBadgeContext: react15.Context<ContextValue<Classific
 declare function ClassificationBadgeProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime78.JSX.Element;
+}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime94.JSX.Element;
 //#endregion
 export { ClassificationBadgeContext, ClassificationBadgeProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ClassificationBadgeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/index.d.ts
 
@@ -51,7 +51,7 @@ import * as react_jsx_runtime82 from "react/jsx-runtime";
 declare function ClassificationBadge({
   ref,
   ...props
-}: ClassificationBadgeProps): react_jsx_runtime82.JSX.Element;
+}: ClassificationBadgeProps): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { ClassificationBadge };
 //# sourceMappingURL=index.d.ts.map