@accelint/design-toolkit 9.8.0 → 9.9.1

package/dist/components/list/item-title.d.ts

@@ -12,7 +12,7 @@
 
 import { ListItemTitleProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region src/components/list/item-title.d.ts
 /**
@@ -35,7 +35,7 @@ declare function ListItemTitle({
   children,
   className,
   ...rest
-}: ListItemTitleProps): react_jsx_runtime89.JSX.Element;
+}: ListItemTitleProps): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { ListItemTitle };
 //# sourceMappingURL=item-title.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ListItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
 
 //#region src/components/list/item.d.ts
 
@@ -46,7 +46,7 @@ declare function ListItem<T extends object>({
   classNames,
   textValue,
   ...rest
-}: ListItemProps<T>): react_jsx_runtime91.JSX.Element;
+}: ListItemProps<T>): react_jsx_runtime101.JSX.Element;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/media-controls/context.d.ts

@@ -12,9 +12,9 @@
 
 import { MediaControlsContextValue } from "./types.js";
 import "client-only";
-import * as react30 from "react";
+import * as react28 from "react";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/media-controls/context.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react_jsx_runtime94 from "react/jsx-runtime";
  *
  * Provides shared configuration values (isDisabled) to all child controls.
  */
-declare const MediaControlsContext: react30.Context<MediaControlsContextValue>;
+declare const MediaControlsContext: react28.Context<MediaControlsContextValue>;
 /**
  * Validates that media-chrome's MediaProvider is present.
  *
@@ -60,7 +60,7 @@ declare function useMediaControlsDisabled(propIsDisabled?: boolean): boolean;
 declare function MediaControlsProvider({
   children,
   isDisabled
-}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime94.JSX.Element;
+}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { MediaControlsContext, MediaControlsProvider, useMediaControlsDisabled, useMediaProviderGuard };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/media-controls/fullscreen-button.d.ts

@@ -12,7 +12,7 @@
 
 import { FullscreenButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime98 from "react/jsx-runtime";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 
 //#region src/components/media-controls/fullscreen-button.d.ts
 
@@ -49,7 +49,7 @@ declare function FullscreenButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: FullscreenButtonProps): react_jsx_runtime98.JSX.Element;
+}: FullscreenButtonProps): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { FullscreenButton };
 //# sourceMappingURL=fullscreen-button.d.ts.map

package/dist/components/media-controls/index.d.ts

@@ -12,7 +12,7 @@
 
 import { MediaControlsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime99 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 
 //#region src/components/media-controls/index.d.ts
 
@@ -62,7 +62,7 @@ declare function MediaControls({
   children,
   isDisabled,
   ...rest
-}: MediaControlsProps): react_jsx_runtime99.JSX.Element;
+}: MediaControlsProps): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { MediaControls };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/media-controls/mute-button.d.ts

@@ -12,7 +12,7 @@
 
 import { MuteButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 
 //#region src/components/media-controls/mute-button.d.ts
 
@@ -41,7 +41,7 @@ declare function MuteButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: MuteButtonProps): react_jsx_runtime107.JSX.Element;
+}: MuteButtonProps): react_jsx_runtime115.JSX.Element;
 //#endregion
 export { MuteButton };
 //# sourceMappingURL=mute-button.d.ts.map

package/dist/components/media-controls/play-button.d.ts

@@ -12,7 +12,7 @@
 
 import { PlayButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
 
 //#region src/components/media-controls/play-button.d.ts
 
@@ -41,7 +41,7 @@ declare function PlayButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: PlayButtonProps): react_jsx_runtime122.JSX.Element;
+}: PlayButtonProps): react_jsx_runtime117.JSX.Element;
 //#endregion
 export { PlayButton };
 //# sourceMappingURL=play-button.d.ts.map

package/dist/components/media-controls/playback-rate.d.ts

@@ -12,7 +12,7 @@
 
 import { PlaybackRateButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime120 from "react/jsx-runtime";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
 
 //#region src/components/media-controls/playback-rate.d.ts
 
@@ -52,7 +52,7 @@ declare function PlaybackRateButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: PlaybackRateButtonProps): react_jsx_runtime120.JSX.Element;
+}: PlaybackRateButtonProps): react_jsx_runtime116.JSX.Element;
 //#endregion
 export { PlaybackRateButton };
 //# sourceMappingURL=playback-rate.d.ts.map

package/dist/components/media-controls/seek-button.d.ts

@@ -12,7 +12,7 @@
 
 import { SeekButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime124 from "react/jsx-runtime";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
 
 //#region src/components/media-controls/seek-button.d.ts
 
@@ -54,7 +54,7 @@ declare function SeekButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: SeekButtonProps): react_jsx_runtime124.JSX.Element;
+}: SeekButtonProps): react_jsx_runtime118.JSX.Element;
 //#endregion
 export { SeekButton };
 //# sourceMappingURL=seek-button.d.ts.map

package/dist/components/media-controls/time-display.d.ts

@@ -12,7 +12,7 @@
 
 import { TimeDisplayProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime135 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 
 //#region src/components/media-controls/time-display.d.ts
 
@@ -63,7 +63,7 @@ declare function TimeDisplay({
   isDisabled: isDisabledProp,
   mode,
   ref
-}: TimeDisplayProps): react_jsx_runtime135.JSX.Element;
+}: TimeDisplayProps): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { TimeDisplay };
 //# sourceMappingURL=time-display.d.ts.map

package/dist/components/media-controls/time-range.d.ts

@@ -12,7 +12,7 @@
 
 import { TimeRangeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime126 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/media-controls/time-range.d.ts
 
@@ -40,7 +40,7 @@ declare function TimeRange({
   className,
   isDisabled: isDisabledProp,
   ref
-}: TimeRangeProps): react_jsx_runtime126.JSX.Element;
+}: TimeRangeProps): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { TimeRange };
 //# sourceMappingURL=time-range.d.ts.map

package/dist/components/media-controls/volume-slider.d.ts

@@ -12,7 +12,7 @@
 
 import { VolumeSliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
 
 //#region src/components/media-controls/volume-slider.d.ts
 
@@ -48,7 +48,7 @@ declare function VolumeSlider({
   showLabel,
   isDisabled: isDisabledProp,
   ref
-}: VolumeSliderProps): react_jsx_runtime136.JSX.Element;
+}: VolumeSliderProps): react_jsx_runtime131.JSX.Element;
 //#endregion
 export { VolumeSlider };
 //# sourceMappingURL=volume-slider.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { MenuProps as MenuProps$1 } from "./types.js";
 import "client-only";
-import * as react36 from "react";
+import * as react26 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/menu/context.d.ts
@@ -20,7 +20,7 @@ import { ContextValue } from "react-aria-components";
  * Context for sharing Menu props across component tree.
  * Used internally by Menu subcomponents for variant and state coordination.
  */
-declare const MenuContext: react36.Context<ContextValue<MenuProps$1<unknown>, HTMLDivElement>>;
+declare const MenuContext: react26.Context<ContextValue<MenuProps$1<unknown>, HTMLDivElement>>;
 //#endregion
 export { MenuContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { MenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 
 //#region src/components/menu/index.d.ts
 
@@ -126,7 +126,7 @@ import * as react_jsx_runtime139 from "react/jsx-runtime";
 declare function Menu<T extends object>({
   ref,
   ...props
-}: MenuProps<T>): react_jsx_runtime139.JSX.Element;
+}: MenuProps<T>): react_jsx_runtime102.JSX.Element;
 //#endregion
 export { Menu };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/menu/item-description.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 
 //#region src/components/menu/item-description.d.ts
 /**
@@ -34,7 +34,7 @@ declare function MenuItemDescription({
   children,
   className,
   ...rest
-}: TextProps): react_jsx_runtime137.JSX.Element;
+}: TextProps): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { MenuItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/menu/item-label.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
 
 //#region src/components/menu/item-label.d.ts
 /**
@@ -34,7 +34,7 @@ declare function MenuItemLabel({
   children,
   className,
   ...rest
-}: TextProps): react_jsx_runtime82.JSX.Element;
+}: TextProps): react_jsx_runtime104.JSX.Element;
 //#endregion
 export { MenuItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { MenuItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 
 //#region src/components/menu/item.d.ts
 
@@ -41,7 +41,7 @@ declare function MenuItem({
   classNames,
   color,
   ...rest
-}: MenuItemProps): react_jsx_runtime84.JSX.Element;
+}: MenuItemProps): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { MenuItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/menu/section.d.ts

@@ -12,7 +12,7 @@
 
 import { MenuSectionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 
 //#region src/components/menu/section.d.ts
 
@@ -42,7 +42,7 @@ declare function MenuSection<T extends object>({
   items,
   title,
   ...rest
-}: MenuSectionProps<T>): react_jsx_runtime83.JSX.Element;
+}: MenuSectionProps<T>): react_jsx_runtime106.JSX.Element;
 //#endregion
 export { MenuSection };
 //# sourceMappingURL=section.d.ts.map

package/dist/components/menu/separator.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { SeparatorProps } from "react-aria-components";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
 
 //#region src/components/menu/separator.d.ts
 /**
@@ -32,7 +32,7 @@ import * as react_jsx_runtime85 from "react/jsx-runtime";
 declare function MenuSeparator({
   className,
   ...rest
-}: SeparatorProps): react_jsx_runtime85.JSX.Element;
+}: SeparatorProps): react_jsx_runtime107.JSX.Element;
 //#endregion
 export { MenuSeparator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/components/menu/submenu.d.ts

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import * as react29 from "react";
-import * as react_aria_components1 from "react-aria-components";
+import * as react27 from "react";
+import * as react_aria_components0 from "react-aria-components";
 
 //#region src/components/menu/submenu.d.ts
 /**
@@ -31,7 +31,7 @@ import * as react_aria_components1 from "react-aria-components";
  * </MenuSubmenu>
  * ```
  */
-declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react29.ReactElement | null;
+declare const MenuSubmenu: (props: react_aria_components0.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react27.ReactElement | null;
 //#endregion
 export { MenuSubmenu };
 //# sourceMappingURL=submenu.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { NoticeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
 
 //#region src/components/notice/index.d.ts
 
@@ -61,7 +61,7 @@ declare function Notice({
   onPrimaryAction,
   onSecondaryAction,
   onClose
-}: NoticeProps): react_jsx_runtime93.JSX.Element;
+}: NoticeProps): react_jsx_runtime121.JSX.Element;
 //#endregion
 export { Notice };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { NoticeListProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime92 from "react/jsx-runtime";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
 
 //#region src/components/notice/list.d.ts
 
@@ -55,7 +55,7 @@ declare function NoticeList({
   placement,
   size,
   ...rest
-}: NoticeListProps): react_jsx_runtime92.JSX.Element;
+}: NoticeListProps): react_jsx_runtime123.JSX.Element;
 //#endregion
 export { NoticeList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/notice/list.js

@@ -22,8 +22,8 @@ import { createElement, useEffect, useMemo, useRef, useState } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { UNSTABLE_ToastList, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion, UNSTABLE_ToastStateContext, composeRenderProps } from "react-aria-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useBus } from "@accelint/bus/react";
 import { uuid } from "@accelint/core";
+import { useBus } from "@accelint/bus/react";
 import styles from "./styles.module.css";
 import { useToastRegion } from "@react-aria/toast";
 import { useToastQueue } from "@react-stately/toast";

package/dist/components/notice/notice-icon.d.ts

@@ -12,7 +12,7 @@
 
 import { NoticeIconProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime124 from "react/jsx-runtime";
 
 //#region src/components/notice/notice-icon.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime90 from "react/jsx-runtime";
 declare function NoticeIcon({
   color,
   size
-}: NoticeIconProps): react_jsx_runtime90.JSX.Element;
+}: NoticeIconProps): react_jsx_runtime124.JSX.Element;
 //#endregion
 export { NoticeIcon };
 //# sourceMappingURL=notice-icon.d.ts.map

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

