ingred-ui 23.2.0 → 23.2.1

package/dist/components/Select2/styled.d.ts

@@ -33,6 +33,7 @@ export declare const Placeholder: import("styled-components").StyledComponent<"s
 export declare const IconArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $size?: Select2Size | undefined;
     $disabled?: boolean | undefined;
+    $multiple?: boolean | undefined;
 }, never>;
 export declare const StyledContextMenu2TextInputItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     onEnter?: (() => void) | undefined;

package/dist/index.es.js

@@ -2263,7 +2263,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
   padding-left: 48px;
 `;const Qv=({label:e,children:n})=>{const{activeSection:r,setActiveSection:i}=g(dv),o=p((()=>r===e),[e,r]),a=p((()=>null!==r&&r!==e),[e,r]),l=d((()=>{i(o?null:e)}),[e,o,i]);return a?null:t.createElement(uv.Provider,{value:{groupName:e}},t.createElement(Jv,{type:"button","aria-label":`${e}を開く`,"aria-expanded":o,onClick:l},t.createElement(Xv,null,t.createElement(X,{name:"arrow_left",color:N.basic[900]})),t.createElement("div",null,e),t.createElement(Yv,null,t.createElement(X,{name:"arrow_right",color:N.basic[900]}))),o&&n)};Qv.displayName="DualListBox2Section";const _v=v(pl)`
   margin-right: 16px;
