import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l}from"react";import{F as o,u as t}from"./useFilterSelectOptionPanel-CC8v2EC-.js";import{E as n,M as s,x as i,G as r,H as m,J as u}from"./index-CQXsL1YZ.js";import"react-dom";import"@bbodek/hooks";import"@bbodek/utils";import"overlay-kit";const c=()=>{const{onChange:a,onSearch:l,internalOptions:t}=n();return e(o,{disabled:0===t.length||void 0===t.find((({isSelected:e})=>e)),onClick:()=>{l({value:null}),a()}})},d=()=>{const o=l(),n=l(),d=l(),{models:{value:p,options:h},operations:{onChange:v}}=(()=>{const{models:{options:e,value:a},operations:{handleChange:l}}=t(),o=e.options.map((({value:e,displayValue:a})=>({value:e,label:a})));return{models:{value:(a??[]).map((e=>({value:e,label:o.find((a=>a.value===e))?.label??""}))),options:o},operations:{onChange:e=>{const a=e?e.map((({value:e})=>e)):null;l({value:a})}}}})();return e(s,{options:h,selectListResultId:n,selectedListResultId:d,value:p,onChange:v,children:a(i,{className:"in-tablet:min-w-[36.25rem] mx-auto w-[22.5rem] flex-1 justify-between overflow-hidden",direction:"column",children:[e(r,{className:"in-tablet:min-h-[calc(34svh-3.75rem)] in-tablet:max-h-[calc(46svh-3.75rem)] h-[100svh-4rem]",labelId:o,searchPanel:e(u,{}),selectedPanel:e(m,{})}),e(c,{})]})})};export{d as default};
//# sourceMappingURL=FilterMultiSelectPanel-CFgk-2mj.js.map
