@accelint/design-toolkit 9.9.2 → 9.10.0

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

@@ -0,0 +1,87 @@
+/*
+ * Copyright 2026 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.
+ */
+
+import { OptionsDataItem, OptionsItemProps } from "../options/types.js";
+import { SelectFieldProps } from "../select-field/types.js";
+import { HTMLAttributes, PropsWithChildren } from "react";
+import { UniqueId } from "@accelint/core";
+
+//#region src/components/carousel/types.d.ts
+/**
+ * Props for the root Carousel component.
+ */
+type CarouselProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>> & {
+  /** The carousel data items to display. */
+  items: CarouselData[];
+  /** Zero-based index of the currently active item. */
+  currentPosition: number;
+  /** Callback invoked when the active item changes. */
+  setCurrentPosition: (index: number) => void;
+};
+/**
+ * Data describing a single carousel item.
+ */
+type CarouselData = {
+  /** The media type of the item. */
+  dataType: 'image' | 'video' | 'audio';
+  /** URL for the full-size media displayed in the viewer. */
+  dataUrl: string;
+  /** Original file name of the media asset. */
+  fileName: string;
+  /** Optional metadata associated with the item. */
+  metadata?: Record<string, unknown>;
+  /** Display title shown in the gallery and select. */
+  title: string;
+  /** URL for the thumbnail image shown in the gallery. */
+  thumbnailUrl: string;
+  /** Unique identifier for the item. */
+  id: UniqueId;
+};
+/**
+ * Props for the CarouselViewer component.
+ */
+type CarouselViewerProps = PropsWithChildren & {
+  /** Custom class names for viewer elements. */
+  classNames?: {
+    /** Class name for the viewer container. */
+    container?: string;
+    /** Class name for the displayed media element (img, video, or audio). */
+    media?: string;
+  };
+};
+/**
+ * Props for the CarouselSelect dropdown component.
+ */
+type CarouselSelectProps = Omit<SelectFieldProps, 'classNames'> & {
+  /** Custom class names for select elements. */
+  classNames?: {
+    /** Class names passed to the SelectField. */
+    select?: SelectFieldProps['classNames'];
+    /** Class names passed to each OptionsItem. */
+    optionItem?: OptionsItemProps<OptionsDataItem>['classNames'];
+  };
+};
+/**
+ * Props for the CarouselGallery thumbnail strip component.
+ */
+type CarouselGalleryProps = HTMLAttributes<HTMLDivElement> & {
+  /** Custom class names for gallery elements. */
+  classNames?: {
+    /** Class name for the gallery container. */
+    container?: string;
+    /** Class name for individual gallery items. */
+    item?: string;
+  };
+};
+//#endregion
+export { CarouselData, CarouselGalleryProps, CarouselProps, CarouselSelectProps, CarouselViewerProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/carousel/types.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright 2026 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.
+ */
+

package/dist/components/carousel/viewer.d.ts

@@ -0,0 +1,40 @@
+/*
+ * Copyright 2026 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.
+ */
+
+import { CarouselViewerProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/carousel/viewer.d.ts
+/**
+ * Displays the full-size media for the currently active carousel item.
+ * Note that it relies on the <Carousel/> component to supply context and must be used
+ * as a child of that component.
+ *
+ * Reads the active item from CarouselContext and renders it as an image, video, or audio
+ * element based on the item's dataType. Supports additional children for overlay content.
+ *
+ * @param props - The viewer props.
+ * @param props.children - Optional overlay content rendered inside the viewer.
+ * @param props.classNames - Custom class names for viewer elements.
+ * @param props.classNames.container - Class name for the viewer container.
+ * @param props.classNames.media - Class name for the displayed media element (img, video, or audio).
+ * @returns The carousel viewer component.
+ */
+declare function CarouselViewer({
+  children,
+  classNames,
+  ...rest
+}: CarouselViewerProps): react_jsx_runtime17.JSX.Element;
+//#endregion
+export { CarouselViewer };
+//# sourceMappingURL=viewer.d.ts.map

package/dist/components/carousel/viewer.js

@@ -0,0 +1,75 @@
+/*
+ * Copyright 2026 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 { Audio } from "../audio/index.js";
+import { CarouselContext } from "./context.js";
+import { Video } from "../video/index.js";
+import "client-only";
+import { useContext } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./style.module.css";
+
+//#region src/components/carousel/viewer.tsx
+/**
+* Displays the full-size media for the currently active carousel item.
+* Note that it relies on the <Carousel/> component to supply context and must be used
+* as a child of that component.
+*
+* Reads the active item from CarouselContext and renders it as an image, video, or audio
+* element based on the item's dataType. Supports additional children for overlay content.
+*
+* @param props - The viewer props.
+* @param props.children - Optional overlay content rendered inside the viewer.
+* @param props.classNames - Custom class names for viewer elements.
+* @param props.classNames.container - Class name for the viewer container.
+* @param props.classNames.media - Class name for the displayed media element (img, video, or audio).
+* @returns The carousel viewer component.
+*/
+function CarouselViewer({ children, classNames, ...rest }) {
+	const { items, currentPosition } = useContext(CarouselContext);
+	const currentItem = items[currentPosition];
+	const renderMedia = () => {
+		if (!currentItem) return null;
+		switch (currentItem.dataType) {
+			case "video": return /* @__PURE__ */ jsx(Video, {
+				src: currentItem.dataUrl,
+				poster: currentItem.thumbnailUrl,
+				classNames: { container: classNames?.media }
+			});
+			case "audio": return /* @__PURE__ */ jsx(Audio, {
+				src: currentItem.dataUrl,
+				title: currentItem.title
+			});
+			default: return /* @__PURE__ */ jsx("img", {
+				src: currentItem.dataUrl,
+				alt: currentItem.title
+			});
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(styles.viewer, classNames?.container),
+		...rest,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: clsx(classNames?.media, styles["viewer-item"]),
+			"data-media": currentItem?.dataType,
+			children: renderMedia()
+		}), children]
+	});
+}
+
+//#endregion
+export { CarouselViewer };
+//# sourceMappingURL=viewer.js.map

