@solibo/solibo-ui 1.0.15 → 1.0.16

package/dist/components/dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),de=require("../../icons-DaZGJzI0.cjs"),X=require("../../index-DF8JisYI.cjs"),pe=require("../list/index.cjs"),E=require("../../index-Dn1v0qm6.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function fe(t){return a.isValidElement(t)&&t.type==="option"}function me(t){return a.isValidElement(t)&&t.type==="optgroup"}function be(t){return a.isValidElement(t)&&t.type===a.Fragment}function _e(t){return a.isValidElement(t)&&t.type===E.Select}function W(t,i,r=!1){const s=[];return a.Children.forEach(t,n=>{if(be(n))s.push(...W(n.props.children,i,r));else if(fe(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:r||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else me(n)&&s.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),s}function he(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function ye(t,i){const r=he(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?s.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function xe(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function ge(t,i,r){var s,n;return i!=null?String(i):r!=null?String(r):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function ve(t){if(_e(t)){const{children:i,placeholder:r,...s}=t.props;return{children:l.jsxs(l.Fragment,{children:[r&&l.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:s}}return{children:t.props.children,props:t.props}}const je="_combobox_1bqyf_3",qe="_dropdown_1bqyf_27",we="_empty_1bqyf_30",Se="_group_1bqyf_31",Ne="_placeholder_1bqyf_32",Ce="_filter_1bqyf_40",Ee="_native_1bqyf_52",Ve="_option_1bqyf_62",Le="_options_1bqyf_84",Re="_panel_1bqyf_108",$e="_selected_1bqyf_132",Be="_text_1bqyf_136",Ie="_trigger_1bqyf_144",Pe="_minimal_1bqyf_180",De="_inline_1bqyf_235",ke="_label_1bqyf_267",o={combobox:je,"combobox-input":"_combobox-input_1bqyf_12",dropdown:qe,empty:we,group:Se,placeholder:Ne,filter:Ce,native:Ee,option:Ve,options:Le,panel:Re,selected:$e,text:Be,trigger:Ie,minimal:Pe,inline:De,label:ke,"inline-field":"_inline-field_1bqyf_273"};function Y(t,i){return{"--icon-svg":de.iconSVG(t).replace("currentColor",i)}}const Fe=({children:t,className:i,combobox:r=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:h="default",...ee})=>{const R=ve(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,v=E.sanitizeSelectProps(ne),{className:re,...se}=v,M=a.useRef(null),Q=a.useRef(null),j=a.useId(),z=a.useRef(null),m=a.useRef(null),y=W(R.children),x=B!=null,I=ge(y,B,te),[P,D]=a.useState(()=>I),[u,p]=a.useState(!1),[q,w]=a.useState(""),S=x?String(B):P,O={default:E.resolveColor("--colors-semantic-content-secondary"),white:E.resolveColor("--color-white","white")},T=h==="minimal"?O.white:O.default,N=xe(y,S),le=Y("chevron",T),oe=Y("search",T),A=ye(y,q),b=q.trim(),C=!!(r&&s&&b&&s.isValid(b)),ie=c&&h==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===S,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!x&&!y.some(e=>e.value===P)&&D(I)},[I,P,x,y]),a.useEffect(()=>{var e;if(!u){w("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var _;(_=Q.current)!=null&&_.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const ae=e=>{x||D(e.target.value),$==null||$(e)},k=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;w(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(b),K())},ce=e=>{var U;x||D(e);const d=z.current;if(!d){k();return}const _=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;_==null||_.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),r?K():k()},ue=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=l.jsxs("div",{className:g.t(o.dropdown,h==="inline"&&o.inline,h==="minimal"&&o.minimal,i),onKeyDown:ue,ref:Q,...ee,children:[l.jsx("select",{...se,"aria-hidden":"true",className:g.t(o.native,re),onChange:ae,ref:z,tabIndex:-1,value:S,children:R.children}),r?l.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,l.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":v["aria-label"]??c??L,className:o["combobox-input"],disabled:v.disabled,onChange:e=>{w(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:q})]}):l.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${j} ${j}-value`:void 0,className:g.t(o.trigger,(N==null?void 0:N.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:v.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:l.jsx("span",{className:o.text,id:`${j}-value`,children:G(N)})}),u&&l.jsxs("div",{className:o.panel,children:[!r&&l.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>w(e.target.value),placeholder:L,ref:m,style:oe,type:"search",value:q}),l.jsxs(pe.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===S;return l.jsx("li",{"data-component":"dropdown",children:l.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:g.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ce(e.value),variant:"tertiary",children:[l.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&l.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&l.jsx("li",{children:l.jsx(F.Button,{"aria-label":V(s.render(b))||b,className:o.option,onClick:H,variant:"tertiary",children:l.jsx("span",{className:o.text,children:s.render(b)})})}),A.length===0&&!C&&l.jsx("li",{className:o.empty,children:n})]})]})]});return c?l.jsxs("div",{className:g.t(o.label,h==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[l.jsx("span",{id:j,children:ie}),J]}):J};exports.Dropdown=Fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),de=require("../../icons-DaZGJzI0.cjs"),X=require("../../index-CQNlYa2P.cjs"),pe=require("../list/index.cjs"),E=require("../../index-Dn1v0qm6.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function fe(t){return a.isValidElement(t)&&t.type==="option"}function me(t){return a.isValidElement(t)&&t.type==="optgroup"}function be(t){return a.isValidElement(t)&&t.type===a.Fragment}function _e(t){return a.isValidElement(t)&&t.type===E.Select}function W(t,i,r=!1){const s=[];return a.Children.forEach(t,n=>{if(be(n))s.push(...W(n.props.children,i,r));else if(fe(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:r||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else me(n)&&s.push(...W(n.props.children,n.props.label,r||!!n.props.disabled))}),s}function he(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function ye(t,i){const r=he(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return r?s.filter(n=>r.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function xe(t,i){return t.find(r=>r.value===i)??t.find(r=>r.isPlaceholder)??t[0]}function ge(t,i,r){var s,n;return i!=null?String(i):r!=null?String(r):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function je(t){if(_e(t)){const{children:i,placeholder:r,...s}=t.props;return{children:l.jsxs(l.Fragment,{children:[r&&l.jsx("option",{hidden:!0,value:"",children:r}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ve="_combobox_jkdyb_3",we="_dropdown_jkdyb_27",ke="_empty_jkdyb_30",Se="_group_jkdyb_31",Ne="_placeholder_jkdyb_32",Ce="_filter_jkdyb_40",Ee="_native_jkdyb_52",Ve="_option_jkdyb_62",Le="_options_jkdyb_84",Re="_panel_jkdyb_108",$e="_selected_jkdyb_132",Be="_text_jkdyb_136",Ie="_trigger_jkdyb_144",qe="_minimal_jkdyb_180",Pe="_inline_jkdyb_235",De="_label_jkdyb_267",o={combobox:ve,"combobox-input":"_combobox-input_jkdyb_12",dropdown:we,empty:ke,group:Se,placeholder:Ne,filter:Ce,native:Ee,option:Ve,options:Le,panel:Re,selected:$e,text:Be,trigger:Ie,minimal:qe,inline:Pe,label:De,"inline-field":"_inline-field_jkdyb_273"};function Y(t,i){return{"--icon-svg":de.iconSVG(t).replace("currentColor",i)}}const Fe=({children:t,className:i,combobox:r=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:h="default",...ee})=>{const R=je(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,j=E.sanitizeSelectProps(ne),{className:re,...se}=j,M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),y=W(R.children),x=B!=null,I=ge(y,B,te),[q,P]=a.useState(()=>I),[u,p]=a.useState(!1),[w,k]=a.useState(""),S=x?String(B):q,O={default:E.resolveColor("--colors-semantic-content-secondary"),white:E.resolveColor("--color-white","white")},T=h==="minimal"?O.white:O.default,N=xe(y,S),le=Y("chevron",T),oe=Y("search",T),A=ye(y,w),b=w.trim(),C=!!(r&&s&&b&&s.isValid(b)),ie=c&&h==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===S,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!x&&!y.some(e=>e.value===q)&&P(I)},[I,q,x,y]),a.useEffect(()=>{var e;if(!u){k("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var _;(_=Q.current)!=null&&_.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const ae=e=>{x||P(e.target.value),$==null||$(e)},D=()=>{var e;p(!1),r||(e=M.current)==null||e.focus()},K=()=>{var e;k(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(b),K())},ce=e=>{var U;x||P(e);const d=z.current;if(!d){D();return}const _=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;_==null||_.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),r?K():D()},ue=e=>{e.key==="Escape"&&D(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=l.jsxs("div",{className:g.t(o.dropdown,h==="inline"&&o.inline,h==="minimal"&&o.minimal,i),onKeyDown:ue,ref:Q,...ee,children:[l.jsx("select",{...se,"aria-hidden":"true",className:g.t(o.native,re),onChange:ae,ref:z,tabIndex:-1,value:S,children:R.children}),r?l.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,l.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":j["aria-label"]??c??L,className:o["combobox-input"],disabled:j.disabled,onChange:e=>{k(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:w})]}):l.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:g.t(o.trigger,(N==null?void 0:N.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:j.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:l.jsx("span",{className:o.text,id:`${v}-value`,children:G(N)})}),u&&l.jsxs("div",{className:o.panel,children:[!r&&l.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>k(e.target.value),placeholder:L,ref:m,style:oe,type:"search",value:w}),l.jsxs(pe.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===S;return l.jsx("li",{"data-component":"dropdown",children:l.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:g.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ce(e.value),variant:"tertiary",children:[l.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&l.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&l.jsx("li",{children:l.jsx(F.Button,{"aria-label":V(s.render(b))||b,className:o.option,onClick:H,variant:"tertiary",children:l.jsx("span",{className:o.text,children:s.render(b)})})}),A.length===0&&!C&&l.jsx("li",{className:o.empty,children:n})]})]})]});return c?l.jsxs("div",{className:g.t(o.label,h==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[l.jsx("span",{id:v,children:ie}),J]}):J};exports.Dropdown=Fe;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dropdown/index.js

@@ -1,33 +1,33 @@
 import { jsxs as p, Fragment as me, jsx as i } from "react/jsx-runtime";
 import { t as v } from "../../classix-DG18itHa.js";
-import be, { Children as he, isValidElement as x, useRef as I, useId as _e, useState as W, useEffect as Q } from "react";
-import { Button as z } from "../button/index.js";
+import be, { Children as he, isValidElement as x, useRef as V, useId as _e, useState as Q, useEffect as z } from "react";
+import { Button as M } from "../button/index.js";
 import { i as ye } from "../../icons-Dj0vEOCB.js";
-import { f as ge, I as ve } from "../../index-DE2nzqL5.js";
+import { f as ge, I as ve } from "../../index-BIV5OwVJ.js";
 import { List as xe } from "../list/index.js";
-import { S as we, s as Ne, r as ee } from "../../index-CgA0NUMD.js";
-import '../../assets/index37.css';function L(t) {
-  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(L).join(" ") : x(t) ? L(t.props.children) : "";
+import { S as ke, s as we, r as ee } from "../../index-CgA0NUMD.js";
+import '../../assets/index37.css';function I(t) {
+  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(I).join(" ") : x(t) ? I(t.props.children) : "";
 }
-function Se(t) {
+function je(t) {
   return x(t) && t.type === "option";
 }
-function qe(t) {
+function Ne(t) {
   return x(t) && t.type === "optgroup";
 }
-function Ce(t) {
+function Se(t) {
   return x(t) && t.type === be.Fragment;
 }
-function Ee(t) {
-  return x(t) && t.type === we;
+function Ce(t) {
+  return x(t) && t.type === ke;
 }
-function M(t, s, r = !1) {
+function A(t, s, r = !1) {
   const l = [];
   return he.forEach(t, (n) => {
-    if (Ce(n))
-      l.push(...M(n.props.children, s, r));
-    else if (Se(n)) {
-      const a = L(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
+    if (Se(n))
+      l.push(...A(n.props.children, s, r));
+    else if (je(n)) {
+      const a = I(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
       l.push({
         disabled: r || !!n.props.disabled,
         groupLabel: s,
@@ -38,28 +38,28 @@ function M(t, s, r = !1) {
         text: a,
         value: f
       });
-    } else qe(n) && l.push(...M(n.props.children, n.props.label, r || !!n.props.disabled));
+    } else Ne(n) && l.push(...A(n.props.children, n.props.label, r || !!n.props.disabled));
   }), l;
 }
-function Ve(t) {
+function Ee(t) {
   const s = t.trim();
   if (!s) return null;
   const l = [.../[*?]/.test(s) ? s : `*${s}*`].map((n) => n === "*" ? ".*" : n === "?" ? "." : n.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
   return new RegExp(`^${l}$`, "i");
 }
-function Ie(t, s) {
-  const r = Ve(s), l = t.filter((n) => !n.hidden && !n.isPlaceholder);
+function Ve(t, s) {
+  const r = Ee(s), l = t.filter((n) => !n.hidden && !n.isPlaceholder);
   return r ? l.filter((n) => r.test([n.groupLabel, n.text, n.value].filter(Boolean).join(" "))) : l;
 }
-function Le(t, s) {
+function Ie(t, s) {
   return t.find((r) => r.value === s) ?? t.find((r) => r.isPlaceholder) ?? t[0];
 }
-function $e(t, s, r) {
+function Le(t, s, r) {
   var l, n;
   return s != null ? String(s) : r != null ? String(r) : ((l = t.find((a) => a.selected)) == null ? void 0 : l.value) ?? ((n = t[0]) == null ? void 0 : n.value) ?? "";
 }
-function Be(t) {
-  if (Ee(t)) {
+function $e(t) {
+  if (Ce(t)) {
     const {
       children: s,
       placeholder: r,
@@ -78,25 +78,25 @@ function Be(t) {
     props: t.props
   };
 }
-const Pe = "_combobox_1bqyf_3", ke = "_dropdown_1bqyf_27", De = "_empty_1bqyf_30", Re = "_group_1bqyf_31", je = "_placeholder_1bqyf_32", Fe = "_filter_1bqyf_40", We = "_native_1bqyf_52", Qe = "_option_1bqyf_62", ze = "_options_1bqyf_84", Me = "_panel_1bqyf_108", Ae = "_selected_1bqyf_132", Ge = "_text_1bqyf_136", Ke = "_trigger_1bqyf_144", Oe = "_minimal_1bqyf_180", Te = "_inline_1bqyf_235", He = "_label_1bqyf_267", o = {
-  combobox: Pe,
-  "combobox-input": "_combobox-input_1bqyf_12",
-  dropdown: ke,
+const Be = "_combobox_jkdyb_3", Pe = "_dropdown_jkdyb_27", De = "_empty_jkdyb_30", Re = "_group_jkdyb_31", Fe = "_placeholder_jkdyb_32", We = "_filter_jkdyb_40", Qe = "_native_jkdyb_52", ze = "_option_jkdyb_62", Me = "_options_jkdyb_84", Ae = "_panel_jkdyb_108", Ge = "_selected_jkdyb_132", Ke = "_text_jkdyb_136", Oe = "_trigger_jkdyb_144", Te = "_minimal_jkdyb_180", qe = "_inline_jkdyb_235", He = "_label_jkdyb_267", o = {
+  combobox: Be,
+  "combobox-input": "_combobox-input_jkdyb_12",
+  dropdown: Pe,
   empty: De,
   group: Re,
-  placeholder: je,
-  filter: Fe,
-  native: We,
-  option: Qe,
-  options: ze,
-  panel: Me,
-  selected: Ae,
-  text: Ge,
-  trigger: Ke,
-  minimal: Oe,
-  inline: Te,
+  placeholder: Fe,
+  filter: We,
+  native: Qe,
+  option: ze,
+  options: Me,
+  panel: Ae,
+  selected: Ge,
+  text: Ke,
+  trigger: Oe,
+  minimal: Te,
+  inline: qe,
   label: He,
-  "inline-field": "_inline-field_1bqyf_273"
+  "inline-field": "_inline-field_jkdyb_273"
 };
 function te(t, s) {
   return {
@@ -111,101 +111,101 @@ const rt = ({
   emptyLabel: n = "No matches found",
   label: a,
   renderOption: f,
-  searchPlaceholder: $ = "Filter",
+  searchPlaceholder: L = "Filter",
   selectedItems: ne,
   variant: _ = "default",
   ...re
 }) => {
-  const B = Be(t), {
+  const $ = $e(t), {
     defaultValue: le,
-    onChange: P,
-    value: k,
+    onChange: B,
+    value: P,
     ...oe
-  } = B.props, w = Ne(oe), {
+  } = $.props, k = we(oe), {
     className: se,
     ...ie
-  } = w, A = I(null), G = I(null), N = _e(), K = I(null), m = I(null), y = M(B.children), g = k != null, D = $e(y, k, le), [R, j] = W(() => D), [c, d] = W(!1), [S, q] = W(""), C = g ? String(k) : R, O = {
+  } = k, G = V(null), K = V(null), w = _e(), O = V(null), m = V(null), y = A($.children), g = P != null, D = Le(y, P, le), [R, F] = Q(() => D), [c, u] = Q(!1), [j, N] = Q(""), S = g ? String(P) : R, T = {
     default: ee("--colors-semantic-content-secondary"),
     white: ee("--color-white", "white")
-  }, T = _ === "minimal" ? O.white : O.default, E = Le(y, C), ae = te("chevron", T), ce = te("search", T), H = Ie(y, S), b = S.trim(), V = !!(r && l && b && l.isValid(b)), ue = a && _ === "inline" ? ge(a) : a, J = (e) => e ? (f == null ? void 0 : f({
+  }, q = _ === "minimal" ? T.white : T.default, C = Ie(y, S), ae = te("chevron", q), ce = te("search", q), H = Ve(y, j), b = j.trim(), E = !!(r && l && b && l.isValid(b)), de = a && _ === "inline" ? ge(a) : a, J = (e) => e ? (f == null ? void 0 : f({
     groupLabel: e.groupLabel,
-    isSelected: e.value === C,
+    isSelected: e.value === S,
     label: e.label,
     text: e.text,
     value: e.value
   })) ?? e.label : "Select an option";
-  Q(() => {
-    !g && !y.some((e) => e.value === R) && j(D);
-  }, [D, R, g, y]), Q(() => {
+  z(() => {
+    !g && !y.some((e) => e.value === R) && F(D);
+  }, [D, R, g, y]), z(() => {
     var e;
     if (!c) {
-      q("");
+      N("");
       return;
     }
     (e = m.current) == null || e.focus();
-  }, [c]), Q(() => {
+  }, [c]), z(() => {
     if (!c)
       return;
-    const e = (u) => {
+    const e = (d) => {
       var h;
-      (h = G.current) != null && h.contains(u.target) || d(!1);
+      (h = K.current) != null && h.contains(d.target) || u(!1);
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [c]);
-  const de = (e) => {
-    g || j(e.target.value), P == null || P(e);
-  }, F = () => {
+  const ue = (e) => {
+    g || F(e.target.value), B == null || B(e);
+  }, W = () => {
     var e;
-    d(!1), r || (e = A.current) == null || e.focus();
+    u(!1), r || (e = G.current) == null || e.focus();
   }, U = () => {
     var e;
-    q(""), d(!0), (e = m.current) == null || e.focus();
+    N(""), u(!0), (e = m.current) == null || e.focus();
   }, X = () => {
-    !l || !V || (l.onCreate(b), U());
+    !l || !E || (l.onCreate(b), U());
   }, pe = (e) => {
     var Z;
-    g || j(e);
-    const u = K.current;
-    if (!u) {
-      F();
+    g || F(e);
+    const d = O.current;
+    if (!d) {
+      W();
       return;
     }
     const h = (Z = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : Z.set;
-    h == null || h.call(u, e), u.dispatchEvent(new Event("change", {
+    h == null || h.call(d, e), d.dispatchEvent(new Event("change", {
       bubbles: !0
-    })), r ? U() : F();
+    })), r ? U() : W();
   }, fe = (e) => {
-    e.key === "Escape" && F(), e.key === "Enter" && e.target === m.current && V && (e.preventDefault(), X());
-  }, Y = /* @__PURE__ */ p("div", { className: v(o.dropdown, _ === "inline" && o.inline, _ === "minimal" && o.minimal, s), onKeyDown: fe, ref: G, ...re, children: [
-    /* @__PURE__ */ i("select", { ...ie, "aria-hidden": "true", className: v(o.native, se), onChange: de, ref: K, tabIndex: -1, value: C, children: B.children }),
+    e.key === "Escape" && W(), e.key === "Enter" && e.target === m.current && E && (e.preventDefault(), X());
+  }, Y = /* @__PURE__ */ p("div", { className: v(o.dropdown, _ === "inline" && o.inline, _ === "minimal" && o.minimal, s), onKeyDown: fe, ref: K, ...re, children: [
+    /* @__PURE__ */ i("select", { ...ie, "aria-hidden": "true", className: v(o.native, se), onChange: ue, ref: O, tabIndex: -1, value: S, children: $.children }),
     r ? /* @__PURE__ */ p("div", { className: o.combobox, onClick: () => {
       var e;
       return (e = m.current) == null ? void 0 : e.focus();
     }, children: [
       ne,
-      /* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": w["aria-label"] ?? a ?? $, className: o["combobox-input"], disabled: w.disabled, onChange: (e) => {
-        q(e.target.value), d(!0);
-      }, onClick: () => d(!0), onFocus: () => d(!0), placeholder: $ || void 0, ref: m, role: "combobox", type: "text", value: S })
-    ] }) : /* @__PURE__ */ i(z, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${N} ${N}-value` : void 0, className: v(o.trigger, (E == null ? void 0 : E.isPlaceholder) && o.placeholder), "data-open": c ? "true" : void 0, disabled: w.disabled, onClick: () => d((e) => !e), ref: A, style: ae, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, id: `${N}-value`, children: J(E) }) }),
+      /* @__PURE__ */ i("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": k["aria-label"] ?? a ?? L, className: o["combobox-input"], disabled: k.disabled, onChange: (e) => {
+        N(e.target.value), u(!0);
+      }, onClick: () => u(!0), onFocus: () => u(!0), placeholder: L || void 0, ref: m, role: "combobox", type: "text", value: j })
+    ] }) : /* @__PURE__ */ i(M, { "aria-expanded": c, "aria-haspopup": "dialog", "aria-labelledby": a ? `${w} ${w}-value` : void 0, className: v(o.trigger, (C == null ? void 0 : C.isPlaceholder) && o.placeholder), "data-open": c ? "true" : void 0, disabled: k.disabled, onClick: () => u((e) => !e), ref: G, style: ae, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, id: `${w}-value`, children: J(C) }) }),
     c && /* @__PURE__ */ p("div", { className: o.panel, children: [
-      !r && /* @__PURE__ */ i(ve, { "aria-label": "Filter", className: o.filter, icon: "search", onChange: (e) => q(e.target.value), placeholder: $, ref: m, style: ce, type: "search", value: S }),
+      !r && /* @__PURE__ */ i(ve, { "aria-label": "Filter", className: o.filter, icon: "search", onChange: (e) => N(e.target.value), placeholder: L, ref: m, style: ce, type: "search", value: j }),
       /* @__PURE__ */ p(xe, { "aria-label": "Dropdown", className: o.options, children: [
         H.map((e) => {
-          const u = e.value === C;
-          return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(z, { "aria-label": u ? `${e.text}, selected` : e.text, className: v(o.option, u && o.selected), disabled: e.disabled, onClick: () => pe(e.value), variant: "tertiary", children: [
+          const d = e.value === S;
+          return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ p(M, { "aria-label": d ? `${e.text}, selected` : e.text, className: v(o.option, d && o.selected), disabled: e.disabled, onClick: () => pe(e.value), variant: "tertiary", children: [
             /* @__PURE__ */ i("span", { className: o.text, children: J(e) }),
             e.groupLabel && /* @__PURE__ */ i("small", { className: o.group, children: e.groupLabel })
           ] }) }, `${e.groupLabel ?? "root"}-${e.value}`);
         }),
-        V && l && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(z, { "aria-label": L(l.render(b)) || b, className: o.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, children: l.render(b) }) }) }),
-        H.length === 0 && !V && /* @__PURE__ */ i("li", { className: o.empty, children: n })
+        E && l && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(M, { "aria-label": I(l.render(b)) || b, className: o.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ i("span", { className: o.text, children: l.render(b) }) }) }),
+        H.length === 0 && !E && /* @__PURE__ */ i("li", { className: o.empty, children: n })
       ] })
     ] })
   ] });
   return a ? /* @__PURE__ */ p("div", { className: v(o.label, _ === "inline" && o["inline-field"]), "data-component": "dropdown", children: [
-    /* @__PURE__ */ i("span", { id: N, children: ue }),
+    /* @__PURE__ */ i("span", { id: w, children: de }),
     Y
   ] }) : Y;
 };