@accelint/design-toolkit 9.4.0 → 9.5.0

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

@@ -0,0 +1,122 @@
+/*
+ * 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.
+ */
+
+import { AriaAttributesWithRef } from "../../lib/types.js";
+import { ButtonProps } from "../button/types.js";
+import { ComponentPropsWithRef } from "react";
+
+//#region src/components/media-controls/types.d.ts
+/**
+ * Locked-down button props for media controls.
+ *
+ * Style variants are controlled internally to ensure consistent appearance.
+ */
+type MediaButtonProps = Omit<ButtonProps, 'variant' | 'size' | 'color'>;
+/**
+ * Props for the MediaControls component.
+ */
+type MediaControlsProps = ComponentPropsWithRef<'div'> & {
+  classNames?: {
+    container?: string;
+  };
+  /**
+   * Disables all child controls via context. Individual control isDisabled props take precedence.
+   */
+  isDisabled?: boolean;
+};
+/**
+ * Props for the PlayButton component.
+ */
+type PlayButtonProps = MediaButtonProps;
+/**
+ * Props for the MuteButton component.
+ */
+type MuteButtonProps = MediaButtonProps;
+/**
+ * Props for the SeekButton component.
+ */
+type SeekButtonProps = MediaButtonProps & {
+  /** Direction to seek: 'forward' advances playback, 'backward' rewinds. */
+  direction: 'forward' | 'backward';
+  /**
+   * Number of seconds to seek. Must be a positive finite number.
+   * Invalid values (NaN, Infinity, negative, zero) fall back to default (10).
+   * @default 10
+   */
+  seekOffset?: number;
+};
+/**
+ * Props for the PlaybackRateButton component.
+ */
+type PlaybackRateButtonProps = MediaButtonProps & {
+  /**
+   * Array of playback rates to cycle through.
+   * @default [1, 2, 3]
+   */
+  rates?: number[];
+};
+/**
+ * Base props for div-based media controls.
+ */
+type MediaControlBaseProps = {
+  /** CSS class name for the control container. */
+  className?: string;
+  /**
+   * Disables this specific control. When true, the control is non-interactive.
+   * Component-level isDisabled takes precedence over context-level disabled state.
+   */
+  isDisabled?: boolean;
+};
+/**
+ * Props for the VolumeSlider component.
+ */
+type VolumeSliderProps = MediaControlBaseProps & AriaAttributesWithRef<HTMLDivElement> & {
+  /** Whether to show a "Volume" label above the slider. */
+  showLabel?: boolean;
+};
+/**
+ * Props for the TimeRange component.
+ */
+type TimeRangeProps = MediaControlBaseProps & AriaAttributesWithRef<HTMLDivElement>;
+/**
+ * Time display mode - mutually exclusive options.
+ *
+ * - 'current': Shows current playback time
+ * - 'remaining': Shows remaining time
+ * - 'duration': Shows total duration
+ */
+type TimeDisplayMode = 'current' | 'remaining' | 'duration';
+/**
+ * Props for the TimeDisplay component.
+ */
+type TimeDisplayProps = MediaControlBaseProps & AriaAttributesWithRef<HTMLDivElement> & {
+  /**
+   * Display mode for the time.
+   * - 'current': Shows current playback time (default)
+   * - 'remaining': Shows remaining time
+   * - 'duration': Shows total duration
+   */
+  mode?: TimeDisplayMode;
+  placeholder?: string;
+};
+/**
+ * Context value for MediaControls.
+ *
+ * Provides shared state to all media control children.
+ */
+type MediaControlsContextValue = {
+  /** Whether controls are disabled. */
+  isDisabled: boolean;
+};
+//#endregion
+export { MediaControlsContextValue, MediaControlsProps, MuteButtonProps, PlayButtonProps, PlaybackRateButtonProps, SeekButtonProps, TimeDisplayMode, TimeDisplayProps, TimeRangeProps, VolumeSliderProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/media-controls/types.js

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

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

@@ -0,0 +1,54 @@
+/*
+ * 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.
+ */
+
+import { VolumeSliderProps } from "./types.js";
+import "client-only";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+
+//#region src/components/media-controls/volume-slider.d.ts
+
+/**
+ * A media control slider for adjusting volume.
+ *
+ * Wraps media-chrome's MediaVolumeRange component with DTK styling.
+ * Integrates automatically with the media store for volume control.
+ *
+ * @param props - The slider props.
+ * @param props.className - CSS class name for the slider container.
+ * @param props.showLabel - Whether to show a "Volume" label.
+ * @param props.isDisabled - Whether the slider is disabled.
+ * @param props.ref - Ref to the container element.
+ * @returns The rendered volume slider.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage within MediaProvider
+ * <MediaProvider>
+ *   <VolumeSlider />
+ * </MediaProvider>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With visible label
+ * <VolumeSlider showLabel />
+ * ```
+ */
+declare function VolumeSlider({
+  className,
+  showLabel,
+  isDisabled: isDisabledProp,
+  ref
+}: VolumeSliderProps): react_jsx_runtime72.JSX.Element;
+//#endregion
+export { VolumeSlider };
+//# sourceMappingURL=volume-slider.d.ts.map

package/dist/components/media-controls/volume-slider.js

@@ -0,0 +1,70 @@
+/*
+ * 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 { useMediaControlsDisabled } from "./context.js";
+import "client-only";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MediaVolumeRange } from "media-chrome/react";
+import styles from "./styles.module.css";
+
+//#region src/components/media-controls/volume-slider.tsx
+/**
+* A media control slider for adjusting volume.
+*
+* Wraps media-chrome's MediaVolumeRange component with DTK styling.
+* Integrates automatically with the media store for volume control.
+*
+* @param props - The slider props.
+* @param props.className - CSS class name for the slider container.
+* @param props.showLabel - Whether to show a "Volume" label.
+* @param props.isDisabled - Whether the slider is disabled.
+* @param props.ref - Ref to the container element.
+* @returns The rendered volume slider.
+*
+* @example
+* ```tsx
+* // Basic usage within MediaProvider
+* <MediaProvider>
+*   <VolumeSlider />
+* </MediaProvider>
+* ```
+*
+* @example
+* ```tsx
+* // With visible label
+* <VolumeSlider showLabel />
+* ```
+*/
+function VolumeSlider({ className, showLabel = false, isDisabled: isDisabledProp, ref }) {
+	const isDisabled = useMediaControlsDisabled(isDisabledProp);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: clsx(styles.volumeSlider, className),
+		"data-disabled": isDisabled || void 0,
+		children: [showLabel && /* @__PURE__ */ jsx("span", {
+			className: styles.volumeLabel,
+			children: "Volume"
+		}), /* @__PURE__ */ jsx(MediaVolumeRange, {
+			className: styles.volumeRange,
+			"aria-label": "Volume",
+			disabled: isDisabled || void 0
+		})]
+	});
+}
+
+//#endregion
+export { VolumeSlider };
+//# sourceMappingURL=volume-slider.js.map