@@ -13,8 +13,8 @@
 import { ButtonProps as ButtonProps$1 } from "../button/types.js";
 import { NoticeEventTypes } from "./events.js";
 import { ToastListProps } from "react-aria-components";
-import { Payload, StructuredCloneableData } from "@accelint/bus";
 import { UniqueId } from "@accelint/core";
+import { Payload, StructuredCloneableData } from "@accelint/bus";
 
 //#region src/components/notice/types.d.ts
 /**

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

@@ -12,12 +12,12 @@
 
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react34 from "react";
+import * as react29 from "react";
 import { ContextValue } from "react-aria-components";
 
 //#region src/components/options/context.d.ts
 /** Context for sharing Options props with nested components */
-declare const OptionsContext: react34.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
+declare const OptionsContext: react29.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
 //#endregion
 export { OptionsContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 
 //#region src/components/options/index.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime127 from "react/jsx-runtime";
 declare function Options<T extends OptionsDataItem>({
   ref,
   ...props
-}: OptionsProps<T>): react_jsx_runtime127.JSX.Element;
+}: OptionsProps<T>): react_jsx_runtime125.JSX.Element;
 //#endregion
 export { Options };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/options/item-content.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 
 //#region src/components/options/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime128 from "react/jsx-runtime";
 declare function OptionsItemContent({
   className,
   ...rest
-}: TextProps): react_jsx_runtime128.JSX.Element;
+}: TextProps): react_jsx_runtime126.JSX.Element;
 //#endregion
 export { OptionsItemContent };
 //# sourceMappingURL=item-content.d.ts.map