package/dist/components/carousel/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","names":[],"sources":["../../../src/components/carousel/viewer.tsx"],"sourcesContent":["/*\n * Copyright 2026 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';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport { Audio } from '../audio';\nimport { Video } from '../video';\nimport { CarouselContext } from './context';\nimport styles from './style.module.css';\nimport type { CarouselViewerProps } from './types';\n\n/**\n * Displays the full-size media for the currently active carousel item.\n * Note that it relies on the <Carousel/> component to supply context and must be used\n * as a child of that component.\n *\n * Reads the active item from CarouselContext and renders it as an image, video, or audio\n * element based on the item's dataType. Supports additional children for overlay content.\n *\n * @param props - The viewer props.\n * @param props.children - Optional overlay content rendered inside the viewer.\n * @param props.classNames - Custom class names for viewer elements.\n * @param props.classNames.container - Class name for the viewer container.\n * @param props.classNames.media - Class name for the displayed media element (img, video, or audio).\n * @returns The carousel viewer component.\n */\nexport function CarouselViewer({\n  children,\n  classNames,\n  ...rest\n}: CarouselViewerProps) {\n  const { items, currentPosition } = useContext(CarouselContext);\n  const currentItem = items[currentPosition];\n\n  const renderMedia = () => {\n    if (!currentItem) return null;\n\n    switch (currentItem.dataType) {\n      case 'video':\n        return (\n          <Video\n            src={currentItem.dataUrl}\n            poster={currentItem.thumbnailUrl}\n            classNames={{ container: classNames?.media }}\n          />\n        );\n      case 'audio':\n        return <Audio src={currentItem.dataUrl} title={currentItem.title} />;\n      default:\n        return <img src={currentItem.dataUrl} alt={currentItem.title} />;\n    }\n  };\n\n  return (\n    <div className={clsx(styles.viewer, classNames?.container)} {...rest}>\n      <div\n        className={clsx(classNames?.media, styles['viewer-item'])}\n        data-media={currentItem?.dataType}\n      >\n        {renderMedia()}\n      </div>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAAgB,eAAe,EAC7B,UACA,YACA,GAAG,QACmB;CACtB,MAAM,EAAE,OAAO,oBAAoB,WAAW,gBAAgB;CAC9D,MAAM,cAAc,MAAM;CAE1B,MAAM,oBAAoB;AACxB,MAAI,CAAC,YAAa,QAAO;AAEzB,UAAQ,YAAY,UAApB;GACE,KAAK,QACH,QACE,oBAAC;IACC,KAAK,YAAY;IACjB,QAAQ,YAAY;IACpB,YAAY,EAAE,WAAW,YAAY,OAAO;KAC5C;GAEN,KAAK,QACH,QAAO,oBAAC;IAAM,KAAK,YAAY;IAAS,OAAO,YAAY;KAAS;GACtE,QACE,QAAO,oBAAC;IAAI,KAAK,YAAY;IAAS,KAAK,YAAY;KAAS;;;AAItE,QACE,qBAAC;EAAI,WAAW,KAAK,OAAO,QAAQ,YAAY,UAAU;EAAE,GAAI;aAC9D,oBAAC;GACC,WAAW,KAAK,YAAY,OAAO,OAAO,eAAe;GACzD,cAAY,aAAa;aAExB,aAAa;IACV,EACL;GACG"}

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 react4 from "react";
+import * as react11 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: react4.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
+declare const CheckboxGroupContext: react11.Context<ContextValue<CheckboxGroupProps$1, HTMLDivElement>>;
 /**
  * React context for sharing Checkbox configuration across components.
  */
-declare const CheckboxContext: react4.Context<ContextValue<CheckboxProps$1, HTMLLabelElement>>;
+declare const CheckboxContext: react11.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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/components/checkbox/group.d.ts
 
@@ -47,7 +47,7 @@ import * as react_jsx_runtime16 from "react/jsx-runtime";
 declare function CheckboxGroup({
   ref,
   ...props
-}: CheckboxGroupProps): react_jsx_runtime16.JSX.Element;
+}: CheckboxGroupProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { CheckboxGroup };
 //# sourceMappingURL=group.d.ts.map

package/dist/components/checkbox/group.js

@@ -13,8 +13,8 @@
 
 'use client';
 
-import { CheckboxContext, CheckboxGroupContext } from "./context.js";
 import { Label as Label$1 } from "../label/index.js";
+import { CheckboxContext, CheckboxGroupContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { CheckboxGroup as CheckboxGroup$1, composeRenderProps, useContextProps } from "react-aria-components";

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

@@ -12,7 +12,7 @@
 
 import { CheckboxProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/checkbox/index.d.ts
 
@@ -69,7 +69,7 @@ import * as react_jsx_runtime18 from "react/jsx-runtime";
 declare function Checkbox({
   ref,
   ...props
-}: CheckboxProps): react_jsx_runtime18.JSX.Element;
+}: CheckboxProps): react_jsx_runtime39.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 react8 from "react";
+import * as react13 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/components/chip/context.d.ts
 /**
  * React context for sharing Chip configuration across components.
  */
-declare const ChipContext: react8.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
+declare const ChipContext: react13.Context<ContextValue<ChipContextValue, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple Chip components.
  *
@@ -40,7 +40,7 @@ declare const ChipContext: react8.Context<ContextValue<ChipContextValue, HTMLDiv
 declare function ChipProvider({
   children,
   ...props
-}: ProviderProps<ChipContextValue>): react_jsx_runtime21.JSX.Element;
+}: ProviderProps<ChipContextValue>): react_jsx_runtime40.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/chip/deletable.d.ts
 