-`,Kv=({pageSize:e,pageSizeOptions:n,onPageSizeChange:r})=>t.createElement(pd,{width:136,trigger:t.createElement(_v,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件")))),qv=e=>e.reduce(((e,t)=>{const n=e.find((e=>e.groupName===t.groupName));return n?n.items.push({id:t.id,label:t.label}):e.push({groupName:t.groupName,items:[{id:t.id,label:t.label}]}),e}),[]),ex=t.memo((({id:e,children:n})=>{const{includedIds:r,excludedIds:i,onIncludedChange:o,onExcludedChange:a}=g(dv),l=p((()=>r.includes(e)),[r,e]),s=p((()=>i.includes(e)),[i,e]),c=d((()=>{l&&o(r.filter((t=>t!==e))),s&&a(i.filter((t=>t!==e)))}),[l,s,r,i,o,a,e]);return t.createElement(Bv,null,n,t.createElement("button",{type:"button","aria-label":"解除",onClick:c}))}));ex.displayName="DualListBox2SelectedItem";const tx=({label:e})=>t.createElement(Gv,null,e),nx=n((({included:e,excluded:n,disableInclude:l,disableExclude:s,menuButtons:c,children:u,loading:m,onIncludedChange:g,onExcludedChange:h,onLoadMore:f,pageSize:v=50,pageSizeOptions:x=[10,50,100,200],onPageSizeChange:y,filter:w="",onFilterChange:C},E)=>{const[I,A]=r(0),[k,M]=r(""),[H,V]=r(null),[L,Z]=r(!1),D=i(null),O=C?w:k,R=d((e=>{const t=e.target.value;C?C(t):M(t)}),[C]),S=d((()=>{C?C(""):M("")}),[C]),$=d((e=>{V(e),null===e&&S()}),[S]),T=p((()=>{let e=!1;return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&(e=!0)})),e}),[u]),z=p((()=>{const e=O.trim();return e?e.split(/\s+/):[]}),[O]),B=p((()=>mv(u)),[u]),G=d((e=>{if(!a(e))return e;if(e.type!==cv)return e;const t=B.find((t=>t.id===e.props.id));return t&&z.every((e=>t.label.toLowerCase().includes(e.toLowerCase())))?e:null}),[z,B]),W=p((()=>z.length?t.Children.map(u,(e=>{if(!a(e))return e;if(e.type===cv)return G(e);if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Accordion"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return 0===n.length?null:t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Section"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}return e})):u),[u,z,G]),P=p((()=>e.map((e=>e.id))),[e]),j=p((()=>n.map((e=>e.id))),[n]),F=p((()=>B.map((e=>e.id))),[B]),Y=p((()=>0===z.length?F:F.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[F,B,z]),J=p((()=>{if(!T)return[];if(null===H)return[];const e=[];return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&t.props.label===H&&pv(t.props.children,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===cv.displayName&&e.push(t.props.id)}))})),e}),[H,u,T]),U=p((()=>0===z.length?J:J.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[J,B,z]),Q=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>P.includes(e)))}return!!Y.every((e=>P.includes(e)))}),[T,H,Y,U,P]),_=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>j.includes(e)))}return!!Y.every((e=>j.includes(e)))}),[T,H,Y,U,j]),K=d((()=>{e.length&&g([]),n.length&&h([])}),[e,n,g,h]),q=d((()=>{if(T){if(null===H)return;return g(Array.from(new Set([...P,...U]))),void h(j.filter((e=>!U.includes(e))))}g(Array.from(new Set([...P,...Y]))),h(j.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),ee=d((()=>{if(T){if(null===H)return;return h(Array.from(new Set([...j,...U]))),void g(P.filter((e=>!U.includes(e))))}h(Array.from(new Set([...j,...Y]))),g(P.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),te=d((async e=>{if(e[0].isIntersecting&&!L&&f){Z(!0);try{await f()}finally{Z(!1)}}}),[L,f]);return o((()=>{if("undefined"==typeof IntersectionObserver)return;const e=new IntersectionObserver(te,{root:null,rootMargin:"100px",threshold:.1}),t=D.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[te]),t.createElement(bv,{ref:E,role:"region","aria-label":"デュアルリストボックス"},t.createElement(vv,{role:"tablist","aria-label":"リストの表示切り替え"},t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":0===I,"aria-expanded":0===I,"aria-controls":"list-items-panel",onClick:()=>A(0)},"リストアイテム")),t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":1===I,"aria-expanded":1===I,"aria-controls":"selected-items-panel",onClick:()=>A(1)},"選択済みアイテム",(e.length>0||n.length>0)&&t.createElement(xv,null,e.length+n.length)))),t.createElement(yv,null,t.createElement(dv.Provider,{value:{filterWords:z,includedIds:P,excludedIds:j,activeSection:H,onIncludedChange:g,onExcludedChange:h,setActiveSection:$}},t.createElement(wv,{isShow:0===I,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},t.createElement(Ev,{hasMenu:!(!c&&!y)},t.createElement(Iv,null,t.createElement(X,{name:"search",size:"sm",color:N.basic[600]}),t.createElement("input",{"aria-label":"アイテムを検索",disabled:T&&null===H,placeholder:"検索",type:"text",value:O,onChange:R}),O&&t.createElement(Av,{type:"button","aria-label":"検索をリセット",onClick:S})),(c||y)&&t.createElement(md,null,t.createElement(pd,{trigger:t.createElement(kv,{type:"button"},t.createElement(X,{name:"more_vert",color:N.basic[900]}))},y&&t.createElement(Kv,{pageSize:v,pageSizeOptions:x,onPageSizeChange:y}),c)),t.createElement(Mv,null,m?t.createElement(ir,{width:"16px"}):t.createElement(t.Fragment,null,T&&null===H?"-":T?U.length.toLocaleString("en-US"):Y.length.toLocaleString("en-US"),"件")),t.createElement(Hv,null,!l&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:Q,onClick:q},t.createElement(X,{name:"check_thin",color:Q?N.basic[400]:N.blue[500]}),"全て追加")),!s&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:_,onClick:ee},t.createElement(X,{name:"forbid",color:_?N.basic[400]:N.red[500]}),"全て除外")))),t.createElement(Cv,null,W,t.createElement("div",{ref:D,style:{height:"20px"}},m&&t.createElement(Uv,null,"読み込み中...")))),t.createElement(Nv,{isShow:1===I},t.createElement(Vv,null,t.createElement(Zv,null,0!==e.length&&t.createElement(Ov,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),e.length),0!==n.length&&t.createElement(Rv,null,t.createElement(X,{name:"forbid",color:N.red[500]}),n.length)),t.createElement(Sv,null,t.createElement(Nt,{type:"button",color:"basicLight",size:"small",disabled:!e.length&&!n.length,onClick:K},"選択をクリア"))),t.createElement(Lv,null,!!e.length&&t.createElement($v,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),"追加"),qv(e).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))),!!n.length&&t.createElement($v,null,t.createElement(X,{name:"forbid",color:N.red[500]}),"除外"),qv(n).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))))))))}));nx.displayName="DualListBox2";const rx=e.forwardRef((function({children:t},n){const r=G();return e.createElement(J,{ref:n,display:"flex",alignItems:"center"},e.createElement(It,{pr:.5},e.createElement(X,{name:"alert",color:r.palette.danger.main,size:"md"})),e.createElement(oe,{color:r.palette.danger.main},t))})),ix=v.div`
+`,Kv=({pageSize:e,pageSizeOptions:n,onPageSizeChange:r})=>t.createElement(pd,{width:136,trigger:t.createElement(_v,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件")))),qv=e=>e.reduce(((e,t)=>{const n=e.find((e=>e.groupName===t.groupName));return n?n.items.push({id:t.id,label:t.label}):e.push({groupName:t.groupName,items:[{id:t.id,label:t.label}]}),e}),[]),ex=t.memo((({id:e,children:n})=>{const{includedIds:r,excludedIds:i,onIncludedChange:o,onExcludedChange:a}=g(dv),l=p((()=>r.includes(e)),[r,e]),s=p((()=>i.includes(e)),[i,e]),c=d((()=>{l&&o(r.filter((t=>t!==e))),s&&a(i.filter((t=>t!==e)))}),[l,s,r,i,o,a,e]);return t.createElement(Bv,null,n,t.createElement("button",{type:"button","aria-label":"解除",onClick:c}))}));ex.displayName="DualListBox2SelectedItem";const tx=({label:e})=>t.createElement(Gv,null,e),nx=n((({included:e,excluded:n,disableInclude:l,disableExclude:s,menuButtons:c,children:u,loading:m,onIncludedChange:g,onExcludedChange:h,onLoadMore:f,pageSize:v=50,pageSizeOptions:x=[10,50,100,200],onPageSizeChange:y,filter:w="",onFilterChange:C},E)=>{const[I,A]=r(0),[k,M]=r(""),[H,V]=r(null),[L,Z]=r(!1),D=i(null),O=C?w:k,R=d((e=>{const t=e.target.value;C?C(t):M(t)}),[C]),S=d((()=>{C?C(""):M("")}),[C]),$=d((e=>{V(e),null===e&&S()}),[S]),T=p((()=>{let e=!1;return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&(e=!0)})),e}),[u]),z=p((()=>{const e=O.trim();return e?e.split(/\s+/):[]}),[O]),B=p((()=>mv(u)),[u]),G=d((e=>{if(!a(e))return e;if(e.type!==cv)return e;const t=B.find((t=>t.id===e.props.id));return t&&z.every((e=>t.label.toLowerCase().includes(e.toLowerCase())))?e:null}),[z,B]),W=p((()=>z.length?t.Children.map(u,(e=>{if(!a(e))return e;if(e.type===cv)return G(e);if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Accordion"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return 0===n.length?null:t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}if("string"!=typeof e.type&&"displayName"in e.type&&"DualListBox2Section"===e.type.displayName){const n=t.Children.toArray(e.props.children).filter(a).map((e=>G(e))).filter(Boolean);return t.cloneElement(e,Object.assign(Object.assign({},e.props),{children:n}))}return e})):u),[u,z,G]),P=p((()=>e.map((e=>e.id))),[e]),j=p((()=>n.map((e=>e.id))),[n]),F=p((()=>B.map((e=>e.id))),[B]),Y=p((()=>0===z.length?F:F.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[F,B,z]),J=p((()=>{if(!T)return[];if(null===H)return[];const e=[];return pv(u,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===Qv.displayName&&t.props.label===H&&pv(t.props.children,(t=>{a(t)&&"string"!=typeof t.type&&"displayName"in t.type&&t.type.displayName===cv.displayName&&e.push(t.props.id)}))})),e}),[H,u,T]),U=p((()=>0===z.length?J:J.filter((e=>{const t=B.find((t=>t.id===e));return!!t&&z.every((e=>t.label.includes(e)))}))),[J,B,z]),Q=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>P.includes(e)))}return!!Y.every((e=>P.includes(e)))}),[T,H,Y,U,P]),_=p((()=>{if(T){if(null===H)return!0;return!!U.every((e=>j.includes(e)))}return!!Y.every((e=>j.includes(e)))}),[T,H,Y,U,j]),K=d((()=>{e.length&&g([]),n.length&&h([])}),[e,n,g,h]),q=d((()=>{if(T){if(null===H)return;return g(Array.from(new Set([...P,...U]))),void h(j.filter((e=>!U.includes(e))))}g(Array.from(new Set([...P,...Y]))),h(j.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),ee=d((()=>{if(T){if(null===H)return;return h(Array.from(new Set([...j,...U]))),void g(P.filter((e=>!U.includes(e))))}h(Array.from(new Set([...j,...Y]))),g(P.filter((e=>!Y.includes(e))))}),[Y,g,h,T,H,P,j,U]),te=d((async e=>{if(e[0].isIntersecting&&!L&&f){Z(!0);try{await f()}finally{Z(!1)}}}),[L,f]);return o((()=>{if("undefined"==typeof IntersectionObserver)return;const e=new IntersectionObserver(te,{root:null,rootMargin:"100px",threshold:.1}),t=D.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[te]),t.createElement(bv,{ref:E,role:"region","aria-label":"デュアルリストボックス"},t.createElement(vv,{role:"tablist","aria-label":"リストの表示切り替え"},t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":0===I,"aria-expanded":0===I,"aria-controls":"list-items-panel",onClick:()=>A(0)},"リストアイテム")),t.createElement("li",null,t.createElement("button",{type:"button",role:"tab","aria-selected":1===I,"aria-expanded":1===I,"aria-controls":"selected-items-panel",onClick:()=>A(1)},"選択済みアイテム",(e.length>0||n.length>0)&&t.createElement(xv,null,e.length+n.length)))),t.createElement(yv,null,t.createElement(dv.Provider,{value:{filterWords:z,includedIds:P,excludedIds:j,activeSection:H,onIncludedChange:g,onExcludedChange:h,setActiveSection:$}},t.createElement(wv,{isShow:0===I,id:"list-items-panel",role:"tabpanel","aria-labelledby":"list-items-tab"},t.createElement(Ev,{hasMenu:!(!c&&!y)},t.createElement(Iv,null,t.createElement(X,{name:"search",size:"sm",color:N.basic[600]}),t.createElement("input",{"aria-label":"アイテムを検索",disabled:T&&null===H,placeholder:"検索",type:"text",value:O,onChange:R}),O&&t.createElement(Av,{type:"button","aria-label":"検索をリセット",onClick:S})),(c||y)&&t.createElement(md,null,t.createElement(pd,{trigger:t.createElement(kv,{type:"button"},t.createElement(X,{name:"more_vert",color:N.basic[900]}))},y&&t.createElement(Kv,{pageSize:v,pageSizeOptions:x,onPageSizeChange:y}),c)),t.createElement(Mv,null,m?t.createElement(ir,{width:"16px"}):t.createElement(t.Fragment,null,T&&null===H?"-":T?U.length.toLocaleString("en-US"):Y.length.toLocaleString("en-US"),"件")),t.createElement(Hv,null,!l&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:Q,onClick:q},t.createElement(X,{name:"check_thin",color:Q?N.basic[400]:N.blue[500]}),"全て追加")),!s&&t.createElement("li",null,t.createElement("button",{type:"button",disabled:_,onClick:ee},t.createElement(X,{name:"forbid",color:_?N.basic[400]:N.red[500]}),"全て除外")))),t.createElement(Cv,null,W,t.createElement("div",{ref:D,style:{height:"20px"}},m&&t.createElement(Uv,null,"読み込み中...")))),t.createElement(Nv,{isShow:1===I},t.createElement(Vv,null,t.createElement(Zv,null,0!==e.length&&t.createElement(Ov,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),e.length),0!==n.length&&t.createElement(Rv,null,t.createElement(X,{name:"forbid",color:N.red[500]}),n.length)),t.createElement(Sv,null,t.createElement(Nt,{type:"button",color:"basicLight",size:"small",disabled:!e.length&&!n.length,onClick:K},"選択をクリア"))),t.createElement(Lv,null,!!e.length&&t.createElement($v,null,t.createElement(X,{name:"check_thin",color:N.blue[500]}),"追加"),qv(e).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))),!!n.length&&t.createElement($v,null,t.createElement(X,{name:"forbid",color:N.red[500]}),"除外"),qv(n).map((e=>t.createElement(b,{key:e.groupName||"_"},e.groupName&&t.createElement(tx,{label:e.groupName}),e.items.map((e=>t.createElement(ex,{key:e.id,id:e.id},e.label)))))))))))}));nx.displayName="DualListBox2";const rx=e.forwardRef((function({children:t},n){const r=G();return e.createElement(J,{ref:n,display:"flex",alignItems:"center"},e.createElement(It,{pr:.5},e.createElement(X,{name:"alert",type:"fill",color:r.palette.danger.main,size:"md"})),e.createElement(oe,{color:r.palette.danger.main},t))})),ix=v.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -3439,7 +3439,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
   position: absolute;
   inset: 0;
   display: flex;
-  justify-content: ${({$multiple:e})=>e?"flex-end":"space-between"};
+  justify-content: ${({$multiple:e})=>e?"flex-start":"space-between"};
   align-items: center;
   width: 100%;
   height: 100%;
@@ -3504,6 +3504,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
   width: ${({$size:e})=>e?Xw[e].iconSize:"18px"};
   aspect-ratio: 1;
   margin-right: 8px;
+  margin-left: ${({$multiple:e})=>e?"auto":"0"};
   position: relative;
   z-index: 4;
   svg {
@@ -3526,7 +3527,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
 `;v.div`
   max-height: 180px;
   overflow-y: auto;
-`;const rC=e=>{var{value:n,multiple:l=!1,disabled:c=!1,placeholder:u="選択してください",size:m="medium",variant:g="light",tagVariant:h,searchable:f=!1,searchPlaceholder:b="検索",noResultsMessage:v="見つかりませんでした",error:x=!1,applyButtonText:y="適用",cancelButtonText:w="キャンセル",children:C,onChange:E,onTempChange:I}=e,A=M(e,["value","multiple","disabled","placeholder","size","variant","tagVariant","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange"]);const[k,H]=r(!1),[N,V]=r(""),[L,Z]=r([]),[D,O]=r(!1),R=i(null),S=p((()=>h||("light"===g?"dark":"light")),[g,h]),$=p((()=>l?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,l]),T=p((()=>{if(!C)return[];const e=[],t=n=>{s.forEach(n,(n=>{if(!a(n))return;const r=n;if(r.type&&"string"!=typeof r.type){const n=r.type.displayName||r.type.name;if("Select2Option"===n){const t=r.props.value,n=r.props.children,i=!!r.props.disabled;void 0!==t&&e.push({value:t,label:String(n),disabled:i})}else"Select2OptionGroup"===n&&r.props.children&&t(r.props.children)}}))};return t(C),e}),[C]),z=d((e=>{null==E||E(e)}),[E]),B=d((e=>{c||(H(e),e&&l&&Z([...$]),e||V(""))}),[c,l,$]),G=d((e=>{e.disabled||(z(e.value),H(!1),V(""))}),[z]),W=d(((e,t)=>{t.disabled||Z((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),P=d((()=>{l&&z(L),H(!1),V("")}),[z,l,L]),j=d((()=>{H(!1),V("")}),[]),F=d((e=>{if(l&&Array.isArray(n)){const t=n.filter((t=>t!==e));z(t)}}),[l,n,z]),Y=d((e=>{V(e.target.value)}),[]),J=d((e=>{e.stopPropagation()}),[]),U=p((()=>T.find((e=>e.value===n))),[T,n]),Q=p((()=>l&&Array.isArray(n)?T.filter((e=>n.includes(e.value))):[]),[l,T,n]),_=p((()=>f&&N?T.filter((e=>e.label.toLowerCase().includes(N.toLowerCase()))):T),[T,N,f]),K=d((()=>{R.current&&O(R.current.scrollWidth>R.current.clientWidth)}),[]);o((()=>{if(!window.ResizeObserver)return;if(!R.current)return;K();const e=new window.ResizeObserver((()=>{R.current&&K()}));return e.observe(R.current),()=>{e.disconnect()}}),[K,Q]),o((()=>{l&&Array.isArray(n)&&Z(n)}),[l,n]),o((()=>{l&&"function"==typeof I&&I(L)}),[l,L]);const q=p((()=>f?t.createElement(nC,{autoFocus:!0,placeholder:b,value:N,onChange:Y}):null),[f,N,b,Y]),ee=p((()=>l?t.createElement(vd,null,t.createElement(Nt,{color:"clear",size:"small",onClick:j},w),t.createElement(Nt,{color:"primary",disabled:0===L.length,size:"small",onClick:P},y)):null),[l,L,P,j,y,w]),te=t.createElement(Uw,Object.assign({$disabled:c,$error:x,$hasValue:l?Array.isArray(n)&&n.length>0:!!U,$isOpen:k,$multiple:l,$size:m,$variant:g,"aria-expanded":k,"aria-invalid":x,disabled:c,role:"combobox",type:"button"},A),!l&&t.createElement(_w,null,U?U.label:t.createElement(eC,{$disabled:c,$variant:g},u)),t.createElement(tC,{$disabled:c,$size:m},t.createElement(X,{name:"arrow_down",color:"currentColor"})));return t.createElement(Yw,null,t.createElement(Jw,{$disabled:c,$error:x,$isOpen:k,$size:m,$variant:g,"data-disabled":c,"data-overflowing":D,style:{cursor:l||c?"default":"pointer"}},t.createElement(md,null,t.createElement(pd,{noResultsMessage:f?v:void 0,open:k,stickyFooter:ee,stickyHeader:q,trigger:te,onOpenChange:B},(()=>{const e=f&&!!N?new Set(_.map((e=>e.value))):void 0;if(C){const r=((e,r)=>{const i=[];let o=null;const c=(e,i,o)=>{const a=e.props.value,s=!!e.props.disabled,c=e.props.children;if(r&&!r.has(a))return null;const d=l?L.includes(a):a===n;return t.createElement(rl,{key:`${i}-${o}`,checked:d,closeOnChange:!l,disabled:s,tabIndex:0,onChange:()=>{l?W(!d,{value:a,label:String(c),disabled:s}):G({value:a,label:String(c),disabled:s})}},c)},d=()=>{if(null===o)return;const e=o,n=e.options.map(((t,n)=>c(t,`option-${e.label}`,n))).filter(Boolean);0!==n.length&&(i.push(t.createElement(gd,{key:`heading-${e.label}`},e.label)),i.push(...n))};return s.forEach(e,(e=>{if(!a(e))return;const n=e;if(n.type&&"string"!=typeof n.type){const e=n.type.displayName||n.type.name;if("Select2OptionGroup"===e)null!==o&&d(),o={label:n.props.label,options:[]},n.props.children&&s.forEach(n.props.children,(e=>{if(a(e)){const t=e;"Select2Option"===(t.type.displayName||t.type.name)&&null!==o&&o.options.push(t)}}));else if("Select2Separator"===e)i.length>0&&i.push(t.createElement(bd,{key:`separator-${i.length}`}));else if("Select2Option"===e)if(null!==o)o.options.push(n);else{const e=n.props.value;if(r&&!r.has(e))return;i.push(c(n,"option",i.length))}else i.push(n)}})),null!==o&&d(),i})(C,e);return 0===r.length?t.createElement(od,{message:v}):r}return _.length>0?_.map((e=>{const r=l?L.includes(e.value):e.value===n;return t.createElement(rl,{key:e.value.toString(),checked:r,closeOnChange:!l,disabled:e.disabled,tabIndex:0,onChange:()=>{l?W(!r,e):G(e)}},e.label)})):t.createElement(od,{message:v})})())),l&&t.createElement(Qw,null,t.createElement(Kw,{ref:R,onClick:J},Q.map((e=>{const n=c?void 0:()=>F(e.value);return t.createElement(qw,{key:e.value.toString(),disabled:c,label:e.label,size:m,variant:S,onRemove:n})}))))))},iC=e=>null;iC.displayName="Select2Option";const oC=e=>null;oC.displayName="Select2OptionGroup";const aC=()=>null;aC.displayName="Select2Separator";const lC=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},sC="slide-transition",cC=v(qe)`
+`;const rC=e=>{var{value:n,multiple:l=!1,disabled:c=!1,placeholder:u="選択してください",size:m="medium",variant:g="light",tagVariant:h,searchable:f=!1,searchPlaceholder:b="検索",noResultsMessage:v="見つかりませんでした",error:x=!1,applyButtonText:y="適用",cancelButtonText:w="キャンセル",children:C,onChange:E,onTempChange:I}=e,A=M(e,["value","multiple","disabled","placeholder","size","variant","tagVariant","searchable","searchPlaceholder","noResultsMessage","error","applyButtonText","cancelButtonText","children","onChange","onTempChange"]);const[k,H]=r(!1),[N,V]=r(""),[L,Z]=r([]),[D,O]=r(!1),R=i(null),S=p((()=>h||("light"===g?"dark":"light")),[g,h]),$=p((()=>l?Array.isArray(n)?n:[]:void 0!==n?[n]:[]),[n,l]),T=p((()=>{if(!C)return[];const e=[],t=n=>{s.forEach(n,(n=>{if(!a(n))return;const r=n;if(r.type&&"string"!=typeof r.type){const n=r.type.displayName||r.type.name;if("Select2Option"===n){const t=r.props.value,n=r.props.children,i=!!r.props.disabled;void 0!==t&&e.push({value:t,label:String(n),disabled:i})}else"Select2OptionGroup"===n&&r.props.children&&t(r.props.children)}}))};return t(C),e}),[C]),z=d((e=>{null==E||E(e)}),[E]),B=d((e=>{c||(H(e),e&&l&&Z([...$]),e||V(""))}),[c,l,$]),G=d((e=>{e.disabled||(z(e.value),H(!1),V(""))}),[z]),W=d(((e,t)=>{t.disabled||Z((n=>e?[...n,t.value]:n.filter((e=>e!==t.value))))}),[]),P=d((()=>{l&&z(L),H(!1),V("")}),[z,l,L]),j=d((()=>{H(!1),V("")}),[]),F=d((e=>{if(l&&Array.isArray(n)){const t=n.filter((t=>t!==e));z(t)}}),[l,n,z]),Y=d((e=>{V(e.target.value)}),[]),J=d((e=>{e.stopPropagation()}),[]),U=p((()=>T.find((e=>e.value===n))),[T,n]),Q=p((()=>l&&Array.isArray(n)?T.filter((e=>n.includes(e.value))):[]),[l,T,n]),_=p((()=>f&&N?T.filter((e=>e.label.toLowerCase().includes(N.toLowerCase()))):T),[T,N,f]),K=d((()=>{R.current&&O(R.current.scrollWidth>R.current.clientWidth)}),[]);o((()=>{if(!window.ResizeObserver)return;if(!R.current)return;K();const e=new window.ResizeObserver((()=>{R.current&&K()}));return e.observe(R.current),()=>{e.disconnect()}}),[K,Q]),o((()=>{l&&Array.isArray(n)&&Z(n)}),[l,n]),o((()=>{l&&"function"==typeof I&&I(L)}),[l,L]);const q=p((()=>f?t.createElement(nC,{autoFocus:!0,placeholder:b,value:N,onChange:Y}):null),[f,N,b,Y]),ee=p((()=>l?t.createElement(vd,null,t.createElement(Nt,{color:"clear",size:"small",onClick:j},w),t.createElement(Nt,{color:"primary",disabled:0===L.length,size:"small",onClick:P},y)):null),[l,L,P,j,y,w]),te=t.createElement(Uw,Object.assign({$disabled:c,$error:x,$hasValue:l?Array.isArray(n)&&n.length>0:!!U,$isOpen:k,$multiple:l,$size:m,$variant:g,"aria-expanded":k,"aria-invalid":x,disabled:c,role:"combobox",type:"button"},A),l&&Array.isArray(n)&&0===n.length?t.createElement(eC,{$disabled:c,$variant:g},u):!l&&t.createElement(_w,null,U?U.label:t.createElement(eC,{$disabled:c,$variant:g},u)),t.createElement(tC,{$disabled:c,$size:m,$multiple:l},t.createElement(X,{name:"arrow_down",color:"currentColor"})));return t.createElement(Yw,null,t.createElement(Jw,{$disabled:c,$error:x,$isOpen:k,$size:m,$variant:g,"data-disabled":c,"data-overflowing":D,style:{cursor:l||c?"default":"pointer"}},t.createElement(md,null,t.createElement(pd,{noResultsMessage:f?v:void 0,open:k,stickyFooter:ee,stickyHeader:q,trigger:te,onOpenChange:B},(()=>{const e=f&&!!N?new Set(_.map((e=>e.value))):void 0;if(C){const r=((e,r)=>{const i=[];let o=null;const c=(e,i,o)=>{const a=e.props.value,s=!!e.props.disabled,c=e.props.children;if(r&&!r.has(a))return null;const d=l?L.includes(a):a===n;return t.createElement(rl,{key:`${i}-${o}`,checked:d,closeOnChange:!l,disabled:s,tabIndex:0,onChange:()=>{l?W(!d,{value:a,label:String(c),disabled:s}):G({value:a,label:String(c),disabled:s})}},c)},d=()=>{if(null===o)return;const e=o,n=e.options.map(((t,n)=>c(t,`option-${e.label}`,n))).filter(Boolean);0!==n.length&&(i.push(t.createElement(gd,{key:`heading-${e.label}`},e.label)),i.push(...n))};return s.forEach(e,(e=>{if(!a(e))return;const n=e;if(n.type&&"string"!=typeof n.type){const e=n.type.displayName||n.type.name;if("Select2OptionGroup"===e)null!==o&&d(),o={label:n.props.label,options:[]},n.props.children&&s.forEach(n.props.children,(e=>{if(a(e)){const t=e;"Select2Option"===(t.type.displayName||t.type.name)&&null!==o&&o.options.push(t)}}));else if("Select2Separator"===e)i.length>0&&i.push(t.createElement(bd,{key:`separator-${i.length}`}));else if("Select2Option"===e)if(null!==o)o.options.push(n);else{const e=n.props.value;if(r&&!r.has(e))return;i.push(c(n,"option",i.length))}else i.push(n)}})),null!==o&&d(),i})(C,e);return 0===r.length?t.createElement(od,{message:v}):r}return _.length>0?_.map((e=>{const r=l?L.includes(e.value):e.value===n;return t.createElement(rl,{key:e.value.toString(),checked:r,closeOnChange:!l,disabled:e.disabled,tabIndex:0,onChange:()=>{l?W(!r,e):G(e)}},e.label)})):t.createElement(od,{message:v})})())),l&&t.createElement(Qw,null,t.createElement(Kw,{ref:R,onClick:J},Q.map((e=>{const n=c?void 0:()=>F(e.value);return t.createElement(qw,{key:e.value.toString(),disabled:c,label:e.label,size:m,variant:S,onRemove:n})}))))))},iC=e=>null;iC.displayName="Select2Option";const oC=e=>null;oC.displayName="Select2OptionGroup";const aC=()=>null;aC.displayName="Select2Separator";const lC=e=>{switch(e){case"down":default:return"translateY(100vh)";case"up":return"translateY(-100vh)";case"right":return"translateX(100vw)";case"left":return"translateX(-100vw)"}},sC="slide-transition",cC=v(qe)`
   &.${sC}-enter, &.${sC}-appear {
     transform: ${({direction:e})=>lC(e)};
   }