@solibo/solibo-ui 1.0.14 → 1.0.16

package/dist/components/dropdown/index.cjs

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/dropdown/options.tsx","../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { Children, isValidElement } from 'react';\n\nimport { Select, type SelectProps } from '@/components/select';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\n\nexport type DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\nexport type DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownRenderOption = Pick<\n  DropdownOption,\n  'groupLabel' | 'label' | 'text' | 'value'\n> & {\n  isSelected: boolean;\n};\n\nexport function getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join(' ');\n  if (isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nexport function extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n    } else if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n    } else if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n  if (!trimmedQuery) return null;\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') return '.*';\n      if (character === '?') return '.';\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nexport function filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n  return matcher\n    ? selectableOptions.filter((option) =>\n        matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n      )\n    : selectableOptions;\n}\n\nexport function getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nexport function getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) return String(value);\n  if (defaultValue != null) return String(defaultValue);\n  return options.find((option) => option.selected)?.value ?? options[0]?.value ?? '';\n}\n\nexport function normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return { children: selectElement.props.children, props: selectElement.props };\n}\n","import cx from 'classix';\nimport React, { useEffect, useId, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport { List } from '@/components/list';\nimport { sanitizeSelectProps } from '@/components/select/sanitize-select-props';\nimport { resolveColor } from '@/lib/color';\nimport { formatInlineLabel } from '@/lib/text';\n\nimport {\n  type DropdownOption,\n  type DropdownRenderOption,\n  type DropdownSelectElement,\n  extractOptions,\n  filterOptions,\n  getDisplayOption,\n  getInitialValue,\n  getNodeText,\n  normalizeSelectElement,\n} from './options';\nimport styles from './styles.module.css';\n\nexport type { DropdownRenderOption } from './options';\n\nexport type DropdownCreateOption = {\n  isValid: (value: string) => boolean;\n  onCreate: (value: string) => void;\n  render: (value: string) => React.ReactNode;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  combobox?: boolean;\n  createOption?: DropdownCreateOption;\n  emptyLabel?: string;\n  label?: string;\n  renderOption?: (option: DropdownRenderOption) => React.ReactNode;\n  searchPlaceholder?: string;\n  selectedItems?: React.ReactNode;\n  variant?: 'default' | 'inline' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  combobox = false,\n  createOption,\n  emptyLabel = 'No matches found',\n  label,\n  renderOption,\n  searchPlaceholder = 'Filter',\n  selectedItems,\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const labelId = useId();\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n  const customValue = query.trim();\n  const canCreateOption = Boolean(\n    combobox && createOption && customValue && createOption.isValid(customValue)\n  );\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const renderDropdownOption = (option: DropdownOption | undefined) => {\n    if (!option) return 'Select an option';\n\n    return (\n      renderOption?.({\n        groupLabel: option.groupLabel,\n        isSelected: option.value === selectedValue,\n        label: option.label,\n        text: option.text,\n        value: option.value,\n      }) ?? option.label\n    );\n  };\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    if (!combobox) {\n      buttonRef.current?.focus();\n    }\n  };\n\n  const continueComboboxSelection = () => {\n    setQuery('');\n    setIsOpen(true);\n    searchRef.current?.focus();\n  };\n\n  const commitCustomValue = () => {\n    if (!createOption || !canCreateOption) return;\n\n    createOption.onCreate(customValue);\n    continueComboboxSelection();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    if (combobox) {\n      continueComboboxSelection();\n    } else {\n      closeMenu();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n\n    if (event.key === 'Enter' && event.target === searchRef.current && canCreateOption) {\n      event.preventDefault();\n      commitCustomValue();\n    }\n  };\n\n  const dropdown = (\n    <div\n      className={cx(\n        styles.dropdown,\n        variant === 'inline' && styles.inline,\n        variant === 'minimal' && styles.minimal,\n        className\n      )}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...selectProps}\n        aria-hidden='true'\n        className={styles.native}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      {combobox ? (\n        <div\n          className={styles.combobox}\n          onClick={() => searchRef.current?.focus()}\n        >\n          {selectedItems}\n          <input\n            aria-autocomplete='list'\n            aria-expanded={isOpen}\n            aria-label={selectProps['aria-label'] ?? label ?? searchPlaceholder}\n            className={styles['combobox-input']}\n            disabled={selectProps.disabled}\n            onChange={(event) => {\n              setQuery(event.target.value);\n              setIsOpen(true);\n            }}\n            onClick={() => setIsOpen(true)}\n            onFocus={() => setIsOpen(true)}\n            placeholder={searchPlaceholder || undefined}\n            ref={searchRef}\n            role='combobox'\n            type='text'\n            value={query}\n          />\n        </div>\n      ) : (\n        <Button\n          aria-expanded={isOpen}\n          aria-haspopup='dialog'\n          aria-labelledby={label ? `${labelId} ${labelId}-value` : undefined}\n          className={cx(styles.trigger, displayOption?.isPlaceholder && styles.placeholder)}\n          data-open={isOpen ? 'true' : undefined}\n          disabled={selectProps.disabled}\n          onClick={() => setIsOpen((currentValue) => !currentValue)}\n          ref={buttonRef}\n          style={triggerWithVars}\n          variant='tertiary'\n        >\n          <span\n            className={styles.text}\n            id={`${labelId}-value`}\n          >\n            {renderDropdownOption(displayOption)}\n          </span>\n        </Button>\n      )}\n      {isOpen && (\n        <div className={styles.panel}>\n          {!combobox && (\n            <Input\n              aria-label='Filter'\n              className={styles.filter}\n              icon='search'\n              onChange={(event) => setQuery(event.target.value)}\n              placeholder={searchPlaceholder}\n              ref={searchRef}\n              style={filterWithVars}\n              type='search'\n              value={query}\n            />\n          )}\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.map((option) => {\n              const isSelected = option.value === selectedValue;\n\n              return (\n                <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                  <Button\n                    aria-label={isSelected ? `${option.text}, selected` : option.text}\n                    className={cx(styles.option, isSelected && styles.selected)}\n                    disabled={option.disabled}\n                    onClick={() => commitValue(option.value)}\n                    variant='tertiary'\n                  >\n                    <span className={styles.text}>{renderDropdownOption(option)}</span>\n                    {option.groupLabel && (\n                      <small className={styles.group}>{option.groupLabel}</small>\n                    )}\n                  </Button>\n                </li>\n              );\n            })}\n            {canCreateOption && createOption && (\n              <li>\n                <Button\n                  aria-label={getNodeText(createOption.render(customValue)) || customValue}\n                  className={styles.option}\n                  onClick={commitCustomValue}\n                  variant='tertiary'\n                >\n                  <span className={styles.text}>{createOption.render(customValue)}</span>\n                </Button>\n              </li>\n            )}\n            {filteredOptions.length === 0 && !canCreateOption && (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n\n  return label ? (\n    <div className={cx(styles.label, variant === 'inline' && styles['inline-field'])}>\n      <span id={labelId}>{displayLabel}</span>\n      {dropdown}\n    </div>\n  ) : (\n    dropdown\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","normalizeSelectElement","selectElement","placeholder","jsxs","getIconWithVars","icon","color","iconSVG","Dropdown","className","combobox","createOption","emptyLabel","renderOption","searchPlaceholder","selectedItems","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","labelId","useId","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","customValue","canCreateOption","isValid","displayLabel","formatInlineLabel","renderDropdownOption","isSelected","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","continueComboboxSelection","commitCustomValue","onCreate","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","preventDefault","dropdown","cx","styles","inline","minimal","jsx","native","undefined","Button","trigger","currentValue","panel","Input","List","group","render","length","empty"],"mappings":"oWAgCO,SAASA,EAAYC,EAA+B,CACzD,OAAI,OAAOA,GAAS,UAAY,OAAOA,GAAS,SAAiBC,OAAOD,CAAI,EACxEE,MAAMC,QAAQH,CAAI,EAAUA,EAAKI,IAAIL,CAAW,EAAEM,KAAK,GAAG,EAC1DC,EAAAA,eAA+CN,CAAI,EAAUD,EAAYC,EAAKO,MAAMC,QAAQ,EACzF,EACT,CAEA,SAASC,GACPT,EACgF,CAChF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAAS,QAC/C,CAEA,SAASC,GACPX,EACoF,CACpF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAAS,UAC/C,CAEA,SAASE,GACPZ,EACmF,CACnF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAASG,EAAMC,QACrD,CAEA,SAASC,GAAuBf,EAAqD,CACnF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAASM,EAAAA,MAC/C,CAEO,SAASC,EACdT,EACAU,EACAC,EAAgB,GACE,CAClB,MAAMC,EAA4B,CAAA,EAElCC,OAAAA,EAAAA,SAASC,QAAQd,EAAWe,GAAU,CACpC,GAAIX,GAAkBW,CAAK,EACzBH,EAAQI,KAAK,GAAGP,EAAeM,EAAMhB,MAAMC,SAAUU,EAAYC,CAAa,CAAC,UACtEV,GAAgBc,CAAK,EAAG,CACjC,MAAME,EAAO1B,EAAYwB,EAAMhB,MAAMC,QAAQ,EAAEkB,KAAAA,EACzCC,EAAQJ,EAAMhB,MAAMoB,OAAS,KAAO1B,OAAOsB,EAAMhB,MAAMoB,KAAK,EAAIF,EACtEL,EAAQI,KAAK,CACXI,SAAUT,GAAiBU,EAAQN,EAAMhB,MAAMqB,SAC/CV,WAAAA,EACAY,OAAQD,EAAQN,EAAMhB,MAAMuB,OAC5BC,cAAeF,GAAQN,EAAMhB,MAAMuB,QAAUH,IAAU,IACvDK,MAAOT,EAAMhB,MAAMC,SACnByB,SAAUJ,EAAQN,EAAMhB,MAAM0B,SAC9BR,KAAAA,EACAE,MAAAA,CAAAA,CACD,CACH,MAAWhB,GAAkBY,CAAK,GAChCH,EAAQI,KACN,GAAGP,EACDM,EAAMhB,MAAMC,SACZe,EAAMhB,MAAMyB,MACZb,GAAiBU,EAAQN,EAAMhB,MAAMqB,QACvC,CACF,CAEJ,CAAC,EAEMR,CACT,CAEA,SAASc,GAAqBC,EAAe,CAC3C,MAAMC,EAAeD,EAAMT,KAAAA,EAC3B,GAAI,CAACU,EAAc,OAAO,KAG1B,MAAMC,EAAa,CAAC,GADE,OAAOC,KAAKF,CAAY,EAAIA,EAAe,IAAIA,CAAY,GAC7C,EACjChC,IAAKmC,GACAA,IAAc,IAAY,KAC1BA,IAAc,IAAY,IACvBA,EAAUC,QAAQ,qBAAsB,MAAM,CACtD,EACAnC,KAAK,EAAE,EAEV,OAAO,IAAIoC,OAAO,IAAIJ,CAAU,IAAK,GAAG,CAC1C,CAEO,SAASK,GAActB,EAA2Be,EAAe,CACtE,MAAMQ,EAAUT,GAAqBC,CAAK,EACpCS,EAAoBxB,EAAQyB,OAAQC,GAAW,CAACA,EAAOhB,QAAU,CAACgB,EAAOf,aAAa,EAC5F,OAAOY,EACHC,EAAkBC,OAAQC,GACxBH,EAAQL,KAAK,CAACQ,EAAO5B,WAAY4B,EAAOrB,KAAMqB,EAAOnB,KAAK,EAAEkB,OAAOhB,OAAO,EAAExB,KAAK,GAAG,CAAC,CACvF,EACAuC,CACN,CAEO,SAASG,GAAiB3B,EAA2B4B,EAAuB,CACjF,OACE5B,EAAQ6B,KAAMH,GAAWA,EAAOnB,QAAUqB,CAAa,GACvD5B,EAAQ6B,KAAMH,GAAWA,EAAOf,aAAa,GAC7CX,EAAQ,CAAC,CAEb,CAEO,SAAS8B,GACd9B,EACAO,EACAwB,EACA,SACA,OAAIxB,GAAS,KAAa1B,OAAO0B,CAAK,EAClCwB,GAAgB,KAAalD,OAAOkD,CAAY,IAC7C/B,EAAAA,EAAQ6B,KAAMH,GAAWA,EAAOb,QAAQ,IAAxCb,YAAAA,EAA2CO,UAASP,EAAAA,EAAQ,CAAC,IAATA,YAAAA,EAAYO,QAAS,EAClF,CAEO,SAASyB,GAAuBC,EAAsC,CAC3E,GAAItC,GAAuBsC,CAAa,EAAG,CACzC,KAAM,CAAE7C,SAAAA,EAAU8C,YAAAA,EAAa,GAAG/C,CAAAA,EAAU8C,EAAc9C,MAC1D,MAAO,CACLC,SACE+C,EAAAA,KAAAzC,WAAA,CACGwC,SAAAA,CAAAA,SACE,SAAA,CACC,OAAM,GACN,MAAM,GAELA,SAAAA,EACH,EAED9C,CAAAA,EACH,EAEFD,MAAAA,CAAAA,CAEJ,CAEA,MAAO,CAAEC,SAAU6C,EAAc9C,MAAMC,SAAUD,MAAO8C,EAAc9C,KAAAA,CACxE,snBCpHA,SAASiD,EAAgBC,EAAgBC,EAAyB,CAChE,MAAO,CACL,aAAcC,GAAAA,QAAQF,CAAI,EAAEjB,QAAQ,eAAgBkB,CAAK,CAAA,CAE7D,CAEO,MAAME,GAAWA,CAAC,CACvBpD,SAAU6C,EACVQ,UAAAA,EACAC,SAAAA,EAAW,GACXC,aAAAA,EACAC,WAAAA,EAAa,mBACbhC,MAAAA,EACAiC,aAAAA,EACAC,kBAAAA,EAAoB,SACpBC,cAAAA,EACAC,QAAAA,EAAU,UACV,GAAG7D,EACU,IAAM,CACnB,MAAM8D,EAAmBjB,GAAuBC,CAAa,EACvD,CAAEF,aAAAA,GAAcmB,SAAAA,EAAU3C,MAAAA,EAAO,GAAG4C,EAAAA,EAAoBF,EAAiB9D,MACzEiE,EAAcC,EAAAA,oBAAoBF,EAAe,EACjDG,EAAYC,EAAAA,OAA0B,IAAI,EAC1CC,EAAeD,EAAAA,OAAuB,IAAI,EAC1CE,EAAUC,EAAAA,MAAAA,EACVC,EAAkBJ,EAAAA,OAA0B,IAAI,EAChDK,EAAYL,EAAAA,OAAyB,IAAI,EACzCvD,EAAUH,EAAeoD,EAAiB7D,QAAQ,EAClDyE,EAAetD,GAAS,KACxBuD,EAAehC,GAAgB9B,EAASO,EAAOwB,EAAY,EAC3D,CAACgC,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,IAAMH,CAAY,EAC/D,CAACI,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EACpC,CAAClD,EAAOqD,CAAQ,EAAIH,EAAAA,SAAS,EAAE,EAC/BrC,EAAgBiC,EAAehF,OAAO0B,CAAK,EAAIwD,EAC/CM,EAAa,CACjBC,QAASC,EAAAA,aAAa,qCAAqC,EAC3DC,MAAOD,EAAAA,aAAa,gBAAiB,OAAO,CAAA,EAExCE,EAAoBzB,IAAY,UAAYqB,EAAWG,MAAQH,EAAWC,QAC1EI,EAAgB/C,GAAiB3B,EAAS4B,CAAa,EACvD+C,GAAkBvC,EAAgB,UAAWqC,CAAiB,EAC9DG,GAAiBxC,EAAgB,SAAUqC,CAAiB,EAC5DI,EAAkBvD,GAActB,EAASe,CAAK,EAC9C+D,EAAc/D,EAAMT,KAAAA,EACpByE,EAAkBtE,GACtBiC,GAAYC,GAAgBmC,GAAenC,EAAaqC,QAAQF,CAAW,GAEvEG,GAAerE,GAASoC,IAAY,SAAWkC,EAAAA,kBAAkBtE,CAAK,EAAIA,EAC1EuE,EAAwBzD,GACvBA,GAGHmB,GAAAA,YAAAA,EAAe,CACb/C,WAAY4B,EAAO5B,WACnBsF,WAAY1D,EAAOnB,QAAUqB,EAC7BhB,MAAOc,EAAOd,MACdP,KAAMqB,EAAOrB,KACbE,MAAOmB,EAAOnB,KAAAA,KACVmB,EAAOd,MATK,mBAatByE,EAAAA,UAAU,IAAM,CACV,CAACxB,GAAgB,CAAC7D,EAAQsF,KAAM5D,GAAWA,EAAOnB,QAAUwD,CAAa,GAC3EC,EAAiBF,CAAY,CAEjC,EAAG,CAACA,EAAcC,EAAeF,EAAc7D,CAAO,CAAC,EAEvDqF,EAAAA,UAAU,IAAM,OACd,GAAI,CAACnB,EAAQ,CACXE,EAAS,EAAE,EACX,MACF,EAEAR,EAAAA,EAAU2B,UAAV3B,MAAAA,EAAmB4B,OACrB,EAAG,CAACtB,CAAM,CAAC,EAEXmB,EAAAA,UAAU,IAAM,CACd,GAAI,CAACnB,EACH,OAGF,MAAMuB,EAAqBC,GAAsB,QAC1ClC,EAAAA,EAAa+B,UAAb/B,MAAAA,EAAsBmC,SAASD,EAAME,SACxCzB,EAAU,EAAK,CAEnB,EAEA0B,gBAASC,iBAAiB,YAAaL,CAAiB,EAEjD,IAAM,CACXI,SAASE,oBAAoB,YAAaN,CAAiB,CAC7D,CACF,EAAG,CAACvB,CAAM,CAAC,EAEX,MAAM8B,GAAsBN,GAAgD,CACrE7B,GACHG,EAAiB0B,EAAME,OAAOrF,KAAK,EAGrC2C,GAAAA,MAAAA,EAAWwC,EACb,EAEMO,EAAYA,IAAM,OACtB9B,EAAU,EAAK,EACVzB,IACHY,EAAAA,EAAUiC,UAAVjC,MAAAA,EAAmBkC,OAEvB,EAEMU,EAA4BA,IAAM,OACtC9B,EAAS,EAAE,EACXD,EAAU,EAAI,GACdP,EAAAA,EAAU2B,UAAV3B,MAAAA,EAAmB4B,OACrB,EAEMW,EAAoBA,IAAM,CAC1B,CAACxD,GAAgB,CAACoC,IAEtBpC,EAAayD,SAAStB,CAAW,EACjCoB,EAAAA,EACF,EAEMG,GAAeC,GAAsB,OACpCzC,GACHG,EAAiBsC,CAAS,EAG5B,MAAMC,EAAe5C,EAAgB4B,QAErC,GAAI,CAACgB,EAAc,CACjBN,EAAAA,EACA,MACF,CAEA,MAAMO,GAAcC,EAAAA,OAAOC,yBAAyBC,kBAAkBC,UAAW,OAAO,IAApEH,YAAAA,EAAuEI,IAE3FL,GAAAA,MAAAA,EAAaM,KAAKP,EAAcD,GAChCC,EAAaQ,cAAc,IAAIC,MAAM,SAAU,CAAEC,QAAS,EAAA,CAAM,CAAC,EAC7DvE,EACFwD,EAAAA,EAEAD,EAAAA,CAEJ,EAEMiB,GAAiBxB,GAA+C,CAChEA,EAAMyB,MAAQ,UAChBlB,EAAAA,EAGEP,EAAMyB,MAAQ,SAAWzB,EAAME,SAAWhC,EAAU2B,SAAWR,IACjEW,EAAM0B,eAAAA,EACNjB,EAAAA,EAEJ,EAEMkB,SACH,MAAA,CACC,UAAWC,IACTC,EAAOF,SACPrE,IAAY,UAAYuE,EAAOC,OAC/BxE,IAAY,WAAauE,EAAOE,QAChChF,CACF,EACA,UAAWyE,GACX,IAAK1D,EACL,GAAIrE,GAEJ,SAAA,CAAAuI,MAAC,aACKtE,EACJ,cAAY,OACZ,UAAWmE,EAAOI,OAClB,SAAU3B,GACV,IAAKrC,EACL,SAAU,GACV,MAAO/B,EAENqB,WAAiB7D,SACpB,EACCsD,EACCP,EAAAA,KAAC,MAAA,CACC,UAAWoF,EAAO7E,SAClB,QAAS,IAAA,OAAMkB,OAAAA,EAAAA,EAAU2B,UAAV3B,YAAAA,EAAmB4B,SAEjCzC,SAAAA,CAAAA,EACD2E,MAAC,SACC,oBAAkB,OAClB,gBAAexD,EACf,aAAYd,EAAY,YAAY,GAAKxC,GAASkC,EAClD,UAAWyE,EAAO,gBAAgB,EAClC,SAAUnE,EAAY5C,SACtB,SAAWkF,GAAU,CACnBtB,EAASsB,EAAME,OAAOrF,KAAK,EAC3B4D,EAAU,EAAI,CAChB,EACA,QAAS,IAAMA,EAAU,EAAI,EAC7B,QAAS,IAAMA,EAAU,EAAI,EAC7B,YAAarB,GAAqB8E,OAClC,IAAKhE,EACL,KAAK,WACL,KAAK,OACL,MAAO7C,CAAAA,CAAM,CAAA,CAAA,CAEjB,EAEA2G,EAAAA,IAACG,EAAAA,OAAA,CACC,gBAAe3D,EACf,gBAAc,SACd,kBAAiBtD,EAAQ,GAAG6C,CAAO,IAAIA,CAAO,SAAWmE,OACzD,UAAWN,EAAAA,EAAGC,EAAOO,SAASpD,GAAAA,YAAAA,EAAe/D,gBAAiB4G,EAAOrF,WAAW,EAChF,YAAWgC,EAAS,OAAS0D,OAC7B,SAAUxE,EAAY5C,SACtB,QAAS,IAAM2D,EAAW4D,GAAiB,CAACA,CAAY,EACxD,IAAKzE,EACL,MAAOqB,GACP,QAAQ,WAER,SAAA+C,MAAC,OAAA,CACC,UAAWH,EAAOlH,KAClB,GAAI,GAAGoD,CAAO,SAEb0B,SAAAA,EAAqBT,CAAa,CAAA,CACrC,CAAA,CACF,EAEDR,GACC/B,EAAAA,KAAC,MAAA,CAAI,UAAWoF,EAAOS,MACpB,SAAA,CAAA,CAACtF,GACAgF,EAAAA,IAACO,EAAAA,MAAA,CACC,aAAW,SACX,UAAWV,EAAO9F,OAClB,KAAK,SACL,SAAWiE,GAAUtB,EAASsB,EAAME,OAAOrF,KAAK,EAChD,YAAauC,EACb,IAAKc,EACL,MAAOgB,GACP,KAAK,SACL,MAAO7D,CAAAA,CAAM,SAGhBmH,GAAAA,KAAA,CACC,aAAW,WACX,UAAWX,EAAOvH,QAEjB6E,SAAAA,CAAAA,EAAgB7F,IAAK0C,GAAW,CAC/B,MAAM0D,EAAa1D,EAAOnB,QAAUqB,EAEpC,OACE8F,EAAAA,IAAC,KAAA,CAAyD,iBAAA,WACxD,gBAACG,EAAAA,OAAA,CACC,aAAYzC,EAAa,GAAG1D,EAAOrB,IAAI,aAAeqB,EAAOrB,KAC7D,UAAWiH,EAAAA,EAAGC,EAAO7F,OAAQ0D,GAAcmC,EAAO1G,QAAQ,EAC1D,SAAUa,EAAOlB,SACjB,QAAS,IAAM6F,GAAY3E,EAAOnB,KAAK,EACvC,QAAQ,WAER,SAAA,CAAAmH,MAAC,QAAK,UAAWH,EAAOlH,KAAO8E,SAAAA,EAAqBzD,CAAM,EAAE,EAC3DA,EAAO5B,YACN4H,MAAC,QAAA,CAAM,UAAWH,EAAOY,MAAQzG,WAAO5B,UAAAA,CAAW,CAAA,EAEvD,CAAA,EAZO,GAAG4B,EAAO5B,YAAc,MAAM,IAAI4B,EAAOnB,KAAK,EAavD,CAEJ,CAAC,EACAwE,GAAmBpC,GAClB+E,MAAC,KAAA,CACC,SAAAA,EAAAA,IAACG,SAAA,CACC,aAAYlJ,EAAYgE,EAAayF,OAAOtD,CAAW,CAAC,GAAKA,EAC7D,UAAWyC,EAAO7F,OAClB,QAASyE,EACT,QAAQ,WAER,eAAC,OAAA,CAAK,UAAWoB,EAAOlH,KAAOsC,SAAAA,EAAayF,OAAOtD,CAAW,CAAA,CAAE,EAClE,EACF,EAEDD,EAAgBwD,SAAW,GAAK,CAACtD,SAC/B,KAAA,CAAG,UAAWwC,EAAOe,MAAQ1F,SAAAA,CAAAA,CAAW,CAAA,CAAA,CAE7C,CAAA,CAAA,CACF,CAAA,EAEJ,EAGF,OAAOhC,EACLuB,EAAAA,KAAC,MAAA,CAAI,UAAWmF,EAAAA,EAAGC,EAAO3G,MAAOoC,IAAY,UAAYuE,EAAO,cAAc,CAAC,EAAE,iBAAA,WAC/E,SAAA,CAAAG,EAAAA,IAAC,OAAA,CAAK,GAAIjE,EAAUwB,SAAAA,GAAa,EAChCoC,CAAAA,CAAAA,CACH,EAEAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/dropdown/options.tsx","../../../src/components/dropdown/index.tsx"],"sourcesContent":["import React, { Children, isValidElement } from 'react';\n\nimport { Select, type SelectProps } from '@/components/select';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\n\nexport type DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\nexport type DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownRenderOption = Pick<\n  DropdownOption,\n  'groupLabel' | 'label' | 'text' | 'value'\n> & {\n  isSelected: boolean;\n};\n\nexport function getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') return String(node);\n  if (Array.isArray(node)) return node.map(getNodeText).join(' ');\n  if (isValidElement<{ children?: React.ReactNode }>(node)) return getNodeText(node.props.children);\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nexport function extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n    } else if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n    } else if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n  if (!trimmedQuery) return null;\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') return '.*';\n      if (character === '?') return '.';\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nexport function filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n  return matcher\n    ? selectableOptions.filter((option) =>\n        matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n      )\n    : selectableOptions;\n}\n\nexport function getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nexport function getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) return String(value);\n  if (defaultValue != null) return String(defaultValue);\n  return options.find((option) => option.selected)?.value ?? options[0]?.value ?? '';\n}\n\nexport function normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return { children: selectElement.props.children, props: selectElement.props };\n}\n","import cx from 'classix';\nimport React, { useEffect, useId, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport { List } from '@/components/list';\nimport { sanitizeSelectProps } from '@/components/select/sanitize-select-props';\nimport { resolveColor } from '@/lib/color';\nimport { formatInlineLabel } from '@/lib/text';\n\nimport {\n  type DropdownOption,\n  type DropdownRenderOption,\n  type DropdownSelectElement,\n  extractOptions,\n  filterOptions,\n  getDisplayOption,\n  getInitialValue,\n  getNodeText,\n  normalizeSelectElement,\n} from './options';\nimport styles from './styles.module.css';\n\nexport type { DropdownRenderOption } from './options';\n\nexport type DropdownCreateOption = {\n  isValid: (value: string) => boolean;\n  onCreate: (value: string) => void;\n  render: (value: string) => React.ReactNode;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  combobox?: boolean;\n  createOption?: DropdownCreateOption;\n  emptyLabel?: string;\n  label?: string;\n  renderOption?: (option: DropdownRenderOption) => React.ReactNode;\n  searchPlaceholder?: string;\n  selectedItems?: React.ReactNode;\n  variant?: 'default' | 'inline' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  combobox = false,\n  createOption,\n  emptyLabel = 'No matches found',\n  label,\n  renderOption,\n  searchPlaceholder = 'Filter',\n  selectedItems,\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const { className: selectClassName, ...nativeSelectProps } = selectProps;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const labelId = useId();\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n  const customValue = query.trim();\n  const canCreateOption = Boolean(\n    combobox && createOption && customValue && createOption.isValid(customValue)\n  );\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n  const renderDropdownOption = (option: DropdownOption | undefined) => {\n    if (!option) return 'Select an option';\n\n    return (\n      renderOption?.({\n        groupLabel: option.groupLabel,\n        isSelected: option.value === selectedValue,\n        label: option.label,\n        text: option.text,\n        value: option.value,\n      }) ?? option.label\n    );\n  };\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    if (!combobox) {\n      buttonRef.current?.focus();\n    }\n  };\n\n  const continueComboboxSelection = () => {\n    setQuery('');\n    setIsOpen(true);\n    searchRef.current?.focus();\n  };\n\n  const commitCustomValue = () => {\n    if (!createOption || !canCreateOption) return;\n\n    createOption.onCreate(customValue);\n    continueComboboxSelection();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    if (combobox) {\n      continueComboboxSelection();\n    } else {\n      closeMenu();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n\n    if (event.key === 'Enter' && event.target === searchRef.current && canCreateOption) {\n      event.preventDefault();\n      commitCustomValue();\n    }\n  };\n\n  const dropdown = (\n    <div\n      className={cx(\n        styles.dropdown,\n        variant === 'inline' && styles.inline,\n        variant === 'minimal' && styles.minimal,\n        className\n      )}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...nativeSelectProps}\n        aria-hidden='true'\n        className={cx(styles.native, selectClassName)}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      {combobox ? (\n        <div\n          className={styles.combobox}\n          onClick={() => searchRef.current?.focus()}\n        >\n          {selectedItems}\n          <input\n            aria-autocomplete='list'\n            aria-expanded={isOpen}\n            aria-label={selectProps['aria-label'] ?? label ?? searchPlaceholder}\n            className={styles['combobox-input']}\n            disabled={selectProps.disabled}\n            onChange={(event) => {\n              setQuery(event.target.value);\n              setIsOpen(true);\n            }}\n            onClick={() => setIsOpen(true)}\n            onFocus={() => setIsOpen(true)}\n            placeholder={searchPlaceholder || undefined}\n            ref={searchRef}\n            role='combobox'\n            type='text'\n            value={query}\n          />\n        </div>\n      ) : (\n        <Button\n          aria-expanded={isOpen}\n          aria-haspopup='dialog'\n          aria-labelledby={label ? `${labelId} ${labelId}-value` : undefined}\n          className={cx(styles.trigger, displayOption?.isPlaceholder && styles.placeholder)}\n          data-open={isOpen ? 'true' : undefined}\n          disabled={selectProps.disabled}\n          onClick={() => setIsOpen((currentValue) => !currentValue)}\n          ref={buttonRef}\n          style={triggerWithVars}\n          variant='tertiary'\n        >\n          <span\n            className={styles.text}\n            id={`${labelId}-value`}\n          >\n            {renderDropdownOption(displayOption)}\n          </span>\n        </Button>\n      )}\n      {isOpen && (\n        <div className={styles.panel}>\n          {!combobox && (\n            <Input\n              aria-label='Filter'\n              className={styles.filter}\n              icon='search'\n              onChange={(event) => setQuery(event.target.value)}\n              placeholder={searchPlaceholder}\n              ref={searchRef}\n              style={filterWithVars}\n              type='search'\n              value={query}\n            />\n          )}\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.map((option) => {\n              const isSelected = option.value === selectedValue;\n\n              return (\n                <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                  <Button\n                    aria-label={isSelected ? `${option.text}, selected` : option.text}\n                    className={cx(styles.option, isSelected && styles.selected)}\n                    disabled={option.disabled}\n                    onClick={() => commitValue(option.value)}\n                    variant='tertiary'\n                  >\n                    <span className={styles.text}>{renderDropdownOption(option)}</span>\n                    {option.groupLabel && (\n                      <small className={styles.group}>{option.groupLabel}</small>\n                    )}\n                  </Button>\n                </li>\n              );\n            })}\n            {canCreateOption && createOption && (\n              <li>\n                <Button\n                  aria-label={getNodeText(createOption.render(customValue)) || customValue}\n                  className={styles.option}\n                  onClick={commitCustomValue}\n                  variant='tertiary'\n                >\n                  <span className={styles.text}>{createOption.render(customValue)}</span>\n                </Button>\n              </li>\n            )}\n            {filteredOptions.length === 0 && !canCreateOption && (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n\n  return label ? (\n    <div className={cx(styles.label, variant === 'inline' && styles['inline-field'])}>\n      <span id={labelId}>{displayLabel}</span>\n      {dropdown}\n    </div>\n  ) : (\n    dropdown\n  );\n};\n"],"names":["getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","replace","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","normalizeSelectElement","selectElement","placeholder","jsxs","getIconWithVars","icon","color","iconSVG","Dropdown","className","combobox","createOption","emptyLabel","renderOption","searchPlaceholder","selectedItems","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","selectClassName","nativeSelectProps","buttonRef","useRef","containerRef","labelId","useId","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","customValue","canCreateOption","isValid","displayLabel","formatInlineLabel","renderDropdownOption","isSelected","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","continueComboboxSelection","commitCustomValue","onCreate","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","preventDefault","dropdown","cx","styles","inline","minimal","jsx","native","undefined","Button","trigger","currentValue","panel","Input","List","group","render","length","empty"],"mappings":"oWAgCO,SAASA,EAAYC,EAA+B,CACzD,OAAI,OAAOA,GAAS,UAAY,OAAOA,GAAS,SAAiBC,OAAOD,CAAI,EACxEE,MAAMC,QAAQH,CAAI,EAAUA,EAAKI,IAAIL,CAAW,EAAEM,KAAK,GAAG,EAC1DC,EAAAA,eAA+CN,CAAI,EAAUD,EAAYC,EAAKO,MAAMC,QAAQ,EACzF,EACT,CAEA,SAASC,GACPT,EACgF,CAChF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAAS,QAC/C,CAEA,SAASC,GACPX,EACoF,CACpF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAAS,UAC/C,CAEA,SAASE,GACPZ,EACmF,CACnF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAASG,EAAMC,QACrD,CAEA,SAASC,GAAuBf,EAAqD,CACnF,OAAOM,EAAAA,eAAeN,CAAI,GAAKA,EAAKU,OAASM,EAAAA,MAC/C,CAEO,SAASC,EACdT,EACAU,EACAC,EAAgB,GACE,CAClB,MAAMC,EAA4B,CAAA,EAElCC,OAAAA,EAAAA,SAASC,QAAQd,EAAWe,GAAU,CACpC,GAAIX,GAAkBW,CAAK,EACzBH,EAAQI,KAAK,GAAGP,EAAeM,EAAMhB,MAAMC,SAAUU,EAAYC,CAAa,CAAC,UACtEV,GAAgBc,CAAK,EAAG,CACjC,MAAME,EAAO1B,EAAYwB,EAAMhB,MAAMC,QAAQ,EAAEkB,KAAAA,EACzCC,EAAQJ,EAAMhB,MAAMoB,OAAS,KAAO1B,OAAOsB,EAAMhB,MAAMoB,KAAK,EAAIF,EACtEL,EAAQI,KAAK,CACXI,SAAUT,GAAiBU,EAAQN,EAAMhB,MAAMqB,SAC/CV,WAAAA,EACAY,OAAQD,EAAQN,EAAMhB,MAAMuB,OAC5BC,cAAeF,GAAQN,EAAMhB,MAAMuB,QAAUH,IAAU,IACvDK,MAAOT,EAAMhB,MAAMC,SACnByB,SAAUJ,EAAQN,EAAMhB,MAAM0B,SAC9BR,KAAAA,EACAE,MAAAA,CAAAA,CACD,CACH,MAAWhB,GAAkBY,CAAK,GAChCH,EAAQI,KACN,GAAGP,EACDM,EAAMhB,MAAMC,SACZe,EAAMhB,MAAMyB,MACZb,GAAiBU,EAAQN,EAAMhB,MAAMqB,QACvC,CACF,CAEJ,CAAC,EAEMR,CACT,CAEA,SAASc,GAAqBC,EAAe,CAC3C,MAAMC,EAAeD,EAAMT,KAAAA,EAC3B,GAAI,CAACU,EAAc,OAAO,KAG1B,MAAMC,EAAa,CAAC,GADE,OAAOC,KAAKF,CAAY,EAAIA,EAAe,IAAIA,CAAY,GAC7C,EACjChC,IAAKmC,GACAA,IAAc,IAAY,KAC1BA,IAAc,IAAY,IACvBA,EAAUC,QAAQ,qBAAsB,MAAM,CACtD,EACAnC,KAAK,EAAE,EAEV,OAAO,IAAIoC,OAAO,IAAIJ,CAAU,IAAK,GAAG,CAC1C,CAEO,SAASK,GAActB,EAA2Be,EAAe,CACtE,MAAMQ,EAAUT,GAAqBC,CAAK,EACpCS,EAAoBxB,EAAQyB,OAAQC,GAAW,CAACA,EAAOhB,QAAU,CAACgB,EAAOf,aAAa,EAC5F,OAAOY,EACHC,EAAkBC,OAAQC,GACxBH,EAAQL,KAAK,CAACQ,EAAO5B,WAAY4B,EAAOrB,KAAMqB,EAAOnB,KAAK,EAAEkB,OAAOhB,OAAO,EAAExB,KAAK,GAAG,CAAC,CACvF,EACAuC,CACN,CAEO,SAASG,GAAiB3B,EAA2B4B,EAAuB,CACjF,OACE5B,EAAQ6B,KAAMH,GAAWA,EAAOnB,QAAUqB,CAAa,GACvD5B,EAAQ6B,KAAMH,GAAWA,EAAOf,aAAa,GAC7CX,EAAQ,CAAC,CAEb,CAEO,SAAS8B,GACd9B,EACAO,EACAwB,EACA,SACA,OAAIxB,GAAS,KAAa1B,OAAO0B,CAAK,EAClCwB,GAAgB,KAAalD,OAAOkD,CAAY,IAC7C/B,EAAAA,EAAQ6B,KAAMH,GAAWA,EAAOb,QAAQ,IAAxCb,YAAAA,EAA2CO,UAASP,EAAAA,EAAQ,CAAC,IAATA,YAAAA,EAAYO,QAAS,EAClF,CAEO,SAASyB,GAAuBC,EAAsC,CAC3E,GAAItC,GAAuBsC,CAAa,EAAG,CACzC,KAAM,CAAE7C,SAAAA,EAAU8C,YAAAA,EAAa,GAAG/C,CAAAA,EAAU8C,EAAc9C,MAC1D,MAAO,CACLC,SACE+C,EAAAA,KAAAzC,WAAA,CACGwC,SAAAA,CAAAA,SACE,SAAA,CACC,OAAM,GACN,MAAM,GAELA,SAAAA,EACH,EAED9C,CAAAA,EACH,EAEFD,MAAAA,CAAAA,CAEJ,CAEA,MAAO,CAAEC,SAAU6C,EAAc9C,MAAMC,SAAUD,MAAO8C,EAAc9C,KAAAA,CACxE,snBCpHA,SAASiD,EAAgBC,EAAgBC,EAAyB,CAChE,MAAO,CACL,aAAcC,GAAAA,QAAQF,CAAI,EAAEjB,QAAQ,eAAgBkB,CAAK,CAAA,CAE7D,CAEO,MAAME,GAAWA,CAAC,CACvBpD,SAAU6C,EACVQ,UAAAA,EACAC,SAAAA,EAAW,GACXC,aAAAA,EACAC,WAAAA,EAAa,mBACbhC,MAAAA,EACAiC,aAAAA,EACAC,kBAAAA,EAAoB,SACpBC,cAAAA,EACAC,QAAAA,EAAU,UACV,GAAG7D,EACU,IAAM,CACnB,MAAM8D,EAAmBjB,GAAuBC,CAAa,EACvD,CAAEF,aAAAA,GAAcmB,SAAAA,EAAU3C,MAAAA,EAAO,GAAG4C,EAAAA,EAAoBF,EAAiB9D,MACzEiE,EAAcC,EAAAA,oBAAoBF,EAAe,EACjD,CAAEV,UAAWa,GAAiB,GAAGC,EAAAA,EAAsBH,EACvDI,EAAYC,EAAAA,OAA0B,IAAI,EAC1CC,EAAeD,EAAAA,OAAuB,IAAI,EAC1CE,EAAUC,EAAAA,MAAAA,EACVC,EAAkBJ,EAAAA,OAA0B,IAAI,EAChDK,EAAYL,EAAAA,OAAyB,IAAI,EACzCzD,EAAUH,EAAeoD,EAAiB7D,QAAQ,EAClD2E,EAAexD,GAAS,KACxByD,EAAelC,GAAgB9B,EAASO,EAAOwB,EAAY,EAC3D,CAACkC,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,IAAMH,CAAY,EAC/D,CAACI,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EACpC,CAACpD,EAAOuD,CAAQ,EAAIH,EAAAA,SAAS,EAAE,EAC/BvC,EAAgBmC,EAAelF,OAAO0B,CAAK,EAAI0D,EAC/CM,EAAa,CACjBC,QAASC,EAAAA,aAAa,qCAAqC,EAC3DC,MAAOD,EAAAA,aAAa,gBAAiB,OAAO,CAAA,EAExCE,EAAoB3B,IAAY,UAAYuB,EAAWG,MAAQH,EAAWC,QAC1EI,EAAgBjD,GAAiB3B,EAAS4B,CAAa,EACvDiD,GAAkBzC,EAAgB,UAAWuC,CAAiB,EAC9DG,GAAiB1C,EAAgB,SAAUuC,CAAiB,EAC5DI,EAAkBzD,GAActB,EAASe,CAAK,EAC9CiE,EAAcjE,EAAMT,KAAAA,EACpB2E,EAAkBxE,GACtBiC,GAAYC,GAAgBqC,GAAerC,EAAauC,QAAQF,CAAW,GAEvEG,GAAevE,GAASoC,IAAY,SAAWoC,EAAAA,kBAAkBxE,CAAK,EAAIA,EAC1EyE,EAAwB3D,GACvBA,GAGHmB,GAAAA,YAAAA,EAAe,CACb/C,WAAY4B,EAAO5B,WACnBwF,WAAY5D,EAAOnB,QAAUqB,EAC7BhB,MAAOc,EAAOd,MACdP,KAAMqB,EAAOrB,KACbE,MAAOmB,EAAOnB,KAAAA,KACVmB,EAAOd,MATK,mBAatB2E,EAAAA,UAAU,IAAM,CACV,CAACxB,GAAgB,CAAC/D,EAAQwF,KAAM9D,GAAWA,EAAOnB,QAAU0D,CAAa,GAC3EC,EAAiBF,CAAY,CAEjC,EAAG,CAACA,EAAcC,EAAeF,EAAc/D,CAAO,CAAC,EAEvDuF,EAAAA,UAAU,IAAM,OACd,GAAI,CAACnB,EAAQ,CACXE,EAAS,EAAE,EACX,MACF,EAEAR,EAAAA,EAAU2B,UAAV3B,MAAAA,EAAmB4B,OACrB,EAAG,CAACtB,CAAM,CAAC,EAEXmB,EAAAA,UAAU,IAAM,CACd,GAAI,CAACnB,EACH,OAGF,MAAMuB,EAAqBC,GAAsB,QAC1ClC,EAAAA,EAAa+B,UAAb/B,MAAAA,EAAsBmC,SAASD,EAAME,SACxCzB,EAAU,EAAK,CAEnB,EAEA0B,gBAASC,iBAAiB,YAAaL,CAAiB,EAEjD,IAAM,CACXI,SAASE,oBAAoB,YAAaN,CAAiB,CAC7D,CACF,EAAG,CAACvB,CAAM,CAAC,EAEX,MAAM8B,GAAsBN,GAAgD,CACrE7B,GACHG,EAAiB0B,EAAME,OAAOvF,KAAK,EAGrC2C,GAAAA,MAAAA,EAAW0C,EACb,EAEMO,EAAYA,IAAM,OACtB9B,EAAU,EAAK,EACV3B,IACHc,EAAAA,EAAUiC,UAAVjC,MAAAA,EAAmBkC,OAEvB,EAEMU,EAA4BA,IAAM,OACtC9B,EAAS,EAAE,EACXD,EAAU,EAAI,GACdP,EAAAA,EAAU2B,UAAV3B,MAAAA,EAAmB4B,OACrB,EAEMW,EAAoBA,IAAM,CAC1B,CAAC1D,GAAgB,CAACsC,IAEtBtC,EAAa2D,SAAStB,CAAW,EACjCoB,EAAAA,EACF,EAEMG,GAAeC,GAAsB,OACpCzC,GACHG,EAAiBsC,CAAS,EAG5B,MAAMC,EAAe5C,EAAgB4B,QAErC,GAAI,CAACgB,EAAc,CACjBN,EAAAA,EACA,MACF,CAEA,MAAMO,GAAcC,EAAAA,OAAOC,yBAAyBC,kBAAkBC,UAAW,OAAO,IAApEH,YAAAA,EAAuEI,IAE3FL,GAAAA,MAAAA,EAAaM,KAAKP,EAAcD,GAChCC,EAAaQ,cAAc,IAAIC,MAAM,SAAU,CAAEC,QAAS,EAAA,CAAM,CAAC,EAC7DzE,EACF0D,EAAAA,EAEAD,EAAAA,CAEJ,EAEMiB,GAAiBxB,GAA+C,CAChEA,EAAMyB,MAAQ,UAChBlB,EAAAA,EAGEP,EAAMyB,MAAQ,SAAWzB,EAAME,SAAWhC,EAAU2B,SAAWR,IACjEW,EAAM0B,eAAAA,EACNjB,EAAAA,EAEJ,EAEMkB,SACH,MAAA,CACC,UAAWC,IACTC,EAAOF,SACPvE,IAAY,UAAYyE,EAAOC,OAC/B1E,IAAY,WAAayE,EAAOE,QAChClF,CACF,EACA,UAAW2E,GACX,IAAK1D,EACL,GAAIvE,GAEJ,SAAA,CAAAyI,EAAAA,IAAC,SAAA,CACC,GAAIrE,GACJ,cAAY,OACZ,UAAWiE,EAAAA,EAAGC,EAAOI,OAAQvE,EAAe,EAC5C,SAAU4C,GACV,IAAKrC,EACL,SAAU,GACV,MAAOjC,EAENqB,WAAiB7D,QAAAA,CACpB,EACCsD,EACCP,EAAAA,KAAC,MAAA,CACC,UAAWsF,EAAO/E,SAClB,QAAS,IAAA,OAAMoB,OAAAA,EAAAA,EAAU2B,UAAV3B,YAAAA,EAAmB4B,SAEjC3C,SAAAA,CAAAA,EACD6E,MAAC,SACC,oBAAkB,OAClB,gBAAexD,EACf,aAAYhB,EAAY,YAAY,GAAKxC,GAASkC,EAClD,UAAW2E,EAAO,gBAAgB,EAClC,SAAUrE,EAAY5C,SACtB,SAAWoF,GAAU,CACnBtB,EAASsB,EAAME,OAAOvF,KAAK,EAC3B8D,EAAU,EAAI,CAChB,EACA,QAAS,IAAMA,EAAU,EAAI,EAC7B,QAAS,IAAMA,EAAU,EAAI,EAC7B,YAAavB,GAAqBgF,OAClC,IAAKhE,EACL,KAAK,WACL,KAAK,OACL,MAAO/C,CAAAA,CAAM,CAAA,CAAA,CAEjB,EAEA6G,EAAAA,IAACG,EAAAA,OAAA,CACC,gBAAe3D,EACf,gBAAc,SACd,kBAAiBxD,EAAQ,GAAG+C,CAAO,IAAIA,CAAO,SAAWmE,OACzD,UAAWN,EAAAA,EAAGC,EAAOO,SAASpD,GAAAA,YAAAA,EAAejE,gBAAiB8G,EAAOvF,WAAW,EAChF,YAAWkC,EAAS,OAAS0D,OAC7B,SAAU1E,EAAY5C,SACtB,QAAS,IAAM6D,EAAW4D,GAAiB,CAACA,CAAY,EACxD,IAAKzE,EACL,MAAOqB,GACP,QAAQ,WAER,SAAA+C,MAAC,OAAA,CACC,UAAWH,EAAOpH,KAClB,GAAI,GAAGsD,CAAO,SAEb0B,SAAAA,EAAqBT,CAAa,CAAA,CACrC,CAAA,CACF,EAEDR,GACCjC,EAAAA,KAAC,MAAA,CAAI,UAAWsF,EAAOS,MACpB,SAAA,CAAA,CAACxF,GACAkF,EAAAA,IAACO,EAAAA,MAAA,CACC,aAAW,SACX,UAAWV,EAAOhG,OAClB,KAAK,SACL,SAAWmE,GAAUtB,EAASsB,EAAME,OAAOvF,KAAK,EAChD,YAAauC,EACb,IAAKgB,EACL,MAAOgB,GACP,KAAK,SACL,MAAO/D,CAAAA,CAAM,SAGhBqH,GAAAA,KAAA,CACC,aAAW,WACX,UAAWX,EAAOzH,QAEjB+E,SAAAA,CAAAA,EAAgB/F,IAAK0C,GAAW,CAC/B,MAAM4D,EAAa5D,EAAOnB,QAAUqB,EAEpC,OACEgG,EAAAA,IAAC,KAAA,CAAyD,iBAAA,WACxD,gBAACG,EAAAA,OAAA,CACC,aAAYzC,EAAa,GAAG5D,EAAOrB,IAAI,aAAeqB,EAAOrB,KAC7D,UAAWmH,EAAAA,EAAGC,EAAO/F,OAAQ4D,GAAcmC,EAAO5G,QAAQ,EAC1D,SAAUa,EAAOlB,SACjB,QAAS,IAAM+F,GAAY7E,EAAOnB,KAAK,EACvC,QAAQ,WAER,SAAA,CAAAqH,MAAC,QAAK,UAAWH,EAAOpH,KAAOgF,SAAAA,EAAqB3D,CAAM,EAAE,EAC3DA,EAAO5B,YACN8H,MAAC,QAAA,CAAM,UAAWH,EAAOY,MAAQ3G,WAAO5B,UAAAA,CAAW,CAAA,EAEvD,CAAA,EAZO,GAAG4B,EAAO5B,YAAc,MAAM,IAAI4B,EAAOnB,KAAK,EAavD,CAEJ,CAAC,EACA0E,GAAmBtC,GAClBiF,MAAC,KAAA,CACC,SAAAA,EAAAA,IAACG,SAAA,CACC,aAAYpJ,EAAYgE,EAAa2F,OAAOtD,CAAW,CAAC,GAAKA,EAC7D,UAAWyC,EAAO/F,OAClB,QAAS2E,EACT,QAAQ,WAER,eAAC,OAAA,CAAK,UAAWoB,EAAOpH,KAAOsC,SAAAA,EAAa2F,OAAOtD,CAAW,CAAA,CAAE,EAClE,EACF,EAEDD,EAAgBwD,SAAW,GAAK,CAACtD,SAC/B,KAAA,CAAG,UAAWwC,EAAOe,MAAQ5F,SAAAA,CAAAA,CAAW,CAAA,CAAA,CAE7C,CAAA,CAAA,CACF,CAAA,EAEJ,EAGF,OAAOhC,EACLuB,EAAAA,KAAC,MAAA,CAAI,UAAWqF,EAAAA,EAAGC,EAAO7G,MAAOoC,IAAY,UAAYyE,EAAO,cAAc,CAAC,EAAE,iBAAA,WAC/E,SAAA,CAAAG,EAAAA,IAAC,OAAA,CAAK,GAAIjE,EAAUwB,SAAAA,GAAa,EAChCoC,CAAAA,CAAAA,CACH,EAEAA,CAEJ"}

