chakra-react-select - npm Package Compare versions

Comparing version 4.9.0-beta.5 to 4.9.0

dist/index.d.ts

@@ -1,2 +0,2 @@
-import { ResponsiveObject, ThemeTypings, SystemStyleObject } from '@chakra-ui/system';
+import { SystemStyleObject, Pseudos, ResponsiveObject, ThemeTypings } from '@chakra-ui/system';
 import * as react_select from 'react-select';
@@ -15,7 +15,11 @@ import { GroupBase, ClearIndicatorProps, ContainerProps, ControlProps, DropdownIndicatorProps, GroupProps, GroupHeadingProps, IndicatorsContainerProps, IndicatorSeparatorProps, InputProps, LoadingIndicatorProps, NoticeProps, MenuProps, MenuListProps, MultiValueProps, OptionProps, PlaceholderProps, SingleValueProps, ValueContainerProps, Props, SelectInstance, StylesConfig, ThemeConfig } from 'react-select';
 
-interface SizeProps<PropType = string | number> {
-    sm: PropType;
-    md: PropType;
-    lg: PropType;
-}
+/**
+ * This is needed because Chakra improperly types their `SystemStyleObject` to not include pseudo selectors,
+ * even though the objects actually include them.
+ *
+ * @see {@link https://github.com/chakra-ui/chakra-ui/issues/6261}
+ */
+type ThemeObject = SystemStyleObject & {
+    [K in keyof Pseudos]?: SystemStyleObject;
+};
 type Size = "sm" | "md" | "lg";
@@ -75,23 +79,23 @@ type SizeProp = Size | ResponsiveObject<Size> | Size[];
     ClearIndicator: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.ClearIndicatorProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
