react-animated-select 0.3.1 → 0.3.6

package/README.md

@@ -3,6 +3,7 @@
 A lightweight, high-performance, and fully customizable Select component for React. Featuring smooth CSS animations, accessible keyboard navigation, and flexible option rendering.
 
 **Try it out:**
+
 [![Demo](https://img.shields.io/badge/demo-live_preview-brightgreen?style=for-the-badge&logo=vercel)](https://l1nway.github.io/react-animated-select/)
 
 ## Features
@@ -130,12 +131,21 @@ function App() {
 
 | Prop | Type | Description |
 |------|------|-------------|
-| `id` | `string` | Optional unique ID (generated automatically if not provided). value may be used instead of id (lower priority)|
+| `id` | `string` | Optional unique ID (generated automatically if not provided). value may be used instead of id (lower priority). |
 | `disabled` | `boolean` | If true, this option cannot be selected or highlighted. |
 | `className` | `string` | Custom class for individual option styling. |
 
 ---
 
+### `<OptGroup />`
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `id` | `string` | Optional unique ID (generated automatically if not provided). value may be used instead of id (lower priority). |
+| `name` | `string` | OptGroup title. label may be used instead of id (lower priority). |
+
+---
+
 ## Keyboard Support
 
 | Key | Action |
@@ -210,6 +220,14 @@ The component uses CSS variables for deep styling. These are based on system col
 | `--rac-option-min-height` | `1em` | Minimum option height. |
 | `--rac-invalid-option-color` | `color-mix(...)` | Text color for invalid options. |
 | `--rac-warning-option-color` | `color-mix(...)` | Text color for warning/caution options. |
+| **Group Headers** | | |
+| `--rac-group-header-font-size` | `1.25em` | Font size of the group header label. |
+| `--rac-group-header-font-weight` | `bold` | Font weight of the group header text. |
+| `--rac-group-header-min-height` | `1em` | Minimum height of the group header item. |
+| `--rac-group-header-padding` | `0.5em` | Internal padding for the group header. |
+| `--rac-group-arrow-height` | `1em` | Height of the group expand/collapse arrow icon. |
+| `--rac-group-arrow-width` | `1em` | Width of the group expand/collapse arrow icon. |
+| `--rac-group-arrow-padding` | `1px 0 2px` | Padding applied to the group arrow icon. |
 
 ---
 
@@ -247,59 +265,23 @@ The select and its options react to internal states by applying the following cl
 - `.rac-invalid-option`: Applied to items that are not valid data types (e.g., functions).
 - `.rac-true-option`: Specialized styling when the option's raw value is exactly `true`.
 - `.rac-false-option`: Specialized styling when the option's raw value is exactly `false`.
+#### Group Header States (applied to group-related elements)
+- `.rac-group-header`: Base class for the group header container.
+- `.rac-group-title-text`: Applied to the text/label inside the group header.
+- `.rac-group-arrow-wrapper`: Wrapper class for the group expand/collapse arrow icon.
 
 #### Trigger States
 - `.rac-select-arrow-wrapper.--open`: Applied to the arrow icon when the dropdown is expanded.
 
 ## Change log
-### 0.3.0
-#### Features
--   **Extended option format support**  
-    If standard option fields (`name`, `label`, `id`, `value`) are missing or empty, the parser performs a deep lookup and automatically uses the first meaningful content field as the option label.
--   **Smart empty-state handling**
-    -   Option objects without meaningful content (e.g. `{value: null}`) are now automatically marked as `disabled` and display the `emptyOption` text.
-    -   JSX options with an empty `value` but valid textual content (e.g. `<Option value="">Text</Option>`) are now treated as valid and selectable.
--   **Infinite loading support**
-    -   Added `loadMore` mechanism for infinite or paginated option lists.
-    -   Automatic loading when scrolling near the end of the list.
-    -   Automatic loading when navigating with keyboard near the last options.
--   **Demo preview**
-    -   Added an interactive demo showcasing all Select component features.
-----------
-### Improvements
--   **Keyboard navigation**
-    -   Navigation behaves predictably with infinite loading enabled.
--   **Options handling**
-    -   Extended support for options passed both via props and JSX.
-    -   Improved internal merging logic for mixed option sources.
--   **Focus management**
-    -   Removed unnecessary focus on the options list container.
-    -   Improved overall keyboard navigation flow.
--   **Visual consistency**
-    -   Improved layout stability and rendering consistency across option states.
-----------
-### Fixes
--   **Object value matching**
-    -   Fixed an issue where the Select could not correctly find the selected option when it was passed as an object.
-    -   Selection matching now works correctly using reference comparison and structural analysis.
--   **Opacity rendering**
-    -   Fixed incorrect opacity handling for various option states.
--   **JSX identifier validation**
-    -   Fixed an issue where passing an empty `id` to `<Option id="" />` caused the option text to be lost.
-    -   The parser now prioritizes any available meaningful content.
--   **Focus issues**
-    -   Fixed extra and unintended focus being applied to the options list on open.
-----------
-### Styling & UI
--   **UI stability**
-    -   Added `--rac-option-min-height` CSS variable to prevent layout breaking when option content is smaller than others.
--   **Loading indication**
-    -   Added `.rac-loading-option` class for styling loading items.
-    -   Added `--rac-loading-option-opacity` CSS variable to control loading state transparency.
-----------
-### Accessibility
--   Improved keyboard interaction consistency.
--   Prevented non-interactive (loading) options from being focusable or selectable.
+### 0.3.5
+### New Features
+- **Hierarchical Grouping Engine**: Added full support for nested options using a flat-array normalization technique. This allows for clear visual separation of categories with zero performance overhead.
+-   **Smart "SlideDown" Groups**: Implemented collapsible group headers with smooth animations.
+    -   _Self-Aware UI:_ Group arrows now automatically hide if a group contains no items, providing a cleaner look for empty categories.
+-   **Flexible Data Normalization**: The logic now seamlessly handles `Arrays`, `Objects` (maps), and `JSX` children simultaneously.
+### Bug Fixes
+-   **Dynamic Load Button Toggle**: Fixed a critical bug where the "Load More" button's visibility wouldn't update dynamically. The component now correctly reacts to real-time changes in the `loadButton` and `hasMore` props.
 
 ## License
 

package/demo/package-lock.json

@@ -13,7 +13,7 @@
         "@fortawesome/react-fontawesome": "^3.1.1",
         "framer-motion": "^12.27.5",
         "react": "^19.2.0",
-        "react-animated-select": "^0.3.0",
+        "react-animated-select": "^0.3.1",
         "react-dom": "^19.2.0"
       },
       "devDependencies": {
@@ -26,7 +26,7 @@
         "eslint-plugin-react-refresh": "^0.4.24",
         "gh-pages": "^6.3.0",
         "globals": "^16.5.0",
-        "vite": "npm:rolldown-vite@7.2.5"
+        "vite": "npm:rolldown-vite@^7.2.5"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -2911,9 +2911,9 @@
       }
     },
     "node_modules/react-animated-select": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/react-animated-select/-/react-animated-select-0.3.0.tgz",
-      "integrity": "sha512-SLRMGxaBkB82Y2hi/60uc0ypvt63l0KCYLNC/lhSf/7Z6BuhBwIsqvhoMKYY9lWWLtG18tTFpXFokmL1zzAqUQ==",
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/react-animated-select/-/react-animated-select-0.3.1.tgz",
+      "integrity": "sha512-NqAuuLImpRt0eLs94SFmLyOujn1NNKZ8v0f1xQhKJvvjsY7qkc0oyegqt8KZrn0Z3ypqoyOnEsLOo5cFyAQXhg==",
       "license": "MIT",
       "dependencies": {
         "react-transition-group": "^4.4.5"

package/demo/package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "predeploy": "npm run build",
     "deploy": "gh-pages -d dist",
     "lint": "eslint .",
     "preview": "vite preview"
@@ -16,7 +17,7 @@
     "@fortawesome/react-fontawesome": "^3.1.1",
     "framer-motion": "^12.27.5",
     "react": "^19.2.0",
-    "react-animated-select": "^0.3.0",
+    "react-animated-select": "^0.3.1",
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
@@ -29,7 +30,7 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "gh-pages": "^6.3.0",
     "globals": "^16.5.0",
-    "vite": "npm:rolldown-vite@7.2.5"
+    "vite": "npm:rolldown-vite@^7.2.5"
   },
   "overrides": {
     "vite": "npm:rolldown-vite@7.2.5"

package/demo/src/App.tsx

@@ -38,19 +38,61 @@ function App() {
   const [offset, setOffset] = useState<number>(2)
   const [animateOpacity, setAnimateOpacity] = useState<boolean>(true)
   const [alwaysOpen, setAlwaysOpen] = useState<boolean>(false)
+  const [hasMore, setHasMore] = useState<boolean>(false)
+  const [loadButton, setLoadButton] = useState<boolean>(false)
+  const [loadButtonText, setLoadButtonText] = useState<string>('Load more')
+  const [loadMoreText, setLoadMoreText] = useState<string>('Loading')
+  const [loadOffset, setLoadOffset] = useState<number>(100)
+  const [loadAhead, setLoadAhead] = useState<number>(3)
 
   type SettingItem = {
     label: string
-    state: boolean
-    setState: (value: boolean) => void
+    state: number | boolean
+    default?: number
+    min?: number
+    max?: number
+    step?: number
+    unit?: string
+    setState: (value: number | boolean) => void
   }
 
+  const ranges: SettingItem[] = [
+    {label: 'duration', default: 300, min: 0, max: 1000, step: 50, unit: 'ms', state: duration, setState: setDuration},
+    {label: 'offset', default: 3, min: 0, max: 25, step: 1, unit: 'px', state: offset, setState: setOffset},
+    {label: 'loadAhead', default: 3, min: 0, max: 15, step: 1, unit: 'options', state: loadAhead, setState: setLoadAhead},
+    {label: 'loadOffset', default: 100, min: 0, max: 1000, step: 50, unit: 'px', state: loadOffset, setState: setLoadOffset}
+  ]
+
+  const renderRanges: JSX.Element[] = ranges.map((item) => (
+    <label
+      className='rac-range-label'
+      key={item.label}
+    >
+      <span
+        className='rac-prop-span'
+      >
+        {item.label}: {item.state ?? item.default}{item.unit}
+      </span>
+      <input
+        className='rac-range-input'
+        type='range'
+        min={item.min}
+        max={item.max}
+        step={item.step}
+        value={item.state ?? item.default}
+        onChange={(e) => item.setState(Number(e.target.value))}
+      />
+    </label>
+  ))
+
   const settings: SettingItem[] = [
     {label: 'loading', state: loading, setState: setLoading},
     {label: 'disabled', state: disabled, setState: setDisabled},
     {label: 'error', state: error, setState: setError},
     {label: 'alwaysOpen', state: alwaysOpen, setState: setAlwaysOpen},
-    {label: 'animateOpacity', state: animateOpacity, setState: setAnimateOpacity}
+    {label: 'animateOpacity', state: animateOpacity, setState: setAnimateOpacity},
+    {label: 'hasMore', state: hasMore, setState: setHasMore},
+    {label: 'loadButton', state: loadButton, setState: setLoadButton}
   ]
 
   const renderSettings: JSX.Element[] = settings.map((item) => (
@@ -80,6 +122,8 @@ function App() {
     {label: 'loadingText', value: loadingText, setValue: setLoadingText},
     {label: 'errorText', value: errorText, setValue: setErrorText},
     {label: 'disabledText', value: disabledText, setValue: setDisabledText},
+    {label: 'loadButtonText', value: loadButtonText, setValue: setLoadButtonText},
+    {label: 'loadMoreText', value: loadMoreText, setValue: setLoadMoreText}
   ]
 
   const renderTextSettings: JSX.Element[] = textSettings.map((item) => (
@@ -144,6 +188,7 @@ function App() {
 
   const renderOptionList = options.map((element, index) =>
     <motion.div
+      key={index}
       tabIndex={0}
       className='rac-option-demo'
       style={{ 
@@ -231,43 +276,7 @@ function App() {
               Select states
             </h2>
             {renderSettings}
-                <label
-                  className='rac-range-label'
-                >
-                  <span
-                    className='rac-prop-span'
-                  >
-                    duration: {duration ?? 300}ms
-                  </span>
-                  <input
-                    className='rac-range-input'
-                    type='range'
-                    min={0}
-                    max={1000}
-                    step={50}
-                    value={duration ?? 300}
-                    onChange={(e) => setDuration(Number(e.target.value))}
-                  />
-                </label>
-                <label
-                  className='rac-range-label'
-                >
-                  <span
-                    className='rac-prop-span'
-                  >
-                    offset: {offset}px
-                  </span>
-                  <input
-                    className='rac-range-input'
-                    type='range'
-                    min={0}
-                    max={25}
-                    step={1}
-                    value={offset ?? 3}
-                    onChange={(e) => setOffset(Number(e.target.value))}
-                  />
-                </label>
-                
+            {renderRanges}
                 <label
                   className='rac-prop-label'
                 >
@@ -311,9 +320,13 @@ function App() {
               react-animated-select overview
             </h3>
             <Select
-              hasMore={true}
-              loadButton={true}
-              loadMore={() => console.log('trst')}
+              loadMore={() => alert('subload triggered')}
+              hasMore={hasMore}
+              loadButton={loadButton}
+              loadButtonText={loadButtonText}
+              loadMoreText={loadMoreText}
+              loadOffset={loadOffset}
+              loadAhead={loadAhead}
               className='rac-demo-select'
               loading={loading}
               error={error}

package/demo/src/rac.css

@@ -1,17 +1,3 @@
-  @font-face {
-    font-family: 'E-Ukraine';
-    src: url('./fonts/e-Ukraine/E-Ukraine-Regular.otf') format('opentype');
-    font-weight: 400;
-    font-style: normal;
-  }
-
-  @font-face {
-    font-family: 'E-Ukraine';
-    src: url('./fonts/e-Ukraine/E-Ukraine-Bold.otf') format('opentype');
-    font-weight: 700;
-    font-style: normal;
-  }
-
   :root {
     --def-white: white;
     --blck-bc: #151515;
@@ -48,7 +34,6 @@
     scroll-behavior: smooth;
     height: 100%;
     margin: 0;
-    font-family: 'E-Ukraine', sans-serif;
   }
 
   #root {
@@ -59,10 +44,6 @@
     display: none;
   }
 
-:root {
-
-}
-
 *::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -392,17 +373,17 @@
     }
 }
 
-/* .rac-select-wrapper>.slideDown-enter-done {
-    overflow: visible !important;
-} */
-
 .rac-visual {
     background-color: #17181e;
     border-left: 1px solid #33353e;
     border-right: 1px solid #33353e;
     padding: 1.25vw;
     min-width: 33%;
-    height: auto;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-gutter: stable;
+    height: 0;
+    min-height: 100%;
 
     @media (max-width: 1024px) {
         border: none;
@@ -478,7 +459,7 @@
     font-size: 1.5vw;
     transition: 300ms border;
 
-    &:placeholder {
+    &::placeholder {
         color: gray;
     }
 

package/dist/index.cjs.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const n=require("react"),xe=require("react-transition-group");var ne={exports:{}},re={};var pe;function Ce(){if(pe)return re;pe=1;var t=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function u(a,p,d){var y=null;if(d!==void 0&&(y=""+d),p.key!==void 0&&(y=""+p.key),"key"in p){d={};for(var _ in p)_!=="key"&&(d[_]=p[_])}else d=p;return p=d.ref,{$$typeof:t,type:a,key:y,ref:p!==void 0?p:null,props:d}}return re.Fragment=l,re.jsx=u,re.jsxs=u,re}var te={};var ye;function Ae(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===j?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case P:return"Profiler";case A:return"StrictMode";case G:return"Suspense";case I:return"SuspenseList";case b:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case k:return"Portal";case f:return e.displayName||"Context";case V:return(e._context.displayName||"Context")+".Consumer";case D:var s=e.render;return e=e.displayName,e||(e=s.displayName||s.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case M:return s=e.displayName||null,s!==null?s:t(e.type)||"Memo";case Y:s=e._payload,e=e._init;try{return t(e(s))}catch{}}return null}function l(e){return""+e}function u(e){try{l(e);var s=!1}catch{s=!0}if(s){s=console;var r=s.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),l(e)}}function a(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var s=t(e);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function p(){var e=O.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function y(e){if(v.call(e,"key")){var s=Object.getOwnPropertyDescriptor(e,"key").get;if(s&&s.isReactWarning)return!1}return e.key!==void 0}function _(e,s){function r(){X||(X=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",s))}r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}function E(){var e=t(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function N(e,s,r,o,m,w){var g=r.ref;return e={$$typeof:R,type:e,key:s,props:r,_owner:o},(g!==void 0?g:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:m}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function q(e,s,r,o,m,w){var g=s.children;if(g!==void 0)if(o)if(U(g)){for(o=0;o<g.length;o++)z(g[o]);Object.freeze&&Object.freeze(g)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else z(g);if(v.call(s,"key")){g=t(e);var $=Object.keys(s).filter(function(H){return H!=="key"});o=0<$.length?"{key: someKey, "+$.join(": ..., ")+": ...}":"{key: someKey}",T[g+o]||($=0<$.length?"{"+$.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const n=require("react"),je=require("react-transition-group");var he={exports:{}},de={};var we;function Ve(){if(we)return de;we=1;var t=Symbol.for("react.transitional.element"),s=Symbol.for("react.fragment");function a(i,g,u){var h=null;if(u!==void 0&&(h=""+u),g.key!==void 0&&(h=""+g.key),"key"in g){u={};for(var j in g)j!=="key"&&(u[j]=g[j])}else u=g;return g=u.ref,{$$typeof:t,type:i,key:h,ref:g!==void 0?g:null,props:u}}return de.Fragment=s,de.jsx=a,de.jsxs=a,de}var ge={};var _e;function ze(){return _e||(_e=1,process.env.NODE_ENV!=="production"&&(function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===z?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case D:return"Profiler";case M:return"StrictMode";case J:return"Suspense";case U:return"SuspenseList";case v:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case F:return"Portal";case d:return e.displayName||"Context";case W:return(e._context.displayName||"Context")+".Consumer";case Y:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return r=e.displayName||null,r!==null?r:t(e.type)||"Memo";case p:r=e._payload,e=e._init;try{return t(e(r))}catch{}}return null}function s(e){return""+e}function a(e){try{s(e);var r=!1}catch{r=!0}if(r){r=console;var o=r.error,c=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",c),s(e)}}function i(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===p)return"<...>";try{var r=t(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function g(){var e=A.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function h(e){if(H.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function j(e,r){function o(){X||(X=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function b(){var e=t(this.type);return O[e]||(O[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function E(e,r,o,c,S,w){var x=o.ref;return e={$$typeof:$,type:e,key:r,props:o,_owner:c},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:b}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function P(e,r,o,c,S,w){var x=r.children;if(x!==void 0)if(c)if(L(x)){for(c=0;c<x.length;c++)T(x[c]);Object.freeze&&Object.freeze(x)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else T(x);if(H.call(r,"key")){x=t(e);var N=Object.keys(r).filter(function(m){return m!=="key"});c=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",K[x+c]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,o,g,$,g),T[g+o]=!0)}if(g=null,r!==void 0&&(u(r),g=""+r),y(s)&&(u(s.key),g=""+s.key),"key"in s){r={};for(var L in s)L!=="key"&&(r[L]=s[L])}else r=s;return g&&_(r,typeof e=="function"?e.displayName||e.name||"Unknown":e),N(e,g,r,p(),m,w)}function z(e){F(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===Y&&(e._payload.status==="fulfilled"?F(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function F(e){return typeof e=="object"&&e!==null&&e.$$typeof===R}var C=n,R=Symbol.for("react.transitional.element"),k=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),A=Symbol.for("react.strict_mode"),P=Symbol.for("react.profiler"),V=Symbol.for("react.consumer"),f=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),I=Symbol.for("react.suspense_list"),M=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),b=Symbol.for("react.activity"),j=Symbol.for("react.client.reference"),O=C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,v=Object.prototype.hasOwnProperty,U=Array.isArray,J=console.createTask?console.createTask:function(){return null};C={react_stack_bottom_frame:function(e){return e()}};var X,Z={},i=C.react_stack_bottom_frame.bind(C,d)(),x=J(a(d)),T={};te.Fragment=S,te.jsx=function(e,s,r){var o=1e4>O.recentlyCreatedOwnerStacks++;return q(e,s,r,!1,o?Error("react-stack-top-frame"):i,o?J(a(e)):x)},te.jsxs=function(e,s,r){var o=1e4>O.recentlyCreatedOwnerStacks++;return q(e,s,r,!0,o?Error("react-stack-top-frame"):i,o?J(a(e)):x)}})()),te}var Ee;function Pe(){return Ee||(Ee=1,process.env.NODE_ENV==="production"?ne.exports=Ce():ne.exports=Ae()),ne.exports}var h=Pe();const Ie=({className:t="",...l})=>h.jsx("svg",{className:t,role:"button","aria-label":"Clear selection",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"1em",height:"1em",fill:"currentColor",...l,children:h.jsx("path",{d:"M310.6 361.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L160 301.3 54.6 406.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L114.7 256 9.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 210.7 265.4 105.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L205.3 256l105.3 105.4z"})}),Oe=({className:t="",...l})=>h.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",width:"1em",height:"1em",fill:"currentColor",...l,children:h.jsx("path",{d:"M34.9 289.5l175.9-175.8c9.4-9.4 24.6-9.4 33.9 0L420.1 289.5c15.1 15.1 4.4 41-17 41H51.9c-21.4 0-32.1-25.9-17-41z"})}),me=n.createContext(null),le=(t,l="invalid-option",u="")=>{const a=u?u.replace(/:/g,""):"";if(typeof t!="string"||!t.trim())return a?`${l}-${a}`:`${l}-${Math.random().toString(36).slice(2,8)}`;const p=t.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/\s+/g,"-").replace(/[^\p{L}\p{N}-]+/gu,"").toLowerCase();return p?p||`${l}-${Math.random().toString(36).slice(2,8)}`:a?`${l}-${a}`:`${l}-${Math.random().toString(36).slice(2,8)}`};function Le({disabled:t,isOpen:l,setIsOpen:u,options:a,selectOption:p,selected:d,hasMore:y,loadMore:_,loadButton:E,loadButtonText:N,setLoadingTitle:q,loadOffset:z,loadAhead:F}){const C=n.useRef(!1),R=n.useRef(0),[k,S]=n.useState(-1),A=n.useRef(!1),P=n.useRef(a?.length||0);n.useEffect(()=>{a&&a.length!==P.current&&(A.current=!1,P.current=a.length,E&&q(N))},[a]);const V=n.useCallback(()=>{!y||A.current||(A.current=!0,_())},[y,_]),f=n.useCallback(b=>{if(E||!y||A.current)return;const{scrollTop:j,scrollHeight:O,clientHeight:v}=b.currentTarget,U=z;O-j<=v+U&&V()},[E,y,V]);n.useEffect(()=>{if(!E&&l&&y&&k>=0){const b=F;k>=a.length-b&&V()}},[E,k,l,y,a.length,V]),n.useEffect(()=>{const b=()=>{R.current=Date.now()};return window.addEventListener("focus",b),()=>window.removeEventListener("focus",b)},[]),n.useEffect(()=>{if(l){if(k>=0&&k<a.length)return;let b=-1;if(d){const j=a.findIndex(O=>O.id===d.id&&!O.disabled);j>=0&&(b=j)}b===-1&&(b=a.findIndex(j=>!j.disabled)),S(b)}else S(-1)},[l,a]);const D=n.useCallback(b=>{b.currentTarget.contains(b.relatedTarget)||u(!1)},[u]),G=n.useCallback(()=>{t||document.hidden||Date.now()-R.current<100||l||(u(!0),C.current=!0,setTimeout(()=>{C.current=!1},200))},[t,l,u]),I=n.useCallback(b=>{t||b.target.closest&&b.target.closest(".rac-select-cancel")||C.current||u(!l)},[t,l,u]),M=(b,j)=>{const O=J=>J&&!J.disabled&&!J.loading;if(!a.some(O))return-1;let v=b,U=0;do{if(v+=j,v>=a.length){if(y&&!E)return b;v=0}if(v<0){if(y&&!E)return b;v=a.length-1}U++}while(!O(a[v])&&U<=a.length);return v},Y=n.useCallback(b=>{if(!t)switch(b.key){case"Enter":case" ":b.preventDefault(),l?k!==-1&&a[k]&&p(a[k],b):u(!0);break;case"Escape":b.preventDefault(),u(!1);break;case"ArrowDown":b.preventDefault(),l?S(j=>M(j,1)):u(!0);break;case"ArrowUp":b.preventDefault(),l?S(j=>M(j,-1)):u(!0);break;case"Tab":l&&u(!1);break}},[t,l,u,k,a,p]);return n.useMemo(()=>({handleBlur:D,handleFocus:G,handleToggle:I,handleKeyDown:Y,highlightedIndex:k,setHighlightedIndex:S,handleListScroll:f}),[D,G,I,Y,k,S])}function De({options:t=[],jsxOptions:l=[],value:u,defaultValue:a=void 0,onChange:p,disabled:d=!1,loading:y=!1,error:_=!1,placeholder:E="Choose option",emptyText:N="No options",disabledText:q="Disabled",loadingText:z="Loading",errorText:F="Failed to load",disabledOption:C="Disabled option",emptyOption:R="Empty option",invalidOption:k="Invalid option",setVisibility:S,hasMore:A,loadButton:P,setLoadingTitle:V,loadingTitle:f,loadMoreText:D,loadMore:G,childrenFirst:I}){const M=n.useId(),Y=u!==void 0,[b,j]=n.useState(null),O=i=>!i||typeof i!="object"||Array.isArray(i)?!1:"id"in i||"value"in i||"name"in i||"label"in i||"disabled"in i,v=n.useMemo(()=>{const i=[],x=(r,o,m)=>{let w=m?.id??m?.value??o??r;if(typeof o=="function"){i.push({key:`invalid-${i.length}`,value:o,userId:null,disabled:!0,invalid:!0,label:k,original:m});return}if(o===""){i.push({key:`empty-str-${i.length}`,value:"",userId:null,disabled:!0,label:R,original:m});return}if(o==null){i.push({key:`empty-${i.length}`,value:null,userId:null,disabled:!0,label:R,original:m});return}if(typeof o=="number"||typeof o=="boolean"){i.push({key:`${typeof o}-${o}-${i.length}`,value:o,userId:w,label:String(o),original:m});return}else i.push({key:r??`opt-${i.length}`,value:o,userId:w,label:String(o??r),original:m})};Array.isArray(t)?t.forEach((r,o)=>{if(r&&typeof r=="object"&&Object.keys(r).length===1&&r.disabled===!0)i.push({key:`dis-${o}`,value:null,userId:null,disabled:!0,label:C,original:r});else if(O(r)){const m=r.id??(typeof r.value!="object"?r.value:r.label??r.name??r.value);let w=r.name||r.label||r.id||r.value;if(w==null||w===""){const L=Object.entries(r).find(([H,Q])=>H!=="disabled"&&Q!==null&&Q!==void 0&&Q!=="");L&&(w=L[1])}const g=w==null||w==="",$=g?R:String(w);i.push({key:r.id??r.value??r.name??`opt-${o}`,value:r.value!==void 0?r.value:r.id!==void 0?r.id:r,userId:m,disabled:g||!!r.disabled,label:$,original:r})}else r&&typeof r=="object"&&!Array.isArray(r)?Object.entries(r).forEach(([m,w])=>x(m,w,w)):x(r,r,r)}):typeof t=="object"&&t!==null&&Object.entries(t).forEach(([r,o])=>x(r,o,o));const T=i.map((r,o)=>({id:`${M}-opt-${o}`,userId:r.userId,name:String(r.label),raw:r.value,original:r.original,disabled:r.disabled,invalid:r.invalid,type:typeof r.value=="boolean"?"boolean":"normal"})),e=l.map((r,o)=>{const m=r.value===null||r.value===void 0,w=r.label===null||r.label===void 0||r.label==="",g=m&&w;return{...r,id:`jsx-${M.replace(/:/g,"")}-${r.id}-${o}`,userId:r.id,raw:r.value,original:r.value,name:g?R:r.label,disabled:r.disabled||g,type:typeof r.value=="boolean"?"boolean":"normal"}}),s=I?[...e,...T]:[...T,...e];if(A&&P){const r=f===D;s.push({id:"special-load-more-id",name:f,loadMore:!0,loading:r,type:"special"})}return s},[t,l,M,R,C,A,P,f,D]),U=n.useCallback(i=>{if(i==null)return null;const x=v.find(T=>T.original===i||T.raw===i);if(x)return x.id;if(typeof i=="object")try{const T=JSON.stringify(i),e=v.find(s=>s.original&&typeof s.original=="object"&&JSON.stringify(s.original)===T);if(e)return e.id}catch{}return v.find(T=>T.userId===i)?.id??null},[v]);n.useEffect(()=>{const i=Y?u:a,x=v.find(e=>e.id===b);x&&(x.original===i||x.raw===i||x.userId===i)||j(U(i))},[u,a,Y,v,U]);const J=n.useMemo(()=>v.find(i=>i.id===b)??null,[b,v]),X=n.useCallback((i,x)=>{if(i.disabled||i.loadMore){x?.stopPropagation(),x?.preventDefault(),f!==D&&(V(D),G());return}j(i.id),p?.(i.original,i.userId),S(!1)},[p,S]),Z=n.useCallback(()=>{j(null),p?.(null,null)},[p]);return{normalizedOptions:v,selected:J,selectOption:X,clear:Z,hasOptions:v.length>0,active:!_&&!y&&!d&&v.length>0,selectedValue:u??a,placeholder:E,emptyText:N,disabledText:q,loadingText:z,errorText:F,disabledOption:C,emptyOption:R,invalidOption:k,disabled:d,loading:y,error:_}}function Fe({visibility:t,children:l,selectRef:u,onAnimationDone:a,unmount:p=!0,duration:d,easing:y,offset:_,animateOpacity:E}){const N=n.useRef(null),[q,z]=n.useState(0);n.useEffect(()=>{if(!u?.current)return;z(u.current.offsetHeight);const D=new ResizeObserver(G=>{for(let I of G)z(I.target.offsetHeight)});return D.observe(u.current),()=>D.disconnect()},[u]);const F=`height ${d}ms ${y}${E?`, opacity ${d}ms ${y}`:""}`,C={position:"absolute",top:`calc(100% + ${_}px)`,left:"0",width:"100%",overflow:"hidden",marginTop:"2px",zIndex:"1",height:t?"auto":"0px",opacity:E?t?1:0:1,pointerEvents:t?"all":"none",visibility:q?"visible":"hidden"},R=n.useCallback(()=>{const f=N.current;f&&(f.style.height="0px",E&&(f.style.opacity="0"),f.style.transition="")},[E]),k=n.useCallback(()=>{const f=N.current;f&&(f.style.transition=F,f.style.height=`${f.scrollHeight}px`,E&&(f.style.opacity="1"))},[F,E]),S=n.useCallback(()=>{const f=N.current;f&&(f.style.height="auto",f.style.transition="",a&&a())},[a]),A=n.useCallback(()=>{const f=N.current;f&&(f.style.height=`${f.scrollHeight}px`,E&&(f.style.opacity="1"),f.offsetHeight,f.style.transition=F)},[F,E]),P=n.useCallback(()=>{const f=N.current;f&&(f.style.height="0px",E&&(f.style.opacity="0"))},[E]),V=n.useCallback(()=>{const f=N.current;f&&(f.style.transition="")},[]);return h.jsx(xe.CSSTransition,{in:t,timeout:d,classNames:"rac-options",unmountOnExit:p,nodeRef:N,onEnter:R,onEntering:k,onEntered:S,onExit:A,onExiting:P,onExited:V,children:h.jsx("div",{ref:N,className:"rac-options",style:C,children:l})})}const Ye=n.memo(Fe,(t,l)=>t.visibility===l.visibility&&t.duration===l.duration&&t.easing===l.easing&&t.offset===l.offset&&t.animateOpacity===l.animateOpacity&&t.selectRef===l.selectRef&&t.children===l.children);function se({visibility:t,children:l,duration:u=300,unmount:a,style:p}){const d=n.useRef(null);return h.jsx(xe.CSSTransition,{in:t,timeout:u,classNames:"rac-slide-left",unmountOnExit:!0,nodeRef:d,onEnter:()=>d.current.style.width="0px",onEntering:()=>d.current.style.width=d.current.scrollWidth+"px",onEntered:()=>d.current.style.width="auto",onExit:()=>d.current.style.width=d.current.scrollWidth+"px",onExiting:()=>d.current.style.width="0px",onExited:()=>a?.(),children:h.jsx("div",{ref:d,style:{...p,overflow:"hidden",transition:`width ${u}ms ease`},children:l})})}const ve=(t,l)=>{if(!t)return null;if(typeof t=="string")return h.jsx("img",{src:t,...l,alt:""});if(n.isValidElement(t))return n.cloneElement(t,l);if(typeof t=="function"||typeof t=="object"&&t.$$typeof){const u=t;return h.jsx(u,{...l})}return null},Ve=n.forwardRef(({unmount:t,children:l,renderedDropdown:u,visibility:a,ownBehavior:p=!1,alwaysOpen:d=!1,duration:y=300,easing:_="ease-out",offset:E=2,animateOpacity:N=!0,style:q={},className:z="",ArrowIcon:F=Oe,ClearIcon:C=Ie,hasMore:R=!1,loadMore:k=()=>{},loadButton:S=!1,loadButtonText:A="Load more",loadMoreText:P="Loading",loadOffset:V=100,loadAhead:f=3,childrenFirst:D=!1,...G},I)=>{const[M,Y]=n.useState(S?A:P);n.useEffect(()=>{Y(S?A:P)},[S,A,P]);const b=n.useId(),j=n.useMemo(()=>b.replace(/:/g,""),[b]),[O,v]=n.useState([]),U=n.useCallback(c=>{v(W=>[...W,c])},[]),J=n.useCallback(c=>{v(W=>W.filter(B=>B.id!==c))},[]),X=n.useRef(null);n.useEffect(()=>{I&&(typeof I=="function"?I(X.current):I.current=X.current)},[I]),n.useImperativeHandle(I,()=>X.current);const[Z,i]=n.useState(!1),x=n.useMemo(()=>d?!0:p?!!a:Z,[d,p,a,Z]),T=n.useCallback(c=>{d||p||i(W=>typeof c=="function"?c(W):c)},[d,p]),{normalizedOptions:e,selected:s,selectOption:r,clear:o,hasOptions:m,active:w,selectedValue:g,disabled:$,loading:L,error:H,placeholder:Q,invalidOption:je,emptyText:ie,disabledText:oe,loadingText:ce,errorText:ue}=De({...G,setVisibility:T,jsxOptions:O,hasMore:R,loadButton:S,loadingTitle:M,loadMore:k,loadMoreText:P,setLoadingTitle:Y,childrenFirst:D}),{handleListScroll:we,handleBlur:Se,handleFocus:ke,handleToggle:Re,handleKeyDown:_e,highlightedIndex:ee,setHighlightedIndex:Te}=Le({setLoadingTitle:Y,loadButton:S,loadButtonText:A,hasMore:R,loadMore:k,disabled:$,isOpen:x,setIsOpen:T,options:e,selectOption:r,selected:s,loadOffset:V,loadAhead:f}),[fe,de]=n.useState(!1);n.useEffect(()=>{x||de(!1)},[x]),n.useEffect(()=>{(H||$||L||!m)&&T(!1)},[H,$,L,m]),n.useEffect(()=>{if(x&&fe&&ee!==-1){const c=e[ee];if(c){const W=`opt-${j}-${le(c.id)}`,B=document.getElementById(W);B&&B.scrollIntoView({block:"nearest"})}}},[ee,x,fe,e,j]);const ge=g!=null&&!(Array.isArray(g)&&g.length===0)&&!(typeof g=="object"&&Object.keys(g).length===0),be=n.useMemo(()=>{if(H)return ue;if(L)return ce;if($)return oe;if(s)return s.jsx??s.name;if(ge){const c=e.find(W=>W.raw===g);return c?c.name:typeof g=="object"&&g!==null?g.name??g.label??"Selected Object":String(g)}return m?Q:ie},[$,L,H,m,s,g,Q,ue,ce,oe,ie]),$e=`${j}-listbox`,Ne=n.useMemo(()=>e?.map((c,W)=>{const B=`opt-${j}-${le(c.id)}`;let K="rac-select-option";return c.className&&(K+=` ${c.className}`),s?.id===c.id&&(K+=" rac-selected"),W===ee&&(K+=" rac-highlighted"),(c.disabled||c.loading)&&(K+=" rac-disabled-option"),c.invalid&&(K+=" rac-invalid-option"),c.loadMore&&M==P&&(K+=" rac-loading-option"),typeof c.raw=="boolean"&&(K+=c.raw?" rac-true-option":" rac-false-option"),c.name==je&&(K+=" rac-invalid-option"),h.jsxs("div",{className:K,onClick:he=>{if(c.loading){he.stopPropagation();return}r(c,he)},onMouseEnter:()=>!c.disabled&&!c.loading&&Te(W),id:B,role:"option","aria-selected":s?.id===c.id,"aria-disabled":c.disabled||c.loading,"data-loading":c.loading,children:[c.jsx??c.name,c.loading&&h.jsxs("span",{className:"rac-loading-dots",children:[h.jsx("i",{}),h.jsx("i",{}),h.jsx("i",{})]})]},c.id)}),[e,r,j,s,ee]);return h.jsxs(me.Provider,{value:{registerOption:U,unregisterOption:J},children:[l,u,h.jsxs("div",{style:{"--rac-duration":`${y}ms`,...q},className:`rac-select
-                    ${z}
-                    ${!m||$?"rac-disabled-style":""}
-                    ${L?"rac-loading-style":""}
-                    ${H?"rac-error-style":""}`,tabIndex:w?0:-1,ref:X,role:"combobox","aria-haspopup":"listbox","aria-expanded":x,"aria-controls":$e,"aria-label":Q,"aria-disabled":$||!m,...w&&{onBlur:Se,onFocus:ke,onClick:Re,onKeyDown:_e},children:[h.jsxs("div",{className:`rac-select-title ${!H&&!L&&s?.type=="boolean"?s.raw?"rac-true-option":"rac-false-option":""}`,children:[h.jsx("span",{className:"rac-title-text",children:be},be),h.jsx(se,{visibility:L&&!H,duration:y,children:h.jsxs("span",{className:"rac-loading-dots",children:[h.jsx("i",{}),h.jsx("i",{}),h.jsx("i",{})]})})]}),h.jsxs("div",{className:"rac-select-buttons",children:[h.jsx(se,{visibility:ge&&m&&!$&&!L&&!H,duration:y,style:{display:"grid"},children:ve(C,{className:"rac-select-cancel",onMouseDown:c=>{c.preventDefault(),c.stopPropagation()},onClick:o})}),h.jsx(se,{visibility:w,duration:y,style:{display:"grid"},children:h.jsx("span",{className:`rac-select-arrow-wrapper ${x?"--open":""}`,children:ve(F,{className:"rac-select-arrow-wrapper"})})})]}),h.jsx(Ye,{visibility:x,selectRef:X,onAnimationDone:()=>de(!0),unmount:t,duration:y,easing:_,offset:E,animateOpacity:N,children:h.jsxs("div",{onScroll:we,tabIndex:"-1",className:"rac-select-list",role:"listbox","aria-label":"Options",children:[Ne,!S&&R?h.jsxs("div",{onClick:c=>c.stopPropagation(),onMouseEnter:c=>c.preventDefault(),className:"rac-select-option rac-disabled-option rac-loading-option",children:[h.jsx("span",{className:"rac-loading-option-title",children:"Loading"}),h.jsxs("span",{className:"rac-loading-dots",children:[h.jsx("i",{}),h.jsx("i",{}),h.jsx("i",{})]})]}):null]})})]})]})}),ae=t=>t?typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(ae).join(" ").replace(/\s+/g," ").trim():n.isValidElement(t)?ae(t.props.children):"":"";function He({value:t,id:l,className:u,children:a,disabled:p}){const d=n.useContext(me);return n.useEffect(()=>{if(!d)return;const y=ae(a),_=typeof a=="string"&&a!==""?a:y||String(t??l??""),E={id:String(l??le(String(y))),value:t!==void 0?t:y,label:_,jsx:a,className:u,disabled:!!p};return d.registerOption(E),()=>d.unregisterOption(E.id)},[l,t,a,u,p]),null}exports.Option=He;exports.Select=Ve;
+  <%s key={someKey} {...props} />`,c,x,N,x),K[x+c]=!0)}if(x=null,o!==void 0&&(a(o),x=""+o),h(r)&&(a(r.key),x=""+r.key),"key"in r){o={};for(var l in r)l!=="key"&&(o[l]=r[l])}else o=r;return x&&j(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,x,o,g(),S,w)}function T(e){_(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===p&&(e._payload.status==="fulfilled"?_(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function _(e){return typeof e=="object"&&e!==null&&e.$$typeof===$}var R=n,$=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),W=Symbol.for("react.consumer"),d=Symbol.for("react.context"),Y=Symbol.for("react.forward_ref"),J=Symbol.for("react.suspense"),U=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),v=Symbol.for("react.activity"),z=Symbol.for("react.client.reference"),A=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,L=Array.isArray,B=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var X,O={},ee=R.react_stack_bottom_frame.bind(R,u)(),se=B(i(u)),K={};ge.Fragment=k,ge.jsx=function(e,r,o){var c=1e4>A.recentlyCreatedOwnerStacks++;return P(e,r,o,!1,c?Error("react-stack-top-frame"):ee,c?B(i(e)):se)},ge.jsxs=function(e,r,o){var c=1e4>A.recentlyCreatedOwnerStacks++;return P(e,r,o,!0,c?Error("react-stack-top-frame"):ee,c?B(i(e)):se)}})()),ge}var $e;function We(){return $e||($e=1,process.env.NODE_ENV==="production"?he.exports=Ve():he.exports=ze()),he.exports}var f=We();const Je=({className:t="",...s})=>f.jsx("svg",{className:t,role:"button","aria-label":"Clear selection",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"1em",height:"1em",fill:"currentColor",...s,children:f.jsx("path",{d:"M310.6 361.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L160 301.3 54.6 406.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L114.7 256 9.4 150.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 210.7 265.4 105.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L205.3 256l105.3 105.4z"})}),Ue=({className:t="",...s})=>f.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",width:"1em",height:"1em",fill:"currentColor",...s,children:f.jsx("path",{d:"M34.9 289.5l175.9-175.8c9.4-9.4 24.6-9.4 33.9 0L420.1 289.5c15.1 15.1 4.4 41-17 41H51.9c-21.4 0-32.1-25.9-17-41z"})}),ye=(t,s="invalid-option",a="")=>{const i=a?a.replace(/:/g,""):"";if(typeof t!="string"||!t.trim())return i?`${s}-${i}`:`${s}-${Math.random().toString(36).slice(2,8)}`;const g=t.normalize("NFKD").replace(/[\u0300-\u036f]/g,"").replace(/\s+/g,"-").replace(/[^\p{L}\p{N}-]+/gu,"").toLowerCase();return g?g||`${s}-${Math.random().toString(36).slice(2,8)}`:i?`${s}-${i}`:`${s}-${Math.random().toString(36).slice(2,8)}`},Se=n.createContext(null);function qe({visibility:t,children:s,selectRef:a,onAnimationDone:i,unmount:g=!0,duration:u,easing:h,offset:j,animateOpacity:b}){const E=n.useRef(null),[P,T]=n.useState(0);n.useEffect(()=>{if(!a?.current)return;T(a.current.offsetHeight);const Y=new ResizeObserver(J=>{for(let U of J)T(U.target.offsetHeight)});return Y.observe(a.current),()=>Y.disconnect()},[a]);const _=`height ${u}ms ${h}${b?`, opacity ${u}ms ${h}`:""}`,R={position:"absolute",top:`calc(100% + ${j}px)`,left:"0",width:"100%",overflow:"hidden",marginTop:"2px",zIndex:"1",height:t?"auto":"0px",opacity:b?t?1:0:1,pointerEvents:t?"all":"none",visibility:P?"visible":"hidden"},$=n.useCallback(()=>{const d=E.current;d&&(d.style.height="0px",b&&(d.style.opacity="0"),d.style.transition="")},[b]),F=n.useCallback(()=>{const d=E.current;d&&(d.style.transition=_,d.style.height=`${d.scrollHeight}px`,b&&(d.style.opacity="1"))},[_,b]),k=n.useCallback(()=>{const d=E.current;d&&(d.style.height="auto",d.style.transition="",i&&i())},[i]),M=n.useCallback(()=>{const d=E.current;d&&(d.style.height=`${d.scrollHeight}px`,b&&(d.style.opacity="1"),d.offsetHeight,d.style.transition=_)},[_,b]),D=n.useCallback(()=>{const d=E.current;d&&(d.style.height="0px",b&&(d.style.opacity="0"))},[b]),W=n.useCallback(()=>{const d=E.current;d&&(d.style.transition="")},[]);return f.jsx(je.CSSTransition,{in:t,timeout:u,classNames:"rac-options",unmountOnExit:g,nodeRef:E,onEnter:$,onEntering:F,onEntered:k,onExit:M,onExiting:D,onExited:W,children:f.jsx("div",{ref:E,className:"rac-options",style:R,children:s})})}const Xe=n.memo(qe,(t,s)=>t.visibility===s.visibility&&t.duration===s.duration&&t.easing===s.easing&&t.offset===s.offset&&t.animateOpacity===s.animateOpacity&&t.selectRef===s.selectRef&&t.children===s.children);function be({visibility:t,children:s,duration:a=300,unmount:i,style:g}){const u=n.useRef(null);return f.jsx(je.CSSTransition,{in:t,timeout:a,classNames:"rac-slide-left",unmountOnExit:!0,nodeRef:u,onEnter:()=>u.current.style.width="0px",onEntering:()=>u.current.style.width=u.current.scrollWidth+"px",onEntered:()=>u.current.style.width="auto",onExit:()=>u.current.style.width=u.current.scrollWidth+"px",onExiting:()=>u.current.style.width="0px",onExited:()=>i?.(),children:f.jsx("div",{ref:u,style:{...g,overflow:"hidden",transition:`width ${a}ms ease`},children:s})})}const Ke=n.memo(({selectRef:t,selectId:s,renderOptions:a,selected:i,title:g,visibility:u,active:h,hasOptions:j,hasActualValue:b,disabled:E,loading:P,error:T,registerOption:_,unregisterOption:R,handleBlur:$,handleFocus:F,handleToggle:k,handleKeyDown:M,handleListScroll:D,setAnimationFinished:W,clear:d,children:Y,renderedDropdown:J,placeholder:U,className:V,style:p,duration:v,easing:z,offset:A,animateOpacity:H,unmount:L,ArrowIcon:B,ClearIcon:X,renderIcon:O,hasMore:ee,loadButton:se})=>f.jsxs(Se.Provider,{value:{registerOption:_,unregisterOption:R},children:[Y,J,f.jsxs("div",{ref:t,style:{"--rac-duration":`${v}ms`,...p},className:`rac-select
+                    ${V}
+                    ${!j||E?"rac-disabled-style":""}
+                    ${P?"rac-loading-style":""}
+                    ${T?"rac-error-style":""}`,tabIndex:h?0:-1,role:"combobox","aria-haspopup":"listbox","aria-expanded":u,"aria-controls":`${s}-listbox`,"aria-label":U,"aria-disabled":E||!j,...h&&{onBlur:$,onFocus:F,onClick:k,onKeyDown:M},children:[f.jsxs("div",{className:`rac-select-title ${!T&&!P&&i?.type==="boolean"?i.raw?"rac-true-option":"rac-false-option":""}`,children:[f.jsx("span",{className:"rac-title-text",children:g},g),f.jsx(be,{visibility:P&&!T,duration:v,children:f.jsxs("span",{className:"rac-loading-dots",children:[f.jsx("i",{}),f.jsx("i",{}),f.jsx("i",{})]})})]}),f.jsxs("div",{className:"rac-select-buttons",children:[f.jsx(be,{visibility:b&&j&&!E&&!P&&!T,duration:v,style:{display:"grid"},children:O(X,{className:"rac-select-cancel",onMouseDown:K=>{K.preventDefault(),K.stopPropagation()},onClick:d})}),f.jsx(be,{visibility:h,duration:v,style:{display:"grid"},children:f.jsx("span",{className:`rac-select-arrow-wrapper ${u?"--open":""}`,children:O(B,{className:"rac-select-arrow-wrapper"})})})]}),f.jsx(Xe,{visibility:u,selectRef:t,onAnimationDone:()=>W(!0),unmount:L,duration:v,easing:z,offset:A,animateOpacity:H,children:f.jsxs("div",{onScroll:D,tabIndex:"-1",className:"rac-select-list",role:"listbox","aria-label":"Options",children:[a,!se&&ee&&f.jsxs("div",{className:"rac-select-option rac-disabled-option rac-loading-option",onClick:K=>K.stopPropagation(),children:[f.jsx("span",{className:"rac-loading-option-title",children:"Loading"}),f.jsxs("span",{className:"rac-loading-dots",children:[f.jsx("i",{}),f.jsx("i",{}),f.jsx("i",{})]})]})]})})]})]}));function Ze({disabled:t,open:s,setOpen:a,options:i=[],selectOption:g,selected:u,hasMore:h,loadMore:j,loadButton:b,loadButtonText:E,setLoadingTitle:P,loadOffset:T,loadAhead:_}){const R=n.useRef(!1),$=n.useRef(0),F=n.useRef(!1),[k,M]=n.useState(-1);n.useEffect(()=>{F.current=!1,b&&P(E)},[i.length,h,b,E,P]);const D=n.useCallback(()=>{!h||F.current||(F.current=!0,j())},[h,j]),W=n.useCallback(p=>{if(b||!h||F.current)return;const{scrollTop:v,scrollHeight:z,clientHeight:A}=p.currentTarget;z-v<=A+T&&D()},[b,h,T,D]);n.useEffect(()=>{!b&&s&&h&&k>=i.length-_&&D()},[k,s,h,i.length,_,b,D]),n.useEffect(()=>{const p=()=>{$.current=Date.now()};return window.addEventListener("focus",p),()=>window.removeEventListener("focus",p)},[]),n.useEffect(()=>{if(!s){M(-1);return}if(k>=0&&k<i.length)return;let p=-1;u&&(p=i.findIndex(v=>v.id===u.id&&!v.disabled)),p===-1&&(p=i.findIndex(v=>!v.disabled)),M(p)},[s,i,u]);const d=n.useCallback((p,v)=>{const z=L=>L&&!L.disabled&&!L.loading,A=i.length;if(A===0)return-1;let H=p;for(let L=0;L<A;L++){if(H=(H+v+A)%A,!b&&h&&(v>0&&H===0||v<0&&H===A-1))return p;if(z(i[H]))return H}return p},[i,h,b]),Y=n.useCallback(p=>{p.currentTarget.contains(p.relatedTarget)||a(!1)},[a]),J=n.useCallback(()=>{t||document.hidden||Date.now()-$.current<100||s||(a(!0),R.current=!0,setTimeout(()=>{R.current=!1},200))},[t,s,a]),U=n.useCallback(p=>{t||p.target.closest(".rac-select-cancel")||R.current||a(!s)},[t,s,a]),V=n.useCallback(p=>{if(!t)switch(p.key){case"Enter":case" ":p.preventDefault(),s?k!==-1&&i[k]&&g(i[k],p):a(!0);break;case"Escape":p.preventDefault(),a(!1);break;case"ArrowDown":p.preventDefault(),s?M(v=>d(v,1)):a(!0);break;case"ArrowUp":p.preventDefault(),s?M(v=>d(v,-1)):a(!0);break;case"Tab":s&&a(!1);break}},[t,s,a,k,i,g,d]);return n.useMemo(()=>({handleBlur:Y,handleFocus:J,handleToggle:U,handleKeyDown:V,highlightedIndex:k,setHighlightedIndex:M,handleListScroll:W}),[Y,J,U,V,k,W])}const Qe=["group","disabled","options","items","children"],Ce=["name","label","id","value"];function Be({options:t=[],jsxOptions:s=[],value:a,defaultValue:i=void 0,onChange:g,disabled:u=!1,loading:h=!1,error:j=!1,placeholder:b="Choose option",emptyText:E="No options",disabledText:P="Disabled",loadingText:T="Loading",errorText:_="Failed to load",disabledOption:R="Disabled option",emptyOption:$="Empty option",invalidOption:F="Invalid option",setVisibility:k,hasMore:M,loadButton:D,setLoadingTitle:W,loadingTitle:d,loadMoreText:Y,loadMore:J,childrenFirst:U}){const V=n.useId(),p=a!==void 0,[v,z]=n.useState(null),A=n.useCallback((r,o=!1)=>{const c=Ce.find(w=>r[w]!==void 0&&r[w]!==null&&r[w]!=="");if(c)return String(r[c]);const S=Object.entries(r).find(([w,x])=>!Qe.includes(w)&&x!=null&&x!=="");return S?String(S[1]):o},[]),H=n.useCallback((r,o,c="normal",S=null,w=!1)=>{let x="",N=r,l=w,m=null,G=S;return r==null||r===""?{id:`${V}-${c}-${o}`,userId:null,name:$,raw:null,disabled:!0,type:"normal",group:G}:typeof r=="function"?{id:`${V}-inv-${o}`,userId:null,name:F,raw:r,disabled:!0,invalid:!0,type:"normal",group:G}:(typeof r=="object"&&!Array.isArray(r)?(G||(G=r.group||null),l=l||!!r.disabled,m=r.id??r.value??r.name??r.label,N=r.value!==void 0?r.value:r.id!==void 0?r.id:r,x=A(r,l?R:$),x===$&&!l&&(l=!0)):(x=String(r),m=r,N=r),{id:`${V}-${c}-${o}`,userId:m,name:x,raw:N,original:r,disabled:l,type:typeof N=="boolean"?"boolean":"normal",group:G})},[V,$,F,R,A]),[L,B]=n.useState(new Set),X=n.useCallback(r=>{B(o=>{const c=new Set(o);return c.has(r)?c.delete(r):c.add(r),c})},[]),O=n.useMemo(()=>{const r=[],o=(l,m,G=null,Z=!1)=>{if(l&&typeof l=="object"&&!Array.isArray(l)&&"options"in l){const re=A(l,"Empty group",!0),ie=Z||!!l.disabled,Q=l.options;Array.isArray(Q)?Q.forEach((ce,ae)=>o(ce,`${m}-${ae}`,re,ie)):Q&&typeof Q=="object"?Object.entries(Q).forEach(([ce,ae],pe)=>o(ae,`${m}-${pe}`,re,ie)):o(Q,`${m}-0`,re,ie);return}if(l&&typeof l=="object"&&!Array.isArray(l)&&!Ce.some(re=>re in l)&&!("group"in l)){Object.entries(l).forEach(([re,ie],Q)=>{r.push(H(ie,`${m}-${Q}`,"normal",G,Z))});return}r.push(H(l,m,"normal",G,Z))};Array.isArray(t)&&t.forEach((l,m)=>o(l,m));const c=s.map(l=>{if(l.isGroupMarker)return{...l,type:"group-marker"};const m=(l.value==null||l.value==="")&&!l.label;return{...l,id:`jsx-${l.id}`,userId:l.id,raw:l.value,original:l.value,name:m?$:l.label,disabled:!!l.disabled||m,type:typeof l.value=="boolean"?"boolean":"normal",group:l.group||null}}),S=U?[...c,...r]:[...r,...c],w=[],x=new Map,N=[];return S.forEach(l=>{if(!l.group)N.push({type:"item",data:l});else if(x.has(l.group)||(x.set(l.group,[]),N.push({type:"group",name:l.group})),!l.isGroupMarker){const m=L.has(l.group);x.get(l.group).push({...l,hidden:!m})}}),N.forEach((l,m)=>{if(l.type==="item")w.push(l.data);else{const G=L.has(l.name);w.push({id:`group-header-${l.name}-${m}`,name:l.name,disabled:!1,groupHeader:!0,expanded:G,type:"group"});const Z=x.get(l.name);w.push(...Z)}}),M&&D&&w.push({id:"special-load-more-id",name:d,loadMore:!0,loading:d===Y,type:"special"}),w},[t,s,V,H,U,M,D,d,Y,E,$,A]),ee=n.useCallback(r=>{if(r==null)return null;const o=O.find(c=>c.original===r||c.raw===r||c.userId===r);if(o)return o.id;if(typeof r=="object")try{const c=JSON.stringify(r);return O.find(S=>S.original&&typeof S.original=="object"&&JSON.stringify(S.original)===c)?.id??null}catch{return null}return null},[O]);n.useEffect(()=>{const r=p?a:i,o=O.find(S=>S.id===v);o&&(o.original===r||o.raw===r||o.userId===r)||z(ee(r))},[a,i,p,O,ee,v]);const se=n.useMemo(()=>O.find(r=>r.id===v)??null,[v,O]),K=n.useCallback((r,o)=>{if(r.groupHeader){o?.stopPropagation(),o?.preventDefault(),X(r.name);return}if(r.disabled||r.loadMore){o?.stopPropagation(),o?.preventDefault(),r.loadMore&&(W(Y),J());return}z(r.id),g?.(r.original,r.userId),k(!1)},[g,k,J,Y,W]),e=n.useCallback(()=>{z(null),g?.(null,null)},[g]);return{normalizedOptions:O,selected:se,selectOption:K,clear:e,hasOptions:O.length>0,active:!j&&!h&&!u&&O.length>0,selectedValue:a??i,placeholder:b,emptyText:E,disabledText:P,loadingText:T,errorText:_,disabledOption:R,emptyOption:$,invalidOption:F,disabled:u,loading:h,error:j,expandedGroups:L,toggleGroup:X,visibleOptions:O.filter(r=>!r.hidden)}}function er({visibility:t,children:s,duration:a=300}){const i=n.useRef(null);return f.jsx(je.CSSTransition,{in:t,timeout:300,classNames:"slideDown",unmountOnExit:!0,nodeRef:i,onEnter:()=>i.current.style.height="0px",onEntering:()=>i.current.style.height=i.current.scrollHeight+"px",onEntered:()=>i.current.style.height="auto",onExit:()=>i.current.style.height=i.current.scrollHeight+"px",onExiting:()=>i.current.style.height="0px",children:f.jsx("div",{ref:i,style:{overflow:"hidden",transition:`height ${a}ms ease`,paddingLeft:"1em"},className:"slideDown-enter-done",tabIndex:-1,children:s})})}const Te=(t,s)=>{if(!t)return null;if(typeof t=="string")return f.jsx("img",{src:t,...s,alt:""});if(n.isValidElement(t))return n.cloneElement(t,s);if(typeof t=="function"||typeof t=="object"&&t.$$typeof){const a=t;return f.jsx(a,{...s})}return null},rr=(t,s,a,i,g,u,h)=>t.groupHeader?"rac-select-option rac-group-option":["rac-select-option",t.className,i===t.id&&"rac-selected",s===a&&"rac-highlighted",(t.disabled||t.loading)&&"rac-disabled-option",(t.invalid||t.name===h)&&"rac-invalid-option",t.loadMore&&g===u&&"rac-loading-option",typeof t.raw=="boolean"&&(t.raw?"rac-true-option":"rac-false-option")].filter(Boolean).join(" "),tr=n.forwardRef(({unmount:t,children:s,renderedDropdown:a,visibility:i,ownBehavior:g=!1,alwaysOpen:u=!1,duration:h=300,easing:j="ease-out",offset:b=2,animateOpacity:E=!0,style:P={},className:T="",ArrowIcon:_=Ue,ClearIcon:R=Je,hasMore:$=!1,loadMore:F=()=>{console.warn("loadMore not implemented")},loadButton:k=!1,loadButtonText:M="Load more",loadMoreText:D="Loading",loadOffset:W=100,loadAhead:d=3,childrenFirst:Y=!1,...J},U)=>{const V=n.useId(),p=n.useMemo(()=>V.replace(/:/g,""),[V]),[v,z]=n.useState([]),[A,H]=n.useState(!1),[L,B]=n.useState(k?M:D),[X,O]=n.useState(!1),ee=n.useRef(null),se=n.useCallback(C=>{z(I=>{const q=I.findIndex(te=>te.id===C.id);if(q!==-1){const te=I[q];if(te.label===C.label&&te.value===C.value&&te.disabled===C.disabled&&te.group===C.group)return I;const ue=[...I];return ue[q]=C,ue}return[...I,C]})},[]),K=n.useCallback(C=>{z(I=>{const q=I.filter(te=>te.id!==C);return q.length===I.length?I:q})},[]),e=u?!0:g?!!i:A,r=n.useCallback(C=>{u||g||H(C)},[u,g]),o=Be({...J,setVisibility:r,jsxOptions:v,hasMore:$,loadButton:k,loadingTitle:L,loadMore:F,loadMoreText:D,setLoadingTitle:B,childrenFirst:Y}),{normalizedOptions:c,selected:S,selectOption:w,clear:x,hasOptions:N,active:l,selectedValue:m,disabled:G,loading:Z,error:le,placeholder:re,invalidOption:ie,emptyText:Q,disabledText:ce,loadingText:ae,errorText:pe,expandedGroups:me}=o,Ae=Ze({setLoadingTitle:B,loadButton:k,loadButtonText:M,hasMore:$,loadMore:F,disabled:G,open:e,setOpen:r,options:c,selectOption:w,selected:S,loadOffset:W,loadAhead:d}),{handleListScroll:Oe,handleBlur:Pe,handleFocus:De,handleToggle:Le,handleKeyDown:Fe,highlightedIndex:oe,setHighlightedIndex:xe}=Ae;n.useImperativeHandle(U,()=>ee.current),n.useEffect(()=>{e||O(!1)},[e]),n.useEffect(()=>{(le||G||Z||!N)&&r(!1)},[le,G,Z,N,r]),n.useEffect(()=>{if(e&&X&&oe!==-1){const C=c[oe];C&&document.getElementById(`opt-${p}-${ye(C.id)}`)?.scrollIntoView({block:"nearest"})}},[oe,e,X,c,p]);const Ee=n.useMemo(()=>m!=null&&!(Array.isArray(m)&&m.length===0)&&!(typeof m=="object"&&Object.keys(m).length===0),[m]),Me=n.useMemo(()=>{if(le)return pe;if(Z)return ae;if(G)return ce;if(S)return S.jsx??S.name;if(Ee){const C=c.find(I=>I.raw===m);return C?C.name:typeof m=="object"&&m!==null?m.name??m.label??"Selected Object":String(m)}return N?re:Q},[G,Z,le,N,S,m,re,pe,ae,ce,Q,Ee,c]),He=n.useMemo(()=>{const C=[];let I=[],q=null;const te=c.reduce((y,ne)=>(ne.group&&(y[ne.group]=(y[ne.group]||0)+1),y),{}),ue=y=>{y===null||I.length===0||(C.push(f.jsx(er,{visibility:me.has(y),children:I},`slide-${y}`)),I=[])},ke=(y,ne)=>f.jsxs("div",{id:`opt-${p}-${ye(y.id)}`,role:"option","aria-selected":S?.id===y.id,"aria-disabled":y.disabled||y.loading,className:rr(y,ne,oe,S?.id,L,D,ie),onClick:fe=>!y.loading&&w(y,fe),onMouseEnter:()=>!y.disabled&&!y.loading&&xe(ne),children:[y.jsx??y.name,y.loading&&f.jsxs("span",{className:"rac-loading-dots",children:[f.jsx("i",{}),f.jsx("i",{}),f.jsx("i",{})]})]},y.id);return c.forEach((y,ne)=>{const fe=y.groupHeader,Re=!!y.group;if((fe||!Re&&q!==null)&&(ue(q),fe||(q=null)),fe){q=y.name;const Ge=me.has(y.name),Ie=te[y.name]>0;C.push(f.jsxs("div",{className:"rac-group-header",onClick:Ye=>w(y,Ye),children:[f.jsx("span",{className:"rac-group-title-text",children:y.name}),f.jsx(be,{visibility:Ie,duration:h,style:{display:"grid"},children:f.jsx("span",{className:`rac-group-arrow-wrapper ${Ge?"--open":""}`,children:Te(_,{className:"rac-select-arrow-wrapper"})})})]},y.id))}else Re?I.push(ke(y,ne)):C.push(ke(y,ne))}),ue(q),C},[c,w,p,S,oe,L,D,ie,xe,me,_]);return f.jsx(Ke,{selectRef:ee,selectId:p,renderIcon:Te,normalizedOptions:c,renderOptions:He,selected:S,title:Me,visibility:e,active:l,hasOptions:N,hasActualValue:Ee,highlightedIndex:oe,animationFinished:X,disabled:G,loading:Z,error:le,setVisibility:r,setHighlightedIndex:xe,setAnimationFinished:O,handleBlur:Pe,handleFocus:De,handleToggle:Le,handleKeyDown:Fe,handleListScroll:Oe,selectOption:w,clear:x,registerOption:se,unregisterOption:K,children:s,renderedDropdown:a,placeholder:re,className:T,style:P,duration:h,easing:j,offset:b,animateOpacity:E,unmount:t,ArrowIcon:_,ClearIcon:R,hasMore:$,loadButton:k})}),Ne=n.createContext(null);function nr({children:t,name:s,label:a,value:i,id:g,emptyGroupText:u="Empty group"}){const h=n.useContext(Se),j=n.useMemo(()=>{const E=s??a??i??g;return E!=null&&E!==""?String(E):u},[s,a,i,g,u]),b=n.useMemo(()=>`group-marker-${ye(j)}`,[j]);return n.useEffect(()=>{if(!h)return;const E={id:b,group:j,isGroupMarker:!0,disabled:!0};return h.registerOption(E),()=>h.unregisterOption(b)},[h.registerOption,h.unregisterOption,b,j]),f.jsx(Ne.Provider,{value:j,children:t})}const ve=t=>t?typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(ve).join(" ").replace(/\s+/g," ").trim():n.isValidElement(t)?ve(t.props.children):"":"";function sr({value:t,id:s,className:a,children:i,disabled:g,group:u}){const h=n.useContext(Se),j=n.useContext(Ne),b=h?.registerOption,E=h?.unregisterOption,P=n.useId(),T=n.useMemo(()=>s?String(s):P.replace(/:/g,""),[s,P]);return n.useEffect(()=>{if(!b)return;const _=ve(i);let R="";return typeof i=="string"&&i!==""?R=i:_?R=_:t!=null&&(R=String(t)),b({id:T,value:t!==void 0?t:_,label:R,jsx:i,className:a,disabled:!!g,group:u||j||null}),()=>E(T)},[T,t,i,a,g,u,j,b,E]),null}exports.OptGroup=nr;exports.Option=sr;exports.Select=tr;

package/dist/index.css

@@ -1 +1 @@
-@media(prefers-reduced-motion:reduce){.rac-select{--rac-duration: 1ms}}.rac-select{--rac-duration-fast: calc(var(--rac-duration) * .5);--rac-duration-base: var(--rac-duration);--rac-duration-slow: calc(var(--rac-duration) * 1.3);--rac-base-red: #e7000b;--rac-base-green: #4caf50;--rac-base-yellow: #ffc107;--rac-select-background: color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-select-color: CanvasText;--rac-select-border: 2px solid color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-select-border-error: 2px solid color-mix(in srgb, var(--rac-base-red), CanvasText 15%);--rac-select-height: 2em;--rac-select-padding: 0em .5em;--rac-disabled-opacity: .75;--rac-title-anim-shift: 4px;--rac-title-anim-entry-ease: cubic-bezier(.34, 1.56, .64, 1);--rac-dots-height: 3px;--rac-dots-width: 3px;--rac-dots-color: currentColor;--rac-dots-gap: 3px;--rac-dots-padding-left: .25em;--rac-dots-align: end;--rac-dots-animation-duration: 1.4s;--rac-dots-animation-delay-1: 0s;--rac-dots-animation-delay-2: .2s;--rac-dots-animation-delay-3: .4s;--rac-arrow-height: 1em;--rac-arrow-width: 1em;--rac-arrow-padding: 1px 0 2px;--rac-cancel-height: .9em;--rac-cancel-width: .9em;--rac-scroll-color: color-mix(in srgb, CanvasText 10%, Canvas);--rac-scroll-track: color-mix(in srgb, CanvasText 5%, Canvas);--rac-scroll-padding-top: .5em;--rac-scroll-padding-bottom: .5em;--rac-option-hover: color-mix(in srgb, CanvasText 6%, Canvas);--rac-option-highlight: color-mix(in srgb, CanvasText 10%, Canvas);--rac-option-selected: color-mix(in srgb, CanvasText 14%, Canvas);--rac-list-background: color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-list-color: CanvasText;--rac-list-max-height: 250px;--rac-option-padding: .5em;--rac-option-min-height: 1em;--rac-disabled-option-color: color-mix(in srgb, GrayText, CanvasText 20%);--rac-invalid-option-color: color-mix(in srgb, var(--rac-base-red), CanvasText 10%);--rac-true-option-color: color-mix(in srgb, var(--rac-base-green), CanvasText 10%);--rac-false-option-color: color-mix(in srgb, var(--rac-base-red), CanvasText 10%);--rac-warning-option-color: color-mix(in srgb, var(--rac-base-yellow), CanvasText 10%);--rac-loading-option-opacity: .75;background:var(--rac-select-background);padding:var(--rac-select-padding);border:var(--rac-select-border);color:var(--rac-select-color);height:var(--rac-select-height);transition:border-color var(--rac-duration-base);justify-content:space-between;box-sizing:border-box;position:relative;cursor:pointer;display:flex}.rac-loading-style,.rac-disabled-style{opacity:var(--rac-disabled-opacity);transition:border-color var(--rac-duration-base),filter var(--rac-duration-base),opacity var(--rac-duration-base);cursor:wait}.rac-disabled-style{cursor:not-allowed}.rac-error-style{border:var(--rac-select-border-error);cursor:help}.rac-select-title{display:flex;align-items:center}.rac-title-text{display:block;animation:rac-fade-in var(--rac-duration-base) var(--rac-title-anim-entry-ease)}@keyframes rac-fade-in{0%{opacity:0;transform:translateY(var(--rac-title-anim-shift))}to{opacity:1;transform:translateY(0)}}.rac-loading-dots{display:inline-flex;gap:var(--rac-dots-gap);padding-left:var(--rac-dots-padding-left);align-items:var(--rac-dots-align)}.rac-loading-dots i{width:var(--rac-dots-height);height:var(--rac-dots-width);background:var(--rac-dots-color);border-radius:50%;animation:blink var(--rac-dots-animation-duration) infinite both}.rac-loading-dots i:nth-child(1){animation-delay:var(--rac-dots-animation-delay-1)}.rac-loading-dots i:nth-child(2){animation-delay:var(--rac-dots-animation-delay-2)}.rac-loading-dots i:nth-child(3){animation-delay:var(--rac-dots-animation-delay-3)}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.rac-select-buttons{display:flex;align-items:center}.rac-select-cancel{height:var(--rac-cancel-height);width:var(--rac-cancel-width);transition:opacity var(--rac-duration-fast),border-color var(--rac-duration-fast)}.rac-select-arrow-wrapper{display:block;height:var(--rac-arrow-height);width:var(--rac-arrow-width);padding:var(--rac-arrow-padding);will-change:transform;transition:transform var(--rac-duration-base) cubic-bezier(.4,0,.2,1),padding var(--rac-duration-fast);transform-origin:50% 50%;transform:translateZ(0)}.rac-select-arrow-wrapper.--open{transform:rotate(180deg)}.rac-select-arrow,.rac-select-cancel{object-fit:contain}.rac-select-list{background-color:var(--rac-list-background);color:var(--rac-list-color);max-height:var(--rac-list-max-height);overflow-y:auto;scrollbar-color:var(--rac-scroll-color) var(--rac-scroll-track);scrollbar-width:thin;scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:var(--rac-scroll-padding-top);scroll-padding-bottom:var(--rac-scroll-padding-bottom);z-index:1;transition:border-color var(--rac-duration-fast),background-color var(--rac-duration-fast),opacity var(--rac-duration-base)}.rac-select-option{min-height:var(--rac-option-min-height);padding:var(--rac-option-padding);transition:background-color var(--rac-duration-fast) cubic-bezier(.4,0,.2,1)}.rac-select-option:not(.rac-disabled-option):hover{background-color:var(--rac-option-hover)}.rac-select-option.rac-highlighted{background-color:var(--rac-option-highlight)}.rac-select-option.rac-selected,.rac-select-option.rac-selected.rac-highlighted{background-color:var(--rac-option-selected)}.rac-disabled-option{cursor:not-allowed;color:var(--rac-disabled-option-color)}.rac-invalid-option{color:var(--rac-invalid-option-color)}.rac-true-option{color:var(--rac-true-option-color)}.rac-false-option{color:var(--rac-false-option-color)}.rac-loading-option{cursor:wait}
+@media(prefers-reduced-motion:reduce){.rac-select{--rac-duration: 1ms}}.rac-select{--rac-duration-fast: calc(var(--rac-duration) * .5);--rac-duration-base: var(--rac-duration);--rac-duration-slow: calc(var(--rac-duration) * 1.3);--rac-base-red: #e7000b;--rac-base-green: #4caf50;--rac-base-yellow: #ffc107;--rac-select-background: color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-select-color: CanvasText;--rac-select-border: 2px solid color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-select-border-error: 2px solid color-mix(in srgb, var(--rac-base-red), CanvasText 15%);--rac-select-height: 2em;--rac-select-padding: 0em .5em;--rac-disabled-opacity: .75;--rac-title-anim-shift: 4px;--rac-title-anim-entry-ease: cubic-bezier(.34, 1.56, .64, 1);--rac-dots-height: 3px;--rac-dots-width: 3px;--rac-dots-color: currentColor;--rac-dots-gap: 3px;--rac-dots-padding-left: .25em;--rac-dots-align: end;--rac-dots-animation-duration: 1.4s;--rac-dots-animation-delay-1: 0s;--rac-dots-animation-delay-2: .2s;--rac-dots-animation-delay-3: .4s;--rac-arrow-height: 1em;--rac-arrow-width: 1em;--rac-arrow-padding: 1px 0 2px;--rac-cancel-height: .9em;--rac-cancel-width: .9em;--rac-scroll-color: color-mix(in srgb, CanvasText 10%, Canvas);--rac-scroll-track: color-mix(in srgb, CanvasText 5%, Canvas);--rac-scroll-padding-top: .5em;--rac-scroll-padding-bottom: .5em;--rac-option-hover: color-mix(in srgb, CanvasText 6%, Canvas);--rac-option-highlight: color-mix(in srgb, CanvasText 10%, Canvas);--rac-option-selected: color-mix(in srgb, CanvasText 14%, Canvas);--rac-list-background: color-mix(in srgb, Canvas 98%, CanvasText 2%);--rac-list-color: CanvasText;--rac-list-max-height: 250px;--rac-option-padding: .5em;--rac-option-min-height: 1em;--rac-disabled-option-color: color-mix(in srgb, GrayText, CanvasText 20%);--rac-invalid-option-color: color-mix(in srgb, var(--rac-base-red), CanvasText 10%);--rac-true-option-color: color-mix(in srgb, var(--rac-base-green), CanvasText 10%);--rac-false-option-color: color-mix(in srgb, var(--rac-base-red), CanvasText 10%);--rac-warning-option-color: color-mix(in srgb, var(--rac-base-yellow), CanvasText 10%);--rac-group-header-font-size: 1.25em;--rac-group-header-font-weight: bold;--rac-group-header-min-height: 1em;--rac-group-header-padding: .5em;--rac-group-arrow-height: 1em;--rac-group-arrow-width: 1em;--rac-group-arrow-padding: 1px 0 2px;background:var(--rac-select-background);padding:var(--rac-select-padding);border:var(--rac-select-border);color:var(--rac-select-color);height:var(--rac-select-height);transition:border-color var(--rac-duration-base);justify-content:space-between;box-sizing:border-box;position:relative;cursor:pointer;display:flex}.rac-loading-style,.rac-disabled-style{opacity:var(--rac-disabled-opacity);transition:border-color var(--rac-duration-base),filter var(--rac-duration-base),opacity var(--rac-duration-base);cursor:wait}.rac-disabled-style{cursor:not-allowed}.rac-error-style{border:var(--rac-select-border-error);cursor:help}.rac-select-title{display:flex;align-items:center}.rac-title-text{display:block;animation:rac-fade-in var(--rac-duration-base) var(--rac-title-anim-entry-ease)}@keyframes rac-fade-in{0%{opacity:0;transform:translateY(var(--rac-title-anim-shift))}to{opacity:1;transform:translateY(0)}}.rac-loading-dots{display:inline-flex;gap:var(--rac-dots-gap);padding-left:var(--rac-dots-padding-left);align-items:var(--rac-dots-align)}.rac-loading-dots i{width:var(--rac-dots-height);height:var(--rac-dots-width);background:var(--rac-dots-color);border-radius:50%;animation:blink var(--rac-dots-animation-duration) infinite both}.rac-loading-dots i:nth-child(1){animation-delay:var(--rac-dots-animation-delay-1)}.rac-loading-dots i:nth-child(2){animation-delay:var(--rac-dots-animation-delay-2)}.rac-loading-dots i:nth-child(3){animation-delay:var(--rac-dots-animation-delay-3)}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.rac-select-buttons{display:flex;align-items:center}.rac-select-cancel{height:var(--rac-cancel-height);width:var(--rac-cancel-width);transition:opacity var(--rac-duration-fast),border-color var(--rac-duration-fast)}.rac-select-arrow-wrapper{display:block;height:var(--rac-arrow-height);width:var(--rac-arrow-width);padding:var(--rac-arrow-padding);will-change:transform;transition:transform var(--rac-duration-base) cubic-bezier(.4,0,.2,1),padding var(--rac-duration-fast);transform-origin:50% 50%;transform:translateZ(0)}.rac-select-arrow-wrapper.--open{transform:rotate(180deg)}.rac-select-arrow,.rac-select-cancel{object-fit:contain}.rac-select-list{background-color:var(--rac-list-background);color:var(--rac-list-color);max-height:var(--rac-list-max-height);overflow-y:auto;scrollbar-color:var(--rac-scroll-color) var(--rac-scroll-track);scrollbar-width:thin;scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:var(--rac-scroll-padding-top);scroll-padding-bottom:var(--rac-scroll-padding-bottom);z-index:1;transition:border-color var(--rac-duration-fast),background-color var(--rac-duration-fast),opacity var(--rac-duration-base)}.rac-select-option{min-height:var(--rac-option-min-height);padding:var(--rac-option-padding);transition:background-color var(--rac-duration-fast) cubic-bezier(.4,0,.2,1)}.rac-select-option:not(.rac-disabled-option):not(.rac-group-option):hover{background-color:var(--rac-option-hover)}.rac-select-option.rac-highlighted{background-color:var(--rac-option-highlight)}.rac-select-option.rac-selected,.rac-select-option.rac-selected.rac-highlighted{background-color:var(--rac-option-selected)}.rac-disabled-option{cursor:not-allowed;color:var(--rac-disabled-option-color)}.rac-invalid-option{color:var(--rac-invalid-option-color)}.rac-true-option{color:var(--rac-true-option-color)}.rac-false-option{color:var(--rac-false-option-color)}.rac-loading-option{cursor:wait}.rac-group-header{cursor:pointer;min-height:var(--rac-group-header-min-height);padding:var(--rac-group-header-padding);transition:background-color var(--rac-duration-fast) cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;font-weight:var(--rac-group-header-font-weight);font-size:var(--rac-group-header-font-size)}.rac-group-arrow-wrapper{display:block;height:var(--rac-group-arrow-height);width:var(--rac-group-arrow-width);padding:var(--rac-group-arrow-padding);will-change:transform;transition:transform var(--rac-duration-base) cubic-bezier(.4,0,.2,1),padding var(--rac-duration-fast);transform-origin:50% 50%;transform:translateZ(0)}.rac-group-arrow-wrapper.--open{transform:rotate(180deg)}