@accelint/design-toolkit 9.8.0 → 9.9.0

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_runtime107 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_runtime107.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_runtime104 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_runtime104.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_runtime108 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_runtime108.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 react33 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: react33.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_runtime120 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_runtime120.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_runtime122 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_runtime122.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_runtime121 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_runtime121.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_runtime124 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_runtime124.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_runtime123 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_runtime123.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_runtime129 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_runtime129.JSX.Element;
 //#endregion
 export { MenuSeparator };
 //# sourceMappingURL=separator.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react29 from "react";
+import * as react35 from "react";
 import * as react_aria_components1 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_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react35.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_runtime130 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_runtime130.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_runtime131 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_runtime131.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_runtime132 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_runtime132.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 react36 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: react36.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_runtime133 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_runtime133.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_runtime46 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_runtime46.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_runtime125 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_runtime125.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_runtime126 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_runtime126.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_runtime127 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_runtime127.JSX.Element;
 //#endregion
 export { OptionsItem };
 //# sourceMappingURL=item.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { OptionsDataItem, OptionsSectionProps } from "./types.js";
-import * as react_jsx_runtime131 from "react/jsx-runtime";
+import * as react_jsx_runtime134 from "react/jsx-runtime";
 
 //#region src/components/options/section.d.ts
 
@@ -38,7 +38,7 @@ declare function OptionsSection<T extends OptionsDataItem>({
   classNames,
   header,
   items
-}: OptionsSectionProps<T>): react_jsx_runtime131.JSX.Element;
+}: OptionsSectionProps<T>): react_jsx_runtime134.JSX.Element;
 //#endregion
 export { OptionsSection };
 //# sourceMappingURL=section.d.ts.map

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

@@ -377,6 +377,26 @@
     }
   }
 
+  .highlight {
+    @apply fg-accent-primary-bold bg-transparent;
+
+    @variant group-hover/options-item {
+      color: inherit;
+    }
+
+    @variant group-focus-visible/options-item {
+      color: inherit;
+    }
+
+    @variant group-selected/options-item {
+      color: inherit;
+    }
+
+    @variant group-disabled/options-item {
+      color: inherit;
+    }
+  }
+
   .description {
     @apply fg-primary-muted text-body-xs truncate;
 

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

@@ -12,11 +12,11 @@
 
 import { PaginationContextValue } from "./types.js";
 import "client-only";
-import * as react35 from "react";
+import * as react39 from "react";
 
 //#region src/components/pagination/context.d.ts
 /** Context for sharing pagination state with sub-components */
-declare const PaginationContext: react35.Context<PaginationContextValue>;
+declare const PaginationContext: react39.Context<PaginationContextValue>;
 //#endregion
 export { PaginationContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { PaginationProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime132 from "react/jsx-runtime";
+import * as react_jsx_runtime153 from "react/jsx-runtime";
 
 //#region src/components/pagination/index.d.ts
 
@@ -46,7 +46,7 @@ declare function Pagination({
   isLoading,
   onChange,
   ...rest
-}: PaginationProps): react_jsx_runtime132.JSX.Element;
+}: PaginationProps): react_jsx_runtime153.JSX.Element;
 //#endregion
 export { Pagination };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/pagination/next.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationNextProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime154 from "react/jsx-runtime";
 
 //#region src/components/pagination/next.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime133 from "react/jsx-runtime";
 declare function PaginationNext({
   className,
   onPress
-}: PaginationNextProps): react_jsx_runtime133.JSX.Element;
+}: PaginationNextProps): react_jsx_runtime154.JSX.Element;
 //#endregion
 export { PaginationNext };
 //# sourceMappingURL=next.d.ts.map

package/dist/components/pagination/pages.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationPagesProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime125 from "react/jsx-runtime";
+import * as react_jsx_runtime155 from "react/jsx-runtime";
 
 //#region src/components/pagination/pages.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime125 from "react/jsx-runtime";
 declare function PaginationPages({
   className,
   onPress
-}: PaginationPagesProps): react_jsx_runtime125.JSX.Element[] | null;
+}: PaginationPagesProps): react_jsx_runtime155.JSX.Element[] | null;
 //#endregion
 export { PaginationPages };
 //# sourceMappingURL=pages.d.ts.map

package/dist/components/pagination/prev.d.ts

@@ -12,7 +12,7 @@
 
 import { PaginationPrevProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime156 from "react/jsx-runtime";
 
 //#region src/components/pagination/prev.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime134 from "react/jsx-runtime";
 declare function PaginationPrev({
   className,
   onPress
-}: PaginationPrevProps): react_jsx_runtime134.JSX.Element;
+}: PaginationPrevProps): react_jsx_runtime156.JSX.Element;
 //#endregion
 export { PaginationPrev };
 //# sourceMappingURL=prev.d.ts.map

package/dist/components/popover/content.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime121 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 
 //#region src/components/popover/content.d.ts
 
@@ -36,7 +36,7 @@ import * as react_jsx_runtime121 from "react/jsx-runtime";
 declare function PopoverContent({
   className,
   ...rest
-}: ComponentPropsWithRef<'div'>): react_jsx_runtime121.JSX.Element;
+}: ComponentPropsWithRef<'div'>): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { PopoverContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/popover/footer.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { ComponentPropsWithRef } from "react";
-import * as react_jsx_runtime142 from "react/jsx-runtime";
+import * as react_jsx_runtime141 from "react/jsx-runtime";
 
 //#region src/components/popover/footer.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime142 from "react/jsx-runtime";
 declare function PopoverFooter({
   children,
   className
-}: ComponentPropsWithRef<'footer'>): react_jsx_runtime142.JSX.Element;
+}: ComponentPropsWithRef<'footer'>): react_jsx_runtime141.JSX.Element;
 //#endregion
 export { PopoverFooter };
 //# sourceMappingURL=footer.d.ts.map