package/dist/components/dropdown/index.js

@@ -1,36 +1,36 @@
-import { jsxs as p, Fragment as pe, jsx as s } from "react/jsx-runtime";
-import { t as V } from "../../classix-DG18itHa.js";
-import fe, { Children as me, isValidElement as v, useRef as I, useId as be, useState as W, useEffect as Q } from "react";
-import { Button as z } from "../button/index.js";
-import { i as he } from "../../icons-Bq3diTRm.js";
-import { f as _e, I as ye } from "../../index-ClZkChEh.js";
-import { List as ge } from "../list/index.js";
-import { S as ve, s as xe, r as ee } from "../../index-DwzLUapm.js";
-import '../../assets/index39.css';function L(t) {
-  return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(L).join(" ") : v(t) ? L(t.props.children) : "";
+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 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-BIV5OwVJ.js";
+import { List as xe } from "../list/index.js";
+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 we(t) {
-  return v(t) && t.type === "option";
+function je(t) {
+  return x(t) && t.type === "option";
 }
-function Se(t) {
-  return v(t) && t.type === "optgroup";
+function Ne(t) {
+  return x(t) && t.type === "optgroup";
 }
-function qe(t) {
-  return v(t) && t.type === fe.Fragment;
+function Se(t) {
+  return x(t) && t.type === be.Fragment;
 }
-function Ne(t) {
-  return v(t) && t.type === ve;
+function Ce(t) {
+  return x(t) && t.type === ke;
 }
-function M(t, i, r = !1) {
+function A(t, s, r = !1) {
   const l = [];
-  return me.forEach(t, (n) => {
-    if (qe(n))
-      l.push(...M(n.props.children, i, r));
-    else if (we(n)) {
-      const a = L(n.props.children).trim(), f = n.props.value != null ? String(n.props.value) : a;
+  return he.forEach(t, (n) => {
+    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: i,
+        groupLabel: s,
         hidden: !!n.props.hidden,
         isPlaceholder: !!(n.props.hidden && f === ""),
         label: n.props.children,
@@ -38,37 +38,37 @@ function M(t, i, r = !1) {
         text: a,
         value: f
       });
-    } else Se(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 Ce(t) {
-  const i = t.trim();
-  if (!i) return null;
-  const l = [.../[*?]/.test(i) ? i : `*${i}*`].map((n) => n === "*" ? ".*" : n === "?" ? "." : n.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
+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 Ee(t, i) {
-  const r = Ce(i), 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 Ve(t, i) {
-  return t.find((r) => r.value === i) ?? t.find((r) => r.isPlaceholder) ?? t[0];
+function Ie(t, s) {
+  return t.find((r) => r.value === s) ?? t.find((r) => r.isPlaceholder) ?? t[0];
 }
-function Ie(t, i, r) {
+function Le(t, s, r) {
   var l, n;
-  return i != null ? String(i) : r != null ? String(r) : ((l = t.find((a) => a.selected)) == null ? void 0 : l.value) ?? ((n = t[0]) == null ? void 0 : n.value) ?? "";
+  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 Le(t) {
-  if (Ne(t)) {
+function $e(t) {
+  if (Ce(t)) {
     const {
-      children: i,
+      children: s,
       placeholder: r,
       ...l
     } = t.props;
     return {
-      children: /* @__PURE__ */ p(pe, { children: [
-        r && /* @__PURE__ */ s("option", { hidden: !0, value: "", children: r }),
-        i
+      children: /* @__PURE__ */ p(me, { children: [
+        r && /* @__PURE__ */ i("option", { hidden: !0, value: "", children: r }),
+        s
       ] }),
       props: l
     };
@@ -78,135 +78,138 @@ function Le(t) {
     props: t.props
   };
 }
-const $e = "_combobox_1bqyf_3", Be = "_dropdown_1bqyf_27", ke = "_empty_1bqyf_30", De = "_group_1bqyf_31", Pe = "_placeholder_1bqyf_32", Re = "_filter_1bqyf_40", je = "_native_1bqyf_52", Fe = "_option_1bqyf_62", We = "_options_1bqyf_84", Qe = "_panel_1bqyf_108", ze = "_selected_1bqyf_132", Me = "_text_1bqyf_136", Ae = "_trigger_1bqyf_144", Ge = "_minimal_1bqyf_180", Ke = "_inline_1bqyf_235", Oe = "_label_1bqyf_267", o = {
-  combobox: $e,
-  "combobox-input": "_combobox-input_1bqyf_12",
-  dropdown: Be,
-  empty: ke,
-  group: De,
-  placeholder: Pe,
-  filter: Re,
-  native: je,
-  option: Fe,
-  options: We,
-  panel: Qe,
-  selected: ze,
-  text: Me,
-  trigger: Ae,
-  minimal: Ge,
-  inline: Ke,
-  label: Oe,
-  "inline-field": "_inline-field_1bqyf_273"
+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: 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_jkdyb_273"
 };
-function te(t, i) {
+function te(t, s) {
   return {
-    "--icon-svg": he(t).replace("currentColor", i)
+    "--icon-svg": ye(t).replace("currentColor", s)
   };
 }
-const tt = ({
+const rt = ({
   children: t,
-  className: i,
+  className: s,
   combobox: r = !1,
   createOption: l,
   emptyLabel: n = "No matches found",
   label: a,
   renderOption: f,
-  searchPlaceholder: $ = "Filter",
+  searchPlaceholder: L = "Filter",
   selectedItems: ne,
   variant: _ = "default",
   ...re
 }) => {
-  const B = Le(t), {
+  const $ = $e(t), {
     defaultValue: le,
-    onChange: k,
-    value: D,
+    onChange: B,
+    value: P,
     ...oe
-  } = B.props, x = xe(oe), A = I(null), G = I(null), w = be(), K = I(null), m = I(null), y = M(B.children), g = D != null, P = Ie(y, D, le), [R, j] = W(() => P), [c, d] = W(!1), [S, q] = W(""), N = g ? String(D) : R, O = {
+  } = $.props, k = we(oe), {
+    className: se,
+    ...ie
+  } = 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, C = Ve(y, N), ie = te("chevron", T), se = te("search", T), H = Ee(y, S), b = S.trim(), E = !!(r && l && b && l.isValid(b)), ae = a && _ === "inline" ? _e(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 === N,
+    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(P);
-  }, [P, 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 ce = (e) => {
-    g || j(e.target.value), k == null || k(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 || !E || (l.onCreate(b), U());
-  }, ue = (e) => {
+  }, 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();
-  }, de = (e) => {
-    e.key === "Escape" && F(), 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, i), onKeyDown: de, ref: G, ...re, children: [
-    /* @__PURE__ */ s("select", { ...x, "aria-hidden": "true", className: o.native, onChange: ce, ref: K, tabIndex: -1, value: N, children: B.children }),
+    })), r ? U() : W();
+  }, fe = (e) => {
+    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__ */ s("input", { "aria-autocomplete": "list", "aria-expanded": c, "aria-label": x["aria-label"] ?? a ?? $, className: o["combobox-input"], disabled: x.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__ */ s(z, { "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: x.disabled, onClick: () => d((e) => !e), ref: A, style: ie, variant: "tertiary", children: /* @__PURE__ */ s("span", { className: o.text, id: `${w}-value`, children: J(C) }) }),
+      /* @__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__ */ s(ye, { "aria-label": "Filter", className: o.filter, icon: "search", onChange: (e) => q(e.target.value), placeholder: $, ref: m, style: se, type: "search", value: S }),
-      /* @__PURE__ */ p(ge, { "aria-label": "Dropdown", className: o.options, children: [
+      !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 === N;
-          return /* @__PURE__ */ s("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: () => ue(e.value), variant: "tertiary", children: [
-            /* @__PURE__ */ s("span", { className: o.text, children: J(e) }),
-            e.groupLabel && /* @__PURE__ */ s("small", { className: o.group, children: e.groupLabel })
+          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}`);
         }),
-        E && l && /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(z, { "aria-label": L(l.render(b)) || b, className: o.option, onClick: X, variant: "tertiary", children: /* @__PURE__ */ s("span", { className: o.text, children: l.render(b) }) }) }),
-        H.length === 0 && !E && /* @__PURE__ */ s("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__ */ s("span", { id: w, children: ae }),
+  return a ? /* @__PURE__ */ p("div", { className: v(o.label, _ === "inline" && o["inline-field"]), "data-component": "dropdown", children: [
+    /* @__PURE__ */ i("span", { id: w, children: de }),
     Y
   ] }) : Y;
 };
 export {
-  tt as Dropdown
+  rt as Dropdown
 };
 //# sourceMappingURL=index.js.map