package/dist/components/media-controls/volume-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"volume-slider.js","names":[],"sources":["../../../src/components/media-controls/volume-slider.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'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { MediaVolumeRange } from 'media-chrome/react';\nimport { useMediaControlsDisabled } from './context';\nimport styles from './styles.module.css';\nimport type { VolumeSliderProps } from './types';\n\n/**\n * A media control slider for adjusting volume.\n *\n * Wraps media-chrome's MediaVolumeRange component with DTK styling.\n * Integrates automatically with the media store for volume control.\n *\n * @param props - The slider props.\n * @param props.className - CSS class name for the slider container.\n * @param props.showLabel - Whether to show a \"Volume\" label.\n * @param props.isDisabled - Whether the slider is disabled.\n * @param props.ref - Ref to the container element.\n * @returns The rendered volume slider.\n *\n * @example\n * ```tsx\n * // Basic usage within MediaProvider\n * <MediaProvider>\n *   <VolumeSlider />\n * </MediaProvider>\n * ```\n *\n * @example\n * ```tsx\n * // With visible label\n * <VolumeSlider showLabel />\n * ```\n */\nexport function VolumeSlider({\n  className,\n  showLabel = false,\n  isDisabled: isDisabledProp,\n  ref,\n}: VolumeSliderProps) {\n  const isDisabled = useMediaControlsDisabled(isDisabledProp);\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.volumeSlider, className)}\n      data-disabled={isDisabled || undefined}\n    >\n      {showLabel && <span className={styles.volumeLabel}>Volume</span>}\n      <MediaVolumeRange\n        className={styles.volumeRange}\n        aria-label='Volume'\n        // @ts-expect-error - disabled prop is supported by the underlying web component but not in media-chrome's TypeScript types\n\n        disabled={isDisabled || undefined}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,aAAa,EAC3B,WACA,YAAY,OACZ,YAAY,gBACZ,OACoB;CACpB,MAAM,aAAa,yBAAyB,eAAe;AAE3D,QACE,qBAAC;EACM;EACL,WAAW,KAAK,OAAO,cAAc,UAAU;EAC/C,iBAAe,cAAc;aAE5B,aAAa,oBAAC;GAAK,WAAW,OAAO;aAAa;IAAa,EAChE,oBAAC;GACC,WAAW,OAAO;GAClB,cAAW;GAGX,UAAU,cAAc;IACxB;GACE"}

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

@@ -12,7 +12,7 @@
 
 import { MenuProps as MenuProps$1 } from "./types.js";
 import "client-only";
-import * as react33 from "react";
+import * as react14 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: react33.Context<ContextValue<MenuProps$1<unknown>, HTMLDivElement>>;
+declare const MenuContext: react14.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_runtime180 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/menu/index.d.ts
 
@@ -126,7 +126,7 @@ import * as react_jsx_runtime180 from "react/jsx-runtime";
 declare function Menu<T extends object>({
   ref,
   ...props
-}: MenuProps<T>): react_jsx_runtime180.JSX.Element;
+}: MenuProps<T>): react_jsx_runtime74.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_runtime134 from "react/jsx-runtime";
+import * as react_jsx_runtime73 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_runtime134.JSX.Element;
+}: TextProps): react_jsx_runtime73.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_runtime183 from "react/jsx-runtime";
+import * as react_jsx_runtime76 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_runtime183.JSX.Element;
+}: TextProps): react_jsx_runtime76.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_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 
 //#region src/components/menu/item.d.ts
 
