ingred-ui 23.2.2 → 23.2.3

package/dist/index.es.js

@@ -1606,7 +1606,7 @@ var to=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
       visibility: visible;
     }
   }
-`,jf=()=>{const{columns:e,setColumns:n}=g(gf),[i,a]=r(!1),[l,s]=r(e.map((e=>e.filtered||!1))),c=p((()=>e.filter((e=>e.filtered)).length),[e]),u=d((()=>{s(e.map((e=>e.filtered||!1)))}),[e]),m=d(((e,t)=>{s((n=>n.map(((n,r)=>e===r?t:n))))}),[s]),h=d((()=>{u(),a(!1)}),[u]),f=d((()=>{const t=structuredClone(e).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:l[t]})));n(t),a(!1)}),[e,n,l]),b=d((e=>{a(e),e||u()}),[a,u]);return o((()=>u()),[e,u]),t.createElement(md,null,t.createElement(pd,{width:360,trigger:t.createElement(Af,{type:"button",disabled:0===c},t.createElement(X,{name:"filter",color:"currentColor"}),c,"列に適用中"),open:i,onOpenChange:b},t.createElement(gd,null,"フィルタが適用されている列"),e.map(((e,n)=>!0===e.filtered?t.createElement(ll,{key:e.id,checked:l[n],onChange:e=>m(n,e)},e.label):null)),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",size:"small",color:"clear",onClick:h},"キャンセル"),t.createElement(Nt,{type:"button",size:"small",onClick:f},"適用"))))},Ff=({onClose:e})=>{const{columns:n,setColumns:i}=g(gf),[o,a]=r(n),l=p((()=>[...o].sort(((e,t)=>e.order-t.order))),[o]),s=p((()=>l.reduce(((e,t)=>t.sortable||0!==e.sortable.length?t.sortable&&0===e.endFixed.length?(e.sortable.push(t),e):(e.endFixed.push(t),e):(e.startFixed.push(t),e)),{startFixed:[],sortable:[],endFixed:[]})),[l]),c=d((e=>{const t=structuredClone(n);t.forEach((t=>{if(s.startFixed.find((e=>e.id===t.id))||s.endFixed.find((e=>e.id===t.id)))return;const n=e.indexOf(t.id);-1!==n&&(t.order=s.startFixed.length+n)})),a(t)}),[n,s]),u=d((()=>{a(n),e()}),[n,e]),m=d((()=>{i(o),e()}),[i,o,e]);return t.createElement(pd,{width:328,trigger:t.createElement(pl,null,"カラムを編集")},s.startFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{disabled:!0,checked:e.visible},e.label)))),t.createElement(_c,{order:s.sortable.map((e=>e.id)),onOrderChange:c},s.sortable.map((e=>t.createElement(td,{key:e.id,id:e.id},t.createElement(ll,{checked:e.visible,onChange:()=>a(o.map((t=>t.id===e.id?Object.assign(Object.assign({},t),{visible:!t.visible}):t)))},e.label))))),s.endFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{key:e.id,disabled:!0,checked:e.visible},e.label)))),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"カラムの並び順、表示・非表示を切り替えます。"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{size:"small",color:"clear",onClick:u},"キャンセル"),t.createElement(Nt,{size:"small",onClick:m},"適用")))},Xf=()=>{const{pageSize:e,pageSizeOptions:n,setPageSize:r}=g(gf);return t.createElement(pd,{width:136,trigger:t.createElement(pl,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件"))))},Yf=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Jf=()=>{const{rowSpacing:e,setRowSpacing:n}=g(gf),r=p((()=>{var t;return(null===(t=Yf.find((t=>t.value===e)))||void 0===t?void 0:t.label)||"標準"}),[e]);return t.createElement(pd,{width:168,trigger:t.createElement(pl,{append:r},"表示密度を変更")},Yf.map((({value:r,label:i})=>t.createElement(rl,{key:r,closeOnChange:!0,checked:e===r,onChange:()=>(e=>{n(e)})(r)},i))))},Uf=()=>{const{isSmallLayout:e,totalCount:n,currentPage:r,pageSize:i,pageSizeOptions:a,setCurrentPage:l,setPageSize:s}=g(gf),c=d((e=>{l(0),s(e)}),[l,s]),u=p((()=>Math.ceil(n/i)-1),[n,i]);return o((()=>{r>u&&l(u)}),[r,u,l]),t.createElement(Ef,null,t.createElement("button",{type:"button","aria-label":"前のページへ",disabled:0===r,onClick:()=>l(Math.max(r-1,0))},t.createElement(X,{name:"arrow_left",color:"currentColor"})),!e&&t.createElement(md,null,t.createElement(pd,{width:296,trigger:t.createElement("button",{type:"button"},Math.min(r*i+1,i*u),t.createElement(If,null,"-"),Math.min((r+1)*i,n),t.createElement(If,null,"/"),n,t.createElement(X,{name:"arrow_down",size:"sm",color:"currentColor"}))},t.createElement(gd,null,"表示件数を変更"),a.map((e=>t.createElement(rl,{key:e,checked:i===e,onChange:()=>c(e)},e))))),t.createElement("button",{type:"button","aria-label":"次のページへ",disabled:r===u,onClick:()=>l(Math.min(r+1,u))},t.createElement(X,{name:"arrow_right",color:"currentColor"})))},Qf=({children:e})=>{const{checkedRows:n}=g(gf);return t.createElement(md,null,t.createElement(pd,{width:200,trigger:t.createElement(wf,{type:"button",disabled:0===n.length},t.createElement("em",null,n.length),"件選択",t.createElement(X,{name:"arrow_down",color:"currentColor"}))},e))},_f=({rowControls:e,extraButtons:n})=>{const{isSmallLayout:i,columns:o,rowIds:a,checkedRows:l,setCheckedRows:s}=g(gf),c=p((()=>l.length===a.length),[l,a]),u=p((()=>0!==l.length&&l.length!==a.length),[l,a]),[m,h]=r(!1),f=p((()=>o.some((e=>void 0!==e.filtered))),[o]),b=d((()=>{s(c?[]:a)}),[c,a,s]);return t.createElement(yf,{isSmallLayout:i},e&&t.createElement(t.Fragment,null,t.createElement(Gn,{checked:c||u,indeterminate:u,onChange:b}),t.createElement(Qf,null,e),t.createElement(Cf,null)),t.createElement(Uf,null),f&&t.createElement(t.Fragment,null,t.createElement(Cf,null),t.createElement(jf,null)),t.createElement(kf,null,!i&&n,t.createElement(md,null,t.createElement(pd,{open:m,width:316,trigger:t.createElement(Hf,null,t.createElement(X,{name:"more_vert"})),onOpenChange:h},i&&n,o.some((e=>e.sortable))&&t.createElement(Ff,{onClose:()=>h(!1)}),t.createElement(Xf,null),t.createElement(Jf,null)))))},Kf=({bordered:e,rowControls:n,extraButtons:a,currentPage:l,pageSize:s,pageSizeOptions:c,totalCount:u,columns:p,onPageChange:m,onPageSizeChange:g,onColumnsChange:h,onCheckedRowsChange:f,children:b})=>{const[v,x]=r(!1),[y,w]=r([]),[C,E]=r([]),[I,A]=r([]),[k,M]=r(0),H=i(null),N=d(((e,t)=>{const n=[...I];n[e]=t,A(n)}),[I,A]);o((()=>{if(!H.current)return;const e=()=>{var e;H.current&&x((null===(e=H.current)||void 0===e?void 0:e.clientWidth)<640)},t=new ResizeObserver(e);return e(),t.observe(H.current),()=>{t.disconnect()}}),[]);const V=d((e=>{E(e),null==f||f(e)}),[E,f]),L=i(l);return o((()=>{L.current!==l&&V([]),L.current=l}),[l,V]),o((()=>{if(0===C.length)return;const e=C.filter((e=>y.includes(e)));e.length!==C.length&&V(e)}),[y,C,V]),t.createElement(bf,{ref:H,bordered:e},t.createElement(gf.Provider,{value:{isSmallLayout:v,rowIds:y,hasRowControls:!!n,checkedRows:C,totalCount:u,currentPage:l,pageSize:s,pageSizeOptions:c,columns:p,columnWidths:I,rowSpacing:k,setRowIds:w,setCheckedRows:V,setCurrentPage:m,setPageSize:g,setColumns:h,setColumnWidth:N,setRowSpacing:M}},t.createElement(_f,{rowControls:n,extraButtons:a}),t.createElement(xf,null,t.createElement("table",null,b))))},qf=({children:e})=>{const{hasRowControls:n,columns:r}=g(gf),i=p((()=>s.toArray(e).map(((e,t)=>{const n=r[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[e,r]),o=p((()=>i.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[i]);return t.createElement(t.Fragment,null,t.createElement("colgroup",null,n&&t.createElement("col",{style:{width:34}}),o.map((({id:e,child:n})=>a(n)?t.createElement("col",{key:e,style:{width:n.props.width}}):null))),t.createElement(Nf,null,t.createElement("tr",null,n&&t.createElement("th",{"aria-label":"empty cell"}),o.map((({id:e,index:n,child:r})=>t.createElement(hf.Provider,{key:e,value:{index:n}},r))))))},eb=({className:e,isResizable:n,width:a,minWidth:l=32,maxWidth:s=1/0,children:c,onWidthChange:u})=>{const{isSmallLayout:p,setColumnWidth:m}=g(gf),h=g(hf),[f,b]=r(!1),v=i(null),x=i(null),y=i(0),w=i(0),C=d((e=>{b(!0),x.current&&null===v.current&&(v.current=e.pointerId,w.current=a||x.current.clientWidth,y.current=e.clientX)}),[a]),E=d((e=>{if(!u)return;if(v.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-y.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(w.current+t,l,s);u(n),m(h.index,n)}),[u,l,s,m,h.index]),I=d((()=>{b(!1),v.current=null}),[]);return o((()=>{if(f)return document.addEventListener("pointermove",E),document.addEventListener("pointerup",I),()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",I)}}),[f,E,I]),t.createElement(Vf,{ref:x,className:e,"data-dragging":f,style:{minWidth:isFinite(l)&&l<=s?l:void 0,maxWidth:isFinite(s)&&l<=s?s:void 0}},t.createElement(Lf,{isSmallLayout:p},c,n&&t.createElement(Zf,{type:"button","aria-label":"resize the column",onPointerDown:C}),f&&A(t.createElement(Df,{"data-min":a&&l>=a,"data-max":a&&s<=a}),document.body)))},tb=({showSortButton:e,sortButtonDirection:n,onSortChange:r,children:i})=>{const o=p((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),a=d((()=>{null==r||r(o)}),[r,o]);return t.createElement(Of,null,i,e&&t.createElement(Rf,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:a},t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},t.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),t.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},nb=({children:e})=>{const{rowIds:n,setRowIds:r}=g(gf);return o((()=>{const t=[];s.forEach(e,(e=>{a(e)&&"string"==typeof e.props.id&&t.push(e.props.id)})),0!==t.filter((e=>!n.includes(e))).length&&r(t)}),[e,n,r]),t.createElement("tbody",null,e)},rb=({id:e,children:n})=>{const{isSmallLayout:r,columns:i,hasRowControls:o,checkedRows:a,setCheckedRows:l,rowSpacing:c}=g(gf),u=p((()=>a.includes(e)),[e,a]),m=d((()=>{const t=a.includes(e)?a.filter((t=>t!==e)):[...a,e];l(t)}),[e,a,l]),h=p((()=>s.toArray(n).map(((e,t)=>{const n=i[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,i]),f=p((()=>h.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[h]);return t.createElement(Sf,{"data-highlighted":u,"data-spacing":c,isSmallLayout:r},o&&t.createElement($f,null,t.createElement(Tf,null,t.createElement(Gn,{checked:u,onChange:m}),t.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({child:e})=>e)))},ib=({loading:e,children:n})=>t.createElement("td",null,t.createElement(zf,null,t.createElement(Gf,null,n),e&&t.createElement(Bf,null,t.createElement(ir,{width:"20px"})))),ob=({prepend:e,children:n,onClick:r})=>{const{isSmallLayout:i}=g(gf);return i?t.createElement(qa,{prepend:e,onClick:r},n):t.createElement(Mf,{type:"button",onClick:r},e,n)},ab=({label:e,value:n,children:i,onChange:a})=>{const[l,s]=r(n),[c,d]=r(!1),u=()=>{d(!1),a(l)};return o((()=>{s(n)}),[n]),t.createElement(Wf,null,i,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:c,onOpenChange:d},t.createElement(gd,null,e),t.createElement(rd,{value:l,onChange:e=>s(e.target.value),onEnter:u}),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",color:"clear",size:"small",onClick:()=>{d(!1),s(n)}},"キャンセル"),t.createElement(Nt,{type:"button",color:"primary",size:"small",onClick:u},"適用"))))))},lb=({label:e,value:n,options:i,children:o,onChange:a})=>{const[l,s]=r(!1);return t.createElement(Wf,null,o,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:l,onOpenChange:s},t.createElement(gd,null,e),i.map((e=>t.createElement(rl,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>a(e)},e)))))))},sb=e=>{if(!e)return[];const t=[];let n=0,r=!isNaN(Number(e[0]));for(let i=1;i<=e.length;i++){const o=e[i],a=!isNaN(Number(o))&&" "!==o;a===r&&" "!==o&&i!==e.length||(t.push({start:n,end:i-1,value:e.slice(n,i),editable:r}),n=i,r=a)}return t},cb=e=>e.map((e=>e.value)).join(""),db={Backspace:"Backspace",Delete:"Delete",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Tab:"Tab",0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9"},ub=Object.keys(db).filter((e=>!isNaN(Number(e)))),pb=Object.values(db),mb=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,gb=/\d\d/,hb=/-?\d\d?/,fb=/\d*[^-_:/,()\s\d]+/;let bb={},vb=function(e){return(e=+e)+(e>68?1900:2e3)};const xb=function(e){return function(t){this[e]=+t}},yb=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;const t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],wb=e=>{const t=bb[e];return t&&(t.indexOf?t:t.s.concat(t.f))},Cb=(e,t)=>{let n;const{meridiem:r}=bb;if(r){for(let i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},Eb={A:[fb,function(e){this.afternoon=Cb(e,!1)}],a:[fb,function(e){this.afternoon=Cb(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[gb,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[hb,xb("seconds")],ss:[hb,xb("seconds")],m:[hb,xb("minutes")],mm:[hb,xb("minutes")],H:[hb,xb("hours")],h:[hb,xb("hours")],HH:[hb,xb("hours")],hh:[hb,xb("hours")],D:[hb,xb("day")],DD:[gb,xb("day")],Do:[fb,function(e){const{ordinal:t}=bb;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[hb,xb("month")],MM:[gb,xb("month")],MMM:[fb,function(e){const t=wb("months"),n=(wb("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[fb,function(e){const t=wb("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,xb("year")],YY:[gb,function(e){this.year=vb(e)}],YYYY:[/\d{4}/,xb("year")],Z:yb,ZZ:yb};const Ib=(e,t,n)=>{try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);const r=function(e){const t=e.match(mb),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=Eb[n],i=r&&r[0],o=r&&r[1];t[e]=o?{regex:i,parser:o}:n.replace(/^\[|\]$/g,"")}return function(e){const r={};for(let i=0,o=0;i<n;i+=1){const n=t[i];if("string"==typeof n)o+=n.length;else{const{regex:t,parser:i}=n,a=e.slice(o),l=t.exec(a)[0];i.call(r,l),e=e.replace(l,"")}}return function(e){const{afternoon:t}=e;if(void 0!==t){const{hours:n}=e;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}(t),{year:i,month:o,day:a,hours:l,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,m=i||p.getFullYear(),g=o-1,h=l||0,f=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(m,g,a,h,f,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(m,g,a,h,f,b,v)):new Date(m,g,a,h,f,b,v)}catch(e){return new Date("")}};var Ab=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:vb}=e);const r=t.prototype,i=r.parse;r.parse=function(e){const{date:t,utc:r,args:o}=e;this.$u=r;const a=o[1];if("string"==typeof a){const e=!0===o[2],i=!0===o[3],l=e||i;let s=o[2];i&&([,,s]=o),bb=this.$locale(),!e&&s&&(bb=n.Ls[s]),this.$d=Ib(t,a,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),l&&t!=this.format(a)&&(this.$d=new Date("")),bb={}}else if(a instanceof Array){const e=a.length;for(let t=1;t<=e;t+=1){o[1]=a[t-1];const r=n.apply(this,o);if(r.isValid()){this.$d=r.$d,this.$L=r.$L,this.init();break}t===e&&(this.$d=new Date(""))}}else i.call(this,e)}};const kb=({date:e,format:t="YYYY-MM-DD",onDateChange:n})=>{Kt.extend(Ab);const a=i(null),[l,s]=r(null==e?void 0:e.format(t)),[c,u]=r(sb(l)),[p,m]=r({start:0,end:c.length-1,current:0}),[g,h]=r(0),f=d((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=c[c.length-1].end+1,o=r>=i?i:r,l=c.findIndex((e=>o>=e.start&&o<=e.end+1));m((e=>c[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=a.current)||void 0===n||n.setSelectionRange(c[l].start,c[l].end+1)}))}),[c]),b=d((()=>{}),[]),v=d((()=>{m((e=>Object.assign(Object.assign({},e),{current:0}))),h(0)}),[]),x=d((e=>{if(pb.includes(e.key)){if(e.key===db.ArrowLeft||e.key===db.ArrowRight){e.preventDefault();const t=e=>{const t=p.current;if(e===db.ArrowLeft){for(let e=t-1;e>=0;e--)if(c[e].editable)return e-t}else if(e===db.ArrowRight)for(let e=t+1;e<c.length;e++)if(c[e].editable)return e-t;return 0},n=e.key;m((e=>Object.assign(Object.assign({},e),{current:e.current+t(n)})))}if(e.key===db.ArrowUp||e.key===db.ArrowDown){e.preventDefault();const r=e.key===db.ArrowUp?1:-1,i=Number(c[p.current].value)+r,o=String(i).padStart(c[p.current].value.length,"0"),a=[...c];a[p.current].value=o,u(a);const l=cb(a),d=Kt(l,t);s(d.format(t)),d.isValid()&&n&&n(d)}if(ub.includes(e.key)){e.preventDefault(),0===g&&(c[p.current].value="".padStart(c[p.current].value.length,"0"));const r=`${c[p.current].value.slice(1)}${e.key}`,i=[...c];if(i[p.current].value=r,u(i),h(g+1),g+1===c[p.current].value.length){h(0);const e=cb(c),r=Kt(e,t);s(r.format(t)),n&&n(r)}else{const e=cb(c);if(!Kt(e,t,!0).isValid())return void s(e);const r=Kt(e,t);s(r.format(t)),n&&n(r)}}}}),[c,t,n,p]),y=d((()=>{f()}),[f]),w=d((e=>{e.preventDefault();const t=e.clipboardData.getData("text"),r=Kt(t);n&&n(r)}),[n]);return o((()=>{var e;null===(e=a.current)||void 0===e||e.setSelectionRange(c[p.current].start,c[p.current].end+1)}),[p,c]),o((()=>{s(null==e?void 0:e.format(t)),u(sb(null==e?void 0:e.format(t)))}),[e,t]),{ref:a,value:l,onFocus:b,onBlur:v,onKeyDown:x,onMouseDown:y,onPaste:w}},Mb=v.div`
+`,jf=()=>{const{columns:e,setColumns:n}=g(gf),[i,a]=r(!1),[l,s]=r(e.map((e=>e.filtered||!1))),c=p((()=>e.filter((e=>e.filtered)).length),[e]),u=d((()=>{s(e.map((e=>e.filtered||!1)))}),[e]),m=d(((e,t)=>{s((n=>n.map(((n,r)=>e===r?t:n))))}),[s]),h=d((()=>{u(),a(!1)}),[u]),f=d((()=>{const t=structuredClone(e).map(((e,t)=>Object.assign(Object.assign({},e),{filtered:l[t]})));n(t),a(!1)}),[e,n,l]),b=d((e=>{a(e),e||u()}),[a,u]);return o((()=>u()),[e,u]),t.createElement(md,null,t.createElement(pd,{width:360,trigger:t.createElement(Af,{type:"button",disabled:0===c},t.createElement(X,{name:"filter",color:"currentColor"}),c,"列に適用中"),open:i,onOpenChange:b},t.createElement(gd,null,"フィルタが適用されている列"),e.map(((e,n)=>!0===e.filtered?t.createElement(ll,{key:e.id,checked:l[n],onChange:e=>m(n,e)},e.label):null)),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"リセットしたいフィルタのボタンをオフにしてください"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",size:"small",color:"clear",onClick:h},"キャンセル"),t.createElement(Nt,{type:"button",size:"small",onClick:f},"適用"))))},Ff=({onClose:e})=>{const{columns:n,setColumns:i}=g(gf),[o,a]=r(n),l=p((()=>[...o].sort(((e,t)=>e.order-t.order))),[o]),s=p((()=>l.reduce(((e,t)=>t.sortable||0!==e.sortable.length?t.sortable&&0===e.endFixed.length?(e.sortable.push(t),e):(e.endFixed.push(t),e):(e.startFixed.push(t),e)),{startFixed:[],sortable:[],endFixed:[]})),[l]),c=d((e=>{const t=structuredClone(n);t.forEach((t=>{if(s.startFixed.find((e=>e.id===t.id))||s.endFixed.find((e=>e.id===t.id)))return;const n=e.indexOf(t.id);-1!==n&&(t.order=s.startFixed.length+n)})),a(t)}),[n,s]),u=d((()=>{a(n),e()}),[n,e]),m=d((()=>{i(o),e()}),[i,o,e]);return t.createElement(pd,{width:328,trigger:t.createElement(pl,null,"カラムを編集")},s.startFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{disabled:!0,checked:e.visible},e.label)))),t.createElement(_c,{order:s.sortable.map((e=>e.id)),onOrderChange:c},s.sortable.map((e=>t.createElement(td,{key:e.id,id:e.id},t.createElement(ll,{checked:e.visible,onChange:()=>a(o.map((t=>t.id===e.id?Object.assign(Object.assign({},t),{visible:!t.visible}):t)))},e.label))))),s.endFixed.map((e=>t.createElement(td,{key:e.id,disabled:!0,id:e.id},t.createElement(ll,{key:e.id,disabled:!0,checked:e.visible},e.label)))),t.createElement(fd,{prepend:t.createElement(X,{name:"question"})},"カラムの並び順、表示・非表示を切り替えます。"),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{size:"small",color:"clear",onClick:u},"キャンセル"),t.createElement(Nt,{size:"small",onClick:m},"適用")))},Xf=()=>{const{pageSize:e,pageSizeOptions:n,setPageSize:r}=g(gf);return t.createElement(pd,{width:136,trigger:t.createElement(pl,{append:e},"件数を変更")},n.map((n=>t.createElement(rl,{key:n,closeOnChange:!0,checked:e===n,onChange:()=>r(n)},n,"件"))))},Yf=[{value:-2,label:"より狭くする"},{value:-1,label:"狭くする"},{value:0,label:"標準"},{value:1,label:"広くする"},{value:2,label:"より広くする"}],Jf=()=>{const{rowSpacing:e,setRowSpacing:n}=g(gf),r=p((()=>{var t;return(null===(t=Yf.find((t=>t.value===e)))||void 0===t?void 0:t.label)||"標準"}),[e]);return t.createElement(pd,{width:168,trigger:t.createElement(pl,{append:r},"表示密度を変更")},Yf.map((({value:r,label:i})=>t.createElement(rl,{key:r,closeOnChange:!0,checked:e===r,onChange:()=>(e=>{n(e)})(r)},i))))},Uf=()=>{const{isSmallLayout:e,totalCount:n,currentPage:r,pageSize:i,pageSizeOptions:a,setCurrentPage:l,setPageSize:s}=g(gf),c=d((e=>{l(0),s(e)}),[l,s]),u=p((()=>Math.ceil(n/i)-1),[n,i]);return o((()=>{r>u&&l(u)}),[r,u,l]),t.createElement(Ef,null,t.createElement("button",{type:"button","aria-label":"前のページへ",disabled:0===r,onClick:()=>l(Math.max(r-1,0))},t.createElement(X,{name:"arrow_left",color:"currentColor"})),!e&&t.createElement(md,null,t.createElement(pd,{width:296,trigger:t.createElement("button",{type:"button"},Math.min(r*i+1,i*u),t.createElement(If,null,"-"),Math.min((r+1)*i,n),t.createElement(If,null,"/"),n,t.createElement(X,{name:"arrow_down",size:"sm",color:"currentColor"}))},t.createElement(gd,null,"表示件数を変更"),a.map((e=>t.createElement(rl,{key:e,checked:i===e,onChange:()=>c(e)},e))))),t.createElement("button",{type:"button","aria-label":"次のページへ",disabled:r===u,onClick:()=>l(Math.min(r+1,u))},t.createElement(X,{name:"arrow_right",color:"currentColor"})))},Qf=({children:e})=>{const{checkedRows:n}=g(gf);return t.createElement(md,null,t.createElement(pd,{width:200,trigger:t.createElement(wf,{type:"button",disabled:0===n.length},t.createElement("em",null,n.length),"件選択",t.createElement(X,{name:"arrow_down",color:"currentColor"}))},e))},_f=({rowControls:e,extraButtons:n})=>{const{isSmallLayout:i,columns:o,rowIds:a,checkedRows:l,setCheckedRows:s}=g(gf),c=p((()=>l.length===a.length),[l,a]),u=p((()=>0!==l.length&&l.length!==a.length),[l,a]),[m,h]=r(!1),f=p((()=>o.some((e=>void 0!==e.filtered))),[o]),b=d((()=>{s(c?[]:a)}),[c,a,s]);return t.createElement(yf,{isSmallLayout:i},e&&t.createElement(t.Fragment,null,t.createElement(Gn,{checked:c||u,indeterminate:u,onChange:b}),t.createElement(Qf,null,e),t.createElement(Cf,null)),t.createElement(Uf,null),f&&t.createElement(t.Fragment,null,t.createElement(Cf,null),t.createElement(jf,null)),t.createElement(kf,null,!i&&n,t.createElement(md,null,t.createElement(pd,{open:m,width:316,trigger:t.createElement(Hf,null,t.createElement(X,{name:"more_vert"})),onOpenChange:h},i&&n,o.some((e=>e.sortable))&&t.createElement(Ff,{onClose:()=>h(!1)}),t.createElement(Xf,null),t.createElement(Jf,null)))))},Kf=({bordered:e,rowControls:n,extraButtons:a,currentPage:l,pageSize:s,pageSizeOptions:c,totalCount:u,columns:p,onPageChange:m,onPageSizeChange:g,onColumnsChange:h,onCheckedRowsChange:f,children:b})=>{const[v,x]=r(!1),[y,w]=r([]),[C,E]=r([]),[I,A]=r([]),[k,M]=r(0),H=i(null),N=d(((e,t)=>{const n=[...I];n[e]=t,A(n)}),[I,A]);o((()=>{if(!H.current)return;const e=()=>{var e;H.current&&x((null===(e=H.current)||void 0===e?void 0:e.clientWidth)<640)},t=new ResizeObserver(e);return e(),t.observe(H.current),()=>{t.disconnect()}}),[]);const V=d((e=>{E(e),null==f||f(e)}),[E,f]),L=i(l);return o((()=>{L.current!==l&&V([]),L.current=l}),[l,V]),o((()=>{if(0===C.length)return;const e=C.filter((e=>y.includes(e)));e.length!==C.length&&V(e)}),[y,C,V]),t.createElement(bf,{ref:H,bordered:e},t.createElement(gf.Provider,{value:{isSmallLayout:v,rowIds:y,hasRowControls:!!n,checkedRows:C,totalCount:u,currentPage:l,pageSize:s,pageSizeOptions:c,columns:p,columnWidths:I,rowSpacing:k,setRowIds:w,setCheckedRows:V,setCurrentPage:m,setPageSize:g,setColumns:h,setColumnWidth:N,setRowSpacing:M}},t.createElement(_f,{rowControls:n,extraButtons:a}),t.createElement(xf,null,t.createElement("table",null,b))))},qf=({children:e})=>{const{hasRowControls:n,columns:r}=g(gf),i=p((()=>s.toArray(e).map(((e,t)=>{const n=r[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[e,r]),o=p((()=>i.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[i]);return t.createElement(t.Fragment,null,t.createElement("colgroup",null,n&&t.createElement("col",{style:{width:34}}),o.map((({id:e,child:n})=>a(n)?t.createElement("col",{key:e,style:{width:n.props.width}}):null))),t.createElement(Nf,null,t.createElement("tr",null,n&&t.createElement("th",{"aria-label":"empty cell"}),o.map((({id:e,index:n,child:r})=>t.createElement(hf.Provider,{key:e,value:{index:n}},r))))))},eb=({className:e,isResizable:n,width:a,minWidth:l=32,maxWidth:s=1/0,children:c,onWidthChange:u})=>{const{isSmallLayout:p,setColumnWidth:m}=g(gf),h=g(hf),[f,b]=r(!1),v=i(null),x=i(null),y=i(0),w=i(0),C=d((e=>{b(!0),x.current&&null===v.current&&(v.current=e.pointerId,w.current=a||x.current.clientWidth,y.current=e.clientX)}),[a]),E=d((e=>{if(!u)return;if(v.current!==e.pointerId)return;e.cancelable&&e.preventDefault();const t=e.clientX-y.current,n=((e,t,n)=>Math.min(Math.max(e,t),n))(w.current+t,l,s);u(n),m(h.index,n)}),[u,l,s,m,h.index]),I=d((()=>{b(!1),v.current=null}),[]);return o((()=>{if(f)return document.addEventListener("pointermove",E),document.addEventListener("pointerup",I),()=>{document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",I)}}),[f,E,I]),t.createElement(Vf,{ref:x,className:e,"data-dragging":f,style:{minWidth:isFinite(l)&&l<=s?l:void 0,maxWidth:isFinite(s)&&l<=s?s:void 0}},t.createElement(Lf,{isSmallLayout:p},c,n&&t.createElement(Zf,{type:"button","aria-label":"resize the column",onPointerDown:C}),f&&A(t.createElement(Df,{"data-min":a&&l>=a,"data-max":a&&s<=a}),document.body)))},tb=({showSortButton:e,sortButtonDirection:n,onSortChange:r,children:i})=>{const o=p((()=>"asc"===n?"desc":"desc"!==n?"asc":void 0),[n]),a=d((()=>{null==r||r(o)}),[r,o]);return t.createElement(Of,null,i,e&&t.createElement(Rf,{type:"button","aria-label":"sort the column","data-sort-direction":n,onClick:a},t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18"},t.createElement("path",{d:"M8.17 3.25a1 1 0 0 1 1.3-.33c.15.08.27.19.36.33l2.13 3.2c.1.15.16.33.17.51 0 .18-.03.36-.12.52s-.21.29-.37.39a1 1 0 0 1-.51.14H6.87a1 1 0 0 1-.83-1.56z"}),t.createElement("path",{d:"M9.83 14.75a1 1 0 0 1-1.3.33.95.95 0 0 1-.36-.33l-2.13-3.2c-.1-.15-.16-.33-.17-.51 0-.18.03-.36.12-.52s.21-.29.37-.39a1 1 0 0 1 .51-.14h4.26a1 1 0 0 1 .83 1.56z"}))))},nb=({children:e})=>{const{rowIds:n,setRowIds:r}=g(gf);return o((()=>{const t=[];s.forEach(e,(e=>{a(e)&&"string"==typeof e.props.id&&t.push(e.props.id)})),t.length===n.length&&t.every((e=>n.includes(e)))||r(t)}),[e,n,r]),t.createElement("tbody",null,e)},rb=({id:e,children:n})=>{const{isSmallLayout:r,columns:i,hasRowControls:o,checkedRows:a,setCheckedRows:l,rowSpacing:c}=g(gf),u=p((()=>a.includes(e)),[e,a]),m=d((()=>{const t=a.includes(e)?a.filter((t=>t!==e)):[...a,e];l(t)}),[e,a,l]),h=p((()=>s.toArray(n).map(((e,t)=>{const n=i[t];return{id:n.id,index:t,order:n.order,visible:n.visible,child:e}})).filter((e=>void 0!==e.id))),[n,i]),f=p((()=>h.sort(((e,t)=>e.order-t.order)).filter((e=>e.visible))),[h]);return t.createElement(Sf,{"data-highlighted":u,"data-spacing":c,isSmallLayout:r},o&&t.createElement($f,null,t.createElement(Tf,null,t.createElement(Gn,{checked:u,onChange:m}),t.createElement("input",{type:"checkbox","aria-label":"この行を選択"}))),f.map((({child:e})=>e)))},ib=({loading:e,children:n})=>t.createElement("td",null,t.createElement(zf,null,t.createElement(Gf,null,n),e&&t.createElement(Bf,null,t.createElement(ir,{width:"20px"})))),ob=({prepend:e,children:n,onClick:r})=>{const{isSmallLayout:i}=g(gf);return i?t.createElement(qa,{prepend:e,onClick:r},n):t.createElement(Mf,{type:"button",onClick:r},e,n)},ab=({label:e,value:n,children:i,onChange:a})=>{const[l,s]=r(n),[c,d]=r(!1),u=()=>{d(!1),a(l)};return o((()=>{s(n)}),[n]),t.createElement(Wf,null,i,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:c,onOpenChange:d},t.createElement(gd,null,e),t.createElement(rd,{value:l,onChange:e=>s(e.target.value),onEnter:u}),t.createElement(bd,null),t.createElement(vd,null,t.createElement(Nt,{type:"button",color:"clear",size:"small",onClick:()=>{d(!1),s(n)}},"キャンセル"),t.createElement(Nt,{type:"button",color:"primary",size:"small",onClick:u},"適用"))))))},lb=({label:e,value:n,options:i,children:o,onChange:a})=>{const[l,s]=r(!1);return t.createElement(Wf,null,o,t.createElement(Pf,null,t.createElement(md,null,t.createElement(pd,{width:252,trigger:t.createElement(le,{type:"button",color:"primary",icon:"pencil"}),open:l,onOpenChange:s},t.createElement(gd,null,e),i.map((e=>t.createElement(rl,{key:e,closeOnChange:!0,checked:n===e,onChange:()=>a(e)},e)))))))},sb=e=>{if(!e)return[];const t=[];let n=0,r=!isNaN(Number(e[0]));for(let i=1;i<=e.length;i++){const o=e[i],a=!isNaN(Number(o))&&" "!==o;a===r&&" "!==o&&i!==e.length||(t.push({start:n,end:i-1,value:e.slice(n,i),editable:r}),n=i,r=a)}return t},cb=e=>e.map((e=>e.value)).join(""),db={Backspace:"Backspace",Delete:"Delete",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp",ArrowDown:"ArrowDown",Tab:"Tab",0:"0",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9"},ub=Object.keys(db).filter((e=>!isNaN(Number(e)))),pb=Object.values(db),mb=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,gb=/\d\d/,hb=/-?\d\d?/,fb=/\d*[^-_:/,()\s\d]+/;let bb={},vb=function(e){return(e=+e)+(e>68?1900:2e3)};const xb=function(e){return function(t){this[e]=+t}},yb=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;const t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],wb=e=>{const t=bb[e];return t&&(t.indexOf?t:t.s.concat(t.f))},Cb=(e,t)=>{let n;const{meridiem:r}=bb;if(r){for(let i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},Eb={A:[fb,function(e){this.afternoon=Cb(e,!1)}],a:[fb,function(e){this.afternoon=Cb(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[gb,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[hb,xb("seconds")],ss:[hb,xb("seconds")],m:[hb,xb("minutes")],mm:[hb,xb("minutes")],H:[hb,xb("hours")],h:[hb,xb("hours")],HH:[hb,xb("hours")],hh:[hb,xb("hours")],D:[hb,xb("day")],DD:[gb,xb("day")],Do:[fb,function(e){const{ordinal:t}=bb;if([this.day]=e.match(/\d+/),t)for(let n=1;n<=31;n+=1)t(n).replace(/\[|\]/g,"")===e&&(this.day=n)}],M:[hb,xb("month")],MM:[gb,xb("month")],MMM:[fb,function(e){const t=wb("months"),n=(wb("monthsShort")||t.map((e=>e.slice(0,3)))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[fb,function(e){const t=wb("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,xb("year")],YY:[gb,function(e){this.year=vb(e)}],YYYY:[/\d{4}/,xb("year")],Z:yb,ZZ:yb};const Ib=(e,t,n)=>{try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);const r=function(e){const t=e.match(mb),{length:n}=t;for(let e=0;e<n;e+=1){const n=t[e],r=Eb[n],i=r&&r[0],o=r&&r[1];t[e]=o?{regex:i,parser:o}:n.replace(/^\[|\]$/g,"")}return function(e){const r={};for(let i=0,o=0;i<n;i+=1){const n=t[i];if("string"==typeof n)o+=n.length;else{const{regex:t,parser:i}=n,a=e.slice(o),l=t.exec(a)[0];i.call(r,l),e=e.replace(l,"")}}return function(e){const{afternoon:t}=e;if(void 0!==t){const{hours:n}=e;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}(t),{year:i,month:o,day:a,hours:l,minutes:s,seconds:c,milliseconds:d,zone:u}=r(e),p=new Date,m=i||p.getFullYear(),g=o-1,h=l||0,f=s||0,b=c||0,v=d||0;return u?new Date(Date.UTC(m,g,a,h,f,b,v+60*u.offset*1e3)):n?new Date(Date.UTC(m,g,a,h,f,b,v)):new Date(m,g,a,h,f,b,v)}catch(e){return new Date("")}};var Ab=(e,t,n)=>{n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&({parseTwoDigitYear:vb}=e);const r=t.prototype,i=r.parse;r.parse=function(e){const{date:t,utc:r,args:o}=e;this.$u=r;const a=o[1];if("string"==typeof a){const e=!0===o[2],i=!0===o[3],l=e||i;let s=o[2];i&&([,,s]=o),bb=this.$locale(),!e&&s&&(bb=n.Ls[s]),this.$d=Ib(t,a,r),this.init(),s&&!0!==s&&(this.$L=this.locale(s).$L),l&&t!=this.format(a)&&(this.$d=new Date("")),bb={}}else if(a instanceof Array){const e=a.length;for(let t=1;t<=e;t+=1){o[1]=a[t-1];const r=n.apply(this,o);if(r.isValid()){this.$d=r.$d,this.$L=r.$L,this.init();break}t===e&&(this.$d=new Date(""))}}else i.call(this,e)}};const kb=({date:e,format:t="YYYY-MM-DD",onDateChange:n})=>{Kt.extend(Ab);const a=i(null),[l,s]=r(null==e?void 0:e.format(t)),[c,u]=r(sb(l)),[p,m]=r({start:0,end:c.length-1,current:0}),[g,h]=r(0),f=d((()=>{setTimeout((()=>{var e,t,n;const r=null!==(t=null===(e=a.current)||void 0===e?void 0:e.selectionStart)&&void 0!==t?t:0,i=c[c.length-1].end+1,o=r>=i?i:r,l=c.findIndex((e=>o>=e.start&&o<=e.end+1));m((e=>c[l].editable?e.current===l?e:Object.assign(Object.assign({},e),{current:l}):Object.assign(Object.assign({},e),{current:l+1}))),null===(n=a.current)||void 0===n||n.setSelectionRange(c[l].start,c[l].end+1)}))}),[c]),b=d((()=>{}),[]),v=d((()=>{m((e=>Object.assign(Object.assign({},e),{current:0}))),h(0)}),[]),x=d((e=>{if(pb.includes(e.key)){if(e.key===db.ArrowLeft||e.key===db.ArrowRight){e.preventDefault();const t=e=>{const t=p.current;if(e===db.ArrowLeft){for(let e=t-1;e>=0;e--)if(c[e].editable)return e-t}else if(e===db.ArrowRight)for(let e=t+1;e<c.length;e++)if(c[e].editable)return e-t;return 0},n=e.key;m((e=>Object.assign(Object.assign({},e),{current:e.current+t(n)})))}if(e.key===db.ArrowUp||e.key===db.ArrowDown){e.preventDefault();const r=e.key===db.ArrowUp?1:-1,i=Number(c[p.current].value)+r,o=String(i).padStart(c[p.current].value.length,"0"),a=[...c];a[p.current].value=o,u(a);const l=cb(a),d=Kt(l,t);s(d.format(t)),d.isValid()&&n&&n(d)}if(ub.includes(e.key)){e.preventDefault(),0===g&&(c[p.current].value="".padStart(c[p.current].value.length,"0"));const r=`${c[p.current].value.slice(1)}${e.key}`,i=[...c];if(i[p.current].value=r,u(i),h(g+1),g+1===c[p.current].value.length){h(0);const e=cb(c),r=Kt(e,t);s(r.format(t)),n&&n(r)}else{const e=cb(c);if(!Kt(e,t,!0).isValid())return void s(e);const r=Kt(e,t);s(r.format(t)),n&&n(r)}}}}),[c,t,n,p]),y=d((()=>{f()}),[f]),w=d((e=>{e.preventDefault();const t=e.clipboardData.getData("text"),r=Kt(t);n&&n(r)}),[n]);return o((()=>{var e;null===(e=a.current)||void 0===e||e.setSelectionRange(c[p.current].start,c[p.current].end+1)}),[p,c]),o((()=>{s(null==e?void 0:e.format(t)),u(sb(null==e?void 0:e.format(t)))}),[e,t]),{ref:a,value:l,onFocus:b,onBlur:v,onKeyDown:x,onMouseDown:y,onPaste:w}},Mb=v.div`
   display: flex;
   align-items: center;
   width: fit-content;