-    Control: <Option_1, IsMulti_1 extends boolean, Group_1 extends react_select.GroupBase<Option_1>>(props: react_select.ControlProps<Option_1, IsMulti_1, Group_1>) => react_jsx_runtime.JSX.Element;
-    DropdownIndicator: <Option_2, IsMulti_2 extends boolean, Group_2 extends react_select.GroupBase<Option_2>>(props: react_select.DropdownIndicatorProps<Option_2, IsMulti_2, Group_2>) => react_jsx_runtime.JSX.Element;
-    Group: <Option_3, IsMulti_3 extends boolean, Group_3 extends react_select.GroupBase<Option_3>>(props: react_select.GroupProps<Option_3, IsMulti_3, Group_3>) => react_jsx_runtime.JSX.Element;
-    GroupHeading: <Option_4, IsMulti_4 extends boolean, Group_4 extends react_select.GroupBase<Option_4>>(props: react_select.GroupHeadingProps<Option_4, IsMulti_4, Group_4>) => react_jsx_runtime.JSX.Element;
-    IndicatorSeparator: <Option_5, IsMulti_5 extends boolean, Group_5 extends react_select.GroupBase<Option_5>>(props: react_select.IndicatorSeparatorProps<Option_5, IsMulti_5, Group_5>) => react_jsx_runtime.JSX.Element;
-    IndicatorsContainer: <Option_6, IsMulti_6 extends boolean, Group_6 extends react_select.GroupBase<Option_6>>(props: react_select.IndicatorsContainerProps<Option_6, IsMulti_6, Group_6>) => react_jsx_runtime.JSX.Element;
-    Input: <Option_7, IsMulti_7 extends boolean, Group_7 extends react_select.GroupBase<Option_7>>(props: react_select.InputProps<Option_7, IsMulti_7, Group_7>) => react_jsx_runtime.JSX.Element;
-    LoadingIndicator: <Option_8, IsMulti_8 extends boolean, Group_8 extends react_select.GroupBase<Option_8>>(props: react_select.LoadingIndicatorProps<Option_8, IsMulti_8, Group_8>) => react_jsx_runtime.JSX.Element;
-    LoadingMessage: <Option_9, IsMulti_9 extends boolean, Group_9 extends react_select.GroupBase<Option_9>>(props: react_select.NoticeProps<Option_9, IsMulti_9, Group_9>) => react_jsx_runtime.JSX.Element;
-    Menu: <Option_10, IsMulti_10 extends boolean, Group_10 extends react_select.GroupBase<Option_10>>(props: react_select.MenuProps<Option_10, IsMulti_10, Group_10>) => react_jsx_runtime.JSX.Element;
-    MenuList: <Option_11, IsMulti_11 extends boolean, Group_11 extends react_select.GroupBase<Option_11>>(props: react_select.MenuListProps<Option_11, IsMulti_11, Group_11>) => react_jsx_runtime.JSX.Element;
-    MultiValue: <Option_12 = unknown, IsMulti_12 extends boolean = boolean, Group_12 extends react_select.GroupBase<Option_12> = react_select.GroupBase<Option_12>>(props: react_select.MultiValueProps<Option_12, IsMulti_12, Group_12>) => react_jsx_runtime.JSX.Element;
-    MultiValueContainer: <Option_13 = unknown, IsMulti_13 extends boolean = boolean, Group_13 extends react_select.GroupBase<Option_13> = react_select.GroupBase<Option_13>>(props: react_select.MultiValueGenericProps<Option_13, IsMulti_13, Group_13>) => react_jsx_runtime.JSX.Element;
-    MultiValueLabel: <Option_14 = unknown, IsMulti_14 extends boolean = boolean, Group_14 extends react_select.GroupBase<Option_14> = react_select.GroupBase<Option_14>>(props: react_select.MultiValueGenericProps<Option_14, IsMulti_14, Group_14>) => react_jsx_runtime.JSX.Element;
-    MultiValueRemove: <Option_15 = unknown, IsMulti_15 extends boolean = boolean, Group_15 extends react_select.GroupBase<Option_15> = react_select.GroupBase<Option_15>>(props: react_select.MultiValueRemoveProps<Option_15, IsMulti_15, Group_15>) => react_jsx_runtime.JSX.Element | null;
-    NoOptionsMessage: <Option_16, IsMulti_16 extends boolean, Group_16 extends react_select.GroupBase<Option_16>>(props: react_select.NoticeProps<Option_16, IsMulti_16, Group_16>) => react_jsx_runtime.JSX.Element;
-    Option: <Option_17, IsMulti_17 extends boolean, Group_17 extends react_select.GroupBase<Option_17>>(props: react_select.OptionProps<Option_17, IsMulti_17, Group_17>) => react_jsx_runtime.JSX.Element;
-    Placeholder: <Option_18, IsMulti_18 extends boolean, Group_18 extends react_select.GroupBase<Option_18>>(props: react_select.PlaceholderProps<Option_18, IsMulti_18, Group_18>) => react_jsx_runtime.JSX.Element;
-    SelectContainer: <Option_19, IsMulti_19 extends boolean, Group_19 extends react_select.GroupBase<Option_19>>(props: react_select.ContainerProps<Option_19, IsMulti_19, Group_19>) => react_jsx_runtime.JSX.Element;
-    SingleValue: <Option_20, IsMulti_20 extends boolean, Group_20 extends react_select.GroupBase<Option_20>>(props: react_select.SingleValueProps<Option_20, IsMulti_20, Group_20>) => react_jsx_runtime.JSX.Element;
-    ValueContainer: <Option_21, IsMulti_21 extends boolean, Group_21 extends react_select.GroupBase<Option_21>>(props: react_select.ValueContainerProps<Option_21, IsMulti_21, Group_21>) => react_jsx_runtime.JSX.Element;
+    Control: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.ControlProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    DropdownIndicator: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.DropdownIndicatorProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    Group: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.GroupProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    GroupHeading: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.GroupHeadingProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    IndicatorSeparator: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.IndicatorSeparatorProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    IndicatorsContainer: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.IndicatorsContainerProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    Input: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.InputProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    LoadingIndicator: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.LoadingIndicatorProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    LoadingMessage: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.NoticeProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    Menu: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.MenuProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    MenuList: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.MenuListProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    MultiValue: <Option = unknown, IsMulti extends boolean = boolean, Group extends react_select.GroupBase<Option> = react_select.GroupBase<Option>>(props: react_select.MultiValueProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    MultiValueContainer: <Option = unknown, IsMulti extends boolean = boolean, Group extends react_select.GroupBase<Option> = react_select.GroupBase<Option>>(props: react_select.MultiValueGenericProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    MultiValueLabel: <Option = unknown, IsMulti extends boolean = boolean, Group extends react_select.GroupBase<Option> = react_select.GroupBase<Option>>(props: react_select.MultiValueGenericProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    MultiValueRemove: <Option = unknown, IsMulti extends boolean = boolean, Group extends react_select.GroupBase<Option> = react_select.GroupBase<Option>>(props: react_select.MultiValueRemoveProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element | null;
+    NoOptionsMessage: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.NoticeProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    Option: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.OptionProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    Placeholder: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.PlaceholderProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    SelectContainer: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.ContainerProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    SingleValue: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.SingleValueProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
+    ValueContainer: <Option, IsMulti extends boolean, Group extends react_select.GroupBase<Option>>(props: react_select.ValueContainerProps<Option, IsMulti, Group>) => react_jsx_runtime.JSX.Element;
 };
@@ -335,2 +339,2 @@
 
-export { AsyncCreatableSelect, type AsyncCreatableSelectComponent, AsyncSelect, type AsyncSelectComponent, type ChakraStylesConfig, type ColorScheme, CreatableSelect, type CreatableSelectComponent, type OptionBase, Select, type SelectComponent, type SelectedOptionStyle, type Size, type SizeProps, type StylesFunction, type TagVariant, chakraComponents, useChakraSelectProps };
+export { AsyncCreatableSelect, type AsyncCreatableSelectComponent, AsyncSelect, type AsyncSelectComponent, type ChakraStylesConfig, type ColorScheme, CreatableSelect, type CreatableSelectComponent, type OptionBase, Select, type SelectComponent, type SelectedOptionStyle, type Size, type SizeProp, type StylesFunction, type TagVariant, type ThemeObject, type Variant, chakraComponents, useChakraSelectProps };

dist/index.js

@@ -1,2 +0,2 @@
-import{forwardRef as tt}from"react";import ot from"react-select";import{useFormControl as Ue}from"@chakra-ui/form-control";import{useTheme as qe}from"@chakra-ui/system";import{Box as k}from"@chakra-ui/layout";import{useMultiStyleConfig as Ie}from"@chakra-ui/system";import{useBreakpointValue as ye}from"@chakra-ui/media-query";import{useTheme as be}from"@chakra-ui/system";var V=e=>{let{className:r,clearValue:o,cx:n,getStyles:s,getClassNames:t,getValue:l,hasValue:i,isMulti:p,isRtl:a,options:c,selectOption:d,selectProps:m,setValue:f,theme:x,...u}=e;return{...u}},Pe=e=>typeof e=="string"&&["sm","md","lg"].includes(e),ge=e=>Pe(e)?e:e==="xs"?"sm":e==="xl"?"lg":"md",O=e=>{let r=be(),o=ge(r.components.Input.defaultProps.size),n=e!=null?e:o;return ye(typeof n=="string"?[n]:n,{fallback:"md"})||o};import{jsx as L}from"react/jsx-runtime";var W=e=>{let{children:r,className:o,cx:n,innerProps:s,isDisabled:t,isRtl:l,hasValue:i,selectProps:{chakraStyles:p}}=e,a={position:"relative",direction:l?"rtl":void 0,...t?{cursor:"not-allowed"}:{}},c=p!=null&&p.container?p.container(a,e):a;return L(k,{...s,className:n({"--is-disabled":t,"--is-rtl":l,"--has-value":i},o),sx:c,children:r})},Y=e=>{let{children:r,className:o,cx:n,isMulti:s,hasValue:t,innerProps:l,selectProps:{chakraStyles:i,size:p,variant:a,focusBorderColor:c,errorBorderColor:d,controlShouldRenderValue:m}}=e,f=O(p),x=Ie("Input",{size:f,variant:a,focusBorderColor:c,errorBorderColor:d}),u={display:s&&t&&m?"flex":"grid",alignItems:"center",flex:1,paddingY:"2px",paddingX:x.field.px,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},S=i!=null&&i.valueContainer?i.valueContainer(u,e):u;return L(k,{...l,className:n({"value-container":!0,"value-container--is-multi":s,"value-container--has-value":t},o),sx:S,children:r})},_=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,l={display:"flex",alignItems:"center",alignSelf:"stretch",flexShrink:0},i=t!=null&&t.indicatorsContainer?t.indicatorsContainer(l,e):l;return L(k,{...s,className:n({indicators:!0},o),sx:i,children:r})};import{Icon as X}from"@chakra-ui/icon";import{Box as F,Divider as Ge}from"@chakra-ui/layout";import{Spinner as Ce}from"@chakra-ui/spinner";import{useMultiStyleConfig as $,useStyleConfig as Me}from"@chakra-ui/system";import{jsx as G}from"react/jsx-runtime";var he=e=>{let{className:r,cx:o,children:n,innerRef:s,innerProps:t,isDisabled:l,isFocused:i,menuIsOpen:p,selectProps:{chakraStyles:a,size:c,variant:d,focusBorderColor:m,errorBorderColor:f,isInvalid:x,isReadOnly:u}}=e,S=O(c),{field:{height:b,h:g,...I}}=$("Input",{size:S,variant:d,focusBorderColor:m,errorBorderColor:f}),C={...I,position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",padding:0,overflow:"hidden",height:"auto",minH:b||g,...l?{pointerEvents:"none"}:{}},B=a!=null&&a.control?a.control(C,e):C;return G(F,{ref:s,className:o({control:!0,"control--is-disabled":l,"control--is-focused":i,"control--menu-is-open":p},r),sx:B,...t,"data-focus":i?!0:void 0,"data-focus-visible":i?!0:void 0,"data-invalid":x?!0:void 0,"data-disabled":l?!0:void 0,"data-readonly":u?!0:void 0,children:n})},Z=e=>{let{className:r,cx:o,selectProps:{chakraStyles:n,useBasicStyles:s,variant:t}}=e,l={opacity:1,...s||t!=="outline"?{display:"none"}:{}},i=n!=null&&n.indicatorSeparator?n.indicatorSeparator(l,e):l;return G(Ge,{className:o({"indicator-separator":!0},r),sx:i,orientation:"vertical"})},Be=e=>G(X,{role:"presentation",focusable:"false","aria-hidden":"true",...e,children:G("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})}),J=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,useBasicStyles:l,size:i,focusBorderColor:p,errorBorderColor:a,variant:c}}=e,d=O(i),m=$("Input",{size:d,variant:c,focusBorderColor:p,errorBorderColor:a}),x={sm:"16px",md:"20px",lg:"24px"}[d],u={...m.addon,display:"flex",alignItems:"center",justifyContent:"center",height:"100%",borderRadius:0,borderWidth:0,fontSize:x,...l&&{background:"transparent",padding:0,width:6,marginRight:2,marginLeft:1,cursor:"inherit"}},S=t!=null&&t.dropdownIndicator?t.dropdownIndicator(u,e):u,b={height:"1em",width:"1em"},g=t!=null&&t.downChevron?t.downChevron(b,e):b;return G(F,{...s,className:n({indicator:!0,"dropdown-indicator":!0},o),sx:S,children:r||G(Be,{sx:g})})},ve=e=>G(X,{focusable:"false","aria-hidden":!0,...e,children:G("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"})}),K=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:l}}=e,i=O(l),a={...Me("CloseButton",{size:i}),marginX:1,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,cursor:"pointer"},c=t!=null&&t.clearIndicator?t.clearIndicator(a,e):a,d={width:"1em",height:"1em"},m=t!=null&&t.crossIcon?t.crossIcon(d,e):d;return G(F,{role:"button",className:n({indicator:!0,"clear-indicator":!0},o),sx:c,"aria-label":"Clear selected options",...s,children:r||G(ve,{sx:m})})},Q=e=>{let{className:r,cx:o,innerProps:n,selectProps:{chakraStyles:s,size:t},color:l,emptyColor:i,speed:p,thickness:a,spinnerSize:c}=e,d=O(t),f={sm:"xs",md:"sm",lg:"md"}[d],x={marginRight:3},u=s!=null&&s.loadingIndicator?s.loadingIndicator(x,e):x;return G(Ce,{className:o({indicator:!0,"loading-indicator":!0},r),sx:u,...n,size:c||f,color:l,emptyColor:i,speed:p,thickness:a})},U=he;import{Box as ze}from"@chakra-ui/layout";import{chakra as Re}from"@chakra-ui/system";import{jsx as q}from"react/jsx-runtime";var we=e=>{let{className:r,cx:o,value:n,selectProps:{chakraStyles:s,isReadOnly:t}}=e,{innerRef:l,isDisabled:i,isHidden:p,inputClassName:a,...c}=V(e),d={gridArea:"1 / 2",minW:"2px",border:0,margin:0,outline:0,padding:0},m={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content",color:"inherit",marginX:"0.125rem",paddingY:"0.125rem",visibility:i?"hidden":"visible",transform:n?"translateZ(0)":"",_after:{content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre",padding:0,...d}},f=s!=null&&s.inputContainer?s.inputContainer(m,e):m,x={background:0,opacity:p?0:1,width:"100%",...d},u=s!=null&&s.input?s.input(x,e):x;return q(ze,{className:o({"input-container":!0},r),"data-value":n||"",sx:f,children:q(Re.input,{className:o({input:!0},a),ref:l,sx:u,disabled:i,readOnly:t?!0:void 0,...c})})},ee=we;import{Box as z}from"@chakra-ui/layout";import{Menu as Ne,MenuIcon as Ve}from"@chakra-ui/menu";import{useColorModeValue as te,useMultiStyleConfig as A}from"@chakra-ui/system";import{jsx as P,jsxs as pe}from"react/jsx-runtime";var Ae=e=>e?{bottom:"top",top:"bottom"}[e]:"top",je=e=>{let{className:r,cx:o,children:n,innerProps:s,innerRef:t,placement:l,selectProps:{chakraStyles:i}}=e,p={position:"absolute",[Ae(l)]:"100%",marginY:"8px",width:"100%",zIndex:1},a=i!=null&&i.menu?i.menu(p,e):p;return P(Ne,{children:P(z,{...s,ref:t,className:o({menu:!0},r),sx:a,children:n})})},oe=je,ne=e=>{var I;let{className:r,cx:o,innerRef:n,children:s,maxHeight:t,isMulti:l,innerProps:i,selectProps:{chakraStyles:p,size:a,variant:c,focusBorderColor:d,errorBorderColor:m}}=e,f=A("Menu"),x=O(a),S=A("Input",{size:x,variant:c,focusBorderColor:d,errorBorderColor:m}).field,b={...f.list,minW:"100%",maxHeight:`${t}px`,overflowY:"auto","--input-border-radius":S==null?void 0:S["--input-border-radius"],borderRadius:(S==null?void 0:S.borderRadius)||((I=f.list)==null?void 0:I.borderRadius),position:"relative",WebkitOverflowScrolling:"touch"},g=p!=null&&p.menuList?p.menuList(b,e):b;return P(z,{...i,className:o({"menu-list":!0,"menu-list--is-multi":l},r),sx:g,ref:n,children:s})},re=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:l}}=e,i=O(l),a={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.loadingMessage?t.loadingMessage(a,e):a;return P(z,{...s,className:n({"menu-notice":!0,"menu-notice--loading":!0},o),sx:c,children:r})},se=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:l}}=e,i=O(l),a={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.noOptionsMessage?t.noOptionsMessage(a,e):a;return P(z,{...s,className:n({"menu-notice":!0,"menu-notice--no-options":!0},o),sx:c,children:r})},ie=e=>{let{children:r,className:o,cx:n,theme:s,getStyles:t,Heading:l,headingProps:i,label:p,selectProps:a,innerProps:c,getClassNames:d}=e,{chakraStyles:m}=a,f={},x=m!=null&&m.group?m.group(f,e):f;return pe(z,{...c,className:n({group:!0},o),sx:x,children:[P(l,{...i,selectProps:a,cx:n,theme:s,getStyles:t,getClassNames:d,children:p}),P(z,{children:r})]})},le=e=>{let{cx:r,className:o,selectProps:{chakraStyles:n,size:s,hasStickyGroupHeaders:t}}=e,{data:l,...i}=V(e),p=A("Menu"),a=O(s),c={sm:"xs",md:"sm",lg:"md"},d={sm:"0.4rem 0.8rem",md:"0.5rem 1rem",lg:"0.6rem 1.2rem"},m={...p.groupTitle,fontSize:c[a],padding:d[a],margin:0,borderBottomWidth:t?"1px":0,position:t?"sticky":"static",top:-2,bg:p.list.bg,zIndex:1},f=n!=null&&n.groupHeading?n.groupHeading(m,e):m;return P(z,{...i,className:r({"group-heading":!0},o),sx:f})},ke=e=>P("svg",{viewBox:"0 0 14 14",width:"1em",height:"1em",...e,children:P("polygon",{fill:"currentColor",points:"5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"})}),ae=e=>{let{className:r,cx:o,innerRef:n,innerProps:s,children:t,isFocused:l,isDisabled:i,isSelected:p,selectProps:{chakraStyles:a,size:c,isMulti:d,hideSelectedOptions:m,selectedOptionStyle:f,selectedOptionColorScheme:x}}=e,u=A("Menu").item,S=O(c),b={sm:"0.6rem",md:"0.8rem",lg:"1rem"},g={sm:"0.3rem",md:"0.4rem",lg:"0.5rem"},I=te(`${x}.500`,`${x}.300`),M=te("white","black"),C=f==="check"&&(!d||m===!1),B=f==="color",v={...u,cursor:"pointer",display:"flex",alignItems:"center",width:"100%",textAlign:"start",fontSize:S,paddingX:b[S],paddingY:g[S],...B&&{_selected:{bg:I,color:M,_active:{bg:I}}}},y=a!=null&&a.option?a.option(v,e):v;return pe(z,{...s,className:o({option:!0,"option--is-disabled":i,"option--is-focused":l,"option--is-selected":p},r),sx:y,ref:n,"data-focus":l?!0:void 0,"aria-disabled":i?!0:void 0,"aria-selected":p,children:[C&&P(Ve,{fontSize:"0.8em",marginEnd:"0.75rem",opacity:p?1:0,children:P(ke,{})}),t]})};import{Icon as Le}from"@chakra-ui/icon";import{Box as Fe}from"@chakra-ui/layout";import{chakra as ce,useMultiStyleConfig as Te}from"@chakra-ui/system";import{jsx as R,jsxs as Ye}from"react/jsx-runtime";var De=e=>typeof e=="object"&&e!==null&&"colorScheme"in e&&typeof e.colorScheme=="string",He=e=>typeof e=="object"&&e!==null&&"variant"in e&&typeof e.variant=="string",ue=e=>typeof e=="object"&&e!==null&&"isFixed"in e&&typeof e.isFixed=="boolean",Ee=e=>{let{children:r,className:o,components:n,cx:s,data:t,innerProps:l,isDisabled:i,isFocused:p,removeProps:a,selectProps:c,cropWithEllipsis:d}=e,{Container:m,Label:f,Remove:x}=n,{chakraStyles:u,colorScheme:S,tagVariant:b,size:g}=c,I=O(g),M="",C="",B=!1;De(t)&&(M=t.colorScheme),He(t)&&(C=t.variant),ue(t)&&(B=t.isFixed);let v=Te("Tag",{size:I,colorScheme:M||S,variant:C||b||(B?"solid":"subtle")}),y={...v.container,display:"flex",alignItems:"center",minWidth:0,margin:"0.125rem"},j=u!=null&&u.multiValue?u.multiValue(y,e):y,N={...v.label,overflow:"hidden",textOverflow:d||d===void 0?"ellipsis":void 0,whiteSpace:"nowrap"},D=u!=null&&u.multiValueLabel?u.multiValueLabel(N,e):N,w={...v.closeButton,display:"flex",alignItems:"center",justifyContent:"center"},H=u!=null&&u.multiValueRemove?u.multiValueRemove(w,e):w;return Ye(m,{data:t,innerProps:{className:s({"multi-value":!0,"multi-value--is-disabled":i},o),...l},sx:j,selectProps:c,children:[R(f,{data:t,innerProps:{className:s({"multi-value__label":!0},o)},sx:D,selectProps:c,children:r}),R(x,{data:t,innerProps:{className:s({"multi-value__remove":!0},o),"aria-label":`Remove ${r||"option"}`,...a},sx:H,selectProps:c,isFocused:p})]})},de=e=>{let{children:r,innerProps:o,sx:n}=e;return R(ce.span,{...o,sx:n,children:r})},me=e=>{let{children:r,innerProps:o,sx:n}=e;return R(ce.span,{...o,sx:n,children:r})},We=e=>R(Le,{verticalAlign:"inherit",viewBox:"0 0 512 512",...e,children:R("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})}),xe=e=>{let{children:r,innerProps:o,isFocused:n,data:s,sx:t}=e;return ue(s)&&s.isFixed?null:R(Fe,{...o,role:"button",sx:t,"data-focus":n?!0:void 0,"data-focus-visible":n?!0:void 0,children:r||R(We,{})})};var fe=Ee;import{Box as _e}from"@chakra-ui/layout";import{jsx as $e}from"react/jsx-runtime";var Xe=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,l={gridArea:"1 / 1 / 2 / 3",color:"chakra-placeholder-color",mx:"0.125rem",userSelect:"none"},i=t!=null&&t.placeholder?t.placeholder(l,e):l;return $e(_e,{...s,className:n({placeholder:!0},o),sx:i,children:r})},Se=Xe;import{Box as Ze}from"@chakra-ui/layout";import{jsx as Ke}from"react/jsx-runtime";var Je=e=>{let{children:r,className:o,cx:n,isDisabled:s,innerProps:t,selectProps:{chakraStyles:l}}=e,i={gridArea:"1 / 1 / 2 / 3",mx:"0.125rem",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},p=l!=null&&l.singleValue?l.singleValue(i,e):i;return Ke(Ze,{className:n({"single-value":!0,"single-value--is-disabled":s},o),sx:p,...t,children:r})},Oe=Je;var Qe={ClearIndicator:K,Control:U,DropdownIndicator:J,Group:ie,GroupHeading:le,IndicatorSeparator:Z,IndicatorsContainer:_,Input:ee,LoadingIndicator:Q,LoadingMessage:re,Menu:oe,MenuList:ne,MultiValue:fe,MultiValueContainer:de,MultiValueLabel:me,MultiValueRemove:xe,NoOptionsMessage:se,Option:ae,Placeholder:Se,SelectContainer:W,SingleValue:Oe,ValueContainer:Y},T=Qe;var et=({components:e={},theme:r,size:o,colorScheme:n="gray",isDisabled:s,isInvalid:t,isReadOnly:l,required:i,isRequired:p,inputId:a,tagVariant:c,selectedOptionStyle:d="color",selectedOptionColorScheme:m,selectedOptionColor:f,variant:x,focusBorderColor:u,errorBorderColor:S,chakraStyles:b={},onFocus:g,onBlur:I,menuIsOpen:M,...C})=>{var E;let B=qe(),{variant:v}=B.components.Input.defaultProps,y=Ue({id:a,isDisabled:s,isInvalid:t,isRequired:p,isReadOnly:l,onFocus:g,onBlur:I}),j=M!=null?M:y.readOnly?!1:void 0,N=d;["color","check"].includes(d)||(N="color");let w=m||f||"blue";return typeof w!="string"&&(w="blue"),{components:{...T,...e},colorScheme:n,size:o,tagVariant:c,selectedOptionStyle:N,selectedOptionColorScheme:w,variant:x!=null?x:v,chakraStyles:b,focusBorderColor:u,errorBorderColor:S,onFocus:y.onFocus,onBlur:y.onBlur,isDisabled:y.disabled,isInvalid:!!y["aria-invalid"],inputId:y.id,isReadOnly:y.readOnly,required:i!=null?i:y.required,menuIsOpen:j,...C,"aria-invalid":(E=C["aria-invalid"])!=null?E:y["aria-invalid"]}},h=et;import{jsx as st}from"react/jsx-runtime";var nt=tt((e,r)=>{let o=h(e);return st(ot,{ref:r,...o})}),rt=nt;import{forwardRef as it}from"react";import lt from"react-select/creatable";import{jsx as ct}from"react/jsx-runtime";var at=it((e,r)=>{let o=h(e);return ct(lt,{ref:r,...o})}),pt=at;import{forwardRef as ut}from"react";import dt from"react-select/async";import{jsx as ft}from"react/jsx-runtime";var mt=ut((e,r)=>{let o=h(e);return ft(dt,{ref:r,...o})}),xt=mt;import{forwardRef as St}from"react";import Ot from"react-select/async-creatable";import{jsx as Pt}from"react/jsx-runtime";var yt=St((e,r)=>{let o=h(e);return Pt(Ot,{ref:r,...o})}),bt=yt;export*from"react-select";import{useAsync as Qo}from"react-select/async";import{useCreatable as qo}from"react-select/creatable";export{bt as AsyncCreatableSelect,xt as AsyncSelect,pt as CreatableSelect,rt as Select,T as chakraComponents,Qo as useAsync,h as useChakraSelectProps,qo as useCreatable};
+import{forwardRef as tt}from"react";import ot from"react-select";import{useFormControl as Ue}from"@chakra-ui/form-control";import{useTheme as qe}from"@chakra-ui/system";import{Box as k}from"@chakra-ui/layout";import{useMultiStyleConfig as Ie}from"@chakra-ui/system";import{useBreakpointValue as ye}from"@chakra-ui/media-query";import{useTheme as be}from"@chakra-ui/system";var V=e=>{let{className:r,clearValue:o,cx:n,getStyles:s,getClassNames:t,getValue:l,hasValue:i,isMulti:p,isRtl:a,options:c,selectOption:d,selectProps:m,setValue:f,theme:x,...u}=e;return{...u}},Pe=e=>typeof e=="string"&&["sm","md","lg"].includes(e),ge=e=>Pe(e)?e:e==="xs"?"sm":e==="xl"?"lg":"md",O=e=>{let r=be(),o=ge(r.components.Input.defaultProps.size),n=e!=null?e:o;return ye(typeof n=="string"?[n]:n,{fallback:"md"})||o};import{jsx as L}from"react/jsx-runtime";var W=e=>{let{children:r,className:o,cx:n,innerProps:s,isDisabled:t,isRtl:l,hasValue:i,selectProps:{chakraStyles:p}}=e,a={position:"relative",direction:l?"rtl":void 0,...t?{cursor:"not-allowed"}:{}},c=p!=null&&p.container?p.container(a,e):a;return L(k,{...s,className:n({"--is-disabled":t,"--is-rtl":l,"--has-value":i},o),sx:c,children:r})},Y=e=>{let{children:r,className:o,cx:n,isMulti:s,hasValue:t,innerProps:l,selectProps:{chakraStyles:i,size:p,variant:a,focusBorderColor:c,errorBorderColor:d,controlShouldRenderValue:m}}=e,f=O(p),x=Ie("Input",{size:f,variant:a,focusBorderColor:c,errorBorderColor:d}),u={display:s&&t&&m?"flex":"grid",alignItems:"center",flex:1,paddingY:"2px",paddingX:x.field.px,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},S=i!=null&&i.valueContainer?i.valueContainer(u,e):u;return L(k,{...l,className:n({"value-container":!0,"value-container--is-multi":s,"value-container--has-value":t},o),sx:S,children:r})},_=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,l={display:"flex",alignItems:"center",alignSelf:"stretch",flexShrink:0},i=t!=null&&t.indicatorsContainer?t.indicatorsContainer(l,e):l;return L(k,{...s,className:n({indicators:!0},o),sx:i,children:r})};import{Icon as X}from"@chakra-ui/icon";import{Box as T,Divider as Ge}from"@chakra-ui/layout";import{Spinner as Ce}from"@chakra-ui/spinner";import{useMultiStyleConfig as $,useStyleConfig as Me}from"@chakra-ui/system";import{jsx as G}from"react/jsx-runtime";var he=e=>{let{className:r,cx:o,children:n,innerRef:s,innerProps:t,isDisabled:l,isFocused:i,menuIsOpen:p,selectProps:{chakraStyles:a,size:c,variant:d,focusBorderColor:m,errorBorderColor:f,isInvalid:x,isReadOnly:u}}=e,S=O(c),{field:{height:b,h:g,...I}}=$("Input",{size:S,variant:d,focusBorderColor:m,errorBorderColor:f}),C={...I,position:"relative",display:"flex",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",padding:0,overflow:"hidden",height:"auto",minH:b||g,...l?{pointerEvents:"none"}:{}},B=a!=null&&a.control?a.control(C,e):C;return G(T,{ref:s,className:o({control:!0,"control--is-disabled":l,"control--is-focused":i,"control--menu-is-open":p},r),sx:B,...t,"data-focus":i?!0:void 0,"data-focus-visible":i?!0:void 0,"data-invalid":x?!0:void 0,"data-disabled":l?!0:void 0,"data-readonly":u?!0:void 0,children:n})},Z=e=>{let{className:r,cx:o,selectProps:{chakraStyles:n,useBasicStyles:s,variant:t}}=e,l={opacity:1,...s||t!=="outline"?{display:"none"}:{}},i=n!=null&&n.indicatorSeparator?n.indicatorSeparator(l,e):l;return G(Ge,{className:o({"indicator-separator":!0},r),sx:i,orientation:"vertical"})},Be=e=>G(X,{role:"presentation",focusable:"false","aria-hidden":"true",...e,children:G("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})}),J=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,useBasicStyles:l,size:i,focusBorderColor:p,errorBorderColor:a,variant:c}}=e,d=O(i),m=$("Input",{size:d,variant:c,focusBorderColor:p,errorBorderColor:a}),x={sm:"16px",md:"20px",lg:"24px"}[d],u={...m.addon,display:"flex",alignItems:"center",justifyContent:"center",height:"100%",borderRadius:0,borderWidth:0,fontSize:x,...l&&{background:"transparent",padding:0,width:6,marginRight:2,marginLeft:1,cursor:"inherit"}},S=t!=null&&t.dropdownIndicator?t.dropdownIndicator(u,e):u,b={height:"1em",width:"1em"},g=t!=null&&t.downChevron?t.downChevron(b,e):b;return G(T,{...s,className:n({indicator:!0,"dropdown-indicator":!0},o),sx:S,children:r||G(Be,{sx:g})})},ve=e=>G(X,{focusable:"false","aria-hidden":!0,...e,children:G("path",{fill:"currentColor",d:"M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"})}),K=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:l}}=e,i=O(l),a={...Me("CloseButton",{size:i}),marginX:1,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,cursor:"pointer"},c=t!=null&&t.clearIndicator?t.clearIndicator(a,e):a,d={width:"1em",height:"1em"},m=t!=null&&t.crossIcon?t.crossIcon(d,e):d;return G(T,{role:"button",className:n({indicator:!0,"clear-indicator":!0},o),sx:c,"aria-label":"Clear selected options",...s,children:r||G(ve,{sx:m})})},Q=e=>{let{className:r,cx:o,innerProps:n,selectProps:{chakraStyles:s,size:t},color:l,emptyColor:i,speed:p,thickness:a,spinnerSize:c}=e,d=O(t),f={sm:"xs",md:"sm",lg:"md"}[d],x={marginRight:3},u=s!=null&&s.loadingIndicator?s.loadingIndicator(x,e):x;return G(Ce,{className:o({indicator:!0,"loading-indicator":!0},r),sx:u,...n,size:c||f,color:l,emptyColor:i,speed:p,thickness:a})},U=he;import{Box as ze}from"@chakra-ui/layout";import{chakra as Re}from"@chakra-ui/system";import{jsx as q}from"react/jsx-runtime";var we=e=>{let{className:r,cx:o,value:n,selectProps:{chakraStyles:s,isReadOnly:t}}=e,{innerRef:l,isDisabled:i,isHidden:p,inputClassName:a,...c}=V(e),d={gridArea:"1 / 2",minW:"2px",border:0,margin:0,outline:0,padding:0},m={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content",color:"inherit",marginX:"0.125rem",paddingY:"0.125rem",visibility:i?"hidden":"visible",transform:n?"translateZ(0)":"",_after:{content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre",padding:0,...d}},f=s!=null&&s.inputContainer?s.inputContainer(m,e):m,x={background:0,opacity:p?0:1,width:"100%",...d},u=s!=null&&s.input?s.input(x,e):x;return q(ze,{className:o({"input-container":!0},r),"data-value":n||"",sx:f,children:q(Re.input,{className:o({input:!0},a),ref:l,sx:u,disabled:i,readOnly:t?!0:void 0,...c})})},ee=we;import{Box as z}from"@chakra-ui/layout";import{Menu as Ne,MenuIcon as Ve}from"@chakra-ui/menu";import{useColorModeValue as te,useMultiStyleConfig as A}from"@chakra-ui/system";import{jsx as P,jsxs as pe}from"react/jsx-runtime";var Ae=e=>e?{bottom:"top",top:"bottom"}[e]:"top",je=e=>{let{className:r,cx:o,children:n,innerProps:s,innerRef:t,placement:l,selectProps:{chakraStyles:i}}=e,p={position:"absolute",[Ae(l)]:"100%",marginY:"8px",width:"100%",zIndex:1},a=i!=null&&i.menu?i.menu(p,e):p;return P(Ne,{children:P(z,{...s,ref:t,className:o({menu:!0},r),sx:a,children:n})})},oe=je,ne=e=>{var I;let{className:r,cx:o,innerRef:n,children:s,maxHeight:t,isMulti:l,innerProps:i,selectProps:{chakraStyles:p,size:a,variant:c,focusBorderColor:d,errorBorderColor:m}}=e,f=A("Menu"),x=O(a),S=A("Input",{size:x,variant:c,focusBorderColor:d,errorBorderColor:m}).field,b={...f.list,minW:"100%",maxHeight:`${t}px`,overflowY:"auto","--input-border-radius":S==null?void 0:S["--input-border-radius"],borderRadius:(S==null?void 0:S.borderRadius)||((I=f.list)==null?void 0:I.borderRadius),position:"relative",WebkitOverflowScrolling:"touch"},g=p!=null&&p.menuList?p.menuList(b,e):b;return P(z,{...i,className:o({"menu-list":!0,"menu-list--is-multi":l},r),sx:g,ref:n,children:s})},re=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:l}}=e,i=O(l),a={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.loadingMessage?t.loadingMessage(a,e):a;return P(z,{...s,className:n({"menu-notice":!0,"menu-notice--loading":!0},o),sx:c,children:r})},se=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t,size:l}}=e,i=O(l),a={color:"chakra-subtle-text",textAlign:"center",paddingY:{sm:"6px",md:"8px",lg:"10px"}[i],fontSize:i},c=t!=null&&t.noOptionsMessage?t.noOptionsMessage(a,e):a;return P(z,{...s,className:n({"menu-notice":!0,"menu-notice--no-options":!0},o),sx:c,children:r})},ie=e=>{let{children:r,className:o,cx:n,theme:s,getStyles:t,Heading:l,headingProps:i,label:p,selectProps:a,innerProps:c,getClassNames:d}=e,{chakraStyles:m}=a,f={},x=m!=null&&m.group?m.group(f,e):f;return pe(z,{...c,className:n({group:!0},o),sx:x,children:[P(l,{...i,selectProps:a,cx:n,theme:s,getStyles:t,getClassNames:d,children:p}),P(z,{children:r})]})},le=e=>{let{cx:r,className:o,selectProps:{chakraStyles:n,size:s,hasStickyGroupHeaders:t}}=e,{data:l,...i}=V(e),p=A("Menu"),a=O(s),c={sm:"xs",md:"sm",lg:"md"},d={sm:"0.4rem 0.8rem",md:"0.5rem 1rem",lg:"0.6rem 1.2rem"},m={...p.groupTitle,fontSize:c[a],padding:d[a],margin:0,borderBottomWidth:t?"1px":0,position:t?"sticky":"static",top:-2,bg:p.list.bg,zIndex:1},f=n!=null&&n.groupHeading?n.groupHeading(m,e):m;return P(z,{...i,className:r({"group-heading":!0},o),sx:f})},ke=e=>P("svg",{viewBox:"0 0 14 14",width:"1em",height:"1em",...e,children:P("polygon",{fill:"currentColor",points:"5.5 11.9993304 14 3.49933039 12.5 2 5.5 8.99933039 1.5 4.9968652 0 6.49933039"})}),ae=e=>{let{className:r,cx:o,innerRef:n,innerProps:s,children:t,isFocused:l,isDisabled:i,isSelected:p,selectProps:{chakraStyles:a,size:c,isMulti:d,hideSelectedOptions:m,selectedOptionStyle:f,selectedOptionColorScheme:x}}=e,u=A("Menu").item,S=O(c),b={sm:"0.6rem",md:"0.8rem",lg:"1rem"},g={sm:"0.3rem",md:"0.4rem",lg:"0.5rem"},I=te(`${x}.500`,`${x}.300`),M=te("white","black"),C=f==="check"&&(!d||m===!1),B=f==="color",v={...u,cursor:"pointer",display:"flex",alignItems:"center",width:"100%",textAlign:"start",fontSize:S,paddingX:b[S],paddingY:g[S],...B&&{_selected:{bg:I,color:M,_active:{bg:I}}}},y=a!=null&&a.option?a.option(v,e):v;return pe(z,{...s,className:o({option:!0,"option--is-disabled":i,"option--is-focused":l,"option--is-selected":p},r),sx:y,ref:n,"data-focus":l?!0:void 0,"aria-disabled":i?!0:void 0,"aria-selected":p,children:[C&&P(Ve,{fontSize:"0.8em",marginEnd:"0.75rem",opacity:p?1:0,children:P(ke,{})}),t]})};import{Icon as Le}from"@chakra-ui/icon";import{Box as Te}from"@chakra-ui/layout";import{chakra as ce,useMultiStyleConfig as Fe}from"@chakra-ui/system";import{jsx as R,jsxs as Ye}from"react/jsx-runtime";var De=e=>typeof e=="object"&&e!==null&&"colorScheme"in e&&typeof e.colorScheme=="string",He=e=>typeof e=="object"&&e!==null&&"variant"in e&&typeof e.variant=="string",ue=e=>typeof e=="object"&&e!==null&&"isFixed"in e&&typeof e.isFixed=="boolean",Ee=e=>{let{children:r,className:o,components:n,cx:s,data:t,innerProps:l,isDisabled:i,isFocused:p,removeProps:a,selectProps:c,cropWithEllipsis:d}=e,{Container:m,Label:f,Remove:x}=n,{chakraStyles:u,colorScheme:S,tagVariant:b,size:g}=c,I=O(g),M="",C="",B=!1;De(t)&&(M=t.colorScheme),He(t)&&(C=t.variant),ue(t)&&(B=t.isFixed);let v=Fe("Tag",{size:I,colorScheme:M||S,variant:C||b||(B?"solid":"subtle")}),y={...v.container,display:"flex",alignItems:"center",minWidth:0,margin:"0.125rem"},j=u!=null&&u.multiValue?u.multiValue(y,e):y,N={...v.label,overflow:"hidden",textOverflow:d||d===void 0?"ellipsis":void 0,whiteSpace:"nowrap"},D=u!=null&&u.multiValueLabel?u.multiValueLabel(N,e):N,w={...v.closeButton,display:"flex",alignItems:"center",justifyContent:"center"},H=u!=null&&u.multiValueRemove?u.multiValueRemove(w,e):w;return Ye(m,{data:t,innerProps:{className:s({"multi-value":!0,"multi-value--is-disabled":i},o),...l},sx:j,selectProps:c,children:[R(f,{data:t,innerProps:{className:s({"multi-value__label":!0},o)},sx:D,selectProps:c,children:r}),R(x,{data:t,innerProps:{className:s({"multi-value__remove":!0},o),"aria-label":`Remove ${r||"option"}`,...a},sx:H,selectProps:c,isFocused:p})]})},de=e=>{let{children:r,innerProps:o,sx:n}=e;return R(ce.span,{...o,sx:n,children:r})},me=e=>{let{children:r,innerProps:o,sx:n}=e;return R(ce.span,{...o,sx:n,children:r})},We=e=>R(Le,{verticalAlign:"inherit",viewBox:"0 0 512 512",...e,children:R("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"})}),xe=e=>{let{children:r,innerProps:o,isFocused:n,data:s,sx:t}=e;return ue(s)&&s.isFixed?null:R(Te,{...o,role:"button",sx:t,"data-focus":n?!0:void 0,"data-focus-visible":n?!0:void 0,children:r||R(We,{})})};var fe=Ee;import{Box as _e}from"@chakra-ui/layout";import{jsx as $e}from"react/jsx-runtime";var Xe=e=>{let{children:r,className:o,cx:n,innerProps:s,selectProps:{chakraStyles:t}}=e,l={gridArea:"1 / 1 / 2 / 3",color:"chakra-placeholder-color",mx:"0.125rem",userSelect:"none"},i=t!=null&&t.placeholder?t.placeholder(l,e):l;return $e(_e,{...s,className:n({placeholder:!0},o),sx:i,children:r})},Se=Xe;import{Box as Ze}from"@chakra-ui/layout";import{jsx as Ke}from"react/jsx-runtime";var Je=e=>{let{children:r,className:o,cx:n,isDisabled:s,innerProps:t,selectProps:{chakraStyles:l}}=e,i={gridArea:"1 / 1 / 2 / 3",mx:"0.125rem",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},p=l!=null&&l.singleValue?l.singleValue(i,e):i;return Ke(Ze,{className:n({"single-value":!0,"single-value--is-disabled":s},o),sx:p,...t,children:r})},Oe=Je;var Qe={ClearIndicator:K,Control:U,DropdownIndicator:J,Group:ie,GroupHeading:le,IndicatorSeparator:Z,IndicatorsContainer:_,Input:ee,LoadingIndicator:Q,LoadingMessage:re,Menu:oe,MenuList:ne,MultiValue:fe,MultiValueContainer:de,MultiValueLabel:me,MultiValueRemove:xe,NoOptionsMessage:se,Option:ae,Placeholder:Se,SelectContainer:W,SingleValue:Oe,ValueContainer:Y},F=Qe;var et=({components:e={},theme:r,size:o,colorScheme:n="gray",isDisabled:s,isInvalid:t,isReadOnly:l,required:i,isRequired:p,inputId:a,tagVariant:c,selectedOptionStyle:d="color",selectedOptionColorScheme:m,selectedOptionColor:f,variant:x,focusBorderColor:u,errorBorderColor:S,chakraStyles:b={},onFocus:g,onBlur:I,menuIsOpen:M,...C})=>{var E;let B=qe(),{variant:v}=B.components.Input.defaultProps,y=Ue({id:a,isDisabled:s,isInvalid:t,isRequired:p,isReadOnly:l,onFocus:g,onBlur:I}),j=M!=null?M:y.readOnly?!1:void 0,N=d;["color","check"].includes(d)||(N="color");let w=m||f||"blue";return typeof w!="string"&&(w="blue"),{components:{...F,...e},colorScheme:n,size:o,tagVariant:c,selectedOptionStyle:N,selectedOptionColorScheme:w,variant:x!=null?x:v,chakraStyles:b,focusBorderColor:u,errorBorderColor:S,onFocus:y.onFocus,onBlur:y.onBlur,isDisabled:y.disabled,isInvalid:!!y["aria-invalid"],inputId:y.id,isReadOnly:y.readOnly,required:i!=null?i:y.required,menuIsOpen:j,...C,"aria-invalid":(E=C["aria-invalid"])!=null?E:y["aria-invalid"]}},h=et;import{jsx as st}from"react/jsx-runtime";var nt=tt((e,r)=>{let o=h(e);return st(ot,{ref:r,...o})}),rt=nt;import{forwardRef as it}from"react";import lt from"react-select/creatable";import{jsx as ct}from"react/jsx-runtime";var at=it((e,r)=>{let o=h(e);return ct(lt,{ref:r,...o})}),pt=at;import{forwardRef as ut}from"react";import dt from"react-select/async";import{jsx as ft}from"react/jsx-runtime";var mt=ut((e,r)=>{let o=h(e);return ft(dt,{ref:r,...o})}),xt=mt;import{forwardRef as St}from"react";import Ot from"react-select/async-creatable";import{jsx as Pt}from"react/jsx-runtime";var yt=St((e,r)=>{let o=h(e);return Pt(Ot,{ref:r,...o})}),bt=yt;export*from"react-select";import{useAsync as Qo}from"react-select/async";import{useCreatable as qo}from"react-select/creatable";export{bt as AsyncCreatableSelect,xt as AsyncSelect,pt as CreatableSelect,rt as Select,F as chakraComponents,Qo as useAsync,h as useChakraSelectProps,qo as useCreatable};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "chakra-react-select",
-  "version": "4.9.0-beta.5",
+  "version": "4.9.0",
   "description": "A Chakra UI wrapper for the popular library React Select",