@@ -41,7 +41,7 @@ declare function MenuItem({
   classNames,
   color,
   ...rest
-}: MenuItemProps): react_jsx_runtime130.JSX.Element;
+}: MenuItemProps): react_jsx_runtime77.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_runtime143 from "react/jsx-runtime";
+import * as react_jsx_runtime80 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_runtime143.JSX.Element;
+}: MenuSectionProps<T>): react_jsx_runtime80.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_runtime189 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 
 //#region src/components/menu/separator.d.ts
 /**
@@ -32,7 +32,7 @@ import * as react_jsx_runtime189 from "react/jsx-runtime";
 declare function MenuSeparator({
   className,
   ...rest
-}: SeparatorProps): react_jsx_runtime189.JSX.Element;
+}: SeparatorProps): react_jsx_runtime79.JSX.Element;
 //#endregion
 export { MenuSeparator };
 //# sourceMappingURL=separator.d.ts.map

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

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .menu {
-    @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto p-px outline;
+    @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto p-px outline select-none;
   }
 
   .item {

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react44 from "react";
+import * as react18 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>) => react44.ReactElement | null;
+declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react18.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_runtime186 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
 
 //#region src/components/notice/index.d.ts
 
@@ -61,7 +61,7 @@ declare function Notice({
   onPrimaryAction,
   onSecondaryAction,
   onClose
-}: NoticeProps): react_jsx_runtime186.JSX.Element;
+}: NoticeProps): react_jsx_runtime64.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_runtime187 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/notice/list.d.ts
 
@@ -55,7 +55,7 @@ declare function NoticeList({
   placement,
   size,
   ...rest
-}: NoticeListProps): react_jsx_runtime187.JSX.Element;
+}: NoticeListProps): react_jsx_runtime65.JSX.Element;
 //#endregion
 export { NoticeList };
 //# sourceMappingURL=list.d.ts.map

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

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

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

@@ -12,12 +12,12 @@
 
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react47 from "react";
+import * as react33 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: react47.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
+declare const OptionsContext: react33.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_runtime101 from "react/jsx-runtime";
+import * as react_jsx_runtime135 from "react/jsx-runtime";
 
 //#region src/components/options/index.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime101 from "react/jsx-runtime";
 declare function Options<T extends OptionsDataItem>({
   ref,
   ...props
-}: OptionsProps<T>): react_jsx_runtime101.JSX.Element;
+}: OptionsProps<T>): react_jsx_runtime135.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_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 
 //#region src/components/options/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime102 from "react/jsx-runtime";
 declare function OptionsItemContent({
   className,
   ...rest
-}: TextProps): react_jsx_runtime102.JSX.Element;
+}: TextProps): react_jsx_runtime125.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_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
 
 //#region src/components/options/item-description.d.ts
 /**
@@ -29,7 +29,7 @@ import * as react_jsx_runtime104 from "react/jsx-runtime";
 declare function OptionsItemDescription({
   className,
   ...rest
-}: TextProps): react_jsx_runtime104.JSX.Element;
+}: TextProps): react_jsx_runtime126.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_runtime103 from "react/jsx-runtime";
+import * as react_jsx_runtime129 from "react/jsx-runtime";
 
 //#region src/components/options/item-label.d.ts
 /**
@@ -29,7 +29,7 @@ import * as react_jsx_runtime103 from "react/jsx-runtime";
 declare function OptionsItemLabel({
   className,
   ...rest
-}: TextProps): react_jsx_runtime103.JSX.Element;
+}: TextProps): react_jsx_runtime129.JSX.Element;
 //#endregion
 export { OptionsItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime105 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_runtime105.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_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime128 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_runtime106.JSX.Element;
+}: OptionsSectionProps<T>): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { OptionsSection };
 //# sourceMappingURL=section.d.ts.map

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

@@ -14,7 +14,7 @@
 
 @layer components.l1 {
   .list {
-    @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto outline;
+    @apply rounded-medium bg-surface-overlay shadow-elevation-overlay outline-static overflow-x-clip overflow-y-auto outline select-none;
     max-height: 200px;
   }
 

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

@@ -12,11 +12,11 @@
 
 import { PaginationContextValue } from "./types.js";
 import "client-only";
-import * as react30 from "react";
+import * as react34 from "react";
 
 //#region src/components/pagination/context.d.ts
 /** Context for sharing pagination state with sub-components */
-declare const PaginationContext: react30.Context<PaginationContextValue>;
+declare const PaginationContext: react34.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_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 
 //#region src/components/pagination/index.d.ts
 
@@ -46,7 +46,7 @@ declare function Pagination({
   isLoading,
   onChange,
   ...rest
-}: PaginationProps): react_jsx_runtime107.JSX.Element;
+}: PaginationProps): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { Pagination };
 //# sourceMappingURL=index.d.ts.map