@skdx/react 0.27.0 → 0.29.0

package/dist/scroll-area/ScrollAreaCorner.d.ts

@@ -1,12 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { ScrollAreaCornerProps } from './types.js';
 /**
- * The small square filling the gap where a vertical and horizontal
- * `ScrollAreaScrollbar` meet. Renders `<div data-skdx-scroll-area-corner>`,
- * or `null` when both scrollbars aren't simultaneously enabled — unless
- * `forceMount` is set, which is what an always-visible scrollbar pair
- * (`forceMount` on both `ScrollAreaScrollbar`s) needs to avoid an unfilled
- * notch where they meet.
+ * Corner square where scrollbars meet, rendered only when both are enabled or `forceMount` is set.
  *
  * @example
  * ```tsx
@@ -18,4 +13,7 @@ import type { ScrollAreaCornerProps } from './types.js';
  * </ScrollArea>
  * ```
  */
-export declare const ScrollAreaCorner: React.ForwardRefExoticComponent<Omit<ScrollAreaCornerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaCorner: {
+    ({ forceMount, ref: forwardedRef, ...props }: ScrollAreaCornerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/ScrollAreaScrollbar.d.cts

@@ -3,12 +3,7 @@ import type { ScrollAreaScrollbarProps } from './types.cjs';
 /** @internal Provides the current scrollbar's axis to descendant parts (e.g. `ScrollAreaThumb`). */
 export declare const ScrollbarOrientationContext: React.Context<"horizontal" | "vertical">;
 /**
- * A scrollbar track for one axis. Renders `<div data-skdx-scroll-area-scrollbar>`
- * with `data-orientation` (`'vertical'` | `'horizontal'`) and `data-state`
- * (`'visible'` | `'hidden'`, driven by the parent `ScrollArea`'s `type`).
- * Returns `null` when that axis doesn't overflow, unless `forceMount` is set.
- * Clicking the track (not the thumb) pages the viewport by one client size
- * towards the click.
+ * Scrollbar track for one axis, hidden when that axis doesn't overflow unless `forceMount` or `type="always"`.
  *
  * @example
  * ```tsx
@@ -17,4 +12,7 @@ export declare const ScrollbarOrientationContext: React.Context<"horizontal" | "
  * </ScrollAreaScrollbar>
  * ```
  */
-export declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: {
+    ({ orientation, forceMount, ref: forwardedRef, ...props }: ScrollAreaScrollbarProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/ScrollAreaScrollbar.d.ts

@@ -3,12 +3,7 @@ import type { ScrollAreaScrollbarProps } from './types.js';
 /** @internal Provides the current scrollbar's axis to descendant parts (e.g. `ScrollAreaThumb`). */
 export declare const ScrollbarOrientationContext: React.Context<"horizontal" | "vertical">;
 /**
- * A scrollbar track for one axis. Renders `<div data-skdx-scroll-area-scrollbar>`
- * with `data-orientation` (`'vertical'` | `'horizontal'`) and `data-state`
- * (`'visible'` | `'hidden'`, driven by the parent `ScrollArea`'s `type`).
- * Returns `null` when that axis doesn't overflow, unless `forceMount` is set.
- * Clicking the track (not the thumb) pages the viewport by one client size
- * towards the click.
+ * Scrollbar track for one axis, hidden when that axis doesn't overflow unless `forceMount` or `type="always"`.
  *
  * @example
  * ```tsx
@@ -17,4 +12,7 @@ export declare const ScrollbarOrientationContext: React.Context<"horizontal" | "
  * </ScrollAreaScrollbar>
  * ```
  */
-export declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaScrollbar: {
+    ({ orientation, forceMount, ref: forwardedRef, ...props }: ScrollAreaScrollbarProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/ScrollAreaThumb.d.cts

@@ -1,11 +1,7 @@
 import * as React from 'react';
 import type { ScrollAreaThumbProps } from './types.cjs';
 /**
- * The draggable handle inside a {@link ScrollAreaScrollbar}, sized and
- * positioned as a percentage of its track to match the viewport's visible
- * fraction and scroll offset. Renders `<div data-skdx-scroll-area-thumb>`
- * with `data-orientation` inherited from the enclosing scrollbar. Dragging it
- * (pointer capture-based) scrolls the viewport proportionally along that axis.
+ * Draggable handle within a {@link ScrollAreaScrollbar} that scrolls the viewport proportionally when dragged.
  *
  * @example
  * ```tsx
@@ -14,4 +10,7 @@ import type { ScrollAreaThumbProps } from './types.cjs';
  * </ScrollAreaScrollbar>
  * ```
  */
-export declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<ScrollAreaThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaThumb: {
+    ({ style, ref: forwardedRef, ...props }: ScrollAreaThumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/ScrollAreaThumb.d.ts

@@ -1,11 +1,7 @@
 import * as React from 'react';
 import type { ScrollAreaThumbProps } from './types.js';
 /**
- * The draggable handle inside a {@link ScrollAreaScrollbar}, sized and
- * positioned as a percentage of its track to match the viewport's visible
- * fraction and scroll offset. Renders `<div data-skdx-scroll-area-thumb>`
- * with `data-orientation` inherited from the enclosing scrollbar. Dragging it
- * (pointer capture-based) scrolls the viewport proportionally along that axis.
+ * Draggable handle within a {@link ScrollAreaScrollbar} that scrolls the viewport proportionally when dragged.
  *
  * @example
  * ```tsx
@@ -14,4 +10,7 @@ import type { ScrollAreaThumbProps } from './types.js';
  * </ScrollAreaScrollbar>
  * ```
  */
-export declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<ScrollAreaThumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaThumb: {
+    ({ style, ref: forwardedRef, ...props }: ScrollAreaThumbProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/ScrollAreaViewport.d.cts

@@ -1,19 +1,16 @@
 import * as React from 'react';
 import type { ScrollAreaViewportProps } from './types.cjs';
 /**
- * The natively-scrollable region (`overflow: auto`) that renders `children`.
- * Wraps them in an inner `<div data-skdx-scroll-area-content>` used to measure
- * content size, and watches both elements with a `ResizeObserver` to keep
- * `ScrollArea`'s scrollbar-enabled flags current. Sets `data-skdx-scroll-area-viewport`
- * on the scrollable element and flips {@link ScrollAreaContextValue.scrolling}
- * true for the root's `scrollHideDelay` (600ms by default) after each scroll
- * event (used to drive `type="scroll"` visibility).
+ * Native scrollable region with `overflow: auto`, watched by `ResizeObserver` and tabbable for arrow-key scrolling.
  *
  * @example
  * ```tsx
  * <ScrollArea>
- *   <ScrollAreaViewport>{children}</ScrollAreaViewport>
+ *   <ScrollAreaViewport aria-label="Release notes">{children}</ScrollAreaViewport>
  * </ScrollArea>
  * ```
  */
-export declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<ScrollAreaViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaViewport: {
+    ({ children, style, contentProps, role, ref: forwardedRef, ...props }: ScrollAreaViewportProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/ScrollAreaViewport.d.ts

@@ -1,19 +1,16 @@
 import * as React from 'react';
 import type { ScrollAreaViewportProps } from './types.js';
 /**
- * The natively-scrollable region (`overflow: auto`) that renders `children`.
- * Wraps them in an inner `<div data-skdx-scroll-area-content>` used to measure
- * content size, and watches both elements with a `ResizeObserver` to keep
- * `ScrollArea`'s scrollbar-enabled flags current. Sets `data-skdx-scroll-area-viewport`
- * on the scrollable element and flips {@link ScrollAreaContextValue.scrolling}
- * true for the root's `scrollHideDelay` (600ms by default) after each scroll
- * event (used to drive `type="scroll"` visibility).
+ * Native scrollable region with `overflow: auto`, watched by `ResizeObserver` and tabbable for arrow-key scrolling.
  *
  * @example
  * ```tsx
  * <ScrollArea>
- *   <ScrollAreaViewport>{children}</ScrollAreaViewport>
+ *   <ScrollAreaViewport aria-label="Release notes">{children}</ScrollAreaViewport>
  * </ScrollArea>
  * ```
  */
-export declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<ScrollAreaViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollAreaViewport: {
+    ({ children, style, contentProps, role, ref: forwardedRef, ...props }: ScrollAreaViewportProps): React.ReactNode;
+    displayName: string;
+};

package/dist/scroll-area/index.d.cts

@@ -1,6 +1,2 @@
-export * from './ScrollArea.cjs';
-export { ScrollAreaViewport } from './ScrollAreaViewport.cjs';
-export { ScrollAreaScrollbar } from './ScrollAreaScrollbar.cjs';
-export { ScrollAreaThumb } from './ScrollAreaThumb.cjs';
-export { ScrollAreaCorner } from './ScrollAreaCorner.cjs';
-export type { ScrollAreaProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './types.cjs';
+export { ScrollArea, useScrollAreaContext } from './ScrollArea.cjs';
+export type { ScrollAreaProps, ScrollAreaOverflow, ScrollAreaScrollPosition, ScrollAreaScrollToOptions, } from './types.cjs';

package/dist/scroll-area/index.d.ts

@@ -1,6 +1,2 @@
-export * from './ScrollArea.js';
-export { ScrollAreaViewport } from './ScrollAreaViewport.js';
-export { ScrollAreaScrollbar } from './ScrollAreaScrollbar.js';
-export { ScrollAreaThumb } from './ScrollAreaThumb.js';
-export { ScrollAreaCorner } from './ScrollAreaCorner.js';
-export type { ScrollAreaProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './types.js';
+export { ScrollArea, useScrollAreaContext } from './ScrollArea.js';
+export type { ScrollAreaProps, ScrollAreaOverflow, ScrollAreaScrollPosition, ScrollAreaScrollToOptions, } from './types.js';

package/dist/scroll-area/primitives.d.cts

@@ -0,0 +1,22 @@
+/**
+ * Advanced primitives for `ScrollArea` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from '@skdx/react/primitives/scroll-area';
+ *
+ * <ScrollAreaRoot style={{ height: 200 }}>
+ *   <ScrollAreaViewport aria-label="Release notes">Long content…</ScrollAreaViewport>
+ *   <ScrollAreaScrollbar orientation="vertical">
+ *     <ScrollAreaThumb />
+ *   </ScrollAreaScrollbar>
+ *   <ScrollAreaCorner />
+ * </ScrollAreaRoot>
+ * ```
+ */
+export { ScrollAreaRoot } from './ScrollArea.cjs';
+export { ScrollAreaViewport } from './ScrollAreaViewport.cjs';
+export { ScrollAreaScrollbar } from './ScrollAreaScrollbar.cjs';
+export { ScrollAreaThumb } from './ScrollAreaThumb.cjs';
+export { ScrollAreaCorner } from './ScrollAreaCorner.cjs';
+export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './types.cjs';

package/dist/scroll-area/primitives.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Advanced primitives for `ScrollArea` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from '@skdx/react/primitives/scroll-area';
+ *
+ * <ScrollAreaRoot style={{ height: 200 }}>
+ *   <ScrollAreaViewport aria-label="Release notes">Long content…</ScrollAreaViewport>
+ *   <ScrollAreaScrollbar orientation="vertical">
+ *     <ScrollAreaThumb />
+ *   </ScrollAreaScrollbar>
+ *   <ScrollAreaCorner />
+ * </ScrollAreaRoot>
+ * ```
+ */
+export { ScrollAreaRoot } from './ScrollArea.js';
+export { ScrollAreaViewport } from './ScrollAreaViewport.js';
+export { ScrollAreaScrollbar } from './ScrollAreaScrollbar.js';
+export { ScrollAreaThumb } from './ScrollAreaThumb.js';
+export { ScrollAreaCorner } from './ScrollAreaCorner.js';
+export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './types.js';

package/dist/scroll-area/types.d.cts

@@ -2,7 +2,18 @@ import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 /** Controls when the custom {@link ScrollAreaScrollbar} is shown, mirroring the CSS `overflow` keywords. */
 export type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll';
-/** @internal Shared state distributed from {@link ScrollArea} to its parts via context. Not part of the public API. */
+/**
+ * Overflow state published as `data-overflow-x`/`data-overflow-y` on root; logical (RTL-aware) values.
+ */
+export type ScrollAreaOverflow = 'none' | 'start' | 'end' | 'both';
+/** The scroll position a ScrollArea reports through `onScrollPositionChange`. */
+export interface ScrollAreaScrollPosition {
+    /** The viewport's `scrollLeft`. Negative in an RTL scroll container, exactly as the platform reports it. */
+    x: number;
+    /** The viewport's `scrollTop`. */
+    y: number;
+}
+/** @internal Shared state distributed from {@link ScrollArea} to its parts via context. */
 export interface ScrollAreaContextValue {
     type: ScrollAreaType;
     viewportRef: React.RefObject<HTMLDivElement | null>;
@@ -15,39 +26,67 @@ export interface ScrollAreaContextValue {
     scrolling: boolean;
     setScrolling: (scrolling: boolean) => void;
     scrollHideDelay: number;
+    /** Reports a new scroll position from the Viewport to the root, which forwards it to `onScrollPositionChange`. */
+    reportScrollPosition: (position: ScrollAreaScrollPosition, overflow: {
+        x: ScrollAreaOverflow;
+        y: ScrollAreaOverflow;
+    }) => void;
+    /** Scroll the Viewport programmatically. */
+    scrollTo: (options: ScrollAreaScrollToOptions) => void;
+}
+/** Options for the ScrollArea's `scrollTo` method — the subset of `ScrollToOptions` that makes sense here. */
+export interface ScrollAreaScrollToOptions {
+    /** Target `scrollTop`. Omit to leave the block axis where it is. */
+    top?: number | undefined;
+    /** Target `scrollLeft`. Omit to leave the inline axis where it is. */
+    left?: number | undefined;
+    /**
+     * Whether to animate the scroll.
+     * @default 'auto'
+     */
+    behavior?: 'auto' | 'smooth' | undefined;
 }
-/** Props for the {@link ScrollArea} root. */
-export interface ScrollAreaProps extends PrimitivePropsWithRef<'div'> {
+/** Props for {@link ScrollAreaRoot}: {@link ScrollAreaProps} minus the derived-anatomy-only `scrollbars`. */
+export interface ScrollAreaRootProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Mirrors the CSS `overflow` keywords; drives `data-state` (`'visible'` /
-     * `'hidden'`) on {@link ScrollAreaScrollbar} for brand-layer styling.
-     * `'hover'` shows the scrollbar while the pointer is over the area,
-     * `'scroll'` while hovering or actively scrolling, `'always'` shows it
-     * unconditionally, `'auto'` also shows it unconditionally (native overflow
-     * behavior is left to consumer CSS).
+     * When to show scrollbar. `'hover'` while pointer over, `'scroll'` while scrolling,
+     * `'always'` visible, `'auto'` visible only when overflowing.
      * @default 'hover'
      */
-    type?: ScrollAreaType;
+    type?: ScrollAreaType | undefined;
     /**
-     * How long, in milliseconds, the scrollbar stays visible after scrolling
-     * stops when `type="scroll"`. Only `'scroll'` reads it — `'hover'` is driven
-     * by the pointer, and `'always'`/`'auto'` never hide.
+     * How long, in milliseconds, the scrollbar stays visible after scrolling stops when `type="scroll"`.
      * @default 600
      */
-    scrollHideDelay?: number;
+    scrollHideDelay?: number | undefined;
+    /**
+     * Fires with viewport `{ x, y }` offsets on every scroll tick; `x` is raw `scrollLeft` (negative in RTL).
+     * @default undefined — no-op if omitted.
+     */
+    onScrollPositionChange?: ((position: ScrollAreaScrollPosition) => void) | undefined;
+    /**
+     * Size rung the skin scales the scrollbars by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+}
+/**
+ * Props for the {@link ScrollArea} recipe, whose `children` render inside a derived `ScrollAreaViewport`.
+ */
+export interface ScrollAreaProps extends ScrollAreaRootProps {
+    /**
+     * Which derived scrollbar tracks to render.
+     * @default 'both'
+     */
+    scrollbars?: 'vertical' | 'horizontal' | 'both' | undefined;
 }
 /** Props for {@link ScrollAreaViewport}, the natively-scrollable region that renders the content. */
 export interface ScrollAreaViewportProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Props for the internal `data-skdx-scroll-area-content` wrapper the children
-     * are measured through — `className`, `style`, `ref`, anything else. Its
-     * `min-width: 100%; display: table` measurement defaults are merged, not
-     * replaced, so yours win: `contentProps={{ style: { display: 'block' } }}`
-     * opts out of the table layout model (at the cost of horizontal overflow
-     * detection, which is what `display: table` is there for).
+     * Props for the internal content wrapper the children are measured through; merged with, not replacing, its measurement defaults.
      * @default undefined
      */
-    contentProps?: React.ComponentPropsWithRef<'div'>;
+    contentProps?: React.ComponentPropsWithRef<'div'> | undefined;
 }
 /** Props for a {@link ScrollAreaScrollbar}, the custom scrollbar track along one axis. */
 export interface ScrollAreaScrollbarProps extends PrimitivePropsWithRef<'div'> {
@@ -55,12 +94,12 @@ export interface ScrollAreaScrollbarProps extends PrimitivePropsWithRef<'div'> {
      * Which scroll axis this scrollbar controls.
      * @default 'vertical'
      */
-    orientation?: 'vertical' | 'horizontal';
+    orientation?: 'vertical' | 'horizontal' | undefined;
     /**
      * Render even when the content doesn't overflow in this axis.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
 /** Props for the {@link ScrollAreaThumb}, the draggable handle inside a {@link ScrollAreaScrollbar}. */
 export interface ScrollAreaThumbProps extends PrimitivePropsWithRef<'div'> {
@@ -68,12 +107,8 @@ export interface ScrollAreaThumbProps extends PrimitivePropsWithRef<'div'> {
 /** Props for the {@link ScrollAreaCorner}, the filler square where horizontal and vertical scrollbars meet. */
 export interface ScrollAreaCornerProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Render even when the content doesn't overflow in both axes. Pair it with
-     * `forceMount` on both {@link ScrollAreaScrollbar}s: an always-visible
-     * scrollbar pair otherwise leaves an unfilled notch where they meet, because
-     * the corner's own render condition is overflow rather than what the
-     * scrollbars did.
+     * Render even when the content doesn't overflow in both axes; pair with `forceMount` on both {@link ScrollAreaScrollbar}s to avoid an unfilled notch.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }

package/dist/scroll-area/types.d.ts

@@ -2,7 +2,18 @@ import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /** Controls when the custom {@link ScrollAreaScrollbar} is shown, mirroring the CSS `overflow` keywords. */
 export type ScrollAreaType = 'auto' | 'always' | 'hover' | 'scroll';
-/** @internal Shared state distributed from {@link ScrollArea} to its parts via context. Not part of the public API. */
+/**
+ * Overflow state published as `data-overflow-x`/`data-overflow-y` on root; logical (RTL-aware) values.
+ */
+export type ScrollAreaOverflow = 'none' | 'start' | 'end' | 'both';
+/** The scroll position a ScrollArea reports through `onScrollPositionChange`. */
+export interface ScrollAreaScrollPosition {
+    /** The viewport's `scrollLeft`. Negative in an RTL scroll container, exactly as the platform reports it. */
+    x: number;
+    /** The viewport's `scrollTop`. */
+    y: number;
+}
+/** @internal Shared state distributed from {@link ScrollArea} to its parts via context. */
 export interface ScrollAreaContextValue {
     type: ScrollAreaType;
     viewportRef: React.RefObject<HTMLDivElement | null>;
@@ -15,39 +26,67 @@ export interface ScrollAreaContextValue {
     scrolling: boolean;
     setScrolling: (scrolling: boolean) => void;
     scrollHideDelay: number;
+    /** Reports a new scroll position from the Viewport to the root, which forwards it to `onScrollPositionChange`. */
+    reportScrollPosition: (position: ScrollAreaScrollPosition, overflow: {
+        x: ScrollAreaOverflow;
+        y: ScrollAreaOverflow;
+    }) => void;
+    /** Scroll the Viewport programmatically. */
+    scrollTo: (options: ScrollAreaScrollToOptions) => void;
+}
+/** Options for the ScrollArea's `scrollTo` method — the subset of `ScrollToOptions` that makes sense here. */
+export interface ScrollAreaScrollToOptions {
+    /** Target `scrollTop`. Omit to leave the block axis where it is. */
+    top?: number | undefined;
+    /** Target `scrollLeft`. Omit to leave the inline axis where it is. */
+    left?: number | undefined;
+    /**
+     * Whether to animate the scroll.
+     * @default 'auto'
+     */
+    behavior?: 'auto' | 'smooth' | undefined;
 }
-/** Props for the {@link ScrollArea} root. */
-export interface ScrollAreaProps extends PrimitivePropsWithRef<'div'> {
+/** Props for {@link ScrollAreaRoot}: {@link ScrollAreaProps} minus the derived-anatomy-only `scrollbars`. */
+export interface ScrollAreaRootProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Mirrors the CSS `overflow` keywords; drives `data-state` (`'visible'` /
-     * `'hidden'`) on {@link ScrollAreaScrollbar} for brand-layer styling.
-     * `'hover'` shows the scrollbar while the pointer is over the area,
-     * `'scroll'` while hovering or actively scrolling, `'always'` shows it
-     * unconditionally, `'auto'` also shows it unconditionally (native overflow
-     * behavior is left to consumer CSS).
+     * When to show scrollbar. `'hover'` while pointer over, `'scroll'` while scrolling,
+     * `'always'` visible, `'auto'` visible only when overflowing.
      * @default 'hover'
      */
-    type?: ScrollAreaType;
+    type?: ScrollAreaType | undefined;
     /**
-     * How long, in milliseconds, the scrollbar stays visible after scrolling
-     * stops when `type="scroll"`. Only `'scroll'` reads it — `'hover'` is driven
-     * by the pointer, and `'always'`/`'auto'` never hide.
+     * How long, in milliseconds, the scrollbar stays visible after scrolling stops when `type="scroll"`.
      * @default 600
      */
-    scrollHideDelay?: number;
+    scrollHideDelay?: number | undefined;
+    /**
+     * Fires with viewport `{ x, y }` offsets on every scroll tick; `x` is raw `scrollLeft` (negative in RTL).
+     * @default undefined — no-op if omitted.
+     */
+    onScrollPositionChange?: ((position: ScrollAreaScrollPosition) => void) | undefined;
+    /**
+     * Size rung the skin scales the scrollbars by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+}
+/**
+ * Props for the {@link ScrollArea} recipe, whose `children` render inside a derived `ScrollAreaViewport`.
+ */
+export interface ScrollAreaProps extends ScrollAreaRootProps {
+    /**
+     * Which derived scrollbar tracks to render.
+     * @default 'both'
+     */
+    scrollbars?: 'vertical' | 'horizontal' | 'both' | undefined;
 }
 /** Props for {@link ScrollAreaViewport}, the natively-scrollable region that renders the content. */
 export interface ScrollAreaViewportProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Props for the internal `data-skdx-scroll-area-content` wrapper the children
-     * are measured through — `className`, `style`, `ref`, anything else. Its
-     * `min-width: 100%; display: table` measurement defaults are merged, not
-     * replaced, so yours win: `contentProps={{ style: { display: 'block' } }}`
-     * opts out of the table layout model (at the cost of horizontal overflow
-     * detection, which is what `display: table` is there for).
+     * Props for the internal content wrapper the children are measured through; merged with, not replacing, its measurement defaults.
      * @default undefined
      */
-    contentProps?: React.ComponentPropsWithRef<'div'>;
+    contentProps?: React.ComponentPropsWithRef<'div'> | undefined;
 }
 /** Props for a {@link ScrollAreaScrollbar}, the custom scrollbar track along one axis. */
 export interface ScrollAreaScrollbarProps extends PrimitivePropsWithRef<'div'> {
@@ -55,12 +94,12 @@ export interface ScrollAreaScrollbarProps extends PrimitivePropsWithRef<'div'> {
      * Which scroll axis this scrollbar controls.
      * @default 'vertical'
      */
-    orientation?: 'vertical' | 'horizontal';
+    orientation?: 'vertical' | 'horizontal' | undefined;
     /**
      * Render even when the content doesn't overflow in this axis.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
 /** Props for the {@link ScrollAreaThumb}, the draggable handle inside a {@link ScrollAreaScrollbar}. */
 export interface ScrollAreaThumbProps extends PrimitivePropsWithRef<'div'> {
@@ -68,12 +107,8 @@ export interface ScrollAreaThumbProps extends PrimitivePropsWithRef<'div'> {
 /** Props for the {@link ScrollAreaCorner}, the filler square where horizontal and vertical scrollbars meet. */
 export interface ScrollAreaCornerProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Render even when the content doesn't overflow in both axes. Pair it with
-     * `forceMount` on both {@link ScrollAreaScrollbar}s: an always-visible
-     * scrollbar pair otherwise leaves an unfilled notch where they meet, because
-     * the corner's own render condition is overflow rather than what the
-     * scrollbars did.
+     * Render even when the content doesn't overflow in both axes; pair with `forceMount` on both {@link ScrollAreaScrollbar}s to avoid an unfilled notch.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }

package/dist/select/Select.cjs

@@ -1 +1,2 @@
-"use strict";var pt=Object.create;var w=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var ft=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,ut=Object.prototype.hasOwnProperty;var St=(e,o)=>{for(var t in o)w(e,t,{get:o[t],enumerable:!0})},te=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of ft(o))!ut.call(e,l)&&l!==t&&w(e,l,{get:()=>o[l],enumerable:!(r=mt(o,l))||r.enumerable});return e};var u=(e,o,t)=>(t=e!=null?pt(dt(e)):{},te(o||!e||!e.__esModule?w(t,"default",{value:e,enumerable:!0}):t,e)),Pt=e=>te(w({},"__esModule",{value:!0}),e);var yt={};St(yt,{Select:()=>se,SelectContent:()=>U,SelectGroup:()=>X,SelectIcon:()=>F,SelectItem:()=>z,SelectItemIndicator:()=>Q,SelectItemText:()=>J,SelectLabel:()=>Y,SelectPortal:()=>B,SelectProvider:()=>ie,SelectSeparator:()=>Z,SelectTrigger:()=>q,SelectValue:()=>G,SelectViewport:()=>W,useSelectContext:()=>S});module.exports=Pt(yt);var s=u(require("react"),1),oe=require("../utils/createContext.cjs"),E=require("../utils/formControl.cjs"),re=require("../utils/hiddenInput.cjs"),le=require("../utils/popper.cjs"),ne=require("../utils/useControllableState.cjs"),ae=require("../utils/useOpenChangeComplete.cjs"),ce=require("../utils/useSelection.cjs"),C=require("react/jsx-runtime"),[ie,S]=(0,oe.createSafeContext)("Select"),se=s.forwardRef(function({children:o,value:t,defaultValue:r,onValueChange:l,multiple:a=!1,items:p,open:c,defaultOpen:d=!1,onOpenChange:i,onOpenChangeComplete:n,disabled:b=!1,required:T=!1,invalid:m=!1,name:P},M){let L=s.useRef(null),I=s.useRef(null),$=s.useRef(null),{selectedValues:O,isSelected:ot,selectItem:rt,setSelection:lt}=(0,ce.useSelection)({value:t,defaultValue:r,onValueChange:l,multiple:a}),[j=!1,nt]=(0,ne.useControllableState)({prop:c,defaultProp:d,onChange:i});(0,ae.useOpenChangeComplete)(j,I,n);let[h,at]=s.useState(new Map),ct=s.useCallback((f,R)=>{at(V=>{if(V.get(f)===R)return V;let ee=new Map(V);return ee.set(f,R),ee})},[]),it=s.useMemo(()=>p?p.map(f=>({...f,label:h.get(f.value)??f.label??f.value})):[...h].map(([f,R])=>({value:f,label:R})),[p,h]),st=s.useCallback(f=>h.get(f)??p?.find(R=>R.value===f)?.label??f,[h,p]);return s.useImperativeHandle(M,()=>(0,E.formValidityHandle)($),[]),(0,E.useFormReset)(L,()=>{r!==void 0&&lt(r)}),(0,C.jsx)(le.PopperRoot,{children:(0,C.jsxs)(ie,{triggerRef:L,contentRef:I,contentId:s.useId(),multiple:a,selectedValues:O,isSelected:ot,selectItem:rt,open:j,onOpenChange:nt,disabled:b,required:T,invalid:m,name:P,registerOptionLabel:ct,getOptionLabel:st,collection:it,children:[o,P&&(O.length>0?O:[""]).map((f,R)=>(0,C.jsx)(re.HiddenInput,{ref:R===0?$:void 0,type:"text",name:P,value:f,required:T,disabled:b},f||R))]})})});se.displayName="Select";var g=u(require("react"),1),pe=require("../utils/composeRefs.cjs"),me=require("../utils/part.cjs"),fe=require("../utils/popper.cjs"),v=require("../utils/primitive.cjs"),k=require("../utils/useTypeahead.cjs");var K=require("react/jsx-runtime"),q=g.forwardRef((e,o)=>{let t=S("SelectTrigger"),r=(0,pe.useComposedRefs)(o,t.triggerRef),l=t.disabled||e.disabled,a=g.useRef(t.collection);a.current=t.collection.filter(c=>!c.disabled);let p=(0,k.useTypeahead)(g.useCallback(()=>a.current.map(c=>c.label??c.value),[]));return(0,K.jsx)(fe.PopperAnchor,{asChild:!0,children:(0,K.jsx)(v.Primitive.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":t.open,"aria-controls":t.contentId,"aria-required":t.required||void 0,"aria-invalid":t.invalid?!0:void 0,"data-state":t.open?"open":"closed","data-disabled":l?"":void 0,"data-invalid":t.invalid?"":void 0,"data-placeholder":t.selectedValues.length===0?"":void 0,"data-multiple":t.multiple?"":void 0,disabled:l,...e,...(0,me.skdxPart)("select","trigger",e.className),ref:r,onClick:(0,v.composeEventHandlers)(e.onClick,()=>t.onOpenChange(!t.open)),onKeyDown:(0,v.composeEventHandlers)(e.onKeyDown,c=>{if(["ArrowDown","ArrowUp"," ","Enter"].includes(c.key)){c.preventDefault(),t.onOpenChange(!0);return}if(t.open||!(0,k.isTypeaheadKey)(c))return;if(c.preventDefault(),t.multiple){t.onOpenChange(!0);return}let d=a.current.findIndex(n=>t.isSelected(n.value)),i=p(c.key,d);i!==-1&&t.selectItem(a.current[i].value)})})})});q.displayName="SelectTrigger";var de=u(require("react"),1),ue=require("../utils/part.cjs"),Se=require("../utils/primitive.cjs");var A=require("react/jsx-runtime"),G=de.forwardRef(({placeholder:e,children:o,...t},r)=>{let{selectedValues:l,multiple:a,getOptionLabel:p}=S("SelectValue"),c,d=!1;return o!==void 0?c=o:l.length===0?(c=e,d=!0):a?c=l.map(i=>(0,A.jsx)("span",{"data-chip":"","data-value":i,children:p(i)},i)):c=p(l[0]),(0,A.jsx)(Se.Primitive.span,{"data-multiple":a?"":void 0,"data-placeholder":d?"":void 0,...t,...(0,ue.skdxPart)("select","value",t.className),ref:r,style:{pointerEvents:"none",...t.style},children:c})});G.displayName="SelectValue";var Pe=u(require("react"),1),Re=require("../utils/part.cjs"),ge=require("../utils/primitive.cjs"),ye=require("react/jsx-runtime"),F=Pe.forwardRef(({children:e,...o},t)=>(0,ye.jsx)(ge.Primitive.span,{"aria-hidden":!0,...o,...(0,Re.skdxPart)("select","icon",o.className),ref:t,children:e??"\u25BE"}));F.displayName="SelectIcon";var xe=require("../utils/portal.cjs");var Ie=require("react/jsx-runtime"),B=({forceMount:e,children:o,...t})=>{let r=S("SelectPortal");return e||r.open?(0,Ie.jsx)(xe.Portal,{...t,children:o}):null};B.displayName="SelectPortal";var H=u(require("react"),1),Ce=require("../utils/composeRefs.cjs"),ve=require("../utils/part.cjs"),be=require("../utils/popper.cjs"),Te=require("../utils/primitive.cjs"),Le=require("../utils/useDismiss.cjs"),we=require("../utils/useRovingFocus.cjs");var Ee=require("react/jsx-runtime"),he='[role="option"]:not([data-disabled])';function Rt(e,o){let t=e.querySelector('[data-part="viewport"]')??e;if(t===o||!t.contains(o))return;let r=t.getBoundingClientRect(),l=o.getBoundingClientRect();t.scrollTop+=l.top-r.top-(r.height-l.height)/2}var U=H.forwardRef(({forceMount:e,side:o="bottom",align:t="start",sideOffset:r=4,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:p,onInteractOutside:c,...d},i)=>{let n=S("SelectContent"),b=(0,Ce.useComposedRefs)(i,n.contentRef),T=(0,we.useRovingFocus)({orientation:"vertical",loop:!1,itemSelector:he,typeahead:!0});return(0,Le.useDismiss)({enabled:n.open,onEscapeKeyDown:m=>{l?.(m),!m.defaultPrevented&&(n.onOpenChange(!1),n.triggerRef.current?.focus())},onInteractOutside:c,onPointerDownOutside:m=>{a?.(m),m.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:m=>{p?.(m),m.defaultPrevented||n.onOpenChange(!1)}},[n.contentRef,n.triggerRef]),H.useEffect(()=>{if(!n.open)return;let m=requestAnimationFrame(()=>{let P=n.contentRef.current;if(!P)return;let M=P.querySelector('[role="option"][data-state="checked"]'),L=P.querySelector(he),I=M??L??P;I.focus({preventScroll:!0}),Rt(P,I)});return()=>cancelAnimationFrame(m)},[n.open,n.contentRef]),e||n.open?(0,Ee.jsx)(be.PopperContent,{component:"select",role:"listbox",id:n.contentId,"aria-multiselectable":n.multiple?!0:void 0,"data-state":n.open?"open":"closed","data-multiple":n.multiple?"":void 0,tabIndex:-1,side:o,align:t,sideOffset:r,...d,...(0,ve.skdxPart)("select","content",d.className),ref:b,onKeyDown:(0,Te.composeEventHandlers)(d.onKeyDown,m=>{T(m),m.key==="Tab"&&(m.preventDefault(),n.onOpenChange(!1),n.triggerRef.current?.focus())})}):null});U.displayName="SelectContent";var ke=u(require("react"),1),He=require("../utils/part.cjs"),Ne=require("../utils/primitive.cjs"),De=require("react/jsx-runtime"),W=ke.forwardRef((e,o)=>(0,De.jsx)(Ne.Primitive.div,{...e,...(0,He.skdxPart)("select","viewport",e.className),ref:o,style:{overflow:"auto",...e.style}}));W.displayName="SelectViewport";var N=u(require("react"),1),Me=require("../utils/createContext.cjs"),Oe=require("../utils/part.cjs"),y=require("../utils/primitive.cjs");var _=require("react/jsx-runtime"),[gt,D]=(0,Me.createSafeContext)("SelectItem"),z=N.forwardRef(({value:e,disabled:o,textValue:t,...r},l)=>{let a=S("SelectItem"),p=a.isSelected(e),c=N.useCallback(i=>a.registerOptionLabel(e,t??i),[a.registerOptionLabel,e,t]),d=()=>{o||(a.selectItem(e),!a.multiple&&(a.onOpenChange(!1),a.triggerRef.current?.focus()))};return(0,_.jsx)(gt,{value:e,selected:p,registerText:c,children:(0,_.jsx)(y.Primitive.div,{role:"option","aria-selected":p,"data-state":p?"checked":"unchecked","data-text-value":t,"data-disabled":o?"":void 0,tabIndex:o?void 0:-1,...r,...(0,Oe.skdxPart)("select","item",r.className),ref:l,onClick:(0,y.composeEventHandlers)(r.onClick,d),onKeyDown:(0,y.composeEventHandlers)(r.onKeyDown,i=>{[" ","Enter"].includes(i.key)&&(i.preventDefault(),d())}),onPointerEnter:(0,y.composeEventHandlers)(r.onPointerEnter,i=>{o||i.currentTarget.focus()})})})});z.displayName="SelectItem";var x=u(require("react"),1),Ve=require("../utils/composeRefs.cjs"),Ke=require("../utils/part.cjs"),qe=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime"),J=x.forwardRef(({children:e,...o},t)=>{let r=D("SelectItemText"),l=x.useRef(null),a=(0,Ve.useComposedRefs)(t,l);return x.useLayoutEffect(()=>{r.registerText(l.current?.textContent??"")}),(0,Ae.jsx)(qe.Primitive.span,{...o,...(0,Ke.skdxPart)("select","item-text",o.className),ref:a,children:e})});J.displayName="SelectItemText";var Ge=u(require("react"),1),Fe=require("../utils/part.cjs"),Be=require("../utils/primitive.cjs");var Ue=require("react/jsx-runtime"),Q=Ge.forwardRef(({forceMount:e,...o},t)=>{let r=D("SelectItemIndicator");return e||r.selected?(0,Ue.jsx)(Be.Primitive.span,{"aria-hidden":!0,...o,...(0,Fe.skdxPart)("select","item-indicator",o.className),ref:t}):null});Q.displayName="SelectItemIndicator";var We=u(require("react"),1),_e=require("../utils/part.cjs"),ze=require("../utils/primitive.cjs"),Je=require("react/jsx-runtime"),X=We.forwardRef((e,o)=>(0,Je.jsx)(ze.Primitive.div,{role:"group",...e,...(0,_e.skdxPart)("select","group",e.className),ref:o}));X.displayName="SelectGroup";var Qe=u(require("react"),1),Xe=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs"),Ze=require("react/jsx-runtime"),Y=Qe.forwardRef((e,o)=>(0,Ze.jsx)(Ye.Primitive.div,{...e,...(0,Xe.skdxPart)("select","label",e.className),ref:o}));Y.displayName="SelectLabel";var $e=u(require("react"),1),je=require("../utils/part.cjs"),et=require("../utils/primitive.cjs"),tt=require("react/jsx-runtime"),Z=$e.forwardRef((e,o)=>(0,tt.jsx)(et.Primitive.div,{"aria-hidden":!0,...e,...(0,je.skdxPart)("select","separator",e.className),ref:o}));Z.displayName="SelectSeparator";0&&(module.exports={Select,SelectContent,SelectGroup,SelectIcon,SelectItem,SelectItemIndicator,SelectItemText,SelectLabel,SelectPortal,SelectProvider,SelectSeparator,SelectTrigger,SelectValue,SelectViewport,useSelectContext});
+'use client';
+"use strict";var Qn=Object.create;var Y=Object.defineProperty;var Yn=Object.getOwnPropertyDescriptor;var Zn=Object.getOwnPropertyNames;var jn=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var to=(e,n)=>{for(var t in n)Y(e,t,{get:n[t],enumerable:!0})},We=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of Zn(n))!eo.call(e,o)&&o!==t&&Y(e,o,{get:()=>n[o],enumerable:!(r=Yn(n,o))||r.enumerable});return e};var D=(e,n,t)=>(t=e!=null?Qn(jn(e)):{},We(n||!e||!e.__esModule?Y(t,"default",{value:e,enumerable:!0}):t,e)),no=e=>We(Y({},"__esModule",{value:!0}),e);var xo={};to(xo,{OPTION_SELECTOR:()=>re,Select:()=>pn,SelectAll:()=>j,SelectClear:()=>te,SelectContent:()=>oe,SelectEmpty:()=>le,SelectGroup:()=>ae,SelectGroupProvider:()=>it,SelectIcon:()=>ce,SelectInput:()=>se,SelectItem:()=>ie,SelectItemIndicator:()=>de,SelectItemProvider:()=>It,SelectItemText:()=>me,SelectLabel:()=>fe,SelectPortal:()=>pe,SelectProvider:()=>fn,SelectSeparator:()=>yn,SelectTag:()=>Se,SelectTagList:()=>ge,SelectTagRemove:()=>ye,SelectTrigger:()=>Re,SelectValue:()=>be,SelectViewport:()=>he,defaultGetSelectionLabel:()=>mn,selectSelectionKeyAction:()=>$,useSelectContext:()=>C,useSelectGroupContext:()=>Ee,useSelectItemContext:()=>_});module.exports=no(xo);var c=D(require("react"),1),rn=require("../utils/createContext.cjs"),ln=require("../utils/dismissal.cjs"),Ce=require("../utils/formControl.cjs"),an=require("../utils/hiddenInput.cjs"),cn=require("../utils/liveAnnouncer.cjs"),sn=require("../utils/popper.cjs"),G=require("../utils/recipeAxis.cjs"),J=require("../utils/scoredFilter.cjs"),Ie=require("../utils/selection.cjs"),He=require("../utils/useControllableState.cjs"),dn=require("../utils/useOpenChangeComplete.cjs"),un=require("../utils/useSelection.cjs");var tn=require("../utils/Glyph.cjs");var Je=require("../utils/part.cjs"),Z=require("../utils/primitive.cjs");var Xe=require("react/jsx-runtime"),j=({ref:e,...n})=>{let t=C("SelectAll");if(!t.multiple||!t.allowSelectAll)return null;let r=t.orderedOptions().map(l=>l.dataset.value??"").filter(Boolean),o=r.length>0&&r.every(l=>t.selectedValues.includes(l));return(0,Xe.jsx)(Z.Primitive.div,{role:"option","aria-selected":o,"data-state":o?"checked":"unchecked",...n,...(0,Je.skdxPart)("select","select-all",n.className),ref:e,onClick:(0,Z.composeEventHandlers)(n.onClick,()=>t.selectAllOrClear())})};j.displayName="SelectAll";var $e=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var Ue=require("react/jsx-runtime"),te=({ref:e,...n})=>{let t=C("SelectClear"),r=t.selectedValues.length===0&&t.inputValue==="",o=n["aria-label"]!==void 0||n["aria-labelledby"]!==void 0;return(0,Ue.jsx)(ee.Primitive.button,{type:"button","aria-label":o?void 0:"Clear selection",disabled:t.disabled||t.readOnly||r,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...n,...(0,$e.skdxPart)("select","clear",n.className),ref:e,onClick:(0,ee.composeEventHandlers)(n.onClick,()=>{t.clear(),(t.inputRef.current??t.triggerRef.current)?.focus()})})};te.displayName="SelectClear";var ne=D(require("react"),1),_e=require("../utils/appearance.cjs"),Qe=require("../utils/composeRefs.cjs"),Ye=require("../utils/part.cjs"),Ze=require("../utils/popper.cjs"),je=require("../utils/primitive.cjs"),et=require("../utils/useDismiss.cjs");var tt=require("react/jsx-runtime");function oo(e,n){let t=e.querySelector('[data-part="viewport"]')??e;if(t===n||!t.contains(n))return;let r=t.getBoundingClientRect(),o=n.getBoundingClientRect();t.scrollTop+=o.top-r.top-(r.height-o.height)/2}var oe=({forceMount:e,side:n="bottom",align:t="start",sideOffset:r=4,onEscapeKeyDown:o,onPointerDownOutside:l,onFocusOutside:p,onInteractOutside:S,onCloseAutoFocus:f,ref:u,matchWidth:b,...d})=>{let a=C("SelectContent"),s=(0,Qe.useComposedRefs)(u,a.contentRef),{closeAutoFocusRef:g}=a;ne.useInsertionEffect(()=>{g.current=f}),(0,et.useDismiss)({enabled:a.open,onEscapeKeyDown:I=>{o?.(I),!I.defaultPrevented&&(a.onOpenChange(!1),a.focusTrigger())},onInteractOutside:S,onPointerDownOutside:I=>{l?.(I),I.defaultPrevented||a.onOpenChange(!1)},onFocusOutside:I=>{p?.(I),I.defaultPrevented||a.onOpenChange(!1)}},[a.contentRef,a.triggerRef,a.inputRef]);let{setActiveId:y,openIntentRef:v,filterable:O}=a;return ne.useEffect(()=>{if(!a.open)return;let I=requestAnimationFrame(()=>{let i=a.contentRef.current;if(!i)return;let E=v.current;if(v.current="selected",O&&E==="selected")return;let k=Array.from(i.querySelectorAll(re)),w=k[0],m=k[k.length-1],x=i.querySelector('[role="option"][data-state="checked"]')??w;E==="first"?x=w:E==="last"&&(x=m),x&&(y(x.id),oo(i,x))});return()=>cancelAnimationFrame(I)},[a.open,a.contentRef,y,v,O]),e||a.open?(0,tt.jsx)(Ze.PopperContent,{component:"select",role:"listbox",id:a.contentId,"aria-multiselectable":a.multiple?!0:void 0,"aria-busy":a.loading?!0:void 0,"data-state":a.open?"open":"closed","data-multiple":a.multiple?"":void 0,"data-loading":a.loading?"":void 0,tabIndex:-1,side:n,align:t,sideOffset:r,...d,...(0,_e.appearanceAttrs)({matchWidth:b},d),...(0,Ye.skdxPart)("select","content",d.className),ref:s,onMouseDown:(0,je.composeEventHandlers)(d.onMouseDown,I=>I.preventDefault())}):null};oe.displayName="SelectContent";var nt=require("../utils/part.cjs"),ot=require("../utils/primitive.cjs");var rt=require("react/jsx-runtime"),le=({ref:e,...n})=>{let t=C("SelectEmpty");return t.open&&t.itemCount===0?(0,rt.jsx)(ot.Primitive.div,{role:"presentation","aria-live":"polite",...n,...(0,nt.skdxPart)("select","empty",n.className),ref:e}):null};le.displayName="SelectEmpty";var lt=D(require("react"),1),at=require("../utils/createContext.cjs"),ct=require("../utils/part.cjs"),st=require("../utils/primitive.cjs"),Te=require("react/jsx-runtime"),[it,Ee]=(0,at.createSafeContext)("SelectGroup",{labelId:null}),ae=({ref:e,...n})=>{let t=lt.useId();return(0,Te.jsx)(it,{labelId:t,children:(0,Te.jsx)(st.Primitive.div,{role:"group","aria-labelledby":t,...n,...(0,ct.skdxPart)("select","group",n.className),ref:e})})};ae.displayName="SelectGroup";var dt=require("../utils/part.cjs"),ut=require("../utils/primitive.cjs"),mt=require("react/jsx-runtime"),ce=({children:e,ref:n,...t})=>(0,mt.jsx)(ut.Primitive.span,{"aria-hidden":!0,...t,...(0,dt.skdxPart)("select","icon",t.className),ref:n,children:e??"\u25BE"});ce.displayName="SelectIcon";var ft=require("../utils/composeRefs.cjs"),pt=require("../utils/part.cjs"),St=require("../utils/popper.cjs"),F=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime");function gt(e){return e.scrollIntoView?.({block:"nearest"}),e.id}function yt(e,n){let t=e.orderedOptions();if(t.length===0)return null;let r=t.findIndex(p=>p.id===e.activeId),o=Math.min(t.length-1,Math.max(0,r+n)),l=t[o];return e.setActiveId(l.id),gt(l)}function ro(e,n){let t=e.orderedOptions();if(t.length===0)return;let r=n==="last"?t[t.length-1]:t[0];e.setActiveId(r.id),gt(r)}function lo(e,n){let t=e.activeId,r=yt(e,n);if(r===null||r===t)return;let o=e.getItem(r);o&&e.selectItem(o.value,"keyboard")}function ao(e,n){if(!e.open||!e.multiple)return!1;let t=$(n,{allowSelectAll:e.allowSelectAll,hasActive:e.activeId!==null});return t?(n.preventDefault(),t.kind==="extend"?lo(e,t.direction):t.kind==="range"?e.selectRange():t.kind==="sweep"?e.selectToEdge(t.edge):e.selectAllOrClear(),!0):!1}function co(e,n){if(n.key!=="ArrowDown"&&n.key!=="ArrowUp")return!1;n.preventDefault();let t=n.key==="ArrowDown"?1:-1;return e.open?(yt(e,t),!0):(e.openIntentRef.current=t===1?"first":"last",e.onOpenChange(!0),!0)}function so(e,n){if(n.key==="Home"||n.key==="End"){if(!e.open)return;n.preventDefault(),ro(e,n.key==="Home"?"first":"last")}else if(n.key==="Enter"){let t=e.activeId?e.getItem(e.activeId):void 0;if(!t)return;n.preventDefault(),e.selectItem(t.value,"keyboard"),e.closeOnSelect&&e.onOpenChange(!1)}else n.key==="Escape"?e.open&&!e.contentRef.current&&(n.preventDefault(),e.onOpenChange(!1)):n.key==="Backspace"&&e.inputValue===""&&e.removeLast()}var se=({ref:e,...n})=>{let t=C("SelectInput"),r=(0,ft.useComposedRefs)(e,t.inputRef);return(0,Ae.jsx)(St.PopperAnchor,{asChild:!0,children:(0,Ae.jsx)(F.Primitive.input,{type:"text",role:"combobox","aria-haspopup":"listbox","aria-expanded":t.open,"aria-controls":t.contentId,"aria-autocomplete":"list","aria-activedescendant":t.activeId??void 0,autoComplete:"off",disabled:t.disabled,readOnly:t.readOnly,"aria-required":t.required||void 0,"aria-invalid":t.invalid?!0:void 0,"aria-readonly":t.readOnly?!0:void 0,"aria-busy":t.loading?!0:void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-disabled":t.disabled?"":void 0,"data-loading":t.loading?"":void 0,"data-multiple":t.multiple?"":void 0,"data-state":t.open?"open":"closed",...n,...(0,pt.skdxPart)("select","input",n.className),ref:r,value:t.inputValue,onChange:(0,F.composeEventHandlers)(n.onChange,o=>{t.setInputValue(o.target.value),t.open||t.onOpenChange(!0)}),onBlur:(0,F.composeEventHandlers)(n.onBlur,()=>{t.open&&t.onOpenChange(!1)}),onKeyDown:(0,F.composeEventHandlers)(n.onKeyDown,o=>{t.disabled||ao(t,o)||co(t,o)||so(t,o)})})})};se.displayName="SelectInput";var M=D(require("react"),1),Rt=require("../utils/composeRefs.cjs"),bt=require("../utils/createContext.cjs"),ht=require("../utils/part.cjs"),U=require("../utils/primitive.cjs"),Ct=require("../utils/useOptionCollection.cjs");var Le=require("react/jsx-runtime"),[It,_]=(0,bt.createSafeContext)("SelectItem"),ie=({value:e,disabled:n,textValue:t,ref:r,...o})=>{let l=C("SelectItem"),p=M.useId(),S=M.useRef(null),f=(0,Rt.useComposedRefs)(r,S),u=l.isSelected(e),b=l.activeId===p,[d,a]=M.useState(void 0),{registerOptionLabel:s}=l,g=M.useCallback(i=>{s(e,t??i),a(i)},[s,e,t]),{visible:y}=(0,Ct.useOptionEntry)({id:p,value:e,textValue:t??d,itemRef:S,matchesFilter:l.matchesFilter,registerItem:l.registerItem,unregisterItem:l.unregisterItem}),v=n||l.atMax&&!u,O=l.itemOrder?.get(p),I=()=>{v||(l.selectItem(e,"pointer"),l.closeOnSelect&&(l.onOpenChange(!1),l.focusTrigger()))};return y?(0,Le.jsx)(It,{value:e,selected:u,registerText:g,children:(0,Le.jsx)(U.Primitive.div,{role:"option",id:p,"data-value":e,"aria-selected":u,"data-state":u?"checked":"unchecked","data-highlighted":b?"":void 0,"data-text-value":t,"aria-disabled":v||void 0,"data-disabled":v?"":void 0,...o,...(0,ht.skdxPart)("select","item",o.className),ref:f,onClick:(0,U.composeEventHandlers)(o.onClick,I),onPointerEnter:(0,U.composeEventHandlers)(o.onPointerEnter,()=>{v||l.setActiveId(p)}),style:O!==void 0?{order:O,...o.style}:o.style})}):null};ie.displayName="SelectItem";var vt=require("../utils/part.cjs"),xt=require("../utils/primitive.cjs");var Pt=require("react/jsx-runtime"),de=({forceMount:e,ref:n,...t})=>{let r=_("SelectItemIndicator");return e||r.selected?(0,Pt.jsx)(xt.Primitive.span,{"aria-hidden":!0,...t,...(0,vt.skdxPart)("select","item-indicator",t.className),ref:n}):null};de.displayName="SelectItemIndicator";var ue=D(require("react"),1),Ot=require("../utils/composeRefs.cjs"),kt=require("../utils/part.cjs"),Tt=require("../utils/primitive.cjs");var Et=require("react/jsx-runtime"),me=({children:e,ref:n,...t})=>{let r=_("SelectItemText"),o=ue.useRef(null),l=(0,Ot.useComposedRefs)(n,o);return ue.useLayoutEffect(()=>{r.registerText(o.current?.textContent??"")}),(0,Et.jsx)(Tt.Primitive.span,{...t,...(0,kt.skdxPart)("select","item-text",t.className),ref:l,children:e})};me.displayName="SelectItemText";var At=require("../utils/part.cjs"),Lt=require("../utils/primitive.cjs");var wt=require("react/jsx-runtime"),fe=({ref:e,...n})=>{let t=Ee("SelectLabel");return(0,wt.jsx)(Lt.Primitive.div,{id:t.labelId??void 0,...n,...(0,At.skdxPart)("select","label",n.className),ref:e})};fe.displayName="SelectLabel";var Nt=require("../utils/portal.cjs");var Vt=require("react/jsx-runtime"),pe=({forceMount:e,children:n,...t})=>{let r=C("SelectPortal");return e||r.open?(0,Vt.jsx)(Nt.Portal,{...t,children:n}):null};pe.displayName="SelectPortal";var Mt=require("../badge/Badge.cjs"),Ht=require("../utils/part.cjs");var Dt=require("react/jsx-runtime"),Se=({value:e,ref:n,...t})=>{let r=C("SelectTag"),o=r.selectedValues.indexOf(e);return(0,Dt.jsx)(Mt.Badge,{index:o,label:e,"data-value":e,"data-skdx-select-tag":"",onDelete:()=>r.deselect(e),...t,...(0,Ht.skdxPart)("select","tag",t.className),ref:n})};Se.displayName="SelectTag";var Kt=require("../tag-group/TagGroup.cjs"),Gt=require("../utils/part.cjs");var Bt=require("react/jsx-runtime"),ge=({ref:e,...n})=>{let t=C("SelectTagList");return(0,Bt.jsx)(Kt.TagGroup,{disabled:t.disabled||t.readOnly,...n,...(0,Gt.skdxPart)("select","tag-list",n.className),ref:e})};ge.displayName="SelectTagList";var Ft=require("../badge/Badge.cjs"),qt=require("../utils/part.cjs"),zt=require("react/jsx-runtime"),ye=({ref:e,...n})=>(0,zt.jsx)(Ft.BadgeDelete,{...n,...(0,qt.skdxPart)("select","tag-remove",n.className),ref:e});ye.displayName="SelectTagRemove";var L=D(require("react"),1),Wt=require("../utils/appearance.cjs"),Jt=require("../utils/composeRefs.cjs"),Xt=require("../utils/part.cjs"),$t=require("../utils/popper.cjs"),q=require("../utils/primitive.cjs"),K=require("../utils/select-keyboard.cjs"),Ut=require("../utils/typeahead.cjs"),we=require("../utils/useTypeahead.cjs");var Ne=require("react/jsx-runtime"),io=0;function uo(e){if(!e)return null;let n=e.getRootNode(),r=(e.id?Array.from(n.querySelectorAll("[for]")).find(o=>o.getAttribute("for")===e.id):void 0)??e.closest("label");return r?(r.id||(r.id=`skdx-select-label-${++io}`),r.id):null}var Re=({ref:e,shape:n,size:t,...r})=>{let o=C("SelectTrigger"),{openIntentRef:l}=o,[p,S]=L.useState(null),f=L.useCallback(m=>{S(m&&uo(m))},[]),u=(0,Jt.useComposedRefs)(e,o.triggerRef,f),b=o.disabled||r.disabled,d=L.useRef(o.collection);L.useInsertionEffect(()=>{d.current=o.collection.filter(m=>!m.disabled)});let a=(0,we.useTypeahead)(L.useCallback(()=>d.current.map(m=>m.label??m.value),[])),s=L.useRef([]),g=(0,we.useTypeahead)(L.useCallback(()=>s.current.map(m=>(0,Ut.itemText)(m)),[])),y=m=>{m&&(o.setActiveId(m.id),m.scrollIntoView?.({block:"nearest"}))},v=m=>{let R=m?.getAttribute("data-value");R!=null&&(o.selectItem(R,"keyboard"),o.closeOnSelect&&o.onOpenChange(!1))},O=m=>{let R=m?.getAttribute("data-value");R!=null&&(o.multiple&&o.isSelected(R)||o.selectItem(R,"keyboard"))},I=(m,R,x)=>{let P=Math.min(m.length-1,Math.max(0,R+x)),A=m[P];if(!A||P===R)return;y(A);let N=A.getAttribute("data-value");N!==null&&o.selectItem(N,"keyboard")},i=(m,R,x)=>{if(!o.multiple)return!1;let P=$(m,{allowSelectAll:o.allowSelectAll,hasActive:o.activeId!==null});return P?(m.preventDefault(),P.kind==="extend"?I(R,x,P.direction):P.kind==="range"?o.selectRange():P.kind==="sweep"?o.selectToEdge(P.edge):o.selectAllOrClear(),!0):!1},E=m=>{let R=o.orderedOptions();s.current=R;let x=R.findIndex(A=>A.id===o.activeId);if(i(m,R,x))return;let P=(0,K.selectOpenAction)(m,x,R.length);switch((0,K.selectKeyPrevented)(P)&&m.preventDefault(),P.kind){case"activate":y(R[P.index]);return;case"commit":v(R[x]);return;case"commit-and-close":v(R[x]),o.onOpenChange(!1);return;case"commit-on-exit":O(R[x]),o.onOpenChange(!1);return;case"typeahead":{let A=g(m.key,x);A!==-1&&y(R[A]);return}case"ignore":case"claim":return}},w=r["aria-label"]===void 0&&o.hasValuePart?[p,r["aria-labelledby"],o.valueId].filter(Boolean).join(" "):r["aria-labelledby"];return(0,Ne.jsx)($t.PopperAnchor,{asChild:!0,children:(0,Ne.jsx)(q.Primitive.button,{type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":o.open,"aria-controls":o.contentId,"aria-activedescendant":o.activeId??void 0,"aria-required":o.required||void 0,"aria-invalid":o.invalid?!0:void 0,"aria-readonly":o.readOnly?!0:void 0,"data-state":o.open?"open":"closed","data-disabled":b?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-invalid":o.invalid?"":void 0,"data-placeholder":o.selectedValues.length===0?"":void 0,"data-multiple":o.multiple?"":void 0,...r,disabled:b,"aria-labelledby":w,...(0,Wt.appearanceAttrs)({shape:n,size:t},r),...(0,Xt.skdxPart)("select","trigger",r.className),ref:u,onClick:(0,q.composeEventHandlers)(r.onClick,()=>o.onOpenChange(!o.open)),onKeyDown:(0,q.useComposedEventHandlers)(r.onKeyDown,m=>{if(o.open){E(m);return}let R=(0,K.selectClosedAction)(m,o.multiple);switch((0,K.selectKeyPrevented)(R)&&m.preventDefault(),R.kind){case"open":l.current=R.intent,o.onOpenChange(!0);return;case"open-for-typeahead":o.onOpenChange(!0);return;case"typeahead":{let x=d.current.findIndex(A=>o.isSelected(A.value)),P=a(m.key,x);P!==-1&&o.selectItem(d.current[P].value,"keyboard");return}case"ignore":return}})})})};Re.displayName="SelectTrigger";var z=D(require("react"),1),_t=require("../utils/part.cjs"),Qt=require("../utils/primitive.cjs");var Ve=require("react/jsx-runtime"),be=({placeholder:e,children:n,ref:t,...r})=>{let{selectedValues:o,multiple:l,getOptionLabel:p,valueId:S,setHasValuePart:f}=C("SelectValue");z.useEffect(()=>(f(!0),()=>f(!1)),[f]);let u,b=!1;return!r.asChild&&n!==void 0?u=n:o.length===0?(u=e,b=!0):l?u=o.map(d=>(0,Ve.jsx)("span",{"data-chip":"","data-value":d,children:p(d)},d)):u=p(o[0]),(0,Ve.jsx)(Qt.Primitive.span,{id:S,"data-multiple":l?"":void 0,"data-placeholder":b?"":void 0,...r,...(0,_t.skdxPart)("select","value",r.className),ref:t,style:{pointerEvents:"none",...r.style},children:r.asChild&&z.isValidElement(n)?z.cloneElement(n,void 0,u):u})};be.displayName="SelectValue";var Yt=require("../utils/part.cjs"),Zt=require("../utils/primitive.cjs"),jt=require("react/jsx-runtime"),he=({ref:e,...n})=>(0,jt.jsx)(Zt.Primitive.div,{...n,...(0,Yt.skdxPart)("select","viewport",n.className),ref:e,style:{overflow:"auto",...n.style}});he.displayName="SelectViewport";var h=require("react/jsx-runtime"),nn=e=>"options"in e;function mo(e){let n=new Map;for(let t of e)for(let r of nn(t)?t.options:[t])n.set(r.value,r);return n}var en=()=>(0,h.jsx)(tn.Glyph,{name:"close"}),on=({shape:e,size:n,status:t,density:r,matchWidth:o,options:l,renderOption:p,renderValue:S,renderTag:f,placeholder:u,clearable:b,ariaLabel:d,passThrough:a})=>{let s=C("Select"),g=mo(l),y=d??u,v=i=>(0,h.jsxs)(ie,{value:i.value,disabled:i.disabled,textValue:i.label,children:[(0,h.jsx)(me,{children:p?p(i,{selected:s.isSelected(i.value)}):i.label??i.value}),(0,h.jsx)(de,{children:"\u2713"})]},i.value),O;if(S){let i=s.multiple?s.selectedValues.map(E=>g.get(E)??{value:E}):g.get(s.selectedValues[0]??"")??(s.selectedValues[0]?{value:s.selectedValues[0]}:null);O=S(i)}let I=i=>f?f(i):i.label??i.value;return(0,h.jsxs)(h.Fragment,{children:[s.multiple?(0,h.jsx)(ge,{density:r,"aria-label":y?`${y} \u2014 selected`:void 0,children:s.selectedValues.map(i=>(0,h.jsxs)(Se,{value:i,shape:e,size:n,status:t,children:[I(g.get(i)??{value:i}),(0,h.jsx)(ye,{children:(0,h.jsx)(en,{})})]},i))}):null,s.filterable?(0,h.jsx)(se,{...a,"data-match-width":void 0,"data-shape":void 0,"data-size":void 0,"data-status":void 0,"data-density":void 0,"aria-label":d,placeholder:u}):(0,h.jsxs)(Re,{...a,"data-match-width":void 0,"data-status":void 0,"data-density":void 0,"aria-label":d,shape:e,size:n,children:[(0,h.jsx)(be,{placeholder:u,children:O}),(0,h.jsx)(ce,{})]}),b?(0,h.jsx)(te,{"aria-label":"Clear selection",children:(0,h.jsx)(en,{})}):null,(0,h.jsxs)(pe,{children:[(0,h.jsx)(oe,{matchWidth:o,children:(0,h.jsxs)(he,{children:[(0,h.jsx)(j,{children:"Select all"}),l.map(i=>nn(i)?(0,h.jsxs)(ae,{children:[(0,h.jsx)(fe,{children:i.label}),i.options.map(v)]},i.label):v(i))]})}),(0,h.jsx)(le,{children:"No results found"})]})]})};var W=require("react/jsx-runtime");function fo(e){let n=[];for(let t of e)for(let r of"options"in t?t.options:[t])n.push(r);return n}var re='[role="option"]:not([data-disabled]):not([data-part="select-all"])';function mn(e){return e===0?"none selected":`${e} selected`}function $(e,{allowSelectAll:n,hasActive:t}){return po(e,n)??So(e,t)}function po(e,n){return e.ctrlKey&&e.shiftKey&&(e.key==="Home"||e.key==="End")?{kind:"sweep",edge:e.key==="Home"?"first":"last"}:(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"&&n?{kind:"select-all"}:null}function So(e,n){return e.shiftKey?e.key===" "?n?{kind:"range"}:null:e.key==="ArrowDown"||e.key==="ArrowUp"?{kind:"extend",direction:e.key==="ArrowDown"?1:-1}:null:null}var[fn,C]=(0,rn.createSafeContext)("Select");function go({filterable:e,filter:n,inputValue:t,contentRef:r}){let[o,l]=c.useState(()=>new Map),p=c.useCallback((a,s)=>{l(g=>{let y=g.get(a);if(y?.value===s.value&&y.text===s.text)return g;let v=new Map(g);return v.set(a,s),v})},[]),S=c.useCallback(a=>{l(s=>{if(!s.has(a))return s;let g=new Map(s);return g.delete(a),g})},[]),f=c.useCallback(a=>o.get(a),[o]),u=c.useCallback(a=>!e||n===void 0||(0,J.filterKeeps)(n(a,t)),[e,n,t]),b=c.useMemo(()=>!e||n===void 0?null:(0,J.rankByScore)([...o.keys()],a=>{let s=o.get(a);if(!s)return null;let g=n(s.text,t);return typeof g=="number"?g:null}),[e,n,t,o]),d=c.useCallback(()=>(0,J.sortByOrder)(Array.from(r.current?.querySelectorAll(re)??[]),b),[r,b]);return{itemCount:o.size,itemOrder:b,registerItem:p,unregisterItem:S,getItem:f,matchesFilter:u,orderedOptions:d}}var Me=e=>e.map(n=>n.dataset.value??"");function yo({enabled:e,maxSelected:n,selectedValues:t,activeId:r,orderedOptions:o,commitSweep:l,rangeAnchorRef:p}){let S=c.useCallback(d=>{let a=[...t];for(let s of d)if(!a.includes(s)){if(n!==void 0&&a.length>=n)break;a.push(s)}return a},[n,t]),f=c.useCallback(()=>{if(!e)return;let d=o(),a=d.findIndex(O=>O.id===r);if(a===-1)return;let s=d.findIndex(O=>O.dataset.value===p.current),g=s===-1?a:s,[y,v]=g<=a?[g,a]:[a,g];l(S(Me(d.slice(y,v+1))))},[e,r,o,l,S,p]),u=c.useCallback(d=>{if(!e)return;let a=o(),s=a.findIndex(y=>y.id===r);if(s===-1)return;let g=d==="first"?a.slice(0,s+1):a.slice(s);l(S(Me(g)))},[e,r,o,l,S]),b=c.useCallback(()=>{if(!e)return;let d=Me(o()),a=d.length>0&&d.every(s=>t.includes(s));l(a?t.filter(s=>!d.includes(s)):S(d))},[e,t,o,l,S]);return{selectRange:f,selectToEdge:u,selectAllOrClear:b}}function Ro(e,n,t,r=mn){let o=c.useRef(!0),l=c.useRef(r);c.useInsertionEffect(()=>{l.current=r}),c.useEffect(()=>{if(o.current){o.current=!1;return}!n||t||(0,cn.announce)(l.current(e))},[e,n,t])}function bo({open:e,defaultOpen:n=!1,onOpenChange:t,readOnly:r}){let[o=!1,l]=(0,He.useControllableState)({prop:e,defaultProp:n,onChange:t}),p=c.useCallback(S=>{r&&S||l(S)},[r,l]);return[o,p]}function ho({inputValue:e,defaultInputValue:n="",onInputValueChange:t,filterable:r}){let[o="",l]=(0,He.useControllableState)({prop:e,defaultProp:n,onChange:t}),p=c.useCallback(()=>{r&&l("")},[r,l]),S=c.useCallback(()=>{l(n)},[n,l]);return{inputValue:o,setInputValue:l,clearDraft:p,resetDraft:S}}function Co({open:e,filterable:n,contentRef:t,orderedOptions:r}){let[o,l]=c.useState(null),[p,S]=c.useState(e);return e!==p&&(S(e),e||l(null)),c.useLayoutEffect(()=>{if(!n||!t.current)return;let f=r();l(u=>u===null||f.some(b=>b.id===u)?u:f[0]?.id??null)},[n,t,r]),[o,l]}function Io({items:e,options:n}){let[t,r]=c.useState(new Map),o=c.useCallback((f,u)=>{r(b=>{if(b.get(f)===u)return b;let d=new Map(b);return d.set(f,u),d})},[]),l=c.useMemo(()=>e??(n?fo(n):void 0),[e,n]),p=c.useMemo(()=>l?l.map(f=>({...f,label:t.get(f.value)??f.label??f.value})):[...t].map(([f,u])=>({value:f,label:u})),[l,t]),S=c.useCallback(f=>t.get(f)??l?.find(u=>u.value===f)?.label??f,[t,l]);return{collection:p,registerOptionLabel:o,getOptionLabel:S}}function vo({value:e,defaultValue:n,onValueChange:t,multiple:r,deselectable:o=!1,maxSelected:l,closeOnSelect:p=!r,disabled:S,readOnly:f,activeId:u,orderedOptions:b,clearDraft:d,setInputValue:a,setOpen:s}){let g=c.useRef("programmatic"),{selectedValues:y,isSelected:v,selectItem:O,setSelection:I}=(0,un.useSelection)({value:e,defaultValue:n,onValueChange:T=>t?.({...T,reason:g.current}),multiple:r,deselectable:o,label:"Select"}),i=S||f,E=r&&l!==void 0&&y.length>=l,k=c.useCallback((T,V)=>{(0,Ie.sameSelection)(T,y)||(g.current=V,I(T))},[y,I]),w=c.useRef(null),m=c.useCallback((T,V="programmatic")=>{i||E&&!y.includes(T)||(w.current=T,g.current=V,O(T,V),d())},[i,E,y,O,d]),R=c.useCallback(T=>{k(T,"keyboard"),d(),p&&s(!1)},[k,d,p,s]),x=yo({enabled:r&&!i,maxSelected:l,selectedValues:y,activeId:u,orderedOptions:b,commitSweep:R,rangeAnchorRef:w}),P=c.useCallback(T=>{i||k(y.filter(V=>V!==T),"pointer")},[i,k,y]),A=c.useCallback(()=>{i||k(y.slice(0,-1),"keyboard")},[i,k,y]),N=c.useCallback(()=>{i||(k([],"pointer"),a(""))},[i,k,a]),X=c.useCallback(()=>{n!==void 0&&k((0,Ie.toSelectionValues)(n,{multiple:r,label:"Select value"}),"programmatic")},[n,r,k]);return{...x,selectedValues:y,isSelected:v,selectItem:m,deselect:P,removeLast:A,clear:N,resetSelection:X,atMax:E,closeOnSelect:p}}var pn=function({children:n,value:t,defaultValue:r,onValueChange:o,multiple:l=!1,deselectable:p,maxSelected:S,allowSelectAll:f=!0,filterable:u=!1,inputValue:b,defaultInputValue:d,onInputValueChange:a,filter:s,loading:g=!1,clearable:y=!1,getSelectionLabel:v,items:O,options:I,renderOption:i,renderValue:E,renderTag:k,placeholder:w,closeOnSelect:m,open:R,defaultOpen:x,onOpenChange:P,onOpenChangeComplete:A,disabled:N=!1,readOnly:X=!1,required:T=!1,invalid:V=!1,name:De,form:bn,autoComplete:hn,shape:Cn,size:In,status:vn,density:xn,matchWidth:Pn,"aria-label":On,ref:kn,...B}){let ve=c.useRef(null),xe=c.useRef(null),Q=c.useRef(null),Ke=c.useRef(null),[Pe,Ge]=bo({open:R,defaultOpen:x,onOpenChange:P,readOnly:X}),{inputValue:Be,setInputValue:Fe,clearDraft:Tn,resetDraft:En}=ho({inputValue:b,defaultInputValue:d,onInputValueChange:a,filterable:u}),H=go({filterable:u,filter:s,inputValue:Be,contentRef:Q}),{orderedOptions:Oe}=H,[qe,An]=Co({open:Pe,filterable:u,contentRef:Q,orderedOptions:Oe}),{selectedValues:ke,isSelected:Ln,selectItem:wn,selectRange:Nn,selectToEdge:Vn,selectAllOrClear:Mn,deselect:Hn,removeLast:Dn,clear:Kn,resetSelection:Gn,atMax:Bn,closeOnSelect:Fn}=vo({value:t,defaultValue:r,onValueChange:o,multiple:l,deselectable:p,maxSelected:S,closeOnSelect:m,disabled:N,readOnly:X,activeId:qe,orderedOptions:Oe,clearDraft:Tn,setInputValue:Fe,setOpen:Ge});Ro(ke.length,l,g,v),(0,dn.useOpenChangeComplete)(Pe,Q,A);let ze=c.useRef(void 0),qn=c.useCallback(()=>{(0,ln.autoFocusEvent)("close-auto-focus",ze.current)&&(xe.current??ve.current)?.focus()},[]),zn=c.useRef("selected"),Wn=c.useId(),[Jn,Xn]=c.useState(!1),{collection:$n,registerOptionLabel:Un,getOptionLabel:_n}=Io({items:O,options:I});return c.useImperativeHandle(kn,()=>(0,Ce.formValidityHandle)(Ke),[]),(0,Ce.useFormReset)(u?xe:ve,()=>{Gn(),En()}),(0,W.jsx)(sn.PopperRoot,{children:(0,W.jsxs)(fn,{triggerRef:ve,inputRef:xe,focusTrigger:qn,closeAutoFocusRef:ze,contentRef:Q,contentId:c.useId(),valueId:Wn,hasValuePart:Jn,setHasValuePart:Xn,activeId:qe,setActiveId:An,openIntentRef:zn,multiple:l,filterable:u,loading:g,allowSelectAll:f,atMax:Bn,inputValue:Be,setInputValue:Fe,closeOnSelect:Fn,selectedValues:ke,isSelected:Ln,selectItem:wn,selectRange:Nn,selectToEdge:Vn,selectAllOrClear:Mn,clear:Kn,removeLast:Dn,deselect:Hn,open:Pe,onOpenChange:Ge,disabled:N,readOnly:X,required:T,invalid:V,name:De,registerOptionLabel:Un,getOptionLabel:_n,collection:$n,itemCount:H.itemCount,registerItem:H.registerItem,unregisterItem:H.unregisterItem,getItem:H.getItem,matchesFilter:H.matchesFilter,itemOrder:H.itemOrder,orderedOptions:Oe,children:[n??(0,W.jsx)(on,{shape:(0,G.recipeAxis)(Cn,B,"data-shape"),size:(0,G.recipeAxis)(In,B,"data-size"),status:(0,G.recipeAxis)(vn,B,"data-status"),density:(0,G.recipeAxis)(xn,B,"data-density"),matchWidth:(0,G.recipeFlag)(Pn,B,"data-match-width"),options:I??[],renderOption:i,renderValue:E,renderTag:k,placeholder:w,clearable:y,ariaLabel:On,passThrough:B}),(0,W.jsx)(an.MirroredValues,{name:De,values:ke,required:T,disabled:N,form:bn,autoComplete:hn,singleValued:!l,controlRef:Ke})]})})};pn.displayName="Select";var Sn=require("../utils/part.cjs"),gn=require("../utils/primitive.cjs"),Rn=require("react/jsx-runtime"),yn=({ref:e,...n})=>(0,Rn.jsx)(gn.Primitive.div,{"aria-hidden":!0,...n,...(0,Sn.skdxPart)("select","separator",n.className),ref:e});yn.displayName="SelectSeparator";0&&(module.exports={OPTION_SELECTOR,Select,SelectAll,SelectClear,SelectContent,SelectEmpty,SelectGroup,SelectGroupProvider,SelectIcon,SelectInput,SelectItem,SelectItemIndicator,SelectItemProvider,SelectItemText,SelectLabel,SelectPortal,SelectProvider,SelectSeparator,SelectTag,SelectTagList,SelectTagRemove,SelectTrigger,SelectValue,SelectViewport,defaultGetSelectionLabel,selectSelectionKeyAction,useSelectContext,useSelectGroupContext,useSelectItemContext});