@pk-design/react-tailwind 1.8.1 → 1.10.0

package/dist/es/components/PullToRefresh/PullToRefresh.js

@@ -1,79 +1,167 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useRef, useState, useCallback } from 'react';
+import { useRef, useState, useLayoutEffect, useEffect } from 'react';
 import { Loader } from '../Loader/index.js';
 import { buildClassName } from '../../utils/build-classname.js';
 
-function PullArrowIcon({ progress }) {
-    const rotation = Math.min(180, progress * 180);
-    return (jsx("svg", { className: "size-4 text-blue-600 dark:text-blue-400 transition-transform duration-150", style: { transform: `rotate(${rotation}deg)` }, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M19 14l-7 7m0 0l-7-7m7 7V3" }) }));
+// Resistance applied to the finger's travel, so the pull feels elastic.
+const RESISTANCE = 0.45;
+// Finger travel (px) before deciding whether a gesture is a pull or a sideways swipe.
+const AXIS_LOCK_SLOP = 8;
+// Overlay badge size and the gap it rests at below the container's top edge.
+const BADGE_SIZE = 40;
+const BADGE_TOP_GAP = 10;
+function PullArrowIcon({ progress, className }) {
+    return (jsx("svg", { className: className, style: { transform: `rotate(${Math.min(180, progress * 180)}deg)` }, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2.5, d: "M19 14l-7 7m0 0l-7-7m7 7V3" }) }));
 }
-function PullToRefresh({ onRefresh, pullThreshold = 70, maxPullDistance = 120, disabled = false, refreshing: externalRefreshing, pullingContent, refreshingContent, children, className = '', contentClass = '', }) {
+function PullToRefresh({ onRefresh, onError, variant = 'push', pullThreshold = 70, maxPullDistance = 120, disabled = false, refreshing: externalRefreshing, pullingContent, refreshingContent, pullLabel = 'Pull down to refresh', releaseLabel = 'Release to refresh', refreshingLabel = 'Refreshing...', refreshedLabel = 'Content refreshed', children, className = '', contentClass = '', }) {
     const containerRef = useRef(null);
-    const startYRef = useRef(0);
-    const isPullingRef = useRef(false);
     const [pullDistance, setPullDistance] = useState(0);
+    const [isDragging, setIsDragging] = useState(false);
     const [internalRefreshing, setInternalRefreshing] = useState(false);
+    const [announcement, setAnnouncement] = useState('');
     const isRefreshing = externalRefreshing !== undefined ? externalRefreshing : internalRefreshing;
-    const handleTouchStart = useCallback((e) => {
-        if (disabled || isRefreshing)
-            return;
-        const container = containerRef.current;
-        if (container && container.scrollTop === 0) {
-            startYRef.current = e.touches[0].clientY;
-            isPullingRef.current = true;
-        }
-    }, [disabled, isRefreshing]);
-    const handleTouchMove = useCallback((e) => {
-        if (!isPullingRef.current || disabled || isRefreshing)
-            return;
+    // The touch listeners are attached once, natively (see below), so they read
+    // the latest props and state through this ref instead of stale closures.
+    const latest = useRef({
+        disabled,
+        isRefreshing,
+        pullThreshold,
+        maxPullDistance,
+        onRefresh,
+        onError,
+        refreshedLabel,
+    });
+    useLayoutEffect(() => {
+        latest.current = {
+            disabled,
+            isRefreshing,
+            pullThreshold,
+            maxPullDistance,
+            onRefresh,
+            onError,
+            refreshedLabel,
+        };
+    });
+    useEffect(() => {
         const container = containerRef.current;
-        if (!container || container.scrollTop > 0)
-            return;
-        const currentY = e.touches[0].clientY;
-        const rawDistance = currentY - startYRef.current;
-        if (rawDistance > 0) {
-            // Rubber-band resistance formula
-            const dampened = Math.min(maxPullDistance, rawDistance * 0.45);
-            setPullDistance(dampened);
-            if (e.cancelable) {
-                e.preventDefault();
-            }
-        }
-        else {
-            setPullDistance(0);
-        }
-    }, [disabled, isRefreshing, maxPullDistance]);
-    const handleTouchEnd = useCallback(async () => {
-        if (!isPullingRef.current || disabled || isRefreshing)
+        if (!container)
             return;
-        isPullingRef.current = false;
-        if (pullDistance >= pullThreshold) {
-            setPullDistance(pullThreshold);
+        let mounted = true;
+        let pulling = false;
+        let axis = 'pending';
+        let startX = 0;
+        let startY = 0;
+        let distance = 0;
+        const setDistance = (next) => {
+            distance = next;
+            setPullDistance(next);
+        };
+        // Ends a gesture without refreshing: a cancelled touch, a sideways swipe,
+        // or content that scrolled away from the top.
+        const reset = () => {
+            pulling = false;
+            setIsDragging(false);
+            setDistance(0);
+        };
+        const refresh = async () => {
+            const { pullThreshold: threshold, onRefresh: run, onError: report } = latest.current;
+            setDistance(threshold);
             setInternalRefreshing(true);
             try {
-                await onRefresh();
+                await run();
+                if (mounted)
+                    setAnnouncement(latest.current.refreshedLabel);
+            }
+            catch (error) {
+                report === null || report === void 0 ? void 0 : report(error);
             }
             finally {
-                setInternalRefreshing(false);
-                setPullDistance(0);
+                if (mounted) {
+                    setInternalRefreshing(false);
+                    setDistance(0);
+                }
+            }
+        };
+        const handleTouchStart = (e) => {
+            var _a, _b;
+            const { disabled: isDisabled, isRefreshing: busy } = latest.current;
+            if (isDisabled || busy || container.scrollTop > 0 || e.touches.length !== 1)
+                return;
+            startX = (_a = e.touches[0].clientX) !== null && _a !== void 0 ? _a : 0;
+            startY = (_b = e.touches[0].clientY) !== null && _b !== void 0 ? _b : 0;
+            axis = 'pending';
+            pulling = true;
+            setAnnouncement('');
+            setIsDragging(true);
+            setDistance(0);
+        };
+        const handleTouchMove = (e) => {
+            var _a, _b, _c, _d;
+            if (!pulling)
+                return;
+            if (latest.current.disabled || latest.current.isRefreshing || container.scrollTop > 0) {
+                reset();
+                return;
             }
-        }
-        else {
-            setPullDistance(0);
-        }
-    }, [disabled, isRefreshing, onRefresh, pullDistance, pullThreshold]);
+            const dx = ((_b = (_a = e.touches[0]) === null || _a === void 0 ? void 0 : _a.clientX) !== null && _b !== void 0 ? _b : 0) - startX;
+            const dy = ((_d = (_c = e.touches[0]) === null || _c === void 0 ? void 0 : _c.clientY) !== null && _d !== void 0 ? _d : 0) - startY;
+            if (axis === 'pending') {
+                if (Math.abs(dx) < AXIS_LOCK_SLOP && Math.abs(dy) < AXIS_LOCK_SLOP)
+                    return;
+                axis = dy > 0 && Math.abs(dy) > Math.abs(dx) ? 'vertical' : 'horizontal';
+                // A sideways swipe or an upward scroll belongs to the content, not to us.
+                if (axis === 'horizontal') {
+                    reset();
+                    return;
+                }
+            }
+            const next = Math.min(latest.current.maxPullDistance, Math.max(0, dy) * RESISTANCE);
+            setDistance(next);
+            // Needs the non-passive listener: stops the browser's own pull-to-refresh/overscroll.
+            if (next > 0 && e.cancelable)
+                e.preventDefault();
+        };
+        const handleTouchEnd = () => {
+            if (!pulling)
+                return;
+            pulling = false;
+            setIsDragging(false);
+            if (distance >= latest.current.pullThreshold)
+                void refresh();
+            else
+                setDistance(0);
+        };
+        // React registers touch listeners as passive, where preventDefault() is
+        // ignored, so these are attached natively with touchmove non-passive.
+        container.addEventListener('touchstart', handleTouchStart, { passive: true });
+        container.addEventListener('touchmove', handleTouchMove, { passive: false });
+        container.addEventListener('touchend', handleTouchEnd);
+        container.addEventListener('touchcancel', reset);
+        return () => {
+            mounted = false;
+            container.removeEventListener('touchstart', handleTouchStart);
+            container.removeEventListener('touchmove', handleTouchMove);
+            container.removeEventListener('touchend', handleTouchEnd);
+            container.removeEventListener('touchcancel', reset);
+        };
+    }, []);
     const progress = Math.min(1, pullDistance / pullThreshold);
     const isReady = pullDistance >= pullThreshold;
-    return (jsxs("div", { ref: containerRef, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: buildClassName('relative overflow-y-auto overscroll-none', className), "data-testid": "pull-to-refresh-container", children: [jsx("div", { className: "left-0 right-0 top-0 flex items-center justify-center pointer-events-none transition-all duration-150 z-20", style: {
-                    height: isRefreshing ? `${pullThreshold}px` : `${pullDistance}px`,
-                    opacity: pullDistance > 0 || isRefreshing ? 1 : 0,
-                }, "data-testid": "pull-to-refresh-indicator", children: jsx("div", { className: "flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-white dark:bg-gray-800 border border-[var(--ui-border)] shadow-md text-xs font-semibold text-gray-700 dark:text-gray-200", children: isRefreshing ? (refreshingContent || (jsxs(Fragment, { children: [jsx(Loader, { size: "sm" }), jsx("span", { children: "Refreshing..." })] }))) : pullingContent ? (pullingContent) : (jsxs(Fragment, { children: [jsx(PullArrowIcon, { progress: progress }), jsx("span", { children: isReady ? 'Release to refresh' : 'Pull down to refresh' })] })) }) }), jsx("div", { className: buildClassName('transition-transform duration-150', contentClass), style: {
-                    transform: isRefreshing
-                        ? `translateY(${pullThreshold}px)`
-                        : pullDistance > 0
-                            ? `translateY(${pullDistance}px)`
-                            : 'translateY(0px)',
-                }, "data-testid": "pull-to-refresh-content", children: children })] }));
+    const offset = isRefreshing ? pullThreshold : pullDistance;
+    // Follow the finger exactly while dragging; animate only the settle afterwards.
+    const motionClass = isDragging
+        ? 'transition-none'
+        : 'transition-transform duration-200 ease-out motion-reduce:transition-none';
+    return (jsxs("div", { ref: containerRef, className: buildClassName('relative overflow-y-auto overscroll-none', className), "data-testid": "pull-to-refresh-container", children: [jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: isRefreshing ? refreshingLabel : announcement }), variant === 'overlay' ? (jsx("div", { className: buildClassName('pointer-events-none absolute inset-x-0 top-0 z-20 flex justify-center', motionClass), style: {
+                    transform: `translateY(${offset - BADGE_SIZE + BADGE_TOP_GAP}px)`,
+                    opacity: offset > 0 ? 1 : 0,
+                }, "aria-hidden": "true", "data-testid": "pull-to-refresh-indicator", children: jsx("div", { className: "grid size-10 place-items-center rounded-full bg-[var(--ui-primary)] text-white shadow-lg", children: isRefreshing
+                        ? (refreshingContent !== null && refreshingContent !== void 0 ? refreshingContent : jsx(Loader, { size: "xs", className: "text-white" }))
+                        : (pullingContent !== null && pullingContent !== void 0 ? pullingContent : jsx(PullArrowIcon, { progress: progress, className: "size-4" })) }) })) : (
+            // Absolutely positioned, so the content's own translate is the only shift.
+            jsx("div", { className: "pointer-events-none absolute inset-x-0 top-0 z-20 flex items-center justify-center overflow-hidden", style: { height: `${offset}px`, opacity: offset > 0 ? 1 : 0 }, "aria-hidden": "true", "data-testid": "pull-to-refresh-indicator", children: jsx("div", { className: "flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-white dark:bg-gray-800 border border-[var(--ui-border)] shadow-md text-xs font-semibold text-gray-700 dark:text-gray-200", children: isRefreshing
+                        ? (refreshingContent !== null && refreshingContent !== void 0 ? refreshingContent : (jsxs(Fragment, { children: [jsx(Loader, { size: "sm" }), jsx("span", { children: refreshingLabel })] })))
+                        : (pullingContent !== null && pullingContent !== void 0 ? pullingContent : (jsxs(Fragment, { children: [jsx(PullArrowIcon, { progress: progress, className: "size-4 text-[var(--ui-primary)] dark:text-blue-400" }), jsx("span", { children: isReady ? releaseLabel : pullLabel })] }))) }) })), jsx("div", { className: buildClassName(variant === 'push' && motionClass, contentClass), style: variant === 'push' ? { transform: `translateY(${offset}px)` } : undefined, "data-testid": "pull-to-refresh-content", children: children })] }));
 }
 PullToRefresh.displayName = 'PullToRefresh';
 

package/dist/es/components/PullToRefresh/PullToRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"PullToRefresh.js","sources":["../../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react'\nimport type { PullToRefreshProps } from './PullToRefresh.types'\nimport { Loader } from '../Loader'\nimport { buildClassName } from '../../utils/build-classname'\n\nfunction PullArrowIcon({ progress }: { progress: number }) {\n  const rotation = Math.min(180, progress * 180)\n  return (\n    <svg\n      className=\"size-4 text-blue-600 dark:text-blue-400 transition-transform duration-150\"\n      style={{ transform: `rotate(${rotation}deg)` }}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2.5}\n        d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n      />\n    </svg>\n  )\n}\n\nexport function PullToRefresh({\n  onRefresh,\n  pullThreshold = 70,\n  maxPullDistance = 120,\n  disabled = false,\n  refreshing: externalRefreshing,\n  pullingContent,\n  refreshingContent,\n  children,\n  className = '',\n  contentClass = '',\n}: PullToRefreshProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const startYRef = useRef<number>(0)\n  const isPullingRef = useRef<boolean>(false)\n\n  const [pullDistance, setPullDistance] = useState<number>(0)\n  const [internalRefreshing, setInternalRefreshing] = useState<boolean>(false)\n\n  const isRefreshing = externalRefreshing !== undefined ? externalRefreshing : internalRefreshing\n\n  const handleTouchStart = useCallback(\n    (e: React.TouchEvent<HTMLDivElement>) => {\n      if (disabled || isRefreshing) return\n      const container = containerRef.current\n      if (container && container.scrollTop === 0) {\n        startYRef.current = e.touches[0].clientY\n        isPullingRef.current = true\n      }\n    },\n    [disabled, isRefreshing],\n  )\n\n  const handleTouchMove = useCallback(\n    (e: React.TouchEvent<HTMLDivElement>) => {\n      if (!isPullingRef.current || disabled || isRefreshing) return\n      const container = containerRef.current\n      if (!container || container.scrollTop > 0) return\n\n      const currentY = e.touches[0].clientY\n      const rawDistance = currentY - startYRef.current\n\n      if (rawDistance > 0) {\n        // Rubber-band resistance formula\n        const dampened = Math.min(maxPullDistance, rawDistance * 0.45)\n        setPullDistance(dampened)\n        if (e.cancelable) {\n          e.preventDefault()\n        }\n      } else {\n        setPullDistance(0)\n      }\n    },\n    [disabled, isRefreshing, maxPullDistance],\n  )\n\n  const handleTouchEnd = useCallback(async () => {\n    if (!isPullingRef.current || disabled || isRefreshing) return\n    isPullingRef.current = false\n\n    if (pullDistance >= pullThreshold) {\n      setPullDistance(pullThreshold)\n      setInternalRefreshing(true)\n      try {\n        await onRefresh()\n      } finally {\n        setInternalRefreshing(false)\n        setPullDistance(0)\n      }\n    } else {\n      setPullDistance(0)\n    }\n  }, [disabled, isRefreshing, onRefresh, pullDistance, pullThreshold])\n\n  const progress = Math.min(1, pullDistance / pullThreshold)\n  const isReady = pullDistance >= pullThreshold\n\n  return (\n    <div\n      ref={containerRef}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n      className={buildClassName('relative overflow-y-auto overscroll-none', className)}\n      data-testid=\"pull-to-refresh-container\"\n    >\n      {/* Pull / Refresh Indicator Header */}\n      <div\n        className=\"left-0 right-0 top-0 flex items-center justify-center pointer-events-none transition-all duration-150 z-20\"\n        style={{\n          height: isRefreshing ? `${pullThreshold}px` : `${pullDistance}px`,\n          opacity: pullDistance > 0 || isRefreshing ? 1 : 0,\n        }}\n        data-testid=\"pull-to-refresh-indicator\"\n      >\n        <div className=\"flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-white dark:bg-gray-800 border border-[var(--ui-border)] shadow-md text-xs font-semibold text-gray-700 dark:text-gray-200\">\n          {isRefreshing ? (\n            refreshingContent || (\n              <>\n                <Loader size=\"sm\" />\n                <span>Refreshing...</span>\n              </>\n            )\n          ) : pullingContent ? (\n            pullingContent\n          ) : (\n            <>\n              <PullArrowIcon progress={progress} />\n              <span>{isReady ? 'Release to refresh' : 'Pull down to refresh'}</span>\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div\n        className={buildClassName('transition-transform duration-150', contentClass)}\n        style={{\n          transform: isRefreshing\n            ? `translateY(${pullThreshold}px)`\n            : pullDistance > 0\n              ? `translateY(${pullDistance}px)`\n              : 'translateY(0px)',\n        }}\n        data-testid=\"pull-to-refresh-content\"\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\nPullToRefresh.displayName = 'PullToRefresh'\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"PullToRefresh.js","sources":["../../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport type { PullToRefreshProps } from './PullToRefresh.types'\nimport { Loader } from '../Loader'\nimport { buildClassName } from '../../utils/build-classname'\n\n// Resistance applied to the finger's travel, so the pull feels elastic.\nconst RESISTANCE = 0.45\n// Finger travel (px) before deciding whether a gesture is a pull or a sideways swipe.\nconst AXIS_LOCK_SLOP = 8\n// Overlay badge size and the gap it rests at below the container's top edge.\nconst BADGE_SIZE = 40\nconst BADGE_TOP_GAP = 10\n\nfunction PullArrowIcon({ progress, className }: { progress: number; className?: string }) {\n  return (\n    <svg\n      className={className}\n      style={{ transform: `rotate(${Math.min(180, progress * 180)}deg)` }}\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2.5}\n        d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\n      />\n    </svg>\n  )\n}\n\ntype Axis = 'pending' | 'vertical' | 'horizontal'\n\nexport function PullToRefresh({\n  onRefresh,\n  onError,\n  variant = 'push',\n  pullThreshold = 70,\n  maxPullDistance = 120,\n  disabled = false,\n  refreshing: externalRefreshing,\n  pullingContent,\n  refreshingContent,\n  pullLabel = 'Pull down to refresh',\n  releaseLabel = 'Release to refresh',\n  refreshingLabel = 'Refreshing...',\n  refreshedLabel = 'Content refreshed',\n  children,\n  className = '',\n  contentClass = '',\n}: PullToRefreshProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [pullDistance, setPullDistance] = useState(0)\n  const [isDragging, setIsDragging] = useState(false)\n  const [internalRefreshing, setInternalRefreshing] = useState(false)\n  const [announcement, setAnnouncement] = useState('')\n\n  const isRefreshing = externalRefreshing !== undefined ? externalRefreshing : internalRefreshing\n\n  // The touch listeners are attached once, natively (see below), so they read\n  // the latest props and state through this ref instead of stale closures.\n  const latest = useRef({\n    disabled,\n    isRefreshing,\n    pullThreshold,\n    maxPullDistance,\n    onRefresh,\n    onError,\n    refreshedLabel,\n  })\n  useLayoutEffect(() => {\n    latest.current = {\n      disabled,\n      isRefreshing,\n      pullThreshold,\n      maxPullDistance,\n      onRefresh,\n      onError,\n      refreshedLabel,\n    }\n  })\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    let mounted = true\n    let pulling = false\n    let axis: Axis = 'pending'\n    let startX = 0\n    let startY = 0\n    let distance = 0\n\n    const setDistance = (next: number) => {\n      distance = next\n      setPullDistance(next)\n    }\n\n    // Ends a gesture without refreshing: a cancelled touch, a sideways swipe,\n    // or content that scrolled away from the top.\n    const reset = () => {\n      pulling = false\n      setIsDragging(false)\n      setDistance(0)\n    }\n\n    const refresh = async () => {\n      const { pullThreshold: threshold, onRefresh: run, onError: report } = latest.current\n      setDistance(threshold)\n      setInternalRefreshing(true)\n      try {\n        await run()\n        if (mounted) setAnnouncement(latest.current.refreshedLabel)\n      } catch (error) {\n        report?.(error)\n      } finally {\n        if (mounted) {\n          setInternalRefreshing(false)\n          setDistance(0)\n        }\n      }\n    }\n\n    const handleTouchStart = (e: TouchEvent) => {\n      const { disabled: isDisabled, isRefreshing: busy } = latest.current\n      if (isDisabled || busy || container.scrollTop > 0 || e.touches.length !== 1) return\n      startX = e.touches[0].clientX ?? 0\n      startY = e.touches[0].clientY ?? 0\n      axis = 'pending'\n      pulling = true\n      setAnnouncement('')\n      setIsDragging(true)\n      setDistance(0)\n    }\n\n    const handleTouchMove = (e: TouchEvent) => {\n      if (!pulling) return\n      if (latest.current.disabled || latest.current.isRefreshing || container.scrollTop > 0) {\n        reset()\n        return\n      }\n\n      const dx = (e.touches[0]?.clientX ?? 0) - startX\n      const dy = (e.touches[0]?.clientY ?? 0) - startY\n\n      if (axis === 'pending') {\n        if (Math.abs(dx) < AXIS_LOCK_SLOP && Math.abs(dy) < AXIS_LOCK_SLOP) return\n        axis = dy > 0 && Math.abs(dy) > Math.abs(dx) ? 'vertical' : 'horizontal'\n        // A sideways swipe or an upward scroll belongs to the content, not to us.\n        if (axis === 'horizontal') {\n          reset()\n          return\n        }\n      }\n\n      const next = Math.min(latest.current.maxPullDistance, Math.max(0, dy) * RESISTANCE)\n      setDistance(next)\n      // Needs the non-passive listener: stops the browser's own pull-to-refresh/overscroll.\n      if (next > 0 && e.cancelable) e.preventDefault()\n    }\n\n    const handleTouchEnd = () => {\n      if (!pulling) return\n      pulling = false\n      setIsDragging(false)\n      if (distance >= latest.current.pullThreshold) void refresh()\n      else setDistance(0)\n    }\n\n    // React registers touch listeners as passive, where preventDefault() is\n    // ignored, so these are attached natively with touchmove non-passive.\n    container.addEventListener('touchstart', handleTouchStart, { passive: true })\n    container.addEventListener('touchmove', handleTouchMove, { passive: false })\n    container.addEventListener('touchend', handleTouchEnd)\n    container.addEventListener('touchcancel', reset)\n\n    return () => {\n      mounted = false\n      container.removeEventListener('touchstart', handleTouchStart)\n      container.removeEventListener('touchmove', handleTouchMove)\n      container.removeEventListener('touchend', handleTouchEnd)\n      container.removeEventListener('touchcancel', reset)\n    }\n  }, [])\n\n  const progress = Math.min(1, pullDistance / pullThreshold)\n  const isReady = pullDistance >= pullThreshold\n  const offset = isRefreshing ? pullThreshold : pullDistance\n  // Follow the finger exactly while dragging; animate only the settle afterwards.\n  const motionClass = isDragging\n    ? 'transition-none'\n    : 'transition-transform duration-200 ease-out motion-reduce:transition-none'\n\n  return (\n    <div\n      ref={containerRef}\n      className={buildClassName('relative overflow-y-auto overscroll-none', className)}\n      data-testid=\"pull-to-refresh-container\"\n    >\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {isRefreshing ? refreshingLabel : announcement}\n      </span>\n\n      {variant === 'overlay' ? (\n        <div\n          className={buildClassName(\n            'pointer-events-none absolute inset-x-0 top-0 z-20 flex justify-center',\n            motionClass,\n          )}\n          style={{\n            transform: `translateY(${offset - BADGE_SIZE + BADGE_TOP_GAP}px)`,\n            opacity: offset > 0 ? 1 : 0,\n          }}\n          aria-hidden=\"true\"\n          data-testid=\"pull-to-refresh-indicator\"\n        >\n          <div className=\"grid size-10 place-items-center rounded-full bg-[var(--ui-primary)] text-white shadow-lg\">\n            {isRefreshing\n              ? (refreshingContent ?? <Loader size=\"xs\" className=\"text-white\" />)\n              : (pullingContent ?? <PullArrowIcon progress={progress} className=\"size-4\" />)}\n          </div>\n        </div>\n      ) : (\n        // Absolutely positioned, so the content's own translate is the only shift.\n        <div\n          className=\"pointer-events-none absolute inset-x-0 top-0 z-20 flex items-center justify-center overflow-hidden\"\n          style={{ height: `${offset}px`, opacity: offset > 0 ? 1 : 0 }}\n          aria-hidden=\"true\"\n          data-testid=\"pull-to-refresh-indicator\"\n        >\n          <div className=\"flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-white dark:bg-gray-800 border border-[var(--ui-border)] shadow-md text-xs font-semibold text-gray-700 dark:text-gray-200\">\n            {isRefreshing\n              ? (refreshingContent ?? (\n                  <>\n                    <Loader size=\"sm\" />\n                    <span>{refreshingLabel}</span>\n                  </>\n                ))\n              : (pullingContent ?? (\n                  <>\n                    <PullArrowIcon\n                      progress={progress}\n                      className=\"size-4 text-[var(--ui-primary)] dark:text-blue-400\"\n                    />\n                    <span>{isReady ? releaseLabel : pullLabel}</span>\n                  </>\n                ))}\n          </div>\n        </div>\n      )}\n\n      <div\n        className={buildClassName(variant === 'push' && motionClass, contentClass)}\n        style={variant === 'push' ? { transform: `translateY(${offset}px)` } : undefined}\n        data-testid=\"pull-to-refresh-content\"\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\nPullToRefresh.displayName = 'PullToRefresh'\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/es/components/SelectBox/SelectBox.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useState, useMemo, useRef, useImperativeHandle, useCallback, useEffect } from 'react';
+import { forwardRef, useState, useCallback, useMemo, useRef, useImperativeHandle, useEffect } from 'react';
 import { Combobox, ComboboxInput, ComboboxButton, ComboboxOptions, ComboboxOption } from '@headlessui/react';
 import { Label } from '../Label/Label.js';
 import { Badge } from '../Badge/Badge.js';
@@ -41,9 +41,18 @@ const sizeClasses = {
     },
 };
 const SelectBox = forwardRef((props, forwardedRef) => {
-    const { labelKey = 'label', valueKey = 'value', name, id = name, options = EMPTY_ARRAY, groups, selected, size = 'md', label = null, labelWrapperClass = '', labelClass = '', labelHint = null, disabled = false, containerClass = '', onChange = NOOP, placeholder, dropdownContainerClass = 'z-20', multiple = false, maxSelection, showSelectAll = false, immediate = true, showErrorMessage = true, error = null, helperText, leftGroup, renderOption, async = false, searchable = true, required = false, allowAdd = false, addNewText = 'Create', onAdd = NOOP, allowClear = false, allowFreeText = false, modalDropdown = false, noOptionsText = 'No options available', } = props;
+    const { labelKey = 'label', valueKey = 'value', name, id = name, options = EMPTY_ARRAY, groups, selected: selectedProp, defaultSelected, size = 'md', label = null, labelWrapperClass = '', labelClass = '', labelHint = null, disabled = false, containerClass = '', onChange: onChangeProp = NOOP, placeholder, dropdownContainerClass = 'z-20', dropdownMinWidth, multiple = false, maxSelection, showSelectAll = false, immediate = true, showErrorMessage = true, error = null, helperText, leftGroup, renderOption, async = false, searchable = true, required = false, allowAdd = false, addNewText = 'Create', onAdd = NOOP, allowClear = false, allowFreeText = false, modalDropdown = false, noOptionsText = 'No options available', } = props;
+    // Uncontrolled when `selected` is not passed: keep the selection internally.
+    const isControlled = selectedProp !== undefined;
+    const [internalSelected, setInternalSelected] = useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : null);
+    const selected = isControlled ? selectedProp : internalSelected;
+    const onChange = useCallback((value) => {
+        if (!isControlled)
+            setInternalSelected(value);
+        onChangeProp(value);
+    }, [isControlled, onChangeProp]);
     if (props.asBottomSheet || props.mobileMode === 'sheet') {
-        return jsx(MobilePicker, { ...props });
+        return jsx(MobilePicker, { ...props, selected: selected, onChange: onChange });
     }
     const hasError = Boolean(error);
     const [query, setQuery] = useState('');
@@ -241,6 +250,16 @@ const SelectBox = forwardRef((props, forwardedRef) => {
         }
     }, [isAllSelected, onChange, allOptions]);
     const hasLeftGroup = leftGroup != null && leftGroup !== undefined;
+    // Reserve room for the chevron (and the clear button when shown) so long values
+    // don't run underneath them.
+    const showClearButton = allowClear && !multiple && !isEmpty(normalizedSelected);
+    const rightPaddingClass = showClearButton
+        ? 'pe-16'
+        : size === 'lg'
+            ? 'pe-11'
+            : size === 'sm'
+                ? 'pe-9'
+                : 'pe-10';
     const hasFreeTextOption = Boolean(allowFreeText &&
         query.trim() &&
         !allOptions.some((opt) => { var _a; return ((_a = getDisplayValue(opt)) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === query.trim().toLowerCase(); }));
@@ -253,7 +272,7 @@ const SelectBox = forwardRef((props, forwardedRef) => {
         const isOptSelected = selectedValueSet.has(optVal);
         return (jsx(ComboboxOption, { disabled: option.disabled, value: option, className: "group rounded-lg py-1.5 px-3 select-none data-[focus]:bg-gray-100 dark:data-[focus]:bg-white/10 data-disabled:opacity-50 cursor-pointer data-disabled:pointer-events-none", children: renderOption ? (renderOption(option, Boolean(isOptSelected))) : (jsxs("div", { className: "flex items-center justify-between gap-2 text-gray-900 dark:text-white group-data-[selected]:text-blue-600", children: [jsx("span", { className: "text-sm/6", children: getDisplayValue(option) }), jsx(SvgCheck, { className: "invisible size-5 dark:stroke-gray-300 group-data-[selected]:visible" })] })) }, optVal));
     };
-    return (jsxs("div", { className: buildClassName('group space-y-2', hasError && 'has-error', containerClass), ref: containerRef, children: [label && (jsxs("div", { className: buildClassName('flex items-center justify-between', labelWrapperClass), children: [jsx(Label, { className: labelClass, htmlFor: id, "aria-required": required, children: label }), labelHint && jsx(TextContent, { xsmall: true, children: labelHint })] })), jsxs(Combobox, { multiple: multiple, immediate: immediate, name: name, value: normalizedSelected, onChange: comboboxOnChangeWrapper, onClose: () => setQuery(''), disabled: disabled, by: (a, b) => (a && b ? getValue(a) === getValue(b) : a === b), children: [multiple ? (jsxs("div", { className: buildClassName(baseInputClass, 'flex flex-wrap gap-2 peer relative', hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : ''), ref: forwardedRef, children: [hasLeftGroup && (jsx("span", { className: buildClassName('absolute left-0 top-0 h-full flex items-center justify-center text-gray-400 dark:text-gray-500', currentSize.group), children: leftGroup })), isArray(normalizedSelected) &&
+    return (jsxs("div", { className: buildClassName('group space-y-2', hasError && 'has-error', containerClass), ref: containerRef, children: [label && (jsxs("div", { className: buildClassName('flex items-center justify-between', labelWrapperClass), children: [jsx(Label, { className: labelClass, htmlFor: id, "aria-required": required, children: label }), labelHint && jsx(TextContent, { xsmall: true, children: labelHint })] })), jsxs(Combobox, { multiple: multiple, immediate: immediate, name: name, value: normalizedSelected, onChange: comboboxOnChangeWrapper, onClose: () => setQuery(''), disabled: disabled, by: (a, b) => (a && b ? getValue(a) === getValue(b) : a === b), children: [multiple ? (jsxs("div", { className: buildClassName(baseInputClass, 'flex flex-wrap gap-2 peer relative', rightPaddingClass, hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : ''), ref: forwardedRef, children: [hasLeftGroup && (jsx("span", { className: buildClassName('absolute left-0 top-0 h-full flex items-center justify-center text-gray-400 dark:text-gray-500', currentSize.group), children: leftGroup })), isArray(normalizedSelected) &&
                                 (normalizedSelected === null || normalizedSelected === void 0 ? void 0 : normalizedSelected.length) > 0 &&
                                 normalizedSelected.map((option, idx) => (jsx(Badge, { theme: "secondary", size: currentSize.badgeSize, removable: !disabled, onRemove: () => removeSelection(idx), children: getDisplayValue(option) }, `${getValue(option)}-${idx}`))), jsx(ComboboxInput, { className: "outline-none flex-1 dark:placeholder-gray-400 placeholder-gray-400 bg-transparent", "aria-label": name, value: query, autoComplete: "off", placeholder: (normalizedSelected === null || normalizedSelected === void 0 ? void 0 : normalizedSelected.length) ? '' : placeholder, onChange: (e) => {
                                     const val = e.target.value;
@@ -293,7 +312,9 @@ const SelectBox = forwardRef((props, forwardedRef) => {
                                     }
                                 }, onFocus: () => {
                                     setQuery('');
-                                }, className: buildClassName(baseInputClass, hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : ''), disabled: disabled, id: id, readOnly: !searchable, ref: inputRef, "data-testid": "combobox-input" }), allowClear && !isEmpty(normalizedSelected) && (jsx(Button, { size: "xs", iconOnly: true, "aria-label": "Clear selection", theme: "secondary", variant: "plain", className: "group absolute inset-y-0 right-8 h-6 top-2", onClick: () => handleOnChangeInternal(multiple ? [] : null), disabled: disabled, "data-testid": "combobox-clear-button", noOutlineOnFocus: true, children: jsx(SvgX, { className: "size-4 stroke-gray-500 dark:stroke-gray-300" }) })), jsx(ComboboxButton, { className: "group absolute inset-y-0 right-0 px-2.5 flex items-center justify-center", "data-testid": "combobox-button", children: jsx(SvgChevronDown, { className: chevronIconClass }) })] })), jsxs(ComboboxOptions, { anchor: { to: 'bottom', gap: 5 }, as: "div", modal: modalDropdown, className: buildClassName('w-[var(--input-width)] rounded-lg border border-[var(--ui-border)] bg-white dark:bg-gray-800 p-1 shadow-lg max-h-80 overflow-y-auto z-50 [--anchor-gap:var(--spacing-1)]', '[--anchor-max-height:20rem]', 'origin-top border transition duration-200 ease-[cubic-bezier(0.4, 0.0, 0.2, 1)] data-[closed]:translate-y-[-15%] data-[closed]:opacity-0', dropdownContainerClass), transition: true, "data-testid": "combobox-options", children: [multiple && showSelectAll && allOptions.length > 0 && (jsxs("div", { className: "pb-1 mb-1 border-b border-[var(--ui-border-muted)] px-3 pt-1 flex items-center justify-between", children: [jsx("button", { type: "button", onClick: handleToggleSelectAll, className: "text-xs font-semibold text-blue-600 dark:text-blue-400 hover:underline cursor-pointer", children: isAllSelected ? 'Deselect All' : 'Select All' }), jsxs("span", { className: "text-[11px] font-medium text-gray-400", children: [Array.isArray(normalizedSelected) ? normalizedSelected.length : 0, " of", ' ', allOptions.length] })] })), optionsLoading ? (jsx(BodyText, { "data-testid": "options-loading", className: "flex items-center justify-center py-2 px-3 select-none", children: jsx(Loader, { size: "sm" }) })) : shouldShowTypeToSearch ? (jsx(BodyText, { className: "flex items-center justify-between py-2 px-3 select-none", children: "Type to search..." })) : (jsxs("div", { children: [allowFreeText &&
+                                }, className: buildClassName(baseInputClass, 'text-ellipsis', rightPaddingClass, hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : ''), disabled: disabled, id: id, readOnly: !searchable, ref: inputRef, "data-testid": "combobox-input" }), showClearButton && (jsx(Button, { size: "xs", iconOnly: true, "aria-label": "Clear selection", theme: "secondary", variant: "plain", className: "group absolute inset-y-0 right-8 h-6 top-2", onClick: () => handleOnChangeInternal(multiple ? [] : null), disabled: disabled, "data-testid": "combobox-clear-button", children: jsx(SvgX, { className: "size-4 stroke-gray-500 dark:stroke-gray-300" }) })), jsx(ComboboxButton, { className: "group absolute inset-y-0 right-0 px-2.5 flex items-center justify-center", "data-testid": "combobox-button", children: jsx(SvgChevronDown, { className: chevronIconClass }) })] })), jsxs(ComboboxOptions, { anchor: { to: 'bottom start', gap: 5, padding: 8 }, as: "div", modal: modalDropdown, 
+                        // Matches the input width by default; min-width lets the panel grow wider than a narrow input.
+                        style: dropdownMinWidth != null ? { minWidth: dropdownMinWidth } : undefined, className: buildClassName('w-[var(--input-width)] rounded-lg border border-[var(--ui-border)] bg-white dark:bg-gray-800 p-1 shadow-lg max-h-80 overflow-y-auto z-50 [--anchor-gap:var(--spacing-1)]', '[--anchor-max-height:20rem]', 'origin-top border transition duration-200 ease-[cubic-bezier(0.4, 0.0, 0.2, 1)] data-[closed]:translate-y-[-15%] data-[closed]:opacity-0', dropdownContainerClass), transition: true, "data-testid": "combobox-options", children: [multiple && showSelectAll && allOptions.length > 0 && (jsxs("div", { className: "pb-1 mb-1 border-b border-[var(--ui-border-muted)] px-3 pt-1 flex items-center justify-between", children: [jsx("button", { type: "button", onClick: handleToggleSelectAll, className: "text-xs font-semibold text-blue-600 dark:text-blue-400 hover:underline cursor-pointer", children: isAllSelected ? 'Deselect All' : 'Select All' }), jsxs("span", { className: "text-[11px] font-medium text-gray-400", children: [Array.isArray(normalizedSelected) ? normalizedSelected.length : 0, " of", ' ', allOptions.length] })] })), optionsLoading ? (jsx(BodyText, { "data-testid": "options-loading", className: "flex items-center justify-center py-2 px-3 select-none", children: jsx(Loader, { size: "sm" }) })) : shouldShowTypeToSearch ? (jsx(BodyText, { className: "flex items-center justify-between py-2 px-3 select-none", children: "Type to search..." })) : (jsxs("div", { children: [allowFreeText &&
                                         query.trim() &&
                                         !allOptions.some((opt) => { var _a; return ((_a = getDisplayValue(opt)) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === query.trim().toLowerCase(); }) && (jsx(ComboboxOption, { value: createFreeTextOption(query.trim()), className: "group flex items-center gap-2 rounded-lg py-1.5 px-3 select-none text-sm data-[focus]:bg-blue-50 dark:data-[focus]:bg-blue-950/40 text-blue-600 dark:text-blue-400 font-medium cursor-pointer w-full", "data-testid": "freetext-option", children: jsxs("span", { children: ["Use \"", query.trim(), "\""] }) }, `freetext-${query.trim()}`)), filteredGroups
                                         ? filteredGroups.map((grp, gIdx) => (jsxs("div", { children: [jsx("div", { className: "text-[11px] font-bold uppercase tracking-wider text-gray-400 dark:text-gray-500 px-3 py-1 select-none", children: grp.group }), grp.options.map(renderOptionItem)] }, gIdx)))

package/dist/es/components/SelectBox/SelectBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBox.js","sources":["../../../../../src/components/SelectBox/SelectBox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Combobox,\n  ComboboxButton,\n  ComboboxInput,\n  ComboboxOption,\n  ComboboxOptions,\n} from '@headlessui/react'\n\nimport { Label } from '../Label'\nimport { Badge } from '../Badge'\nimport { Loader } from '../Loader'\nimport { TextContent } from '../TextContent'\nimport { Button } from '../Button'\nimport { MobilePicker } from '../MobilePicker'\n\nimport { isArray } from '../../utils/is-array'\nimport { buildClassName } from '../../utils/build-classname'\nimport { isEmpty } from '../../utils/is-empty'\nimport { useDebounce } from '../../hooks/use-debounce'\n\nimport CheckIcon from '../Icons/Check.svg'\nimport ChevronDownIcon from '../Icons/ChevronDown.svg'\nimport XIcon from '../Icons/X.svg'\nimport CirclePlusIcon from '../Icons/CirclePlus.svg'\nimport type { BaseOption, SelectBoxProps, SelectBoxSize } from './SelectBox.types'\nimport { buildInputClass } from '../Input'\nimport { BodyText } from '../BodyText'\n\nconst NOOP = () => {}\nconst EMPTY_ARRAY: any[] = []\n\nconst sizeClasses: Record<\n  SelectBoxSize,\n  { input: string; group: string; icon: string; badgeSize: 'sm' | 'md' }\n> = {\n  sm: {\n    input: 'px-2.5 py-1.5 text-xs leading-5 min-h-[32px]',\n    group: 'w-8 text-xs',\n    icon: 'size-3.5',\n    badgeSize: 'sm',\n  },\n  md: {\n    input: 'px-3.5 py-2 text-sm leading-6 min-h-[38px]',\n    group: 'w-10 text-sm',\n    icon: 'size-4',\n    badgeSize: 'md',\n  },\n  lg: {\n    input: 'px-4 py-2.5 text-base leading-7 min-h-[46px]',\n    group: 'w-12 text-base',\n    icon: 'size-5',\n    badgeSize: 'md',\n  },\n}\n\nexport const SelectBox = forwardRef(\n  <T extends BaseOption | string = BaseOption>(\n    props: SelectBoxProps<T>,\n    forwardedRef: React.Ref<HTMLInputElement | HTMLDivElement | null>,\n  ) => {\n    const {\n      labelKey = 'label',\n      valueKey = 'value',\n      name,\n      id = name,\n      options = EMPTY_ARRAY,\n      groups,\n      selected,\n      size = 'md',\n      label = null,\n      labelWrapperClass = '',\n      labelClass = '',\n      labelHint = null,\n      disabled = false,\n      containerClass = '',\n      onChange = NOOP,\n      placeholder,\n      dropdownContainerClass = 'z-20',\n      multiple = false,\n      maxSelection,\n      showSelectAll = false,\n      immediate = true,\n      showErrorMessage = true,\n      error = null,\n      helperText,\n      leftGroup,\n      renderOption,\n      async = false,\n      searchable = true,\n      required = false,\n      allowAdd = false,\n      addNewText = 'Create',\n      onAdd = NOOP,\n      allowClear = false,\n      allowFreeText = false,\n      modalDropdown = false,\n      noOptionsText = 'No options available',\n    } = props\n\n    if (props.asBottomSheet || props.mobileMode === 'sheet') {\n      return <MobilePicker {...(props as any)} />\n    }\n\n    const hasError = Boolean(error)\n    const [query, setQuery] = useState('')\n    const debouncedQuery = useDebounce(query, 500)\n    const [optionsLoading, setOptionsLoading] = useState(false)\n\n    // Normalize options from options prop or groups prop\n    const allOptions = useMemo(() => {\n      if (groups?.length) {\n        return groups.flatMap((g) => g.options)\n      }\n      return options\n    }, [groups, options])\n\n    const shouldShowTypeToSearch = async && !query && !optionsLoading && allOptions.length === 0\n    const currentSize = sizeClasses[size] || sizeClasses.md\n\n    const baseInputClass = useMemo(\n      () => buildInputClass('', { disabled, hasError, size }),\n      [disabled, hasError, size],\n    )\n\n    const chevronIconClass = useMemo(\n      () =>\n        buildClassName(\n          currentSize.icon,\n          'stroke-gray-500 group-data-[hover]:stroke-gray-800',\n          'dark:stroke-gray-300 dark:group-data-[hover]:stroke-gray-100',\n          disabled && 'dark:stroke-gray-600 stroke-gray-400',\n        ),\n      [currentSize.icon, disabled],\n    )\n\n    const inputRef = useRef<HTMLInputElement>(null)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle(forwardedRef, () => inputRef.current!, [inputRef])\n\n    const filteredOptions = useMemo(() => {\n      if (query === '' || async) return allOptions\n      return allOptions.filter((opt) => {\n        const lbl = typeof opt === 'string' ? opt : (opt as BaseOption)[labelKey]\n        return lbl?.toLowerCase().includes(query.toLowerCase())\n      })\n    }, [allOptions, query, async, labelKey])\n\n    const filteredGroups = useMemo(() => {\n      if (!groups?.length) return null\n      if (query === '' || async) return groups\n\n      return groups\n        .map((g) => ({\n          ...g,\n          options: g.options.filter((opt) => {\n            const lbl = typeof opt === 'string' ? opt : (opt as BaseOption)[labelKey]\n            return lbl?.toLowerCase().includes(query.toLowerCase())\n          }),\n        }))\n        .filter((g) => g.options.length > 0)\n    }, [groups, query, async, labelKey])\n\n    const getDisplayValue = useCallback(\n      (opt: T) => {\n        return typeof opt === 'string' ? opt : opt[labelKey]\n      },\n      [labelKey],\n    )\n\n    const getValue = useCallback(\n      (opt: T) => {\n        return typeof opt === 'string' ? opt : opt[valueKey]\n      },\n      [valueKey],\n    )\n\n    const createFreeTextOption = useCallback(\n      (text: string): T => {\n        const sample = allOptions[0] || (Array.isArray(selected) ? selected[0] : selected)\n        if (\n          typeof sample === 'string' ||\n          (!sample && typeof labelKey === 'string' && labelKey === 'label')\n        ) {\n          return text as unknown as T\n        }\n        return {\n          [labelKey]: text,\n          [valueKey]: text,\n        } as unknown as T\n      },\n      [allOptions, selected, labelKey, valueKey],\n    )\n\n    const handleFreeTextCommit = useCallback(\n      (queryText: string) => {\n        const trimmed = queryText.trim()\n        if (!trimmed) return\n\n        const existing = allOptions.find((opt) => {\n          const display = getDisplayValue(opt)\n          return display?.toLowerCase() === trimmed.toLowerCase()\n        })\n\n        const valueToCommit = existing || createFreeTextOption(trimmed)\n\n        if (multiple) {\n          const current = isArray(selected) ? selected : []\n          const alreadySelected = current.some(\n            (item) => getDisplayValue(item)?.toLowerCase() === trimmed.toLowerCase(),\n          )\n          if (!alreadySelected) {\n            if (maxSelection && current.length >= maxSelection) return\n            onChange([...current, valueToCommit] as unknown as T[])\n          }\n          setQuery('')\n        } else {\n          onChange(valueToCommit)\n          setQuery('')\n        }\n      },\n      [\n        allOptions,\n        getDisplayValue,\n        createFreeTextOption,\n        multiple,\n        selected,\n        maxSelection,\n        onChange,\n      ],\n    )\n\n    const removeSelection = useCallback(\n      (idx: number) => {\n        if (!isArray(selected)) return\n        const next = [...selected]\n        next.splice(idx, 1)\n        onChange(next)\n        inputRef.current?.focus()\n      },\n      [selected, onChange],\n    )\n\n    const handleOnChangeInternal = useCallback(\n      (value: T | T[] | null) => {\n        if (value === null) {\n          onChange(multiple ? ([] as T[]) : null)\n          setQuery('')\n          return\n        }\n\n        if (multiple && Array.isArray(value) && maxSelection && value.length > maxSelection) {\n          return\n        }\n\n        onChange(value as T | T[])\n        setQuery('')\n      },\n      [onChange, multiple, maxSelection],\n    )\n\n    const comboboxOnChangeWrapper = useCallback(\n      (raw: unknown) => {\n        if (raw === null || raw === undefined) {\n          handleOnChangeInternal(null)\n          return\n        }\n\n        if (Array.isArray(raw)) {\n          const allNulls = raw.length > 0 && raw.every((v) => v === null)\n          if (allNulls) {\n            handleOnChangeInternal([] as unknown as T[])\n            return\n          }\n          handleOnChangeInternal(raw as unknown as T[])\n          return\n        }\n\n        handleOnChangeInternal(raw as unknown as T)\n      },\n      [handleOnChangeInternal],\n    )\n\n    const handleAddAndSelect = useCallback(\n      async (valueToAdd: string) => {\n        try {\n          const result = await onAdd(valueToAdd)\n          if (result) {\n            handleOnChangeInternal(result as unknown as T)\n          } else {\n            handleOnChangeInternal(valueToAdd as unknown as T)\n          }\n        } catch (err) {\n          console.error('onAdd handler error', err)\n        }\n      },\n      [onAdd, handleOnChangeInternal],\n    )\n\n    const onSearchRef = useRef(props.onSearch)\n    onSearchRef.current = props.onSearch\n\n    const handleSearch = useCallback(async (searchString: string) => {\n      try {\n        setOptionsLoading(true)\n        await onSearchRef.current?.(searchString)\n      } catch (err) {\n        console.error('Error loading options:', err)\n      } finally {\n        setOptionsLoading(false)\n      }\n    }, [])\n\n    useEffect(() => {\n      if (async && debouncedQuery) handleSearch(debouncedQuery)\n    }, [debouncedQuery, async, handleSearch])\n\n    const normalizedSelected = useMemo(() => {\n      if (multiple) {\n        if (Array.isArray(selected)) return selected\n        if (selected !== null && selected !== undefined) return [selected as T]\n        return [] as T[]\n      } else {\n        if (Array.isArray(selected)) return selected.length > 0 ? selected[0] : null\n        return selected ?? null\n      }\n    }, [multiple, selected])\n\n    const selectedValueSet = useMemo(() => {\n      if (!normalizedSelected) return new Set<any>()\n      if (Array.isArray(normalizedSelected)) {\n        return new Set(normalizedSelected.map((s) => getValue(s)))\n      }\n      return new Set([getValue(normalizedSelected as T)])\n    }, [normalizedSelected, getValue])\n\n    const isAllSelected = useMemo(() => {\n      if (!multiple || !Array.isArray(normalizedSelected) || !allOptions.length) return false\n      return allOptions.length === normalizedSelected.length\n    }, [multiple, normalizedSelected, allOptions])\n\n    const handleToggleSelectAll = useCallback(() => {\n      if (isAllSelected) {\n        onChange([] as unknown as T[])\n      } else {\n        onChange(allOptions as unknown as T[])\n      }\n    }, [isAllSelected, onChange, allOptions])\n\n    const hasLeftGroup = leftGroup != null && leftGroup !== undefined\n\n    const hasFreeTextOption = Boolean(\n      allowFreeText &&\n        query.trim() &&\n        !allOptions.some(\n          (opt) => getDisplayValue(opt)?.toLowerCase() === query.trim().toLowerCase(),\n        ),\n    )\n\n    const hasAddOption = Boolean(!allowFreeText && allowAdd && query.trim())\n    const hasGroupOptions = Boolean(filteredGroups && filteredGroups.length > 0)\n    const hasFlatOptions = filteredOptions.length > 0\n\n    const hasAnyOptionsToDisplay =\n      hasFlatOptions || hasGroupOptions || hasFreeTextOption || hasAddOption\n\n    const renderOptionItem = (option: T) => {\n      const optVal = getValue(option)\n      const isOptSelected = selectedValueSet.has(optVal)\n\n      return (\n        <ComboboxOption\n          key={optVal}\n          disabled={(option as BaseOption).disabled}\n          value={option}\n          className=\"group rounded-lg py-1.5 px-3 select-none data-[focus]:bg-gray-100 dark:data-[focus]:bg-white/10 data-disabled:opacity-50 cursor-pointer data-disabled:pointer-events-none\"\n        >\n          {renderOption ? (\n            renderOption(option, Boolean(isOptSelected))\n          ) : (\n            <div className=\"flex items-center justify-between gap-2 text-gray-900 dark:text-white group-data-[selected]:text-blue-600\">\n              <span className=\"text-sm/6\">{getDisplayValue(option)}</span>\n              <CheckIcon className=\"invisible size-5 dark:stroke-gray-300 group-data-[selected]:visible\" />\n            </div>\n          )}\n        </ComboboxOption>\n      )\n    }\n\n    return (\n      <div\n        className={buildClassName('group space-y-2', hasError && 'has-error', containerClass)}\n        ref={containerRef}\n      >\n        {label && (\n          <div className={buildClassName('flex items-center justify-between', labelWrapperClass)}>\n            <Label className={labelClass} htmlFor={id} aria-required={required}>\n              {label}\n            </Label>\n            {labelHint && <TextContent xsmall>{labelHint}</TextContent>}\n          </div>\n        )}\n\n        <Combobox\n          multiple={multiple}\n          immediate={immediate}\n          name={name}\n          value={normalizedSelected as any}\n          onChange={comboboxOnChangeWrapper as any}\n          onClose={() => setQuery('')}\n          disabled={disabled}\n          by={(a: any, b: any) => (a && b ? getValue(a) === getValue(b) : a === b)}\n        >\n          {multiple ? (\n            <div\n              className={buildClassName(\n                baseInputClass,\n                'flex flex-wrap gap-2 peer relative',\n                hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : '',\n              )}\n              ref={forwardedRef as any}\n            >\n              {hasLeftGroup && (\n                <span\n                  className={buildClassName(\n                    'absolute left-0 top-0 h-full flex items-center justify-center text-gray-400 dark:text-gray-500',\n                    currentSize.group,\n                  )}\n                >\n                  {leftGroup}\n                </span>\n              )}\n\n              {isArray(normalizedSelected) &&\n                normalizedSelected?.length > 0 &&\n                normalizedSelected.map((option, idx) => (\n                  <Badge\n                    key={`${getValue(option)}-${idx}`}\n                    theme=\"secondary\"\n                    size={currentSize.badgeSize}\n                    removable={!disabled}\n                    onRemove={() => removeSelection(idx)}\n                  >\n                    {getDisplayValue(option)}\n                  </Badge>\n                ))}\n\n              <ComboboxInput\n                className=\"outline-none flex-1 dark:placeholder-gray-400 placeholder-gray-400 bg-transparent\"\n                aria-label={name}\n                value={query}\n                autoComplete=\"off\"\n                placeholder={normalizedSelected?.length ? '' : placeholder}\n                onChange={(e) => {\n                  const val = e.target.value\n                  if (allowFreeText && multiple && val.includes(',')) {\n                    const parts = val.split(',')\n                    parts.forEach((p) => {\n                      if (p.trim()) handleFreeTextCommit(p.trim())\n                    })\n                    setQuery('')\n                  } else {\n                    setQuery(val)\n                  }\n                }}\n                id={id}\n                ref={inputRef}\n                onKeyDown={(e) => {\n                  if (allowFreeText && (e.key === 'Enter' || e.key === ',') && query.trim()) {\n                    e.preventDefault()\n                    handleFreeTextCommit(query.replace(/,/g, ''))\n                  } else if (multiple && e.key === 'Backspace' && !query) {\n                    if (Array.isArray(normalizedSelected) && normalizedSelected.length > 0) {\n                      removeSelection(normalizedSelected.length - 1)\n                    }\n                  }\n                }}\n                onBlur={() => {\n                  if (allowFreeText && query.trim()) {\n                    handleFreeTextCommit(query.replace(/,/g, ''))\n                  }\n                }}\n                data-testid=\"combobox-input\"\n              />\n\n              <ComboboxButton\n                className=\"group absolute inset-y-0 right-0 px-2.5 flex items-center justify-center\"\n                data-testid=\"combobox-button\"\n              >\n                <ChevronDownIcon className={chevronIconClass} />\n              </ComboboxButton>\n            </div>\n          ) : (\n            <div className=\"relative\" ref={forwardedRef as any}>\n              {hasLeftGroup && (\n                <span\n                  className={buildClassName(\n                    'absolute left-0 top-0 h-full flex items-center justify-center text-gray-400 dark:text-gray-500 z-10',\n                    currentSize.group,\n                  )}\n                >\n                  {leftGroup}\n                </span>\n              )}\n\n              <ComboboxInput\n                aria-label={name}\n                displayValue={(option: any) => (option ? getDisplayValue(option) : null)}\n                autoComplete=\"off\"\n                placeholder={placeholder}\n                onChange={(event) => setQuery(event.target.value)}\n                onKeyDown={(e) => {\n                  if (allowFreeText && e.key === 'Enter' && query.trim()) {\n                    e.preventDefault()\n                    handleFreeTextCommit(query)\n                  }\n                }}\n                onBlur={() => {\n                  if (allowFreeText && query.trim()) {\n                    handleFreeTextCommit(query)\n                  }\n                }}\n                onFocus={() => {\n                  setQuery('')\n                }}\n                className={buildClassName(\n                  baseInputClass,\n                  hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : '',\n                )}\n                disabled={disabled}\n                id={id}\n                readOnly={!searchable}\n                ref={inputRef}\n                data-testid=\"combobox-input\"\n              />\n\n              {allowClear && !isEmpty(normalizedSelected) && (\n                <Button\n                  size=\"xs\"\n                  iconOnly\n                  aria-label=\"Clear selection\"\n                  theme=\"secondary\"\n                  variant=\"plain\"\n                  className=\"group absolute inset-y-0 right-8 h-6 top-2\"\n                  onClick={() => handleOnChangeInternal(multiple ? ([] as T[]) : null)}\n                  disabled={disabled}\n                  data-testid=\"combobox-clear-button\"\n                  noOutlineOnFocus\n                >\n                  <XIcon className=\"size-4 stroke-gray-500 dark:stroke-gray-300\" />\n                </Button>\n              )}\n\n              <ComboboxButton\n                className=\"group absolute inset-y-0 right-0 px-2.5 flex items-center justify-center\"\n                data-testid=\"combobox-button\"\n              >\n                <ChevronDownIcon className={chevronIconClass} />\n              </ComboboxButton>\n            </div>\n          )}\n\n          <ComboboxOptions\n            anchor={{ to: 'bottom', gap: 5 }}\n            as=\"div\"\n            modal={modalDropdown}\n            className={buildClassName(\n              'w-[var(--input-width)] rounded-lg border border-[var(--ui-border)] bg-white dark:bg-gray-800 p-1 shadow-lg max-h-80 overflow-y-auto z-50 [--anchor-gap:var(--spacing-1)]',\n              '[--anchor-max-height:20rem]',\n              'origin-top border transition duration-200 ease-[cubic-bezier(0.4, 0.0, 0.2, 1)] data-[closed]:translate-y-[-15%] data-[closed]:opacity-0',\n              dropdownContainerClass,\n            )}\n            transition\n            data-testid=\"combobox-options\"\n          >\n            {/* Multi-Select \"Select All\" Action Bar */}\n            {multiple && showSelectAll && allOptions.length > 0 && (\n              <div className=\"pb-1 mb-1 border-b border-[var(--ui-border-muted)] px-3 pt-1 flex items-center justify-between\">\n                <button\n                  type=\"button\"\n                  onClick={handleToggleSelectAll}\n                  className=\"text-xs font-semibold text-blue-600 dark:text-blue-400 hover:underline cursor-pointer\"\n                >\n                  {isAllSelected ? 'Deselect All' : 'Select All'}\n                </button>\n                <span className=\"text-[11px] font-medium text-gray-400\">\n                  {Array.isArray(normalizedSelected) ? normalizedSelected.length : 0} of{' '}\n                  {allOptions.length}\n                </span>\n              </div>\n            )}\n\n            {optionsLoading ? (\n              <BodyText\n                data-testid=\"options-loading\"\n                className=\"flex items-center justify-center py-2 px-3 select-none\"\n              >\n                <Loader size=\"sm\" />\n              </BodyText>\n            ) : shouldShowTypeToSearch ? (\n              <BodyText className=\"flex items-center justify-between py-2 px-3 select-none\">\n                Type to search...\n              </BodyText>\n            ) : (\n              <div>\n                {/* Render Free-Text Option if query does not match an option exactly */}\n                {allowFreeText &&\n                  query.trim() &&\n                  !allOptions.some(\n                    (opt) => getDisplayValue(opt)?.toLowerCase() === query.trim().toLowerCase(),\n                  ) && (\n                    <ComboboxOption\n                      key={`freetext-${query.trim()}`}\n                      value={createFreeTextOption(query.trim()) as any}\n                      className=\"group flex items-center gap-2 rounded-lg py-1.5 px-3 select-none text-sm data-[focus]:bg-blue-50 dark:data-[focus]:bg-blue-950/40 text-blue-600 dark:text-blue-400 font-medium cursor-pointer w-full\"\n                      data-testid=\"freetext-option\"\n                    >\n                      <span>Use \"{query.trim()}\"</span>\n                    </ComboboxOption>\n                  )}\n\n                {/* Render Grouped Options */}\n                {filteredGroups\n                  ? filteredGroups.map((grp, gIdx) => (\n                      <div key={gIdx}>\n                        <div className=\"text-[11px] font-bold uppercase tracking-wider text-gray-400 dark:text-gray-500 px-3 py-1 select-none\">\n                          {grp.group}\n                        </div>\n                        {grp.options.map(renderOptionItem)}\n                      </div>\n                    ))\n                  : /* Render Standard Flat Options */\n                    filteredOptions.map(renderOptionItem)}\n\n                {!hasAnyOptionsToDisplay && Boolean(noOptionsText) && (\n                  <div\n                    data-testid=\"no-result-found\"\n                    className=\"flex items-center gap-2 py-1.5 px-3 select-none\"\n                  >\n                    <TextContent muted small>\n                      {noOptionsText}\n                    </TextContent>\n                    {Boolean(query.trim()) && (\n                      <TextContent strong small>\n                        \"{query.trim()}\"\n                      </TextContent>\n                    )}\n                  </div>\n                )}\n\n                {/* Creatable option (allowAdd) - suppressed when allowFreeText is true */}\n                {!allowFreeText && allowAdd && Boolean(query.trim()) && (\n                  <ComboboxOption\n                    key={`add-${query.trim()}`}\n                    value={query}\n                    className=\"group rounded-lg py-1.5 px-3 cursor-pointer text-gray-700 dark:text-gray-300 data-[focus]:bg-gray-100 dark:data-[focus]:bg-gray-700\"\n                    onClick={() => void handleAddAndSelect(query)}\n                  >\n                    <div className=\"flex items-center gap-2\">\n                      <CirclePlusIcon className=\"size-4.5\" />\n                      <TextContent>\n                        {addNewText} \"{query}\"\n                      </TextContent>\n                    </div>\n                  </ComboboxOption>\n                )}\n              </div>\n            )}\n          </ComboboxOptions>\n        </Combobox>\n\n        {showErrorMessage && error && (\n          <div className=\"mt-1\">\n            <TextContent error small>\n              {error}\n            </TextContent>\n          </div>\n        )}\n\n        {!error && helperText && (\n          <div className=\"mt-1\">\n            <TextContent muted small>\n              {helperText}\n            </TextContent>\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nSelectBox.displayName = 'SelectBox'\n"],"names":["_jsx","_jsxs","CheckIcon","ChevronDownIcon","XIcon","CirclePlusIcon"],"mappings":"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"}
+{"version":3,"file":"SelectBox.js","sources":["../../../../../src/components/SelectBox/SelectBox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  Combobox,\n  ComboboxButton,\n  ComboboxInput,\n  ComboboxOption,\n  ComboboxOptions,\n} from '@headlessui/react'\n\nimport { Label } from '../Label'\nimport { Badge } from '../Badge'\nimport { Loader } from '../Loader'\nimport { TextContent } from '../TextContent'\nimport { Button } from '../Button'\nimport { MobilePicker } from '../MobilePicker'\n\nimport { isArray } from '../../utils/is-array'\nimport { buildClassName } from '../../utils/build-classname'\nimport { isEmpty } from '../../utils/is-empty'\nimport { useDebounce } from '../../hooks/use-debounce'\n\nimport CheckIcon from '../Icons/Check.svg'\nimport ChevronDownIcon from '../Icons/ChevronDown.svg'\nimport XIcon from '../Icons/X.svg'\nimport CirclePlusIcon from '../Icons/CirclePlus.svg'\nimport type { BaseOption, SelectBoxProps, SelectBoxSize } from './SelectBox.types'\nimport { buildInputClass } from '../Input'\nimport { BodyText } from '../BodyText'\n\nconst NOOP = () => {}\nconst EMPTY_ARRAY: any[] = []\n\nconst sizeClasses: Record<\n  SelectBoxSize,\n  { input: string; group: string; icon: string; badgeSize: 'sm' | 'md' }\n> = {\n  sm: {\n    input: 'px-2.5 py-1.5 text-xs leading-5 min-h-[32px]',\n    group: 'w-8 text-xs',\n    icon: 'size-3.5',\n    badgeSize: 'sm',\n  },\n  md: {\n    input: 'px-3.5 py-2 text-sm leading-6 min-h-[38px]',\n    group: 'w-10 text-sm',\n    icon: 'size-4',\n    badgeSize: 'md',\n  },\n  lg: {\n    input: 'px-4 py-2.5 text-base leading-7 min-h-[46px]',\n    group: 'w-12 text-base',\n    icon: 'size-5',\n    badgeSize: 'md',\n  },\n}\n\nexport const SelectBox = forwardRef(\n  <T extends BaseOption | string = BaseOption>(\n    props: SelectBoxProps<T>,\n    forwardedRef: React.Ref<HTMLInputElement | HTMLDivElement | null>,\n  ) => {\n    const {\n      labelKey = 'label',\n      valueKey = 'value',\n      name,\n      id = name,\n      options = EMPTY_ARRAY,\n      groups,\n      selected: selectedProp,\n      defaultSelected,\n      size = 'md',\n      label = null,\n      labelWrapperClass = '',\n      labelClass = '',\n      labelHint = null,\n      disabled = false,\n      containerClass = '',\n      onChange: onChangeProp = NOOP,\n      placeholder,\n      dropdownContainerClass = 'z-20',\n      dropdownMinWidth,\n      multiple = false,\n      maxSelection,\n      showSelectAll = false,\n      immediate = true,\n      showErrorMessage = true,\n      error = null,\n      helperText,\n      leftGroup,\n      renderOption,\n      async = false,\n      searchable = true,\n      required = false,\n      allowAdd = false,\n      addNewText = 'Create',\n      onAdd = NOOP,\n      allowClear = false,\n      allowFreeText = false,\n      modalDropdown = false,\n      noOptionsText = 'No options available',\n    } = props\n\n    // Uncontrolled when `selected` is not passed: keep the selection internally.\n    const isControlled = selectedProp !== undefined\n    const [internalSelected, setInternalSelected] = useState<T | T[] | null>(\n      defaultSelected ?? null,\n    )\n    const selected = isControlled ? selectedProp : internalSelected\n\n    const onChange = useCallback(\n      (value: T | T[] | null) => {\n        if (!isControlled) setInternalSelected(value)\n        onChangeProp(value)\n      },\n      [isControlled, onChangeProp],\n    )\n\n    if (props.asBottomSheet || props.mobileMode === 'sheet') {\n      return <MobilePicker {...(props as any)} selected={selected} onChange={onChange} />\n    }\n\n    const hasError = Boolean(error)\n    const [query, setQuery] = useState('')\n    const debouncedQuery = useDebounce(query, 500)\n    const [optionsLoading, setOptionsLoading] = useState(false)\n\n    // Normalize options from options prop or groups prop\n    const allOptions = useMemo(() => {\n      if (groups?.length) {\n        return groups.flatMap((g) => g.options)\n      }\n      return options\n    }, [groups, options])\n\n    const shouldShowTypeToSearch = async && !query && !optionsLoading && allOptions.length === 0\n    const currentSize = sizeClasses[size] || sizeClasses.md\n\n    const baseInputClass = useMemo(\n      () => buildInputClass('', { disabled, hasError, size }),\n      [disabled, hasError, size],\n    )\n\n    const chevronIconClass = useMemo(\n      () =>\n        buildClassName(\n          currentSize.icon,\n          'stroke-gray-500 group-data-[hover]:stroke-gray-800',\n          'dark:stroke-gray-300 dark:group-data-[hover]:stroke-gray-100',\n          disabled && 'dark:stroke-gray-600 stroke-gray-400',\n        ),\n      [currentSize.icon, disabled],\n    )\n\n    const inputRef = useRef<HTMLInputElement>(null)\n    const containerRef = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle(forwardedRef, () => inputRef.current!, [inputRef])\n\n    const filteredOptions = useMemo(() => {\n      if (query === '' || async) return allOptions\n      return allOptions.filter((opt) => {\n        const lbl = typeof opt === 'string' ? opt : (opt as BaseOption)[labelKey]\n        return lbl?.toLowerCase().includes(query.toLowerCase())\n      })\n    }, [allOptions, query, async, labelKey])\n\n    const filteredGroups = useMemo(() => {\n      if (!groups?.length) return null\n      if (query === '' || async) return groups\n\n      return groups\n        .map((g) => ({\n          ...g,\n          options: g.options.filter((opt) => {\n            const lbl = typeof opt === 'string' ? opt : (opt as BaseOption)[labelKey]\n            return lbl?.toLowerCase().includes(query.toLowerCase())\n          }),\n        }))\n        .filter((g) => g.options.length > 0)\n    }, [groups, query, async, labelKey])\n\n    const getDisplayValue = useCallback(\n      (opt: T) => {\n        return typeof opt === 'string' ? opt : opt[labelKey]\n      },\n      [labelKey],\n    )\n\n    const getValue = useCallback(\n      (opt: T) => {\n        return typeof opt === 'string' ? opt : opt[valueKey]\n      },\n      [valueKey],\n    )\n\n    const createFreeTextOption = useCallback(\n      (text: string): T => {\n        const sample = allOptions[0] || (Array.isArray(selected) ? selected[0] : selected)\n        if (\n          typeof sample === 'string' ||\n          (!sample && typeof labelKey === 'string' && labelKey === 'label')\n        ) {\n          return text as unknown as T\n        }\n        return {\n          [labelKey]: text,\n          [valueKey]: text,\n        } as unknown as T\n      },\n      [allOptions, selected, labelKey, valueKey],\n    )\n\n    const handleFreeTextCommit = useCallback(\n      (queryText: string) => {\n        const trimmed = queryText.trim()\n        if (!trimmed) return\n\n        const existing = allOptions.find((opt) => {\n          const display = getDisplayValue(opt)\n          return display?.toLowerCase() === trimmed.toLowerCase()\n        })\n\n        const valueToCommit = existing || createFreeTextOption(trimmed)\n\n        if (multiple) {\n          const current = isArray(selected) ? selected : []\n          const alreadySelected = current.some(\n            (item) => getDisplayValue(item)?.toLowerCase() === trimmed.toLowerCase(),\n          )\n          if (!alreadySelected) {\n            if (maxSelection && current.length >= maxSelection) return\n            onChange([...current, valueToCommit] as unknown as T[])\n          }\n          setQuery('')\n        } else {\n          onChange(valueToCommit)\n          setQuery('')\n        }\n      },\n      [\n        allOptions,\n        getDisplayValue,\n        createFreeTextOption,\n        multiple,\n        selected,\n        maxSelection,\n        onChange,\n      ],\n    )\n\n    const removeSelection = useCallback(\n      (idx: number) => {\n        if (!isArray(selected)) return\n        const next = [...selected]\n        next.splice(idx, 1)\n        onChange(next)\n        inputRef.current?.focus()\n      },\n      [selected, onChange],\n    )\n\n    const handleOnChangeInternal = useCallback(\n      (value: T | T[] | null) => {\n        if (value === null) {\n          onChange(multiple ? ([] as T[]) : null)\n          setQuery('')\n          return\n        }\n\n        if (multiple && Array.isArray(value) && maxSelection && value.length > maxSelection) {\n          return\n        }\n\n        onChange(value as T | T[])\n        setQuery('')\n      },\n      [onChange, multiple, maxSelection],\n    )\n\n    const comboboxOnChangeWrapper = useCallback(\n      (raw: unknown) => {\n        if (raw === null || raw === undefined) {\n          handleOnChangeInternal(null)\n          return\n        }\n\n        if (Array.isArray(raw)) {\n          const allNulls = raw.length > 0 && raw.every((v) => v === null)\n          if (allNulls) {\n            handleOnChangeInternal([] as unknown as T[])\n            return\n          }\n          handleOnChangeInternal(raw as unknown as T[])\n          return\n        }\n\n        handleOnChangeInternal(raw as unknown as T)\n      },\n      [handleOnChangeInternal],\n    )\n\n    const handleAddAndSelect = useCallback(\n      async (valueToAdd: string) => {\n        try {\n          const result = await onAdd(valueToAdd)\n          if (result) {\n            handleOnChangeInternal(result as unknown as T)\n          } else {\n            handleOnChangeInternal(valueToAdd as unknown as T)\n          }\n        } catch (err) {\n          console.error('onAdd handler error', err)\n        }\n      },\n      [onAdd, handleOnChangeInternal],\n    )\n\n    const onSearchRef = useRef(props.onSearch)\n    onSearchRef.current = props.onSearch\n\n    const handleSearch = useCallback(async (searchString: string) => {\n      try {\n        setOptionsLoading(true)\n        await onSearchRef.current?.(searchString)\n      } catch (err) {\n        console.error('Error loading options:', err)\n      } finally {\n        setOptionsLoading(false)\n      }\n    }, [])\n\n    useEffect(() => {\n      if (async && debouncedQuery) handleSearch(debouncedQuery)\n    }, [debouncedQuery, async, handleSearch])\n\n    const normalizedSelected = useMemo(() => {\n      if (multiple) {\n        if (Array.isArray(selected)) return selected\n        if (selected !== null && selected !== undefined) return [selected as T]\n        return [] as T[]\n      } else {\n        if (Array.isArray(selected)) return selected.length > 0 ? selected[0] : null\n        return selected ?? null\n      }\n    }, [multiple, selected])\n\n    const selectedValueSet = useMemo(() => {\n      if (!normalizedSelected) return new Set<any>()\n      if (Array.isArray(normalizedSelected)) {\n        return new Set(normalizedSelected.map((s) => getValue(s)))\n      }\n      return new Set([getValue(normalizedSelected as T)])\n    }, [normalizedSelected, getValue])\n\n    const isAllSelected = useMemo(() => {\n      if (!multiple || !Array.isArray(normalizedSelected) || !allOptions.length) return false\n      return allOptions.length === normalizedSelected.length\n    }, [multiple, normalizedSelected, allOptions])\n\n    const handleToggleSelectAll = useCallback(() => {\n      if (isAllSelected) {\n        onChange([] as unknown as T[])\n      } else {\n        onChange(allOptions as unknown as T[])\n      }\n    }, [isAllSelected, onChange, allOptions])\n\n    const hasLeftGroup = leftGroup != null && leftGroup !== undefined\n\n    // Reserve room for the chevron (and the clear button when shown) so long values\n    // don't run underneath them.\n    const showClearButton = allowClear && !multiple && !isEmpty(normalizedSelected)\n    const rightPaddingClass = showClearButton\n      ? 'pe-16'\n      : size === 'lg'\n        ? 'pe-11'\n        : size === 'sm'\n          ? 'pe-9'\n          : 'pe-10'\n\n    const hasFreeTextOption = Boolean(\n      allowFreeText &&\n        query.trim() &&\n        !allOptions.some(\n          (opt) => getDisplayValue(opt)?.toLowerCase() === query.trim().toLowerCase(),\n        ),\n    )\n\n    const hasAddOption = Boolean(!allowFreeText && allowAdd && query.trim())\n    const hasGroupOptions = Boolean(filteredGroups && filteredGroups.length > 0)\n    const hasFlatOptions = filteredOptions.length > 0\n\n    const hasAnyOptionsToDisplay =\n      hasFlatOptions || hasGroupOptions || hasFreeTextOption || hasAddOption\n\n    const renderOptionItem = (option: T) => {\n      const optVal = getValue(option)\n      const isOptSelected = selectedValueSet.has(optVal)\n\n      return (\n        <ComboboxOption\n          key={optVal}\n          disabled={(option as BaseOption).disabled}\n          value={option}\n          className=\"group rounded-lg py-1.5 px-3 select-none data-[focus]:bg-gray-100 dark:data-[focus]:bg-white/10 data-disabled:opacity-50 cursor-pointer data-disabled:pointer-events-none\"\n        >\n          {renderOption ? (\n            renderOption(option, Boolean(isOptSelected))\n          ) : (\n            <div className=\"flex items-center justify-between gap-2 text-gray-900 dark:text-white group-data-[selected]:text-blue-600\">\n              <span className=\"text-sm/6\">{getDisplayValue(option)}</span>\n              <CheckIcon className=\"invisible size-5 dark:stroke-gray-300 group-data-[selected]:visible\" />\n            </div>\n          )}\n        </ComboboxOption>\n      )\n    }\n\n    return (\n      <div\n        className={buildClassName('group space-y-2', hasError && 'has-error', containerClass)}\n        ref={containerRef}\n      >\n        {label && (\n          <div className={buildClassName('flex items-center justify-between', labelWrapperClass)}>\n            <Label className={labelClass} htmlFor={id} aria-required={required}>\n              {label}\n            </Label>\n            {labelHint && <TextContent xsmall>{labelHint}</TextContent>}\n          </div>\n        )}\n\n        <Combobox\n          multiple={multiple}\n          immediate={immediate}\n          name={name}\n          value={normalizedSelected as any}\n          onChange={comboboxOnChangeWrapper as any}\n          onClose={() => setQuery('')}\n          disabled={disabled}\n          by={(a: any, b: any) => (a && b ? getValue(a) === getValue(b) : a === b)}\n        >\n          {multiple ? (\n            <div\n              className={buildClassName(\n                baseInputClass,\n                'flex flex-wrap gap-2 peer relative',\n                rightPaddingClass,\n                hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : '',\n              )}\n              ref={forwardedRef as any}\n            >\n              {hasLeftGroup && (\n                <span\n                  className={buildClassName(\n                    'absolute left-0 top-0 h-full flex items-center justify-center text-gray-400 dark:text-gray-500',\n                    currentSize.group,\n                  )}\n                >\n                  {leftGroup}\n                </span>\n              )}\n\n              {isArray(normalizedSelected) &&\n                normalizedSelected?.length > 0 &&\n                normalizedSelected.map((option, idx) => (\n                  <Badge\n                    key={`${getValue(option)}-${idx}`}\n                    theme=\"secondary\"\n                    size={currentSize.badgeSize}\n                    removable={!disabled}\n                    onRemove={() => removeSelection(idx)}\n                  >\n                    {getDisplayValue(option)}\n                  </Badge>\n                ))}\n\n              <ComboboxInput\n                className=\"outline-none flex-1 dark:placeholder-gray-400 placeholder-gray-400 bg-transparent\"\n                aria-label={name}\n                value={query}\n                autoComplete=\"off\"\n                placeholder={normalizedSelected?.length ? '' : placeholder}\n                onChange={(e) => {\n                  const val = e.target.value\n                  if (allowFreeText && multiple && val.includes(',')) {\n                    const parts = val.split(',')\n                    parts.forEach((p) => {\n                      if (p.trim()) handleFreeTextCommit(p.trim())\n                    })\n                    setQuery('')\n                  } else {\n                    setQuery(val)\n                  }\n                }}\n                id={id}\n                ref={inputRef}\n                onKeyDown={(e) => {\n                  if (allowFreeText && (e.key === 'Enter' || e.key === ',') && query.trim()) {\n                    e.preventDefault()\n                    handleFreeTextCommit(query.replace(/,/g, ''))\n                  } else if (multiple && e.key === 'Backspace' && !query) {\n                    if (Array.isArray(normalizedSelected) && normalizedSelected.length > 0) {\n                      removeSelection(normalizedSelected.length - 1)\n                    }\n                  }\n                }}\n                onBlur={() => {\n                  if (allowFreeText && query.trim()) {\n                    handleFreeTextCommit(query.replace(/,/g, ''))\n                  }\n                }}\n                data-testid=\"combobox-input\"\n              />\n\n              <ComboboxButton\n                className=\"group absolute inset-y-0 right-0 px-2.5 flex items-center justify-center\"\n                data-testid=\"combobox-button\"\n              >\n                <ChevronDownIcon className={chevronIconClass} />\n              </ComboboxButton>\n            </div>\n          ) : (\n            <div className=\"relative\" ref={forwardedRef as any}>\n              {hasLeftGroup && (\n                <span\n                  className={buildClassName(\n                    'absolute left-0 top-0 h-full flex items-center justify-center text-gray-400 dark:text-gray-500 z-10',\n                    currentSize.group,\n                  )}\n                >\n                  {leftGroup}\n                </span>\n              )}\n\n              <ComboboxInput\n                aria-label={name}\n                displayValue={(option: any) => (option ? getDisplayValue(option) : null)}\n                autoComplete=\"off\"\n                placeholder={placeholder}\n                onChange={(event) => setQuery(event.target.value)}\n                onKeyDown={(e) => {\n                  if (allowFreeText && e.key === 'Enter' && query.trim()) {\n                    e.preventDefault()\n                    handleFreeTextCommit(query)\n                  }\n                }}\n                onBlur={() => {\n                  if (allowFreeText && query.trim()) {\n                    handleFreeTextCommit(query)\n                  }\n                }}\n                onFocus={() => {\n                  setQuery('')\n                }}\n                className={buildClassName(\n                  baseInputClass,\n                  'text-ellipsis',\n                  rightPaddingClass,\n                  hasLeftGroup ? (size === 'lg' ? 'ps-12' : size === 'sm' ? 'ps-8' : 'ps-10') : '',\n                )}\n                disabled={disabled}\n                id={id}\n                readOnly={!searchable}\n                ref={inputRef}\n                data-testid=\"combobox-input\"\n              />\n\n              {showClearButton && (\n                <Button\n                  size=\"xs\"\n                  iconOnly\n                  aria-label=\"Clear selection\"\n                  theme=\"secondary\"\n                  variant=\"plain\"\n                  className=\"group absolute inset-y-0 right-8 h-6 top-2\"\n                  onClick={() => handleOnChangeInternal(multiple ? ([] as T[]) : null)}\n                  disabled={disabled}\n                  data-testid=\"combobox-clear-button\"\n                >\n                  <XIcon className=\"size-4 stroke-gray-500 dark:stroke-gray-300\" />\n                </Button>\n              )}\n\n              <ComboboxButton\n                className=\"group absolute inset-y-0 right-0 px-2.5 flex items-center justify-center\"\n                data-testid=\"combobox-button\"\n              >\n                <ChevronDownIcon className={chevronIconClass} />\n              </ComboboxButton>\n            </div>\n          )}\n\n          <ComboboxOptions\n            anchor={{ to: 'bottom start', gap: 5, padding: 8 }}\n            as=\"div\"\n            modal={modalDropdown}\n            // Matches the input width by default; min-width lets the panel grow wider than a narrow input.\n            style={dropdownMinWidth != null ? { minWidth: dropdownMinWidth } : undefined}\n            className={buildClassName(\n              'w-[var(--input-width)] rounded-lg border border-[var(--ui-border)] bg-white dark:bg-gray-800 p-1 shadow-lg max-h-80 overflow-y-auto z-50 [--anchor-gap:var(--spacing-1)]',\n              '[--anchor-max-height:20rem]',\n              'origin-top border transition duration-200 ease-[cubic-bezier(0.4, 0.0, 0.2, 1)] data-[closed]:translate-y-[-15%] data-[closed]:opacity-0',\n              dropdownContainerClass,\n            )}\n            transition\n            data-testid=\"combobox-options\"\n          >\n            {/* Multi-Select \"Select All\" Action Bar */}\n            {multiple && showSelectAll && allOptions.length > 0 && (\n              <div className=\"pb-1 mb-1 border-b border-[var(--ui-border-muted)] px-3 pt-1 flex items-center justify-between\">\n                <button\n                  type=\"button\"\n                  onClick={handleToggleSelectAll}\n                  className=\"text-xs font-semibold text-blue-600 dark:text-blue-400 hover:underline cursor-pointer\"\n                >\n                  {isAllSelected ? 'Deselect All' : 'Select All'}\n                </button>\n                <span className=\"text-[11px] font-medium text-gray-400\">\n                  {Array.isArray(normalizedSelected) ? normalizedSelected.length : 0} of{' '}\n                  {allOptions.length}\n                </span>\n              </div>\n            )}\n\n            {optionsLoading ? (\n              <BodyText\n                data-testid=\"options-loading\"\n                className=\"flex items-center justify-center py-2 px-3 select-none\"\n              >\n                <Loader size=\"sm\" />\n              </BodyText>\n            ) : shouldShowTypeToSearch ? (\n              <BodyText className=\"flex items-center justify-between py-2 px-3 select-none\">\n                Type to search...\n              </BodyText>\n            ) : (\n              <div>\n                {/* Render Free-Text Option if query does not match an option exactly */}\n                {allowFreeText &&\n                  query.trim() &&\n                  !allOptions.some(\n                    (opt) => getDisplayValue(opt)?.toLowerCase() === query.trim().toLowerCase(),\n                  ) && (\n                    <ComboboxOption\n                      key={`freetext-${query.trim()}`}\n                      value={createFreeTextOption(query.trim()) as any}\n                      className=\"group flex items-center gap-2 rounded-lg py-1.5 px-3 select-none text-sm data-[focus]:bg-blue-50 dark:data-[focus]:bg-blue-950/40 text-blue-600 dark:text-blue-400 font-medium cursor-pointer w-full\"\n                      data-testid=\"freetext-option\"\n                    >\n                      <span>Use \"{query.trim()}\"</span>\n                    </ComboboxOption>\n                  )}\n\n                {/* Render Grouped Options */}\n                {filteredGroups\n                  ? filteredGroups.map((grp, gIdx) => (\n                      <div key={gIdx}>\n                        <div className=\"text-[11px] font-bold uppercase tracking-wider text-gray-400 dark:text-gray-500 px-3 py-1 select-none\">\n                          {grp.group}\n                        </div>\n                        {grp.options.map(renderOptionItem)}\n                      </div>\n                    ))\n                  : /* Render Standard Flat Options */\n                    filteredOptions.map(renderOptionItem)}\n\n                {!hasAnyOptionsToDisplay && Boolean(noOptionsText) && (\n                  <div\n                    data-testid=\"no-result-found\"\n                    className=\"flex items-center gap-2 py-1.5 px-3 select-none\"\n                  >\n                    <TextContent muted small>\n                      {noOptionsText}\n                    </TextContent>\n                    {Boolean(query.trim()) && (\n                      <TextContent strong small>\n                        \"{query.trim()}\"\n                      </TextContent>\n                    )}\n                  </div>\n                )}\n\n                {/* Creatable option (allowAdd) - suppressed when allowFreeText is true */}\n                {!allowFreeText && allowAdd && Boolean(query.trim()) && (\n                  <ComboboxOption\n                    key={`add-${query.trim()}`}\n                    value={query}\n                    className=\"group rounded-lg py-1.5 px-3 cursor-pointer text-gray-700 dark:text-gray-300 data-[focus]:bg-gray-100 dark:data-[focus]:bg-gray-700\"\n                    onClick={() => void handleAddAndSelect(query)}\n                  >\n                    <div className=\"flex items-center gap-2\">\n                      <CirclePlusIcon className=\"size-4.5\" />\n                      <TextContent>\n                        {addNewText} \"{query}\"\n                      </TextContent>\n                    </div>\n                  </ComboboxOption>\n                )}\n              </div>\n            )}\n          </ComboboxOptions>\n        </Combobox>\n\n        {showErrorMessage && error && (\n          <div className=\"mt-1\">\n            <TextContent error small>\n              {error}\n            </TextContent>\n          </div>\n        )}\n\n        {!error && helperText && (\n          <div className=\"mt-1\">\n            <TextContent muted small>\n              {helperText}\n            </TextContent>\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nSelectBox.displayName = 'SelectBox'\n"],"names":["_jsx","_jsxs","CheckIcon","ChevronDownIcon","XIcon","CirclePlusIcon"],"mappings":"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"}