@accelint/design-toolkit 9.4.1 → 9.6.0

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 react0 from "react";
+import * as react16 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime6 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: react0.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: react0.Context<ContextValue<AvatarProps, HTMLSpanEl
 declare function AvatarProvider({
   children,
   ...props
-}: ProviderProps<AvatarProps>): react_jsx_runtime6.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_runtime9 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_runtime9 from "react/jsx-runtime";
 declare function Avatar({
   ref,
   ...props
-}: AvatarProps): react_jsx_runtime9.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 react2 from "react";
+import * as react10 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime14 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: react2.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: react2.Context<ContextValue<BadgeProps, HTMLSpanElem
 declare function BadgeProvider({
   children,
   ...props
-}: ProviderProps<BadgeProps>): react_jsx_runtime14.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_runtime0 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_runtime0 from "react/jsx-runtime";
 declare function Badge({
   ref,
   ...props
-}: BadgeProps): react_jsx_runtime0.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_runtime8 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_runtime8 from "react/jsx-runtime";
 declare function Breadcrumbs({
   children,
   className
-}: BreadcrumbsProps<BreadcrumbProps>): react_jsx_runtime8.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_runtime15 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_runtime15.JSX.Element;
+}: BreadcrumbItemProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { BreadcrumbItem };
 //# sourceMappingURL=item.d.ts.map

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

@@ -28,6 +28,7 @@
 
 @layer components.l2 {
   .link {
+    @apply select-none;
     @variant hover {
       @apply fg-primary-bold;
     }

package/dist/components/button/__internal__/clear.js

@@ -0,0 +1,42 @@
+/*
+ * 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.
+ */
+
+
+'use client';
+
+import { Icon } from "../../icon/index.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { Button, composeRenderProps } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+import CancelFill from "@accelint/icons/cancel-fill";
+import styles from "./styles.module.css";
+
+//#region src/components/button/__internal__/clear.tsx
+/**
+* @internal
+*/
+function ClearButton({ className, ...rest }) {
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		excludeFromTabOrder: true,
+		className: composeRenderProps(className, (className$1) => clsx(styles.clearButton, className$1)),
+		children: /* @__PURE__ */ jsx(Icon, {
+			size: "small",
+			children: /* @__PURE__ */ jsx(CancelFill, {})
+		})
+	});
+}
+
+//#endregion
+export { ClearButton };
+//# sourceMappingURL=clear.js.map

package/dist/components/button/__internal__/clear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear.js","names":["className"],"sources":["../../../../src/components/button/__internal__/clear.tsx"],"sourcesContent":["// __private-exports\n/*\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\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport CancelFill from '@accelint/icons/cancel-fill';\nimport {\n  type ButtonProps as AriaButtonProps,\n  Button,\n  composeRenderProps,\n} from 'react-aria-components';\nimport { Icon } from '../../icon';\nimport styles from './styles.module.css';\n\n/**\n * ClearButton - Internal-only button for clearing input values\n *\n * A lightweight button component used internally by input\n * components to provide clear functionality. This component is not exported\n * from the design-toolkit package and should not be used directly by consumers.\n *\n * @internal\n */\nexport type ClearButtonProps = Readonly<\n  Omit<AriaButtonProps, 'children' | 'size' | 'variant'>\n>;\n\n/**\n * @internal\n */\nexport function ClearButton({ className, ...rest }: ClearButtonProps) {\n  return (\n    <Button\n      {...rest}\n      excludeFromTabOrder\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.clearButton, className),\n      )}\n    >\n      <Icon size='small'>\n        <CancelFill />\n      </Icon>\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,YAAY,EAAE,WAAW,GAAG,QAA0B;AACpE,QACE,oBAAC;EACC,GAAI;EACJ;EACA,WAAW,mBAAmB,YAAY,gBACxC,KAAK,OAAO,aAAaA,YAAU,CACpC;YAED,oBAAC;GAAK,MAAK;aACT,oBAAC,eAAa;IACT;GACA"}

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

@@ -0,0 +1,23 @@
+/*
+ * 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 '@accelint/design-foundation/styles';
+
+@layer components.l1 {
+  .clearButton {
+    @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 react3 from "react";
+import * as react11 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime22 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: react3.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: react3.Context<ContextValue<ButtonProps$1, HTMLButt
 declare function ButtonProvider({
   children,
   ...props
-}: ProviderProps<ButtonProps$1>): react_jsx_runtime22.JSX.Element;
+}: ProviderProps<ButtonProps$1>): react_jsx_runtime53.JSX.Element;
 /**
  * React context for sharing LinkButton configuration across components.
  */
