@accelint/design-toolkit 9.5.0 → 9.7.0

package/catalog-info.yaml

@@ -12,14 +12,14 @@ metadata:
     Dependencies:
 
     accelint_biome-config@1.1.0, accelint_bus@3.0.2, accelint_core@0.5.2,
-    accelint_design-foundation@2.1.0, accelint_geo@0.5.1, accelint_icons@2.2.0,
-    accelint_logger@0.1.5, accelint_postcss-tailwind-css-modules@1.0.1,
+    accelint_design-foundation@3.0.0, accelint_geo@0.6.0, accelint_icons@2.2.0,
+    accelint_logger@1.0.0, accelint_postcss-tailwind-css-modules@1.0.1,
     accelint_prettier-config@0.2.1, accelint_temporal@0.1.4,
     accelint_typescript-config@0.1.4, accelint_vitest-config@0.1.6
   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.7.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/context.d.ts

@@ -12,7 +12,7 @@
 
 import { AccordionProps } from "./types.js";
 import "client-only";
-import * as react0 from "react";
+import * as react44 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/accordion/context.d.ts
@@ -22,7 +22,7 @@ import { ContextValue } from "react-aria-components";
  * Provides variant and disabled state to nested accordion components
  * (header, trigger, panel) without explicit prop drilling.
  */
-declare const AccordionContext: react0.Context<ContextValue<AccordionProps, HTMLDivElement>>;
+declare const AccordionContext: react44.Context<ContextValue<AccordionProps, HTMLDivElement>>;
 //#endregion
 export { AccordionContext };
 //# sourceMappingURL=context.d.ts.map

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_runtime180 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_runtime180.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_runtime1 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_runtime1.JSX.Element;
 //#endregion
 export { AccordionHeader };
 //# sourceMappingURL=header.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_runtime4 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_runtime4.JSX.Element;
 //#endregion
 export { AccordionPanel };
 //# sourceMappingURL=panel.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_runtime181 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_runtime181.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_runtime183 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_runtime183.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 react3 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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: react3.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_runtime13.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_runtime15 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_runtime15.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 react1 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime101 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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: react1.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_runtime11.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_runtime17 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_runtime17.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_runtime25 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_runtime25.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_runtime26 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_runtime26.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 react6 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime28 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: react6.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_runtime28.JSX.Element;
 /**
  * React context for sharing LinkButton configuration across components.
  */
-declare const LinkButtonContext: react26.Context<ContextValue<LinkButtonProps, HTMLAnchorElement>>;
+declare const LinkButtonContext: react6.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_runtime28.JSX.Element;
 /**
  * React context for sharing ToggleButton configuration across components.
  */
-declare const ToggleButtonContext: react26.Context<ContextValue<ToggleButtonProps$1, HTMLButtonElement>>;
+declare const ToggleButtonContext: react6.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_runtime28.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_runtime31 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_runtime31.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_runtime32 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_runtime32.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_runtime33 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_runtime33.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_runtime37 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_runtime37.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_runtime0 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_runtime0.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 react0 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime116 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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: react0.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_runtime9.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_runtime7 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_runtime7.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_runtime16 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_runtime16.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 react2 from "react";
+import * as react_jsx_runtime12 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: react2.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_runtime12.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_runtime184 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_runtime184.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 react45 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as react_jsx_runtime185 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: react45.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_runtime185.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_runtime188 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_runtime188.JSX.Element;
 //#endregion
 export { ClassificationBadge };
 //# sourceMappingURL=index.d.ts.map