package/dist/components/options/item-description.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime123 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/components/options/item-description.d.ts
 /**
@@ -29,7 +29,7 @@ import * as react_jsx_runtime123 from "react/jsx-runtime";
 declare function OptionsItemDescription({
   className,
   ...rest
-}: TextProps): react_jsx_runtime123.JSX.Element;
+}: TextProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { OptionsItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/options/item-label.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 
 //#region src/components/options/item-label.d.ts
 /**
@@ -28,8 +28,9 @@ import * as react_jsx_runtime129 from "react/jsx-runtime";
  */
 declare function OptionsItemLabel({
   className,
+  children,
   ...rest
-}: TextProps): react_jsx_runtime129.JSX.Element;
+}: TextProps): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { OptionsItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

package/dist/components/options/item-label.js

@@ -11,9 +11,10 @@
  */
 
 
+import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
+import { ComboBoxStateContext, Text } from "react-aria-components";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/options/item-label.tsx
@@ -29,13 +30,28 @@ import styles from "./styles.module.css";
 * @param props.className - Optional CSS class name.
 * @returns The rendered OptionsItemLabel component.
 */
-function OptionsItemLabel({ className, ...rest }) {
+function OptionsItemLabel({ className, children, ...rest }) {
+	const inputValue = useContext(ComboBoxStateContext)?.inputValue ?? "";
+	const highlighted = typeof children === "string" && inputValue ? highlightMatch(children, inputValue) : children;
 	return /* @__PURE__ */ jsx(Text, {
 		...rest,
 		slot: "label",
-		className: clsx(styles.label, className)
+		className: clsx(styles.label, className),
+		children: highlighted
 	});
 }
+function highlightMatch(text, query) {
+	const index = text.toLowerCase().indexOf(query.toLowerCase());
+	if (index === -1) return text;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		text.slice(0, index),
+		/* @__PURE__ */ jsx("mark", {
+			className: styles.highlight,
+			children: text.slice(index, index + query.length)
+		}),
+		text.slice(index + query.length)
+	] });
+}
 
 //#endregion
 export { OptionsItemLabel };