@@ -28,3 +28,2 @@ "license": "MIT",
   "scripts": {
-    "prebuild": "rimraf dist",
     "build": "tsup",
@@ -38,3 +37,3 @@ "format": "concurrently npm:format:*",
     "lint-fix": "eslint --fix src",
-    "prepare": "husky install",
+    "prepare": "husky",
     "prepublishOnly": "npm run build",
@@ -71,4 +70,4 @@ "postpublish": "git push --tags",
     "@types/react": "^18.3.3",
-    "@typescript-eslint/eslint-plugin": "^7.13.0",
-    "@typescript-eslint/parser": "^7.13.0",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
     "concurrently": "^8.2.2",
@@ -82,8 +81,8 @@ "cross-env": "^7.0.3",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "husky": "^9.0.11",
-    "lint-staged": "^15.2.6",
-    "nodemon": "^3.1.3",
+    "lint-staged": "^15.2.7",
+    "nodemon": "^3.1.4",
     "prettier": "^3.3.2",
@@ -93,5 +92,4 @@ "prettier-package-json": "^2.8.0",
     "react-dom": "^18.3.1",
-    "rimraf": "^5.0.7",
     "tsup": "^8.1.0",
-    "typescript": "^5.4.5"
+    "typescript": "^5.5.2"
   },
@@ -98,0 +96,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

33

decreased by-2.94%

Lines of code

460

increased by0.22%

Number of low quality alerts

1

decreased by-50%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

288288

decreased by-0.09%

No dependency changes