-declare const LinkButtonContext: react3.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: react3.Context<ContextValue<LinkButtonProps, HT
 declare function LinkButtonProvider({
   children,
   ...props
-}: ProviderProps<LinkButtonProps>): react_jsx_runtime22.JSX.Element;
+}: ProviderProps<LinkButtonProps>): react_jsx_runtime53.JSX.Element;
 /**
  * React context for sharing ToggleButton configuration across components.
  */
-declare const ToggleButtonContext: react3.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: react3.Context<ContextValue<ToggleButtonProps
 declare function ToggleButtonProvider({
   children,
   ...props
-}: ProviderProps<ToggleButtonProps$1>): react_jsx_runtime22.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_runtime25 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_runtime25 from "react/jsx-runtime";
 declare function Button({
   ref,
   ...props
-}: ButtonProps): react_jsx_runtime25.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_runtime26 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_runtime26 from "react/jsx-runtime";
 declare function LinkButton({
   ref,
   ...props
-}: LinkButtonProps): react_jsx_runtime26.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;
+    @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_runtime27 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_runtime27 from "react/jsx-runtime";
 declare function ToggleButton({
   ref,
   ...props
-}: ToggleButtonProps): react_jsx_runtime27.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 react6 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: react6.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: react6.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_runtime28 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_runtime28 from "react/jsx-runtime";
 declare function CheckboxGroup({
   ref,
   ...props
-}: CheckboxGroupProps): react_jsx_runtime28.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_runtime29 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_runtime29 from "react/jsx-runtime";
 declare function Checkbox({
   ref,
   ...props
-}: CheckboxProps): react_jsx_runtime29.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 react9 from "react";
+import * as react17 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime32 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: react9.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: react9.Context<ContextValue<ChipContextValue, HTMLDiv
 declare function ChipProvider({
   children,
   ...props
-}: ProviderProps<ChipContextValue>): react_jsx_runtime32.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_runtime16 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_runtime16 from "react/jsx-runtime";
 declare function DeletableChip({
   ref,
   ...props
-}: DeletableChipProps): react_jsx_runtime16.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_runtime36 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_runtime36 from "react/jsx-runtime";
 declare function Chip({
   ref,
   ...props
-}: ChipProps): react_jsx_runtime36.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 react14 from "react";
-import * as react_jsx_runtime47 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: react14.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: react14.Context<boolean>;
 declare function ChipList<T extends object>({
   ref,
   ...props
-}: ChipListProps<T>): react_jsx_runtime47.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_runtime48 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_runtime48 from "react/jsx-runtime";
 declare function SelectableChip({
   ref,
   ...props
-}: SelectableChipProps): react_jsx_runtime48.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;
@@ -50,7 +50,7 @@
   }
 
   .selectable {
-    @apply outline-interactive cursor-pointer;
+    @apply outline-interactive cursor-pointer select-none;
 
     @variant hover {
       @apply outline-interactive-hover outline-2;
@@ -90,7 +90,7 @@
   }
 
   .deletable {
-    @apply gap-xs outline-interactive fg-primary-muted cursor-default;
+    @apply gap-xs outline-interactive fg-primary-muted cursor-default select-none;
 
     @variant has-group-hover/button {
       @apply fg-hover;

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 react8 from "react";
+import * as react24 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime30 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: react8.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: react8.Context<ContextValue<Classifica
 declare function ClassificationBadgeProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime30.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_runtime31 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_runtime31 from "react/jsx-runtime";
 declare function ClassificationBadge({
   ref,
   ...props
-}: ClassificationBadgeProps): react_jsx_runtime31.JSX.Element;
+}: ClassificationBadgeProps): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { ClassificationBadge };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react10 from "react";
+import * as react0 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/context.d.ts
 /** React context for sharing ClassificationBanner configuration across components. */
-declare const ClassificationBannerContext: react10.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+declare const ClassificationBannerContext: react0.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBanner components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBannerContext: react10.Context<ContextValue<Classifi
 declare function ClassificationBannerProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime37.JSX.Element;
+}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { ClassificationBannerContext, ClassificationBannerProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ClassificationBannerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/index.d.ts
 
@@ -39,7 +39,7 @@ import * as react_jsx_runtime38 from "react/jsx-runtime";
 declare function ClassificationBanner({
   ref,
   ...props
-}: ClassificationBannerProps): react_jsx_runtime38.JSX.Element;
+}: ClassificationBannerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ClassificationBanner };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ClockProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/components/clock/index.d.ts
 
@@ -58,7 +58,7 @@ import * as react_jsx_runtime39 from "react/jsx-runtime";
 declare function Clock({
   formatter,
   ...rest
-}: ClockProps): react_jsx_runtime39.JSX.Element;
+}: ClockProps): react_jsx_runtime59.JSX.Element;
 //#endregion
 export { Clock };
 //# sourceMappingURL=index.d.ts.map