@@ -54,7 +54,7 @@ import * as react_jsx_runtime11 from "react/jsx-runtime";
 declare function DeletableChip({
   ref,
   ...props
-}: DeletableChipProps): react_jsx_runtime11.JSX.Element;
+}: DeletableChipProps): react_jsx_runtime41.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_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 
 //#region src/components/chip/index.d.ts
 
@@ -93,7 +93,7 @@ import * as react_jsx_runtime15 from "react/jsx-runtime";
 declare function Chip({
   ref,
   ...props
-}: ChipProps): react_jsx_runtime15.JSX.Element;
+}: ChipProps): react_jsx_runtime42.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 react6 from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react14 from "react";
+import * as react_jsx_runtime43 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: react6.Context<boolean>;
+declare const ChipListRenderingContext: react14.Context<boolean>;
 /**
  * ChipList - Container component for grouping multiple chips with shared behavior.
  *
@@ -65,7 +65,7 @@ declare const ChipListRenderingContext: react6.Context<boolean>;
 declare function ChipList<T extends object>({
   ref,
   ...props
-}: ChipListProps<T>): react_jsx_runtime17.JSX.Element;
+}: ChipListProps<T>): react_jsx_runtime43.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_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region src/components/chip/selectable.d.ts
 
@@ -50,7 +50,7 @@ import * as react_jsx_runtime41 from "react/jsx-runtime";
 declare function SelectableChip({
   ref,
   ...props
-}: SelectableChipProps): react_jsx_runtime41.JSX.Element;
+}: SelectableChipProps): react_jsx_runtime44.JSX.Element;
 //#endregion
 export { SelectableChip };
 //# sourceMappingURL=selectable.d.ts.map

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 react7 from "react";
+import * as react0 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/context.d.ts
 /** React context for sharing ClassificationBadge configuration across components. */
-declare const ClassificationBadgeContext: react7.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
+declare const ClassificationBadgeContext: react0.Context<ContextValue<ClassificationBadgeProps, HTMLSpanElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBadge components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBadgeContext: react7.Context<ContextValue<Classifica
 declare function ClassificationBadgeProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime19.JSX.Element;
+}: ProviderProps<ClassificationBadgeProps>): react_jsx_runtime5.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_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/components/classification-badge/index.d.ts
 