package/dist/components/options/item-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/options/item-label.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\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { TextProps } from 'react-aria-components';\n\n/**\n * OptionsItemLabel - Primary text label for an options item\n *\n * @example\n * ```tsx\n * <OptionsItemLabel>Option Name</OptionsItemLabel>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemLabel component.\n */\nexport function OptionsItemLabel({ className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)} />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,iBAAiB,EAAE,WAAW,GAAG,QAAmB;AAClE,QACE,oBAAC;EAAK,GAAI;EAAM,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;GAAI"}
+{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/options/item-label.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\nimport { useContext } from 'react';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { ComboBoxStateContext, Text } from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { ReactNode } from 'react';\nimport type { TextProps } from 'react-aria-components';\n\n/**\n * OptionsItemLabel - Primary text label for an options item\n *\n * @example\n * ```tsx\n * <OptionsItemLabel>Option Name</OptionsItemLabel>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered OptionsItemLabel component.\n */\nexport function OptionsItemLabel({ className, children, ...rest }: TextProps) {\n  const comboBoxState = useContext(ComboBoxStateContext);\n  const inputValue = comboBoxState?.inputValue ?? '';\n\n  const highlighted =\n    typeof children === 'string' && inputValue\n      ? highlightMatch(children, inputValue)\n      : children;\n\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)}>\n      {highlighted}\n    </Text>\n  );\n}\n\nfunction highlightMatch(text: string, query: string): ReactNode {\n  const index = text.toLowerCase().indexOf(query.toLowerCase());\n  if (index === -1) {\n    return text;\n  }\n\n  return (\n    <>\n      {text.slice(0, index)}\n      <mark className={styles.highlight}>\n        {text.slice(index, index + query.length)}\n      </mark>\n      {text.slice(index + query.length)}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAgB,iBAAiB,EAAE,WAAW,UAAU,GAAG,QAAmB;CAE5E,MAAM,aADgB,WAAW,qBAAqB,EACpB,cAAc;CAEhD,MAAM,cACJ,OAAO,aAAa,YAAY,aAC5B,eAAe,UAAU,WAAW,GACpC;AAEN,QACE,oBAAC;EAAK,GAAI;EAAM,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;YAClE;GACI;;AAIX,SAAS,eAAe,MAAc,OAA0B;CAC9D,MAAM,QAAQ,KAAK,aAAa,CAAC,QAAQ,MAAM,aAAa,CAAC;AAC7D,KAAI,UAAU,GACZ,QAAO;AAGT,QACE;EACG,KAAK,MAAM,GAAG,MAAM;EACrB,oBAAC;GAAK,WAAW,OAAO;aACrB,KAAK,MAAM,OAAO,QAAQ,MAAM,OAAO;IACnC;EACN,KAAK,MAAM,QAAQ,MAAM,OAAO;KAChC"}

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 
 //#region src/components/options/item.d.ts
 
@@ -43,7 +43,7 @@ declare function OptionsItem<T extends OptionsDataItem>({
   color,
   textValue,
   ...rest
-}: OptionsItemProps<T>): react_jsx_runtime130.JSX.Element;
+}: OptionsItemProps<T>): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { OptionsItem };
 //# sourceMappingURL=item.d.ts.map