welcome-ui 1.0.0-beta.9 → 7.0.0-alpha.6

package/dist/RadioTab.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),m=require("./Button.js"),a=require("./System.js"),t=require("@xstyled/styled-components"),p=require("./field-styles-D_gf6ypV.js"),b=require("./overflow-ellipsis-C2ESrF8C.js"),f=require("./NLEBE274-DvH3XTTw.js"),h=t(f.Radio).withConfig({shouldForwardProp:a.shouldForwardProp})`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),t=require("@xstyled/styled-components"),m=require("./field-styles-D_gf6ypV.js"),p=require("./overflow-ellipsis-C2ESrF8C.js"),a=require("./System.js"),b=require("./NLEBE274-DvH3XTTw.js"),f=require("./Button.js"),h=t(b.Radio).withConfig({shouldForwardProp:a.shouldForwardProp})`
   position: absolute;
   top: 0;
   left: 0;
@@ -42,7 +42,7 @@
     cursor: pointer;
     transition: medium;
 
-    ${p.defaultFieldStyles({size:o,variant:i})};
+    ${m.defaultFieldStyles({size:o,variant:i})};
     ${r&&t.css`
       ${t.th("radioTabs.checked")};
       z-index: 2;
@@ -56,6 +56,6 @@
   flex-shrink: 0;
   position: relative;
 `;t.div`
-  ${b.overflowEllipsis};
+  ${p.overflowEllipsis};
   max-width: 100%;
-`;const d=a.forwardRef(({checked:r,dataTestId:e,disabled:o,id:i,label:l,onChange:n,value:u},c)=>s.createElement(m.Button,{as:"label",borderColor:!r&&"neutral-30",className:"label",dataTestId:e,disabled:o,ref:c,variant:r?"primary":"ghost"},s.createElement(h,{checked:r,"data-testid":e?`${e}-input`:void 0,disabled:o,id:i,onChange:n,value:u}),l));d.displayName="RadioTab";exports.RadioTab=d;
+`;const d=a.forwardRef(({checked:r,dataTestId:e,disabled:o,id:i,label:l,onChange:n,value:u},c)=>s.createElement(f.Button,{as:"label",borderColor:!r&&"neutral-30",className:"label",dataTestId:e,disabled:o,ref:c,variant:r?"primary":"ghost"},s.createElement(h,{checked:r,"data-testid":e?`${e}-input`:void 0,disabled:o,id:i,onChange:n,value:u}),l));d.displayName="RadioTab";exports.RadioTab=d;

package/dist/RadioTab.mjs

@@ -1,12 +1,12 @@
 "use client";
 import d from "react";
-import { Button as p } from "./Button.mjs";
-import { shouldForwardProp as u, forwardRef as b } from "./System.mjs";
-import a, { css as e, th as i, system as h } from "@xstyled/styled-components";
-import { d as c } from "./field-styles-CeV7pnOp.mjs";
-import { o as g } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-import { R as y } from "./NLEBE274-FThuwZH_.mjs";
-const $ = a(y).withConfig({ shouldForwardProp: u })`
+import a, { css as e, th as i, system as p } from "@xstyled/styled-components";
+import { d as u } from "./field-styles-CeV7pnOp.mjs";
+import { o as b } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { shouldForwardProp as h, forwardRef as c } from "./System.mjs";
+import { R as g } from "./NLEBE274-C94QU78N.mjs";
+import { Button as y } from "./Button.mjs";
+const $ = a(g).withConfig({ shouldForwardProp: h })`
   position: absolute;
   top: 0;
   left: 0;
@@ -52,14 +52,14 @@ a.label(
     cursor: pointer;
     transition: medium;
 
-    ${c({ size: r, variant: s })};
+    ${u({ size: r, variant: s })};
     ${o && e`
       ${i("radioTabs.checked")};
       z-index: 2;
     `};
     ${t === "column" && w};
     ${t === "row" && x};
-    ${h};
+    ${p};
     padding-top: 0;
     padding-bottom: 0;
   `
@@ -69,12 +69,12 @@ a.div`
   position: relative;
 `;
 a.div`
-  ${g};
+  ${b};
   max-width: 100%;
 `;
-const R = b(
+const R = c(
   ({ checked: o, dataTestId: t, disabled: r, id: s, label: l, onChange: m, value: n }, f) => /* @__PURE__ */ d.createElement(
-    p,
+    y,
     {
       as: "label",
       borderColor: !o && "neutral-30",

package/dist/{SYRFVSLH-Babm193P.js → SYRFVSLH-BpAfr7UE.js}

@@ -1 +1 @@
-"use client";"use strict";const d=require("./X5NMLKT6-BzhcQu_I.js"),m=require("./VGCJ63VH-Cuf7P3qW.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),p=require("react");var x="button",D=e.createHook(function(t){var i=t,{store:o}=i,s=e.__objRest(i,["store"]);const l=m.useDialogScopedContext();o=o||l;const n=s.onClick,a=e.useEvent(r=>{n==null||n(r),!r.defaultPrevented&&(o==null||o.hide())}),c=p.useMemo(()=>e.jsxRuntimeExports.jsxs("svg",{"aria-label":"Dismiss popup",display:"block",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,viewBox:"0 0 16 16",height:"1em",width:"1em",children:[e.jsxRuntimeExports.jsx("line",{x1:"4",y1:"4",x2:"12",y2:"12"}),e.jsxRuntimeExports.jsx("line",{x1:"4",y1:"12",x2:"12",y2:"4"})]}),[]);return s=e.__spreadProps(e.__spreadValues({"data-dialog-dismiss":"",children:c},s),{onClick:a}),s=d.useButton(s),s}),g=e.forwardRef2(function(t){const i=D(t);return e.createElement(x,i)});exports.DialogDismiss=g;
+"use client";"use strict";const d=require("./X5NMLKT6-BzhcQu_I.js"),m=require("./VGCJ63VH-BNLwLOaC.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),p=require("react");var x="button",D=e.createHook(function(t){var i=t,{store:o}=i,s=e.__objRest(i,["store"]);const l=m.useDialogScopedContext();o=o||l;const n=s.onClick,a=e.useEvent(r=>{n==null||n(r),!r.defaultPrevented&&(o==null||o.hide())}),c=p.useMemo(()=>e.jsxRuntimeExports.jsxs("svg",{"aria-label":"Dismiss popup",display:"block",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,viewBox:"0 0 16 16",height:"1em",width:"1em",children:[e.jsxRuntimeExports.jsx("line",{x1:"4",y1:"4",x2:"12",y2:"12"}),e.jsxRuntimeExports.jsx("line",{x1:"4",y1:"12",x2:"12",y2:"4"})]}),[]);return s=e.__spreadProps(e.__spreadValues({"data-dialog-dismiss":"",children:c},s),{onClick:a}),s=d.useButton(s),s}),g=e.forwardRef2(function(t){const i=D(t);return e.createElement(x,i)});exports.DialogDismiss=g;

package/dist/{SYRFVSLH-DXZgEwus.mjs → SYRFVSLH-cVmYtx36.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import { u as c } from "./X5NMLKT6-DGZEtYXj.mjs";
-import { b as d } from "./VGCJ63VH-BqPfqkK_.mjs";
-import { c as p, _ as f, e as x, m as r, h as D, a as g, f as h, b as k } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { u as c } from "./X5NMLKT6-uFSu0Lii.mjs";
+import { b as m } from "./VGCJ63VH-B39w1tBw.mjs";
+import { c as p, _ as f, b as x, t as r, d as D, g, f as h, h as k } from "./LVA2YJMS-qFC9J-lt.mjs";
 import { useMemo as _ } from "react";
 var b = "button", v = p(
   function(i) {
     var e = i, { store: o } = e, s = f(e, ["store"]);
-    const l = d();
+    const l = m();
     o = o || l;
     const t = s.onClick, u = x((n) => {
       t == null || t(n), !n.defaultPrevented && (o == null || o.hide());
-    }), m = _(
+    }), d = _(
       () => /* @__PURE__ */ r.jsxs(
         "svg",
         {
@@ -34,7 +34,7 @@ var b = "button", v = p(
     );
     return s = D(g({
       "data-dialog-dismiss": "",
-      children: m
+      children: d
     }, s), {
       onClick: u
     }), s = c(s), s;

package/dist/Search.js

@@ -1,9 +1,9 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),O=require("downshift"),de=require("./Field.js"),ue=require("./ClearButton.js"),F=require("./System.js"),he=require("./create-event-YSlay9Ef.js"),j=require("./field-styles-D_gf6ypV.js"),pe=require("./throttle-BB1Y3bfD.js"),e=require("@xstyled/styled-components"),fe=require("./Icon.js"),B=require("./overflow-ellipsis-C2ESrF8C.js"),H=e("div").withConfig({shouldForwardProp:F.shouldForwardProp})`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),N=require("./downshift.esm-dvOEflhK.js"),de=require("./create-event-YSlay9Ef.js"),j=require("./field-styles-D_gf6ypV.js"),ue=require("./throttle-BB1Y3bfD.js"),e=require("@xstyled/styled-components"),B=require("./overflow-ellipsis-C2ESrF8C.js"),$=require("./System.js"),he=require("./Icon.js"),pe=require("./ClearButton.js"),fe=require("./Field.js"),H=e("div").withConfig({shouldForwardProp:$.shouldForwardProp})`
   position: relative;
   ${e.system};
 `,me=e.div`
   position: relative;
-`,ge=e("input").withConfig({shouldForwardProp:F.shouldForwardProp})(({iconPlacement:i,size:o,transparent:s,variant:m})=>e.css`
+`,ge=e("input").withConfig({shouldForwardProp:$.shouldForwardProp})(({iconPlacement:i,size:o,transparent:s,variant:m})=>e.css`
     position: relative;
     ${j.defaultFieldStyles({iconPlacement:i,size:o,variant:m,transparent:s,isClearable:!0})};
     ${B.overflowEllipsis};
@@ -12,7 +12,7 @@
     br {
       display: none;
     }
-  `),ye=e.ul`
+  `),we=e.ul`
   ${e.th("defaultFields.select.default")};
   ${e.th("cards.default")};
   position: absolute;
@@ -26,7 +26,7 @@
   transition: medium;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
-`,W=e.li(({isExisting:i,isHighlighted:o,isSelected:s})=>e.css`
+`,O=e.li(({isExisting:i,isHighlighted:o,isSelected:s})=>e.css`
     color: beige-70;
     ${o&&e.th("defaultFields.select.highlighted")};
     ${s&&e.th("defaultFields.select.selected")};
@@ -38,14 +38,14 @@
     text-decoration: none;
     font-size: sm;
     transition: background ${e.th.transition("medium")};
-  `),Ee=e.div`
+  `),ye=e.div`
   position: absolute;
   padding: 0;
   top: 0;
   bottom: 0;
   right: 0;
   display: flex;
-`,we=e.button(({isOpen:i,size:o})=>e.css`
+`,Ee=e.button(({isOpen:i,size:o})=>e.css`
     position: relative;
     height: 100%;
     width: ${e.th(`defaultFields.sizes.${o}.height`)};
@@ -59,7 +59,7 @@
     align-items: center;
     justify-content: center;
 
-    ${fe.StyledIcon} {
+    ${he.StyledIcon} {
       transform: ${i?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
       transition: medium;
     }
@@ -67,4 +67,4 @@
     &:not(:last-child) {
       width: auto;
     }
-  `),_="",Se=O.default||O,V=F.forwardRef(({autoComplete:i="off",autoFocus:o,dataTestId:s,disabled:m,groupsEnabled:A,icon:u,id:G,itemToString:r,minChars:g=3,name:b,onBlur:L,onChange:I,onClick:Y,onFocus:$,placeholder:Z="Search…",renderGroupHeader:J,renderItem:v,search:C,size:y="md",throttle:k=500,value:h=_,variant:K,...E},Q)=>{const U=h?r(h):_,[q,c]=t.useState([]),R=t.useCallback(async n=>{if(g===0||(n==null?void 0:n.length)>=g){const d=await C(n);c(d||[])}else c([])},[g,C]),P=t.useMemo(()=>pe.throttle(R,k,!1),[R,k]),w=n=>{const d=he.createEvent({name:b,value:n});I&&I(n,d)},x=n=>{n?w(n):(w(),c([]))},X=()=>{h||x(),c([])},ee=n=>r(n)||"";return t.createElement(Se,{initialInputValue:U,itemToString:ee,onInputValueChange:P,onOuterClick:X,onSelect:x,selectedItem:h,...E},({clearSelection:n,getInputProps:d,getItemProps:D,getMenuProps:te,getRootProps:ne,highlightedIndex:M,inputValue:oe,isOpen:z,selectedItem:p,toggleMenu:ie})=>{const se=()=>{c([]),w(),n()},re=z&&q.length>0,le=t.createElement(we,{as:"div",size:y},t.createElement(ue.ClearButton,{onClick:se})),ae=d({autoComplete:i,autoFocus:o,"data-testid":s,disabled:m,iconPlacement:!!u&&"left",id:G,name:b,onBlur:L,onClick:Y,onFocus:l=>{$&&$(l),P(""),ie()},placeholder:Z,ref:Q,size:y,tabIndex:0,variant:z?"focused":K,...E}),T=j.FIELD_ICON_SIZE[y];return t.createElement(H,{...ne(E)},t.createElement(me,null,t.createElement(ge,{...ae}),u&&t.createElement(de.IconWrapper,{iconPlacement:"left",size:T},t.cloneElement(u,{...u.props,size:T})),t.createElement(Ee,null,oe&&le)),re&&t.createElement(ye,{...te()},q.reduce((l,a,f)=>(A?l.itemsToRender.push(t.createElement(t.Fragment,{key:f},J(a),a.options&&a.options.map((S,ce)=>{const N=l.itemIndex++;return t.createElement(W,{key:ce,...D({index:N,isSelected:p&&r(p)===r(S),item:S}),isHighlighted:M===N},v(S))}))):l.itemsToRender.push(t.createElement(W,{key:f,...D({index:f,isSelected:p&&r(p)===r(a),item:a}),isHighlighted:M===f},v(a))),l),{itemsToRender:[],itemIndex:0}).itemsToRender))})});V.displayName="Search";const Fe=H;exports.Search=V;exports.StyledSearch=Fe;
+  `),W="",Se=N.Downshift$1.default||N.Downshift$1,V=$.forwardRef(({autoComplete:i="off",autoFocus:o,dataTestId:s,disabled:m,groupsEnabled:A,icon:u,id:G,itemToString:r,minChars:g=3,name:F,onBlur:L,onChange:b,onClick:Y,onFocus:I,placeholder:Z="Search…",renderGroupHeader:J,renderItem:v,search:C,size:w="md",throttle:k=500,value:h=W,variant:K,...y},Q)=>{const U=h?r(h):W,[q,c]=t.useState([]),R=t.useCallback(async n=>{if(g===0||(n==null?void 0:n.length)>=g){const d=await C(n);c(d||[])}else c([])},[g,C]),P=t.useMemo(()=>ue.throttle(R,k,!1),[R,k]),E=n=>{const d=de.createEvent({name:F,value:n});b&&b(n,d)},x=n=>{n?E(n):(E(),c([]))},X=()=>{h||x(),c([])},ee=n=>r(n)||"";return t.createElement(Se,{initialInputValue:U,itemToString:ee,onInputValueChange:P,onOuterClick:X,onSelect:x,selectedItem:h,...y},({clearSelection:n,getInputProps:d,getItemProps:D,getMenuProps:te,getRootProps:ne,highlightedIndex:M,inputValue:oe,isOpen:z,selectedItem:p,toggleMenu:ie})=>{const se=()=>{c([]),E(),n()},re=z&&q.length>0,le=t.createElement(Ee,{as:"div",size:w},t.createElement(pe.ClearButton,{onClick:se})),ae=d({autoComplete:i,autoFocus:o,"data-testid":s,disabled:m,iconPlacement:!!u&&"left",id:G,name:F,onBlur:L,onClick:Y,onFocus:l=>{I&&I(l),P(""),ie()},placeholder:Z,ref:Q,size:w,tabIndex:0,variant:z?"focused":K,...y}),T=j.FIELD_ICON_SIZE[w];return t.createElement(H,{...ne(y)},t.createElement(me,null,t.createElement(ge,{...ae}),u&&t.createElement(fe.IconWrapper,{iconPlacement:"left",size:T},t.cloneElement(u,{...u.props,size:T})),t.createElement(ye,null,oe&&le)),re&&t.createElement(we,{...te()},q.reduce((l,a,f)=>(A?l.itemsToRender.push(t.createElement(t.Fragment,{key:f},J(a),a.options&&a.options.map((S,ce)=>{const _=l.itemIndex++;return t.createElement(O,{key:ce,...D({index:_,isSelected:p&&r(p)===r(S),item:S}),isHighlighted:M===_},v(S))}))):l.itemsToRender.push(t.createElement(O,{key:f,...D({index:f,isSelected:p&&r(p)===r(a),item:a}),isHighlighted:M===f},v(a))),l),{itemsToRender:[],itemIndex:0}).itemsToRender))})});V.displayName="Search";const $e=H;exports.Search=V;exports.StyledSearch=$e;

package/dist/Search.mjs

@@ -1,26 +1,26 @@
 "use client";
 import t, { useState as me, useCallback as pe, useMemo as fe, Fragment as ue } from "react";
-import H from "downshift";
-import { IconWrapper as he } from "./Field.mjs";
-import { ClearButton as ge } from "./ClearButton.mjs";
-import { shouldForwardProp as j, forwardRef as Ee } from "./System.mjs";
-import { c as we } from "./create-event-rXDe5aCQ.mjs";
-import { d as ye, F as $e } from "./field-styles-CeV7pnOp.mjs";
-import { t as Ie } from "./throttle-BDBzFeFj.mjs";
-import a, { system as A, css as b, th as o } from "@xstyled/styled-components";
-import { StyledIcon as be } from "./Icon.mjs";
-import { o as B } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-const G = a("div").withConfig({ shouldForwardProp: j })`
+import { D as H } from "./downshift.esm-BOfUfcgd.mjs";
+import { c as he } from "./create-event-rXDe5aCQ.mjs";
+import { d as ge, F as Ee } from "./field-styles-CeV7pnOp.mjs";
+import { t as $e } from "./throttle-BDBzFeFj.mjs";
+import a, { system as j, css as F, th as o } from "@xstyled/styled-components";
+import { o as A } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { shouldForwardProp as B, forwardRef as we } from "./System.mjs";
+import { StyledIcon as ye } from "./Icon.mjs";
+import { ClearButton as be } from "./ClearButton.mjs";
+import { IconWrapper as Fe } from "./Field.mjs";
+const G = a("div").withConfig({ shouldForwardProp: B })`
   position: relative;
-  ${A};
-`, Fe = a.div`
+  ${j};
+`, Ie = a.div`
   position: relative;
-`, Se = a("input").withConfig({ shouldForwardProp: j })(
-  ({ iconPlacement: i, size: n, transparent: s, variant: g }) => b`
+`, Se = a("input").withConfig({ shouldForwardProp: B })(
+  ({ iconPlacement: i, size: n, transparent: s, variant: g }) => F`
     position: relative;
-    ${ye({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
-    ${B};
+    ${ge({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
     ${A};
+    ${j};
 
     br {
       display: none;
@@ -41,13 +41,13 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 `, O = a.li(
-  ({ isExisting: i, isHighlighted: n, isSelected: s }) => b`
+  ({ isExisting: i, isHighlighted: n, isSelected: s }) => F`
     color: beige-70;
     ${n && o("defaultFields.select.highlighted")};
     ${s && o("defaultFields.select.selected")};
     ${i && o("defaultFields.select.existing")};
     ${s && n && o("defaultFields.select.selectedAndHighlighted")};
-    ${B};
+    ${A};
     padding: sm;
     list-style: none;
     text-decoration: none;
@@ -62,7 +62,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
   right: 0;
   display: flex;
 `, ve = a.button(
-  ({ isOpen: i, size: n }) => b`
+  ({ isOpen: i, size: n }) => F`
     position: relative;
     height: 100%;
     width: ${o(`defaultFields.sizes.${n}.height`)};
@@ -76,7 +76,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
     align-items: center;
     justify-content: center;
 
-    ${be} {
+    ${ye} {
       transform: ${i ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
       transition: medium;
     }
@@ -85,7 +85,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
       width: auto;
     }
   `
-), V = "", Re = H.default || H, xe = Ee(
+), V = "", Re = H.default || H, xe = we(
   ({
     autoComplete: i = "off",
     autoFocus: n,
@@ -96,7 +96,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
     id: Y,
     itemToString: l,
     minChars: E = 3,
-    name: F,
+    name: I,
     onBlur: Z,
     onChange: S,
     onClick: q,
@@ -105,13 +105,13 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
     renderGroupHeader: K,
     renderItem: C,
     search: v,
-    size: w = "md",
+    size: $ = "md",
     throttle: R = 500,
     value: f = V,
     variant: Q,
-    ...y
+    ...w
   }, U) => {
-    const X = f ? l(f) : V, [x, d] = me([]), _ = pe(
+    const X = f ? l(f) : V, [x, d] = me([]), D = pe(
       async (e) => {
         if (E === 0 || (e == null ? void 0 : e.length) >= E) {
           const m = await v(e);
@@ -120,14 +120,14 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
           d([]);
       },
       [E, v]
-    ), D = fe(
-      () => Ie(_, R, !1),
-      [_, R]
-    ), $ = (e) => {
-      const m = we({ name: F, value: e });
+    ), _ = fe(
+      () => $e(D, R, !1),
+      [D, R]
+    ), y = (e) => {
+      const m = he({ name: I, value: e });
       S && S(e, m);
     }, z = (e) => {
-      e ? $(e) : ($(), d([]));
+      e ? y(e) : (y(), d([]));
     }, ee = () => {
       f || z(), d([]);
     }, te = (e) => l(e) || "";
@@ -136,11 +136,11 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
       {
         initialInputValue: X,
         itemToString: te,
-        onInputValueChange: D,
+        onInputValueChange: _,
         onOuterClick: ee,
         onSelect: z,
         selectedItem: f,
-        ...y
+        ...w
       },
       ({
         clearSelection: e,
@@ -155,32 +155,32 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
         toggleMenu: ae
       }) => {
         const se = () => {
-          d([]), $(), e();
-        }, le = N && x.length > 0, re = /* @__PURE__ */ t.createElement(ve, { as: "div", size: w }, /* @__PURE__ */ t.createElement(ge, { onClick: se })), ce = m({
+          d([]), y(), e();
+        }, le = N && x.length > 0, re = /* @__PURE__ */ t.createElement(ve, { as: "div", size: $ }, /* @__PURE__ */ t.createElement(be, { onClick: se })), ce = m({
           autoComplete: i,
           autoFocus: n,
           "data-testid": s,
           disabled: g,
           iconPlacement: !!p && "left",
           id: Y,
-          name: F,
+          name: I,
           onBlur: Z,
           onClick: q,
           onFocus: (r) => {
-            k && k(r), D(""), ae();
+            k && k(r), _(""), ae();
           },
           placeholder: J,
           ref: U,
-          size: w,
+          size: $,
           tabIndex: 0,
           variant: N ? "focused" : Q,
-          ...y
+          ...w
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }), T = $e[w];
-        return /* @__PURE__ */ t.createElement(G, { ...oe(y) }, /* @__PURE__ */ t.createElement(Fe, null, /* @__PURE__ */ t.createElement(Se, { ...ce }), p && /* @__PURE__ */ t.createElement(he, { iconPlacement: "left", size: T }, t.cloneElement(p, { ...p.props, size: T })), /* @__PURE__ */ t.createElement(Ce, null, ie && re)), le && /* @__PURE__ */ t.createElement(ke, { ...ne() }, x.reduce(
+        }), T = Ee[$];
+        return /* @__PURE__ */ t.createElement(G, { ...oe(w) }, /* @__PURE__ */ t.createElement(Ie, null, /* @__PURE__ */ t.createElement(Se, { ...ce }), p && /* @__PURE__ */ t.createElement(Fe, { iconPlacement: "left", size: T }, t.cloneElement(p, { ...p.props, size: T })), /* @__PURE__ */ t.createElement(Ce, null, ie && re)), le && /* @__PURE__ */ t.createElement(ke, { ...ne() }, x.reduce(
           (r, c, h) => (L ? r.itemsToRender.push(
             // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ t.createElement(ue, { key: h }, K(c), c.options && c.options.map((I, de) => {
+            /* @__PURE__ */ t.createElement(ue, { key: h }, K(c), c.options && c.options.map((b, de) => {
               const W = r.itemIndex++;
               return /* @__PURE__ */ t.createElement(
                 O,
@@ -188,12 +188,12 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
                   key: de,
                   ...M({
                     index: W,
-                    isSelected: u && l(u) === l(I),
-                    item: I
+                    isSelected: u && l(u) === l(b),
+                    item: b
                   }),
                   isHighlighted: P === W
                 },
-                C(I)
+                C(b)
               );
             }))
           ) : r.itemsToRender.push(

package/dist/Select.js

@@ -1 +1,122 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("downshift");require("match-sorter");require("./Icon.js");const e=require("./index-DG7ovxHW.js");require("./ClearButton.js");require("./System.js");require("./create-event-YSlay9Ef.js");require("./field-styles-D_gf6ypV.js");exports.Select=e.Select;exports.StyledSelect=e.StyledSelect;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),de=require("./downshift.esm-dvOEflhK.js"),Ke=require("./_commonjsHelpers-DvH0V_XJ.js"),Ye=require("./create-event-YSlay9Ef.js"),Ae=require("./field-styles-D_gf6ypV.js"),u=require("@xstyled/styled-components"),Q=require("./overflow-ellipsis-C2ESrF8C.js"),ze=require("./Icon.js"),Le=require("./Field.js"),ye=require("./Tag.js"),P=require("./System.js"),Ze=require("./Box.js"),Qe=require("./ClearButton.js"),Xe=require("./index-Db47iJVz.js");var M={exports:{}},be={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",Ấ:"A",Ắ:"A",Ẳ:"A",Ẵ:"A",Ặ:"A",Æ:"AE",Ầ:"A",Ằ:"A",Ȃ:"A",Ả:"A",Ạ:"A",Ẩ:"A",Ẫ:"A",Ậ:"A",Ç:"C",Ḉ:"C",È:"E",É:"E",Ê:"E",Ë:"E",Ế:"E",Ḗ:"E",Ề:"E",Ḕ:"E",Ḝ:"E",Ȇ:"E",Ẻ:"E",Ẽ:"E",Ẹ:"E",Ể:"E",Ễ:"E",Ệ:"E",Ì:"I",Í:"I",Î:"I",Ï:"I",Ḯ:"I",Ȋ:"I",Ỉ:"I",Ị:"I",Ð:"D",Ñ:"N",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",Ố:"O",Ṍ:"O",Ṓ:"O",Ȏ:"O",Ỏ:"O",Ọ:"O",Ổ:"O",Ỗ:"O",Ộ:"O",Ờ:"O",Ở:"O",Ỡ:"O",Ớ:"O",Ợ:"O",Ù:"U",Ú:"U",Û:"U",Ü:"U",Ủ:"U",Ụ:"U",Ử:"U",Ữ:"U",Ự:"U",Ý:"Y",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",ấ:"a",ắ:"a",ẳ:"a",ẵ:"a",ặ:"a",æ:"ae",ầ:"a",ằ:"a",ȃ:"a",ả:"a",ạ:"a",ẩ:"a",ẫ:"a",ậ:"a",ç:"c",ḉ:"c",è:"e",é:"e",ê:"e",ë:"e",ế:"e",ḗ:"e",ề:"e",ḕ:"e",ḝ:"e",ȇ:"e",ẻ:"e",ẽ:"e",ẹ:"e",ể:"e",ễ:"e",ệ:"e",ì:"i",í:"i",î:"i",ï:"i",ḯ:"i",ȋ:"i",ỉ:"i",ị:"i",ð:"d",ñ:"n",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",ố:"o",ṍ:"o",ṓ:"o",ȏ:"o",ỏ:"o",ọ:"o",ổ:"o",ỗ:"o",ộ:"o",ờ:"o",ở:"o",ỡ:"o",ớ:"o",ợ:"o",ù:"u",ú:"u",û:"u",ü:"u",ủ:"u",ụ:"u",ử:"u",ữ:"u",ự:"u",ý:"y",ÿ:"y",Ā:"A",ā:"a",Ă:"A",ă:"a",Ą:"A",ą:"a",Ć:"C",ć:"c",Ĉ:"C",ĉ:"c",Ċ:"C",ċ:"c",Č:"C",č:"c",C̆:"C",c̆:"c",Ď:"D",ď:"d",Đ:"D",đ:"d",Ē:"E",ē:"e",Ĕ:"E",ĕ:"e",Ė:"E",ė:"e",Ę:"E",ę:"e",Ě:"E",ě:"e",Ĝ:"G",Ǵ:"G",ĝ:"g",ǵ:"g",Ğ:"G",ğ:"g",Ġ:"G",ġ:"g",Ģ:"G",ģ:"g",Ĥ:"H",ĥ:"h",Ħ:"H",ħ:"h",Ḫ:"H",ḫ:"h",Ĩ:"I",ĩ:"i",Ī:"I",ī:"i",Ĭ:"I",ĭ:"i",Į:"I",į:"i",İ:"I",ı:"i",IJ:"IJ",ij:"ij",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",Ḱ:"K",ḱ:"k",K̆:"K",k̆:"k",Ĺ:"L",ĺ:"l",Ļ:"L",ļ:"l",Ľ:"L",ľ:"l",Ŀ:"L",ŀ:"l",Ł:"l",ł:"l",Ḿ:"M",ḿ:"m",M̆:"M",m̆:"m",Ń:"N",ń:"n",Ņ:"N",ņ:"n",Ň:"N",ň:"n",ʼn:"n",N̆:"N",n̆:"n",Ō:"O",ō:"o",Ŏ:"O",ŏ:"o",Ő:"O",ő:"o",Œ:"OE",œ:"oe",P̆:"P",p̆:"p",Ŕ:"R",ŕ:"r",Ŗ:"R",ŗ:"r",Ř:"R",ř:"r",R̆:"R",r̆:"r",Ȓ:"R",ȓ:"r",Ś:"S",ś:"s",Ŝ:"S",ŝ:"s",Ş:"S",Ș:"S",ș:"s",ş:"s",Š:"S",š:"s",Ţ:"T",ţ:"t",ț:"t",Ț:"T",Ť:"T",ť:"t",Ŧ:"T",ŧ:"t",T̆:"T",t̆:"t",Ũ:"U",ũ:"u",Ū:"U",ū:"u",Ŭ:"U",ŭ:"u",Ů:"U",ů:"u",Ű:"U",ű:"u",Ų:"U",ų:"u",Ȗ:"U",ȗ:"u",V̆:"V",v̆:"v",Ŵ:"W",ŵ:"w",Ẃ:"W",ẃ:"w",X̆:"X",x̆:"x",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Y̆:"Y",y̆:"y",Ź:"Z",ź:"z",Ż:"Z",ż:"z",Ž:"Z",ž:"z",ſ:"s",ƒ:"f",Ơ:"O",ơ:"o",Ư:"U",ư:"u",Ǎ:"A",ǎ:"a",Ǐ:"I",ǐ:"i",Ǒ:"O",ǒ:"o",Ǔ:"U",ǔ:"u",Ǖ:"U",ǖ:"u",Ǘ:"U",ǘ:"u",Ǚ:"U",ǚ:"u",Ǜ:"U",ǜ:"u",Ứ:"U",ứ:"u",Ṹ:"U",ṹ:"u",Ǻ:"A",ǻ:"a",Ǽ:"AE",ǽ:"ae",Ǿ:"O",ǿ:"o",Þ:"TH",þ:"th",Ṕ:"P",ṕ:"p",Ṥ:"S",ṥ:"s",X́:"X",x́:"x",Ѓ:"Г",ѓ:"г",Ќ:"К",ќ:"к",A̋:"A",a̋:"a",E̋:"E",e̋:"e",I̋:"I",i̋:"i",Ǹ:"N",ǹ:"n",Ồ:"O",ồ:"o",Ṑ:"O",ṑ:"o",Ừ:"U",ừ:"u",Ẁ:"W",ẁ:"w",Ỳ:"Y",ỳ:"y",Ȁ:"A",ȁ:"a",Ȅ:"E",ȅ:"e",Ȉ:"I",ȉ:"i",Ȍ:"O",ȍ:"o",Ȑ:"R",ȑ:"r",Ȕ:"U",ȕ:"u",B̌:"B",b̌:"b",Č̣:"C",č̣:"c",Ê̌:"E",ê̌:"e",F̌:"F",f̌:"f",Ǧ:"G",ǧ:"g",Ȟ:"H",ȟ:"h",J̌:"J",ǰ:"j",Ǩ:"K",ǩ:"k",M̌:"M",m̌:"m",P̌:"P",p̌:"p",Q̌:"Q",q̌:"q",Ř̩:"R",ř̩:"r",Ṧ:"S",ṧ:"s",V̌:"V",v̌:"v",W̌:"W",w̌:"w",X̌:"X",x̌:"x",Y̌:"Y",y̌:"y",A̧:"A",a̧:"a",B̧:"B",b̧:"b",Ḑ:"D",ḑ:"d",Ȩ:"E",ȩ:"e",Ɛ̧:"E",ɛ̧:"e",Ḩ:"H",ḩ:"h",I̧:"I",i̧:"i",Ɨ̧:"I",ɨ̧:"i",M̧:"M",m̧:"m",O̧:"O",o̧:"o",Q̧:"Q",q̧:"q",U̧:"U",u̧:"u",X̧:"X",x̧:"x",Z̧:"Z",z̧:"z",й:"и",Й:"И",ё:"е",Ё:"Е"},ve=Object.keys(be).join("|"),Ge=new RegExp(ve,"g"),Je=new RegExp(ve,"");function et(e){return be[e]}var Ce=function(e){return e.replace(Ge,et)},tt=function(e){return!!e.match(Je)};M.exports=Ce;M.exports.has=tt;M.exports.remove=Ce;var nt=M.exports;const rt=Ke.getDefaultExportFromCjs(nt);/**
+ * @name match-sorter
+ * @license MIT license.
+ * @copyright (c) 2020 Kent C. Dodds
+ * @author Kent C. Dodds <me@kentcdodds.com> (https://kentcdodds.com)
+ */const E={CASE_SENSITIVE_EQUAL:7,EQUAL:6,STARTS_WITH:5,WORD_STARTS_WITH:4,CONTAINS:3,ACRONYM:2,MATCHES:1,NO_MATCH:0},ot=(e,t)=>String(e.rankedValue).localeCompare(String(t.rankedValue));function X(e,t,n){n===void 0&&(n={});const{keys:r,threshold:o=E.MATCHES,baseSort:a=ot,sorter:h=f=>f.sort((d,s)=>it(d,s,a))}=n,m=e.reduce(i,[]);return h(m).map(f=>{let{item:d}=f;return d});function i(f,d,s){const p=st(d,r,t,n),{rank:O,keyThreshold:y=o}=p;return O>=y&&f.push({...p,item:d,index:s}),f}}X.rankings=E;function st(e,t,n,r){if(!t){const a=e;return{rankedValue:a,rank:fe(a,n,r),keyIndex:-1,keyThreshold:r.threshold}}return dt(e,t).reduce((a,h,m)=>{let{rank:i,rankedValue:f,keyIndex:d,keyThreshold:s}=a,{itemValue:p,attributes:O}=h,y=fe(p,n,r),R=f;const{minRanking:$,maxRanking:F,threshold:W}=O;return y<$&&y>=E.MATCHES?y=$:y>F&&(y=F),y>i&&(i=y,d=m,s=W,R=p),{rankedValue:R,rank:i,keyIndex:d,keyThreshold:s}},{rankedValue:e,rank:E.NO_MATCH,keyIndex:-1,keyThreshold:r.threshold})}function fe(e,t,n){return e=he(e,n),t=he(t,n),t.length>e.length?E.NO_MATCH:e===t?E.CASE_SENSITIVE_EQUAL:(e=e.toLowerCase(),t=t.toLowerCase(),e===t?E.EQUAL:e.startsWith(t)?E.STARTS_WITH:e.includes(` ${t}`)?E.WORD_STARTS_WITH:e.includes(t)?E.CONTAINS:t.length===1?E.NO_MATCH:lt(e).includes(t)?E.ACRONYM:at(e,t))}function lt(e){let t="";return e.split(" ").forEach(r=>{r.split("-").forEach(a=>{t+=a.substr(0,1)})}),t}function at(e,t){let n=0,r=0;function o(i,f,d){for(let s=d,p=f.length;s<p;s++)if(f[s]===i)return n+=1,s+1;return-1}function a(i){const f=1/i,d=n/t.length;return E.MATCHES+d*f}const h=o(t[0],e,0);if(h<0)return E.NO_MATCH;r=h;for(let i=1,f=t.length;i<f;i++){const d=t[i];if(r=o(d,e,r),!(r>-1))return E.NO_MATCH}const m=r-h;return a(m)}function it(e,t,n){const{rank:a,keyIndex:h}=e,{rank:m,keyIndex:i}=t;return a===m?h===i?n(e,t):h<i?-1:1:a>m?-1:1}function he(e,t){let{keepDiacritics:n}=t;return e=`${e}`,n||(e=rt(e)),e}function ct(e,t){typeof t=="object"&&(t=t.key);let n;if(typeof t=="function")n=t(e);else if(e==null)n=null;else if(Object.hasOwnProperty.call(e,t))n=e[t];else{if(t.includes("."))return ut(t,e);n=null}return n==null?[]:Array.isArray(n)?n:[String(n)]}function ut(e,t){const n=e.split(".");let r=[t];for(let o=0,a=n.length;o<a;o++){const h=n[o];let m=[];for(let i=0,f=r.length;i<f;i++){const d=r[i];if(d!=null)if(Object.hasOwnProperty.call(d,h)){const s=d[h];s!=null&&m.push(s)}else h==="*"&&(m=m.concat(d))}r=m}return Array.isArray(r[0])?[].concat(...r):r}function dt(e,t){const n=[];for(let r=0,o=t.length;r<o;r++){const a=t[r],h=ft(a),m=ct(e,a);for(let i=0,f=m.length;i<f;i++)n.push({itemValue:m[i],attributes:h})}return n}const me={maxRanking:1/0,minRanking:-1/0};function ft(e){return typeof e=="string"?me:{...me,...e}}const J="",Oe=e=>{if(typeof e=="number")return String(e);if(typeof e=="string"){const t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);return t&&t.map(n=>n.toLowerCase()).join("-")}},pe=e=>e?e.label:J,ht=e=>e.reduce((t,n)=>n.label&&t.length>n.label.length?t:n.label,J),mt=(e,t,n)=>{const r=t.find(o=>e.value===o.value);return r&&n?t.filter(o=>e.value!==o.value):r?t:[...t,e]},L=(e,t)=>!!t.find(n=>n.value===e),G=(e,t=[])=>t.find(r=>r.label===(e.label||e)||r.value===(e.value||e))||{value:Oe(e),label:e},pt=(e,t,n=!1)=>{const r=n?t.flatMap(o=>o.options):t;return!e&&e!==0?[]:Array.isArray(e)?e.map(o=>G(o,r)):[G(e,r)]},gt=(e,t)=>!!t.find(n=>n.value===e.value),It=(e,t)=>gt(e,t)?e.value:e.label,ge=(e,t)=>{if(e)return e.map(n=>It(n,t))},Et=(e,t)=>{if(e)return e.filter(n=>!t.find(r=>r.value===n.value))},At=({inputValue:e,isMultiple:t,isSearchable:n,options:r,renderItem:o})=>{const a=G(e,r);return t?e:a.label?n?a.label:o(a):J},Se=u(Le.IconWrapper)``,we=u(Ze.Box).withConfig({shouldForwardProp:P.shouldForwardProp})(({disabled:e})=>u.css`
+    position: relative;
+    ${u.system}
+    ${Se} {
+      color: ${e?u.th("defaultFields.select.disabled.color"):"initial"};
+    }
+  `),yt=u.div`
+  position: relative;
+`,Ie=u("div").withConfig({shouldForwardProp:P.shouldForwardProp})(({iconPlacement:e,isClearable:t,size:n,transparent:r,variant:o})=>u.css`
+    position: relative;
+    ${Ae.defaultFieldStyles({size:n,variant:o,transparent:r,isClearable:t,iconPlacement:e})};
+    ${Q.overflowEllipsis};
+    cursor: pointer;
+    ${u.system}
+    line-height: 1em;
+
+    br {
+      display: none;
+    }
+
+    &::before {
+      content: attr(data-spacer);
+      visibility: hidden;
+      display: block;
+      height: 0;
+    }
+
+    &:empty {
+      &::after {
+        content: attr(placeholder);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        ${Q.overflowEllipsis};
+        padding: inherit;
+        ${u.th("defaultFields.placeholder")}
+      }
+      &::before {
+        height: auto;
+      }
+    }
+  `),bt=u.ul`
+  ${u.th("defaultFields.select.default")};
+  ${u.th("cards.default")};
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  left: 0;
+  margin: 0;
+  margin-top: md;
+  padding: 0;
+  transition: medium;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+
+  &:hover > * {
+    cursor: pointer;
+  }
+`,Z=u.li(({allowUnselectFromList:e,isDisabled:t,isHighlighted:n,isMultiple:r,isSelected:o})=>u.css`
+    color: beige-70;
+    ${n&&u.th("defaultFields.select.highlighted")};
+    ${o&&!r&&u.th("defaultFields.select.selected")};
+    ${o&&r&&!e&&u.th("defaultFields.select.existing")};
+    ${t&&u.th("defaultFields.select.disabled")};
+    ${Q.overflowEllipsis};
+    padding: md;
+    list-style: none;
+    text-decoration: none;
+    font-size: sm;
+    transition: background ${u.th.transition("medium")};
+  `),vt=u.divBox(({size:e})=>u.css`
+    position: absolute;
+    padding: 0;
+    top: 0;
+    bottom: 0;
+    right: ${e==="xs"?"sm":"md"};
+    display: flex;
+    gap: xs;
+  `),Ee=u.button.withConfig({shouldForwardProp:P.shouldForwardProp})(({isOpen:e})=>u.css`
+    position: relative;
+    height: 100%;
+    padding: 0;
+    outline: none !important; /* important for firefox */
+    appearance: none;
+    cursor: pointer;
+    border: none;
+    background: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    ${ze.StyledIcon} {
+      transform: ${e?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
+      transition: medium;
+    }
+
+    &:not(:last-child) {
+      width: auto;
+    }
+
+    &:disabled {
+      color: ${u.th("defaultFields.select.disabled.color")};
+    }
+  `),Ct=u.divBox`
+  margin-top: lg;
+
+  ${ye.StyledTag}:not(:last-child) {
+    margin-right: sm;
+    margin-bottom: sm;
+  }
+
+  &:empty {
+    display: none;
+  }
+`;function Ot(e,t){return c.createElement(Ct,{role:"list"},e.map(n=>c.createElement(ye.Tag,{key:n.value,onRemove:()=>t(n.value.toString()),role:"listitem"},n.label)))}const St=de.Downshift$1.default||de.Downshift$1,wt=P.forwardRef(({allowUnselectFromList:e,autoComplete:t="off",autoFocus:n,dataTestId:r,disableCloseOnSelect:o,disabled:a,groupsEnabled:h,icon:m,id:i,isClearable:f,isCreatable:d,isMultiple:s,isSearchable:p,name:O,onBlur:y,onChange:R,onClick:$,onCreate:F,onFocus:W,options:A=[],placeholder:ee="Choose from…",renderCreateItem:xe=x=>`Create "${x}"`,renderGroupHeader:ke,renderItem:j=pe,renderMultiple:Te=Ot,size:D="md",transparent:Ve,value:te,variant:Ue,...ne},H)=>{const x=c.useMemo(()=>pt(te,A,h),[te,A,h]),B=!s&&x[0]||null,K=B?B.label:"",[S,Y]=c.useState(x),[v,N]=c.useState(K),[_,q]=c.useState(A),[w,k]=c.useState(!1);p=d||p,c.useEffect(()=>{var l;n&&((l=H==null?void 0:H.current)==null||l.focus(),p&&k(!0))},[p,n,H]),c.useEffect(()=>{Y(x),N(K),q(A)},[K,A,x]);const Re=l=>{if(p&&l!==v){let g=[];h?g=X(A,l,{keys:[I=>I.label,I=>I.options.map(T=>T.label)]}):g=X(A,l,{keys:["label"]}),N(l),q(g)}},$e=()=>{p&&!w&&k(!0)},re=l=>{let g=[];h?g=ge(l,A.flatMap(V=>V.options)):g=ge(l,A);const I=s?g:g[0],T=Ye.createEvent({name:O,value:s?l:l[0]});if(R&&R(I,T),d){const V=Et(l,A);V.length&&F&&F(V[0].label,T)}},Fe=l=>{let g,I;!l||l!=null&&l.disabled?(g=s?S:[],I=!0):(g=s?mt(l,S,e):[l],I=s),I&&N(""),q(A),Y(g),re(g),o||k(!1)},He=l=>{const g=S.filter(I=>I.value!==l);Y(g),re(g)},Ne=l=>{s&&l.selectedItem?N(""):p&&l.selectedItem&&N(l.selectedItem.label),q(A),k(!1)},De=ht(A),oe=At({inputValue:v,isMultiple:s,isSearchable:p,options:A,renderItem:j});return c.createElement(St,{id:i,inputValue:p?oe:"",isOpen:w,itemToString:pe,onInputValueChange:Re,onOuterClick:Ne,onSelect:Fe,selectedItem:B},({clearSelection:l,getInputProps:g,getItemProps:I,getMenuProps:T,getRootProps:V,getToggleButtonProps:_e,highlightedIndex:z})=>{const se=!!(d&&v&&!L(v,S)),qe=w&&(_.length||se),Pe=f&&v,Me=c.createElement(Ee,{as:"div"},c.createElement(Qe.ClearButton,{onClick:l})),We=c.createElement(Ee,{"data-testid":r&&`${r}-arrow-icon`,disabled:a,isOpen:w,size:D,tabIndex:-1,..._e({onClick:()=>k(!w)})},c.createElement(Xe.DownIcon,{size:"sm"})),je=U=>{$&&$(U),k(!w)},Be=V(ne),le=g({autoComplete:t,autoFocus:n,"data-spacer":De||ee,"data-testid":r,disabled:a,iconPlacement:m?"both":"right",id:i,name:O,onBlur:y,onClick:a?void 0:je,onFocus:W,onKeyDown:$e,placeholder:ee,ref:H,size:D,tabIndex:0,variant:w?"focused":Ue,isClearable:f,transparent:Ve,...ne}),ae=Ae.FIELD_ICON_SIZE[D];return c.createElement(we,{...Be,disabled:a},c.createElement(yt,null,p?c.createElement(Ie,{as:"input",type:"text",...le}):c.createElement(Ie,{...le},oe),m&&c.createElement(Se,{iconPlacement:"left",size:ae},c.cloneElement(m,{...m.props,size:ae})),c.createElement(vt,{size:D},Pe&&Me,We)),qe&&c.createElement(bt,{...T()},_.reduce((U,b,ie)=>{if(h&&"options"in b)U.itemsToRender.push(c.createElement(c.Fragment,{key:b.label},ke(b),b.options&&b.options.map(C=>{const ce=U.itemIndex++,ue=L(C.value,S);return c.createElement(Z,{allowUnselectFromList:e,isDisabled:C.disabled,isHighlighted:z===ce,isMultiple:s,key:C.value,...I({index:ce,isSelected:ue,item:C})},j(C,ue))})));else if("value"in b){const C=L(b.value,S);U.itemsToRender.push(c.createElement(Z,{allowUnselectFromList:e,isDisabled:b.disabled,isHighlighted:z===ie,isMultiple:s,key:b.value,...I({index:ie,isSelected:C,item:b})},j(b,C)))}return U},{itemsToRender:[],itemIndex:0}).itemsToRender,se&&v.length&&c.createElement(Z,{isHighlighted:z===_.length,key:"add",...I({index:_.length,item:{value:Oe(v),label:v}})},xe(v))),s&&Te(S,He))})}),xt=we;exports.Select=wt;exports.StyledSelect=xt;