@@ -51,7 +51,7 @@ import * as react_jsx_runtime20 from "react/jsx-runtime";
 declare function ClassificationBadge({
   ref,
   ...props
-}: ClassificationBadgeProps): react_jsx_runtime20.JSX.Element;
+}: ClassificationBadgeProps): react_jsx_runtime6.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 react13 from "react";
+import * as react1 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/context.d.ts
 /** React context for sharing ClassificationBanner configuration across components. */
-declare const ClassificationBannerContext: react13.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
+declare const ClassificationBannerContext: react1.Context<ContextValue<ClassificationBannerProps, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ClassificationBanner components.
  *
@@ -38,7 +38,7 @@ declare const ClassificationBannerContext: react13.Context<ContextValue<Classifi
 declare function ClassificationBannerProvider({
   children,
   ...props
-}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime44.JSX.Element;
+}: ProviderProps<ClassificationBannerProps>): react_jsx_runtime8.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_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/classification-banner/index.d.ts
 
@@ -39,7 +39,7 @@ import * as react_jsx_runtime45 from "react/jsx-runtime";
 declare function ClassificationBanner({
   ref,
   ...props
-}: ClassificationBannerProps): react_jsx_runtime45.JSX.Element;
+}: ClassificationBannerProps): react_jsx_runtime10.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_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/clock/index.d.ts
 
@@ -58,7 +58,7 @@ import * as react_jsx_runtime43 from "react/jsx-runtime";
 declare function Clock({
   formatter,
   ...rest
-}: ClockProps): react_jsx_runtime43.JSX.Element;
+}: ClockProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Clock };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-picker/index.d.ts

@@ -12,7 +12,7 @@
 
 import { ColorPickerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/color-picker/index.d.ts
 declare function ColorPicker({
@@ -24,7 +24,7 @@ declare function ColorPicker({
   ref,
   value,
   ...rest
-}: ColorPickerProps): react_jsx_runtime46.JSX.Element;
+}: ColorPickerProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { ColorPicker };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/combobox-field/context.d.ts

@@ -14,13 +14,13 @@ import { ProviderProps } from "../../lib/types.js";
 import { OptionsDataItem } from "../options/types.js";
 import { ComboBoxFieldProps } from "./types.js";
 import "client-only";
-import * as react14 from "react";
+import * as react4 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/combobox-field/context.d.ts
 /** React context for sharing ComboBoxField configuration across components. */
-declare const ComboBoxFieldContext: react14.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
+declare const ComboBoxFieldContext: react4.Context<ContextValue<ComboBoxFieldProps<any>, HTMLDivElement>>;
 /**
  * Context provider for setting default props across multiple ComboBoxField components.
  *
@@ -39,7 +39,7 @@ declare const ComboBoxFieldContext: react14.Context<ContextValue<ComboBoxFieldPr
 declare function ComboBoxFieldProvider<T extends OptionsDataItem>({
   children,
   ...props
-}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime47.JSX.Element;
+}: ProviderProps<ComboBoxFieldProps<T>>): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ComboBoxFieldContext, ComboBoxFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/combobox-field/index.d.ts

@@ -13,7 +13,7 @@
 import { OptionsDataItem } from "../options/types.js";
 import { ComboBoxFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/combobox-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime48 from "react/jsx-runtime";
 declare function ComboBoxField<T extends OptionsDataItem>({
   ref,
   ...props
-}: ComboBoxFieldProps<T>): react_jsx_runtime48.JSX.Element;
+}: ComboBoxFieldProps<T>): react_jsx_runtime27.JSX.Element;
 //#endregion
 export { ComboBoxField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/combobox-field/index.js

@@ -15,10 +15,10 @@
 
 import { Icon } from "../icon/index.js";
 import { Label as Label$1 } from "../label/index.js";
+import { Options } from "../options/index.js";
 import { ComboBoxFieldContext } from "./context.js";
 import { $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "../../node_modules/.pnpm/@react-aria_collections@3.0.0-rc.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/collections/dist/BaseCollection.js";
 import { ClearButton } from "../button/__internal__/clear.js";
-import { Options } from "../options/index.js";
 import "client-only";
 import { useCallback, useRef } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";

package/dist/components/combobox-field/styles.module.css

@@ -101,6 +101,18 @@
     --trigger-width: initial; /* is inlined by react aria components on render */
     @apply -ml-s select-none;
     min-width: calc(var(--trigger-width) + (var(--spacing-s) * 2));
+
+    @variant motion-safe {
+      @variant entering {
+        animation: fade-enter var(--animation-duration-normal)
+          var(--animation-easing-decelerate) both;
+      }
+
+      @variant exiting {
+        animation: fade-exit var(--animation-duration-fast)
+          var(--animation-easing-accelerate) both;
+      }
+    }
   }
 }