tango-ui-cw 1.0.6 → 1.0.8

package/dist/component/TSpace/index.d.ts

@@ -9,6 +9,9 @@ import type {
 export type SpaceType =
   | "default"
   | "inline"
+  | "flex"
+  | "inlineFlex"
+  | "grid"
   | "circle"
   | "triangle"
   | "halfCircle"

package/dist/index.cjs

@@ -3,7 +3,7 @@
     .tango-cp-input::-webkit-color-swatch-wrapper { padding: 0; }
     .tango-cp-input::-webkit-color-swatch { border: 0; border-radius: 9999px; }
     .tango-cp-input::-moz-color-swatch { border: 0; border-radius: 9999px; }
-  `}),s.jsxs("div",{className:B.className,style:B.style,...S,children:[s.jsx("input",{type:"color",value:k,onChange:O,disabled:c,className:`tango-cp-input ${_.className}`,style:_.style,"aria-label":S["aria-label"]||`颜色选择器: ${k}`}),l&&A.length>0&&s.jsx("div",{className:j.className,style:j.style,children:A.map(({label:L,value:W})=>s.jsxs("span",{children:[L,": ",W]},L))})]})]})}Ue.propTypes={value:t.string,defaultValue:t.string,onChange:t.func,disabled:t.bool,showText:t.oneOfType([t.bool,t.oneOf(["hex","rgb","hsl"])]),format:t.oneOf(["hex","rgb","hsl"]),size:t.oneOf(["small","medium","large"]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,i18nKey:t.string,localeText:t.object};const us=["root","date","weekday","time"],Nt={weekdayPrefix:"星期",weekdayShortPrefix:"周"},wt={default:"default",line:"line",full:"full","full-line":"full-line","year-week":"year-week","year-week-line":"year-week-line","week-time":"week-time","no-s":"no-s","no-s-line":"no-s-line"},ps=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o,ms=(e,o)=>{const n=new Date().toLocaleDateString(e,{year:"numeric",month:"2-digit",day:"2-digit"});return o?n.replaceAll("/","-"):n},bs=(e,o)=>{let n=new Date().toLocaleString(e,{weekday:"long"});return o&&e.startsWith("zh")&&(n=n.replace("星期","周")),n},ye=(e,o)=>{const r=new Date,n={hour:"2-digit",minute:"2-digit"};return o&&(n.second="2-digit"),r.toLocaleTimeString(e,n)},xs=(e,o,r,n)=>{const c=e.endsWith("-line"),l=ms(o,c),a=bs(o,r);switch(e){case"line":return[{key:"date",text:l}];case"full":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!0)}];case"full-line":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!0)}];case"year-week":return[{key:"date",text:l+" "},{key:"weekday",text:a}];case"year-week-line":return[{key:"date",text:l+" "},{key:"weekday",text:a}];case"week-time":return[{key:"weekday",text:a+" "},{key:"time",text:ye(o,!0)}];case"no-s":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!1)}];case"no-s-line":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!1)}];default:return[{key:"date",text:l}]}};function He(e){const{type:o="default",single:r=!1,sx:n={},style:c={},className:l="",i18nKey:a,localeText:i={},...p}=e||{},{t:h,locale:x}=re(),[u,f]=d.useState(!1);d.useEffect(()=>{f(!0)},[]);const S=ps(o,"default",wt),C=x==="en-US"?"en-US":"zh-CN";({weekdayPrefix:h("date.weekdayPrefix",Nt.weekdayPrefix),weekdayShortPrefix:h("date.weekdayShortPrefix",Nt.weekdayShortPrefix),...i});const T=H(n,us),F=a&&wt[a]?a:S,P=u?xs(F,C,r):[],y=b({baseClassName:$("inline-flex items-center gap-1 text-[var(--foreground)]"),className:l,baseStyle:{},style:c,sxSlot:T.root}),v={date:b({baseClassName:"",sxSlot:T.date}),weekday:b({baseClassName:"text-[var(--muted-foreground)]",sxSlot:T.weekday}),time:b({baseClassName:"",sxSlot:T.time})};return s.jsx("div",{className:y.className,style:y.style,role:"timer","aria-live":"polite",...p,children:P.map(k=>{const m=v[k.key]||{className:"",style:{}};return s.jsx("span",{className:m.className,style:m.style,children:k.text},k.key)})})}He.propTypes={type:t.oneOf(["default","line","full","full-line","year-week","year-week-line","week-time","no-s","no-s-line"]),single:t.bool,sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,i18nKey:t.string,localeText:t.object};const fs=["root","input","panel","header","body","footer"],ie={placeholder:"YYYY-MM-DD",placeholderTime:"YYYY-MM-DD HH:mm",timeLabel:"时间",confirm:"确定",cancel:"关闭",prevMonth:"上一月",nextMonth:"下一月",weekDays:["日","一","二","三","四","五","六"],monthFormat:"${year} 年 ${month} 月"},Ct={small:{inputPx:"px-2 py-1",textSm:"text-xs",minW:"min-w-[140px]",panelW:"w-[260px]"},medium:{inputPx:"px-3 py-2",textSm:"text-sm",minW:"min-w-[180px]",panelW:"w-[300px]"},large:{inputPx:"px-4 py-3",textSm:"text-base",minW:"min-w-[220px]",panelW:"w-[340px]"}},gs=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o;function Ze(e){const{value:o,defaultValue:r,onChange:n=()=>{},disabled:c=!1,time:l=!1,size:a="medium",sx:i={},style:p={},className:h="",i18nKey:x,localeText:u={},placeholder:f,...S}=e,{t:C,locale:T}=re(),F=gs(a,"medium",Ct),P=Ct[F],y=T==="en-US",[v,k]=d.useState(r||""),m=o!==void 0?o:v,[N,O]=d.useState("00"),[A,B]=d.useState("00"),[_,j]=d.useState(!1),[w,L]=d.useState(()=>{const g=new Date;return new Date(g.getFullYear(),g.getMonth(),1)}),W=d.useRef(null),D={placeholder:C("datepicker.placeholder",ie.placeholder),placeholderTime:C("datepicker.placeholderTime",ie.placeholderTime),timeLabel:C("datepicker.timeLabel",ie.timeLabel),confirm:C("datepicker.confirm",ie.confirm),cancel:C("datepicker.cancel",ie.cancel),prevMonth:C("datepicker.prevMonth",ie.prevMonth),nextMonth:C("datepicker.nextMonth",ie.nextMonth),weekDays:y?["Su","Mo","Tu","We","Th","Fr","Sa"]:ie.weekDays,monthFormat:y?"${month}/${year}":ie.monthFormat,...u};d.useEffect(()=>{const g=V=>{W.current&&!W.current.contains(V.target)&&j(!1)};return document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[]);const z=g=>{const V=g.getFullYear(),Q=(g.getMonth()+1).toString().padStart(2,"0"),ne=g.getDate().toString().padStart(2,"0");return`${V}-${Q}-${ne}`},E=d.useMemo(()=>{const g=w.getFullYear(),V=w.getMonth()+1;return D.monthFormat.replace("${year}",String(g)).replace("${month}",String(V))},[w,D.monthFormat]),M=d.useMemo(()=>{const g=w.getFullYear(),V=w.getMonth(),Q=new Date(g,V,1).getDay(),ne=new Date(g,V+1,0).getDate(),ce=Array.from({length:ne},(tt,Ie)=>Ie+1);return[...Array(Q).fill(null),...ce]},[w]),U=d.useMemo(()=>m?l?`${m} ${N}:${A}`:m:"",[m,N,A,l]),K=g=>{const V=new Date(w.getFullYear(),w.getMonth(),g);return m===z(V)},Z=(g,V,Q)=>{if(g){if(l){const ne=`${g}T${V}:${Q}`,ce=new Date(ne),tt=ce.getFullYear(),Ie=(ce.getMonth()+1).toString().padStart(2,"0"),Wt=ce.getDate().toString().padStart(2,"0"),Ut=ce.getHours().toString().padStart(2,"0"),Ht=ce.getMinutes().toString().padStart(2,"0");n(`${tt}-${Ie}-${Wt} ${Ut}:${Ht}`,ne);return}n(g,g)}},R=g=>{const V=new Date(w.getFullYear(),w.getMonth(),g),Q=z(V);o===void 0&&k(Q),Z(Q,N,A),l||j(!1)},J=g=>{const V=g.target.value;O(V),Z(m,V,A)},le=g=>{const V=g.target.value;B(V),Z(m,N,V)},de=()=>{if(!c){if(m){const[g,V]=m.split("-").map(Number);L(new Date(g,V-1,1))}j(!0)}},ue=Array.from({length:24},(g,V)=>String(V).padStart(2,"0")),pe=Array.from({length:60},(g,V)=>String(V).padStart(2,"0")),G=H(i,fs);typeof i=="string"&&(G.input.tw=$(G.input.tw,G.root.tw),G.root.tw="");const X=b({baseClassName:"relative inline-block",sxSlot:G.root}),I=b({baseClassName:$("border border-[var(--border)] rounded-[var(--radius)] bg-[var(--card)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] outline-none transition-all duration-200 cursor-pointer","focus:border-[var(--primary)] focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--primary)_18%,transparent)]","hover:border-[var(--primary)]",P.inputPx,P.textSm,P.minW,c&&"bg-[var(--muted)] text-[var(--muted-foreground)] cursor-not-allowed"),className:h,style:p,sxSlot:G.input}),q=b({baseClassName:$("absolute top-[calc(100%+8px)] left-0 z-20 p-3 border border-[var(--border)] bg-[var(--card)] rounded-xl shadow-[0_8px_28px_rgba(0,0,0,0.12)]",P.panelW),sxSlot:G.panel}),ae=b({baseClassName:"flex items-center justify-between h-10 mb-2",sxSlot:G.header}),ee=b({baseClassName:"flex flex-wrap",sxSlot:G.body}),oe=b({baseClassName:"mt-2.5 pt-2.5 border-t border-[var(--border)]",sxSlot:G.footer});return s.jsxs("div",{className:X.className,style:X.style,ref:W,...S,children:[s.jsx("input",{type:"text",value:U,readOnly:!0,onClick:de,className:I.className,style:I.style,disabled:c,placeholder:f||(l?D.placeholderTime:D.placeholder),"aria-label":S["aria-label"]||f||(l?D.placeholderTime:D.placeholder),"aria-haspopup":"dialog","aria-expanded":_}),_&&!c&&s.jsxs("div",{className:q.className,style:q.style,role:"dialog","aria-label":"日期选择面板",children:[s.jsxs("div",{className:ae.className,style:ae.style,children:[s.jsx("button",{type:"button",className:"w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",onClick:()=>L(new Date(w.getFullYear(),w.getMonth()-1,1)),"aria-label":D.prevMonth,children:"<"}),s.jsx("div",{className:"text-sm font-semibold text-[var(--foreground)]",children:E}),s.jsx("button",{type:"button",className:"w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",onClick:()=>L(new Date(w.getFullYear(),w.getMonth()+1,1)),"aria-label":D.nextMonth,children:">"})]}),s.jsxs("div",{className:ee.className,style:ee.style,children:[D.weekDays.map(g=>s.jsx("div",{className:"w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]",children:g},g)),M.map((g,V)=>{if(!g)return s.jsx("div",{className:"w-[calc(100%/7)] text-center leading-[30px]"},`empty-${V}`);const Q=K(g);return s.jsx("button",{type:"button",className:$("w-[calc(100%/7)] text-center leading-[30px] border-none bg-transparent cursor-pointer rounded-md text-[13px] text-[var(--foreground)] hover:bg-[var(--muted)]",Q&&"bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"),onClick:()=>R(g),"aria-label":`${w.getFullYear()}-${(w.getMonth()+1).toString().padStart(2,"0")}-${g.toString().padStart(2,"0")}`,children:g},`${w.getFullYear()}-${w.getMonth()}-${g}`)})]}),l&&s.jsxs("div",{className:oe.className,style:oe.style,children:[s.jsx("div",{className:"text-xs text-[var(--muted-foreground)] mb-2",children:D.timeLabel}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("select",{className:"w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",value:N,onChange:J,"aria-label":"小时",children:ue.map(g=>s.jsx("option",{value:g,children:g},g))}),s.jsx("span",{className:"font-semibold text-[var(--muted-foreground)]",children:":"}),s.jsx("select",{className:"w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",value:A,onChange:le,"aria-label":"分钟",children:pe.map(g=>s.jsx("option",{value:g,children:g},g))})]}),s.jsxs("div",{className:"mt-2.5 flex justify-end gap-2",children:[s.jsx(se,{onClick:()=>j(!1),size:"small",type:"transparent",outline:!0,style:{backgroundColor:"var(--datepicker-cancel-bg)",color:"var(--datepicker-cancel-fg)"},children:D.cancel}),s.jsx(se,{onClick:()=>j(!1),size:"small",style:{backgroundColor:"var(--datepicker-confirm-bg)",color:"var(--datepicker-confirm-fg)",borderColor:"var(--datepicker-confirm-bg)"},children:D.confirm})]})]})]})]})}Ze.propTypes={value:t.string,defaultValue:t.string,onChange:t.func,disabled:t.bool,time:t.bool,size:t.oneOf(["small","medium","large"]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,i18nKey:t.string,localeText:t.object};const hs=["overlay","container","header","title","closeBtn","content","footer"],ke={title:"基础标题",okText:"确定",cancelText:"取消",closeAriaLabel:"关闭"},ys={right:"right",left:"left",top:"top",bottom:"bottom"},vs={right:"right-0 top-0 h-full",left:"left-0 top-0 h-full",top:"top-0 left-0 w-full",bottom:"bottom-0 left-0 w-full"},Ss={right:"translateX(100%)",left:"translateX(-100%)",top:"translateY(-100%)",bottom:"translateY(100%)"},Ns=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o;function Ge(e){const{children:o,title:r,okText:n,cancelText:c,open:l=!1,onClose:a=()=>{},onOk:i,type:p="right",width:h,height:x,sx:u={},style:f={},className:S="",maskClosable:C=!0,footerButtons:T,localeText:F={},...P}=e,{t:y}=re(),v=Ns(p,"right",ys),[k,m]=d.useState(!1),[N,O]=d.useState(!1);d.useEffect(()=>{if(l){m(!0);const R=setTimeout(()=>O(!0),30);return()=>clearTimeout(R)}if(k){O(!1);const R=setTimeout(()=>m(!1),300);return()=>clearTimeout(R)}},[l]),d.useEffect(()=>{if(k){const R=parseInt(document.body.dataset.tangoScrollLock||"0",10);return R===0&&(document.body.dataset.tangoOriginalOverflow=document.body.style.overflow),document.body.dataset.tangoScrollLock=String(R+1),document.body.style.overflow="hidden",()=>{const J=parseInt(document.body.dataset.tangoScrollLock||"0",10);J<=1?(document.body.style.overflow=document.body.dataset.tangoOriginalOverflow||"",delete document.body.dataset.tangoOriginalOverflow,delete document.body.dataset.tangoScrollLock):document.body.dataset.tangoScrollLock=String(J-1)}}},[k]);const A={};v==="left"||v==="right"?A.width=h||"320px":A.height=x||"300px";const B={title:r??y("drawer.title",ke.title),okText:n??y("drawer.okText",ke.okText),cancelText:c??y("drawer.cancelText",ke.cancelText),closeAriaLabel:y("drawer.closeAriaLabel",ke.closeAriaLabel),...F},_=H(u,hs),j=b({baseClassName:"fixed inset-0 z-[999] flex",sxSlot:_.overlay}),w={tw:$(_.root.tw,_.container.tw),css:{..._.root.css,..._.container.css}},L=b({baseClassName:$("fixed bg-[var(--card)] text-[var(--foreground)] flex flex-col transition-all duration-300 ease-in-out",vs[v]),className:S,style:{...A,transform:N?"translate(0, 0)":Ss[v],...f},sxSlot:w}),W=b({baseClassName:"flex items-center justify-between px-5 pt-5 pb-3 shrink-0",sxSlot:_.header}),D=b({baseClassName:"text-lg font-bold text-[var(--foreground)]",sxSlot:_.title}),z=b({baseClassName:"cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",sxSlot:_.closeBtn}),E=b({baseClassName:"flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--foreground)]",sxSlot:_.content}),M=b({baseClassName:"flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",sxSlot:_.footer}),U=R=>{C&&R.target===R.currentTarget&&a()},K=s.jsx("svg",{viewBox:"0 0 1024 1024",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",children:s.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z"})}),Z=T!=null&&T.length?T:[{key:"cancel",text:B.cancelText,onClick:a},{key:"ok",text:B.okText,onClick:i||a}];return k?s.jsx("div",{className:j.className,style:{...j.style,backgroundColor:"rgba(0, 0, 0, 0.5)",opacity:N?1:0,transition:"opacity 300ms ease-in-out"},onClick:U,role:"dialog","aria-modal":"true","aria-label":B.title,...P,children:s.jsxs("div",{className:L.className,style:L.style,children:[s.jsxs("div",{className:W.className,style:W.style,children:[s.jsx("h3",{className:D.className,style:D.style,children:B.title}),s.jsx("div",{className:z.className,style:z.style,onClick:a,role:"button",tabIndex:0,"aria-label":B.closeAriaLabel,onKeyDown:R=>{(R.key==="Enter"||R.key===" ")&&a()},children:K})]}),s.jsx("div",{className:E.className,style:E.style,children:o}),s.jsx("div",{className:M.className,style:M.style,children:Z.map(R=>{const J=R.key==="ok";return s.jsx(se,{onClick:R.onClick,type:"default",outline:!J,size:"medium",style:J?{backgroundColor:"var(--drawer-ok-bg)",color:"var(--drawer-ok-fg)",borderColor:"var(--drawer-ok-bg)"}:{backgroundColor:"var(--drawer-cancel-bg)",color:"var(--drawer-cancel-fg)"},children:R.text},R.key)})})]})}):null}Ge.propTypes={children:t.node,title:t.string,okText:t.string,cancelText:t.string,open:t.bool,onClose:t.func,onOk:t.func,type:t.oneOf(["top","bottom","left","right"]),width:t.oneOfType([t.string,t.number]),height:t.oneOfType([t.string,t.number]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,maskClosable:t.bool,footerButtons:t.arrayOf(t.shape({key:t.string.isRequired,text:t.string.isRequired,onClick:t.func.isRequired})),localeText:t.object};const ws=["root","text"],Tt={small:"my-0.5",medium:"my-1.5",large:"my-2.5",huge:"my-4"};function Cs(e,o){const{sx:r={},style:n={},className:c="",size:l="medium",children:a,...i}=e,p=H(r,ws),h=Tt[l]||Tt.medium,x=!!a,u=b({baseClassName:$("flex items-center justify-center relative w-full",h),className:c,sxSlot:p.root,baseStyle:{},style:n}),f=b({baseClassName:"px-2 whitespace-nowrap z-[1]",sxSlot:p.text});return s.jsxs("span",{ref:o,className:u.className,style:{...u.style,display:"flex",alignItems:"center",justifyContent:"center"},...i,children:[s.jsx("span",{className:`flex-1 h-px bg-[var(--line-color)] ${x?"mr-2.5":""}`}),x&&s.jsx("span",{className:f.className,style:f.style,children:a}),s.jsx("span",{className:`flex-1 h-px bg-[var(--line-color)] ${x?"ml-2.5":""}`})]})}const qe=d.forwardRef(Cs);qe.displayName="Line";qe.propTypes={size:t.oneOf(["small","medium","large","huge"]),sx:t.oneOfType([t.string,t.object]),style:t.object,className:t.string,children:t.node};const Ts=["root"],kt={default:"bg-[var(--mark-default-bg)]",primary:"bg-[var(--mark-primary-bg)]",success:"bg-[var(--mark-success-bg)]",warning:"bg-[var(--mark-warning-bg)]",danger:"bg-[var(--mark-danger-bg)]"};function ks(e,o){const{sx:r={},style:n={},className:c="",color:l="default",beauty:a=!1,children:i,...p}=e,h=H(r,Ts),x=kt[l]||kt.default,u=b({baseClassName:$("inline-block",x,a?"px-2 py-1 rounded":""),className:c,sxSlot:h.root,baseStyle:{},style:n});return s.jsx("mark",{ref:o,className:u.className,style:u.style,...p,children:i})}const Xe=d.forwardRef(ks);Xe.displayName="Mark";Xe.propTypes={color:t.oneOf(["default","primary","success","warning","danger"]),beauty:t.bool,sx:t.oneOfType([t.string,t.object]),style:t.object,className:t.string,children:t.node};const js=["overlay","container","header","title","closeBtn","content","footer"],je={title:"基础标题",okText:"确定",cancelText:"取消",closeAriaLabel:"关闭"};function Je(e){const{children:o,title:r,okText:n,cancelText:c,open:l=!1,onClose:a=()=>{},onOk:i,width:p,sx:h={},style:x={},className:u="",maskClosable:f=!0,footerButtons:S,localeText:C={},...T}=e,{t:F}=re(),[P,y]=d.useState(!1),[v,k]=d.useState(!1);d.useEffect(()=>{if(l){y(!0);const M=setTimeout(()=>k(!0),30);return()=>clearTimeout(M)}if(P){k(!1);const M=setTimeout(()=>y(!1),300);return()=>clearTimeout(M)}},[l]),d.useEffect(()=>{if(P){const M=parseInt(document.body.dataset.tangoScrollLock||"0",10);return M===0&&(document.body.dataset.tangoOriginalOverflow=document.body.style.overflow),document.body.dataset.tangoScrollLock=String(M+1),document.body.style.overflow="hidden",()=>{const U=parseInt(document.body.dataset.tangoScrollLock||"0",10);U<=1?(document.body.style.overflow=document.body.dataset.tangoOriginalOverflow||"",delete document.body.dataset.tangoOriginalOverflow,delete document.body.dataset.tangoScrollLock):document.body.dataset.tangoScrollLock=String(U-1)}}},[P]);const m={title:r??F("modal.title",je.title),okText:n??F("modal.okText",je.okText),cancelText:c??F("modal.cancelText",je.cancelText),closeAriaLabel:F("modal.closeAriaLabel",je.closeAriaLabel),...C},N=H(h,js),O=b({baseClassName:"fixed inset-0 z-[999] flex justify-center items-center",sxSlot:N.overlay}),A={tw:$(N.root.tw,N.container.tw),css:{...N.root.css,...N.container.css}},B=b({baseClassName:"bg-[var(--modal-bg)] text-[var(--foreground)] flex flex-col rounded-[var(--radius)] shadow-[var(--modal-shadow)] transition-all duration-300 ease-in-out",className:u,style:{width:p||"520px",maxWidth:"90vw",minHeight:"200px",maxHeight:"80vh",transform:v?"scale(1)":"scale(0.8)",opacity:v?1:0,...x},sxSlot:A}),_=b({baseClassName:"flex items-center justify-between px-5 pt-5 pb-3 shrink-0",sxSlot:N.header}),j=b({baseClassName:"text-lg font-bold text-[var(--foreground)]",sxSlot:N.title}),w=b({baseClassName:"cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",sxSlot:N.closeBtn}),L=b({baseClassName:"flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--foreground)]",sxSlot:N.content}),W=b({baseClassName:"flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",sxSlot:N.footer}),D=M=>{f&&M.target===M.currentTarget&&a()},z=s.jsx("svg",{viewBox:"0 0 1024 1024",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",children:s.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z"})}),E=S!=null&&S.length?S:[{key:"cancel",text:m.cancelText,onClick:a},{key:"ok",text:m.okText,onClick:i||a}];return P?s.jsx("div",{className:O.className,style:{...O.style,backgroundColor:"rgba(0, 0, 0, 0.5)",opacity:v?1:0,transition:"opacity 300ms ease-in-out"},onClick:D,role:"dialog","aria-modal":"true","aria-label":m.title,...T,children:s.jsxs("div",{className:B.className,style:B.style,children:[s.jsxs("div",{className:_.className,style:_.style,children:[s.jsx("h3",{className:j.className,style:j.style,children:m.title}),s.jsx("div",{className:w.className,style:w.style,onClick:a,role:"button",tabIndex:0,"aria-label":m.closeAriaLabel,onKeyDown:M=>{(M.key==="Enter"||M.key===" ")&&a()},children:z})]}),s.jsx("div",{className:L.className,style:L.style,children:o}),s.jsx("div",{className:W.className,style:W.style,children:E.map(M=>{const U=M.key==="ok";return s.jsx(se,{onClick:M.onClick,type:"default",outline:!U,size:"medium",style:U?{backgroundColor:"var(--modal-ok-bg)",color:"var(--modal-ok-fg)",borderColor:"var(--modal-ok-bg)"}:{backgroundColor:"var(--modal-cancel-bg)",color:"var(--modal-cancel-fg)"},children:M.text},M.key)})})]})}):null}Je.propTypes={children:t.node,title:t.string,okText:t.string,cancelText:t.string,open:t.bool,onClose:t.func,onOk:t.func,width:t.oneOfType([t.string,t.number]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,maskClosable:t.bool,footerButtons:t.arrayOf(t.shape({key:t.string.isRequired,text:t.string.isRequired,onClick:t.func.isRequired})),localeText:t.object};const Ls=["root","input","button"],Ps={small:"small",medium:"medium",large:"large",huge:"huge"},Os={small:"h-8 text-xs pl-2.5 pr-20",medium:"h-10 text-sm pl-3 pr-24",large:"h-12 text-base pl-3.5 pr-28",huge:"h-14 text-lg pl-4 pr-32"},_s={small:"small",medium:"small",large:"medium",huge:"medium"},jt={placeholder:"请输入内容",btnText:"搜索"},As=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o;function Qe(e){const{size:o="medium",sx:r={},style:n={},className:c="",onSearch:l,onChange:a,value:i,defaultValue:p,disabled:h=!1,placeholder:x,btnText:u,localeText:f,path:S="",...C}=e,{t:T}=re(),F=d.useRef(null),P=As(o,"medium",Ps),y=i!==void 0,v=T("search.placeholder",jt.placeholder),k=T("search.btnText",jt.btnText),m=x??(f==null?void 0:f.placeholder)??v,N=u??(f==null?void 0:f.btnText)??k,O=H(r,Ls),A={tw:$(O.root.tw,O.input.tw),css:{...O.root.css,...O.input.css}},B=$("relative inline-flex",O.root.tw),_=$("w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out","border-[var(--border)] shadow-[var(--input-shadow)]","hover:border-[var(--input-accent)]","focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",h&&"bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",Os[P]),j=b({baseClassName:_,className:c,style:n,sxSlot:A}),w=b({baseClassName:"absolute top-1/2 -translate-y-1/2",sxSlot:O.button,style:{right:"calc(var(--spacing) * 2)"}}),L={right:w.style.right},W={...w.style};delete W.right;const D=d.useCallback(()=>{var M;return y?i:((M=F.current)==null?void 0:M.value)??""},[y,i]),z=d.useCallback(()=>{l==null||l(D())},[l,D]),E=d.useCallback(M=>{M.key==="Enter"&&z()},[z]);return s.jsxs("div",{className:B,children:[s.jsx("input",{ref:y?void 0:F,className:j.className,style:j.style,onKeyDown:E,onChange:a,value:y?i:void 0,defaultValue:y?void 0:p??"",disabled:h||void 0,placeholder:m,type:"text",role:"searchbox","aria-label":m,...C}),s.jsx("div",{className:w.className,style:L,children:s.jsx(se,{onClick:z,size:_s[P],disabled:h,"aria-label":N,style:W,children:S?s.jsx("img",{src:S,alt:"search-icon",style:{width:16,height:16,marginTop:2,marginBottom:-3}}):N})})]})}Qe.propTypes={size:t.oneOf(["small","medium","large","huge"]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,onSearch:t.func,onChange:t.func,value:t.string,defaultValue:t.string,disabled:t.bool,placeholder:t.string,btnText:t.string,localeText:t.shape({placeholder:t.string,btnText:t.string}),path:t.string};const Vt={default:"",inline:"inline-block",circle:"rounded-full",triangle:"w-0 h-0 border-l-[var(--space-triangle-size)] border-r-[var(--space-triangle-size)] border-b-[calc(var(--space-triangle-size)*2)] border-l-transparent border-r-transparent border-b-[var(--space-triangle-color)]",halfCircle:"rounded-t-full rounded-b-none",fixed:"fixed",absolute:"absolute",relative:"relative"},Yt=Object.keys(Vt),Ms=["root"];function zs(e,o){const{sx:r={},style:n={},className:c="",type:l="default",children:a,...i}=e,p=Yt.includes(l)?l:"default",h=H(r,Ms),x=b({baseClassName:Vt[p],className:c,sxSlot:h.root}),u=p==="halfCircle"?{width:"var(--space-half-circle-w)",height:"var(--space-half-circle-h)",background:"var(--space-half-circle-color)"}:{};return s.jsx("div",{ref:o,className:x.className,style:{...u,...x.style,...n},...i,children:a})}const et=d.forwardRef(zs);et.propTypes={type:t.oneOf(Yt),sx:t.oneOfType([t.string,t.object]),style:t.object,className:t.string,children:t.node};et.displayName="Space";const Es=["root","wrapper","thead","headerCell","body","row","cell","empty","pagination"],fe={empty:"暂无数据",prev:"上一页",next:"下一页",page:"页",total:"共 {total} 条",perPage:"条/页"},$s=10,Bs=[10,20,50,100],Le=(e,...o)=>typeof e=="function"?e(...o):e??{};function Kt(e){const{dataSource:o=[],columns:r=[],sx:n={},style:c={},className:l="",pagination:a=null,hide:i=[],rowClassName:p,rowStyle:h,cellClassName:x,cellStyle:u,hoverColor:f="",i18nKey:S=null,localeText:C={},"aria-label":T,...F}=e,{t:P}=re();o.length===0&&r.length===0&&console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");const y={empty:P("table.empty",fe.empty),prev:P("table.prev",fe.prev),next:P("table.next",fe.next),page:P("table.page",fe.page),total:P("table.total",fe.total),perPage:P("table.perPage",fe.perPage),...C},v=Array.isArray(i)?i:typeof i=="string"?[i]:[],k=d.useMemo(()=>r.filter(X=>!X.hide&&!v.includes(X.dataIndex)),[r,v]),m=a!==null&&a!==!1,N=a&&a.placement||"bottom",O=a&&a.pageSize||$s,A=a&&a.pageSizeOptions||Bs,B=(a==null?void 0:a.showTotal)!==!1,_=(a==null?void 0:a.showSizeChanger)!==!1,[j,w]=d.useState(1),[L,W]=d.useState(O),D=o.length,z=Math.max(1,Math.ceil(D/L)),E=Math.min(j,z),M=d.useMemo(()=>{if(!m)return o;const X=(E-1)*L;return o.slice(X,X+L)},[o,E,L,m]),U=d.useCallback(X=>w(Math.max(1,Math.min(X,z))),[z]),K=H(n,Es),Z=b({baseClassName:$("w-full overflow-x-auto rounded-xl border border-[var(--border)]","shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_8%,transparent)]"),className:l,style:c,sxSlot:{tw:$(K.root.tw,K.wrapper.tw),css:{...K.root.css,...K.wrapper.css}}}),R=b({baseClassName:"bg-[var(--primary)] text-[var(--primary-foreground)] sticky top-0 z-10",sxSlot:K.thead}),J=b({baseClassName:"text-[var(--foreground)]",sxSlot:K.body}),le=b({baseClassName:"text-[var(--muted-foreground)] py-16 text-center",sxSlot:K.empty}),de=b({baseClassName:"flex items-center justify-between px-4 py-3 text-sm text-[var(--muted-foreground)] border-t border-[var(--border)]",sxSlot:K.pagination}),ue=f?s.jsx("style",{children:`
+  `}),s.jsxs("div",{className:B.className,style:B.style,...S,children:[s.jsx("input",{type:"color",value:k,onChange:O,disabled:c,className:`tango-cp-input ${_.className}`,style:_.style,"aria-label":S["aria-label"]||`颜色选择器: ${k}`}),l&&A.length>0&&s.jsx("div",{className:j.className,style:j.style,children:A.map(({label:L,value:W})=>s.jsxs("span",{children:[L,": ",W]},L))})]})]})}Ue.propTypes={value:t.string,defaultValue:t.string,onChange:t.func,disabled:t.bool,showText:t.oneOfType([t.bool,t.oneOf(["hex","rgb","hsl"])]),format:t.oneOf(["hex","rgb","hsl"]),size:t.oneOf(["small","medium","large"]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,i18nKey:t.string,localeText:t.object};const us=["root","date","weekday","time"],Nt={weekdayPrefix:"星期",weekdayShortPrefix:"周"},wt={default:"default",line:"line",full:"full","full-line":"full-line","year-week":"year-week","year-week-line":"year-week-line","week-time":"week-time","no-s":"no-s","no-s-line":"no-s-line"},ps=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o,ms=(e,o)=>{const n=new Date().toLocaleDateString(e,{year:"numeric",month:"2-digit",day:"2-digit"});return o?n.replaceAll("/","-"):n},bs=(e,o)=>{let n=new Date().toLocaleString(e,{weekday:"long"});return o&&e.startsWith("zh")&&(n=n.replace("星期","周")),n},ye=(e,o)=>{const r=new Date,n={hour:"2-digit",minute:"2-digit"};return o&&(n.second="2-digit"),r.toLocaleTimeString(e,n)},xs=(e,o,r,n)=>{const c=e.endsWith("-line"),l=ms(o,c),a=bs(o,r);switch(e){case"line":return[{key:"date",text:l}];case"full":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!0)}];case"full-line":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!0)}];case"year-week":return[{key:"date",text:l+" "},{key:"weekday",text:a}];case"year-week-line":return[{key:"date",text:l+" "},{key:"weekday",text:a}];case"week-time":return[{key:"weekday",text:a+" "},{key:"time",text:ye(o,!0)}];case"no-s":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!1)}];case"no-s-line":return[{key:"date",text:l+" "},{key:"weekday",text:a+" "},{key:"time",text:ye(o,!1)}];default:return[{key:"date",text:l}]}};function He(e){const{type:o="default",single:r=!1,sx:n={},style:c={},className:l="",i18nKey:a,localeText:i={},...p}=e||{},{t:h,locale:x}=re(),[u,f]=d.useState(!1);d.useEffect(()=>{f(!0)},[]);const S=ps(o,"default",wt),C=x==="en-US"?"en-US":"zh-CN";({weekdayPrefix:h("date.weekdayPrefix",Nt.weekdayPrefix),weekdayShortPrefix:h("date.weekdayShortPrefix",Nt.weekdayShortPrefix),...i});const T=H(n,us),F=a&&wt[a]?a:S,P=u?xs(F,C,r):[],y=b({baseClassName:$("inline-flex items-center gap-1 text-[var(--foreground)]"),className:l,baseStyle:{},style:c,sxSlot:T.root}),v={date:b({baseClassName:"",sxSlot:T.date}),weekday:b({baseClassName:"text-[var(--muted-foreground)]",sxSlot:T.weekday}),time:b({baseClassName:"",sxSlot:T.time})};return s.jsx("div",{className:y.className,style:y.style,role:"timer","aria-live":"polite",...p,children:P.map(k=>{const m=v[k.key]||{className:"",style:{}};return s.jsx("span",{className:m.className,style:m.style,children:k.text},k.key)})})}He.propTypes={type:t.oneOf(["default","line","full","full-line","year-week","year-week-line","week-time","no-s","no-s-line"]),single:t.bool,sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,i18nKey:t.string,localeText:t.object};const fs=["root","input","panel","header","body","footer"],ie={placeholder:"YYYY-MM-DD",placeholderTime:"YYYY-MM-DD HH:mm",timeLabel:"时间",confirm:"确定",cancel:"关闭",prevMonth:"上一月",nextMonth:"下一月",weekDays:["日","一","二","三","四","五","六"],monthFormat:"${year} 年 ${month} 月"},Ct={small:{inputPx:"px-2 py-1",textSm:"text-xs",minW:"min-w-[140px]",panelW:"w-[260px]"},medium:{inputPx:"px-3 py-2",textSm:"text-sm",minW:"min-w-[180px]",panelW:"w-[300px]"},large:{inputPx:"px-4 py-3",textSm:"text-base",minW:"min-w-[220px]",panelW:"w-[340px]"}},gs=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o;function Ze(e){const{value:o,defaultValue:r,onChange:n=()=>{},disabled:c=!1,time:l=!1,size:a="medium",sx:i={},style:p={},className:h="",i18nKey:x,localeText:u={},placeholder:f,...S}=e,{t:C,locale:T}=re(),F=gs(a,"medium",Ct),P=Ct[F],y=T==="en-US",[v,k]=d.useState(r||""),m=o!==void 0?o:v,[N,O]=d.useState("00"),[A,B]=d.useState("00"),[_,j]=d.useState(!1),[w,L]=d.useState(()=>{const g=new Date;return new Date(g.getFullYear(),g.getMonth(),1)}),W=d.useRef(null),D={placeholder:C("datepicker.placeholder",ie.placeholder),placeholderTime:C("datepicker.placeholderTime",ie.placeholderTime),timeLabel:C("datepicker.timeLabel",ie.timeLabel),confirm:C("datepicker.confirm",ie.confirm),cancel:C("datepicker.cancel",ie.cancel),prevMonth:C("datepicker.prevMonth",ie.prevMonth),nextMonth:C("datepicker.nextMonth",ie.nextMonth),weekDays:y?["Su","Mo","Tu","We","Th","Fr","Sa"]:ie.weekDays,monthFormat:y?"${month}/${year}":ie.monthFormat,...u};d.useEffect(()=>{const g=V=>{W.current&&!W.current.contains(V.target)&&j(!1)};return document.addEventListener("mousedown",g),()=>document.removeEventListener("mousedown",g)},[]);const z=g=>{const V=g.getFullYear(),Q=(g.getMonth()+1).toString().padStart(2,"0"),ne=g.getDate().toString().padStart(2,"0");return`${V}-${Q}-${ne}`},E=d.useMemo(()=>{const g=w.getFullYear(),V=w.getMonth()+1;return D.monthFormat.replace("${year}",String(g)).replace("${month}",String(V))},[w,D.monthFormat]),M=d.useMemo(()=>{const g=w.getFullYear(),V=w.getMonth(),Q=new Date(g,V,1).getDay(),ne=new Date(g,V+1,0).getDate(),ce=Array.from({length:ne},(tt,Ie)=>Ie+1);return[...Array(Q).fill(null),...ce]},[w]),U=d.useMemo(()=>m?l?`${m} ${N}:${A}`:m:"",[m,N,A,l]),K=g=>{const V=new Date(w.getFullYear(),w.getMonth(),g);return m===z(V)},Z=(g,V,Q)=>{if(g){if(l){const ne=`${g}T${V}:${Q}`,ce=new Date(ne),tt=ce.getFullYear(),Ie=(ce.getMonth()+1).toString().padStart(2,"0"),Wt=ce.getDate().toString().padStart(2,"0"),Ut=ce.getHours().toString().padStart(2,"0"),Ht=ce.getMinutes().toString().padStart(2,"0");n(`${tt}-${Ie}-${Wt} ${Ut}:${Ht}`,ne);return}n(g,g)}},R=g=>{const V=new Date(w.getFullYear(),w.getMonth(),g),Q=z(V);o===void 0&&k(Q),Z(Q,N,A),l||j(!1)},J=g=>{const V=g.target.value;O(V),Z(m,V,A)},le=g=>{const V=g.target.value;B(V),Z(m,N,V)},de=()=>{if(!c){if(m){const[g,V]=m.split("-").map(Number);L(new Date(g,V-1,1))}j(!0)}},ue=Array.from({length:24},(g,V)=>String(V).padStart(2,"0")),pe=Array.from({length:60},(g,V)=>String(V).padStart(2,"0")),G=H(i,fs);typeof i=="string"&&(G.input.tw=$(G.input.tw,G.root.tw),G.root.tw="");const X=b({baseClassName:"relative inline-block",sxSlot:G.root}),I=b({baseClassName:$("border border-[var(--border)] rounded-[var(--radius)] bg-[var(--card)] text-[var(--foreground)] placeholder:text-[var(--muted-foreground)] outline-none transition-all duration-200 cursor-pointer","focus:border-[var(--primary)] focus:shadow-[0_0_0_2px_color-mix(in_srgb,var(--primary)_18%,transparent)]","hover:border-[var(--primary)]",P.inputPx,P.textSm,P.minW,c&&"bg-[var(--muted)] text-[var(--muted-foreground)] cursor-not-allowed"),className:h,style:p,sxSlot:G.input}),q=b({baseClassName:$("absolute top-[calc(100%+8px)] left-0 z-20 p-3 border border-[var(--border)] bg-[var(--card)] rounded-xl shadow-[0_8px_28px_rgba(0,0,0,0.12)]",P.panelW),sxSlot:G.panel}),ae=b({baseClassName:"flex items-center justify-between h-10 mb-2",sxSlot:G.header}),ee=b({baseClassName:"flex flex-wrap",sxSlot:G.body}),oe=b({baseClassName:"mt-2.5 pt-2.5 border-t border-[var(--border)]",sxSlot:G.footer});return s.jsxs("div",{className:X.className,style:X.style,ref:W,...S,children:[s.jsx("input",{type:"text",value:U,readOnly:!0,onClick:de,className:I.className,style:I.style,disabled:c,placeholder:f||(l?D.placeholderTime:D.placeholder),"aria-label":S["aria-label"]||f||(l?D.placeholderTime:D.placeholder),"aria-haspopup":"dialog","aria-expanded":_}),_&&!c&&s.jsxs("div",{className:q.className,style:q.style,role:"dialog","aria-label":"日期选择面板",children:[s.jsxs("div",{className:ae.className,style:ae.style,children:[s.jsx("button",{type:"button",className:"w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",onClick:()=>L(new Date(w.getFullYear(),w.getMonth()-1,1)),"aria-label":D.prevMonth,children:"<"}),s.jsx("div",{className:"text-sm font-semibold text-[var(--foreground)]",children:E}),s.jsx("button",{type:"button",className:"w-7 h-7 border border-[var(--border)] bg-[var(--card)] text-sm cursor-pointer rounded hover:border-[var(--primary)] hover:bg-[color-mix(in_srgb,var(--primary)_14%,var(--card))]",onClick:()=>L(new Date(w.getFullYear(),w.getMonth()+1,1)),"aria-label":D.nextMonth,children:">"})]}),s.jsxs("div",{className:ee.className,style:ee.style,children:[D.weekDays.map(g=>s.jsx("div",{className:"w-[calc(100%/7)] text-center leading-[30px] text-xs text-[var(--muted-foreground)]",children:g},g)),M.map((g,V)=>{if(!g)return s.jsx("div",{className:"w-[calc(100%/7)] text-center leading-[30px]"},`empty-${V}`);const Q=K(g);return s.jsx("button",{type:"button",className:$("w-[calc(100%/7)] text-center leading-[30px] border-none bg-transparent cursor-pointer rounded-md text-[13px] text-[var(--foreground)] hover:bg-[var(--muted)]",Q&&"bg-[var(--primary)] text-[var(--primary-foreground)] hover:bg-[var(--primary)]"),onClick:()=>R(g),"aria-label":`${w.getFullYear()}-${(w.getMonth()+1).toString().padStart(2,"0")}-${g.toString().padStart(2,"0")}`,children:g},`${w.getFullYear()}-${w.getMonth()}-${g}`)})]}),l&&s.jsxs("div",{className:oe.className,style:oe.style,children:[s.jsx("div",{className:"text-xs text-[var(--muted-foreground)] mb-2",children:D.timeLabel}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("select",{className:"w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",value:N,onChange:J,"aria-label":"小时",children:ue.map(g=>s.jsx("option",{value:g,children:g},g))}),s.jsx("span",{className:"font-semibold text-[var(--muted-foreground)]",children:":"}),s.jsx("select",{className:"w-20 h-8 border border-[var(--border)] rounded-md px-2 text-[13px] outline-none bg-[var(--card)] text-[var(--foreground)] focus:border-[var(--primary)]",value:A,onChange:le,"aria-label":"分钟",children:pe.map(g=>s.jsx("option",{value:g,children:g},g))})]}),s.jsxs("div",{className:"mt-2.5 flex justify-end gap-2",children:[s.jsx(se,{onClick:()=>j(!1),size:"small",type:"transparent",outline:!0,style:{backgroundColor:"var(--datepicker-cancel-bg)",color:"var(--datepicker-cancel-fg)"},children:D.cancel}),s.jsx(se,{onClick:()=>j(!1),size:"small",style:{backgroundColor:"var(--datepicker-confirm-bg)",color:"var(--datepicker-confirm-fg)",borderColor:"var(--datepicker-confirm-bg)"},children:D.confirm})]})]})]})]})}Ze.propTypes={value:t.string,defaultValue:t.string,onChange:t.func,disabled:t.bool,time:t.bool,size:t.oneOf(["small","medium","large"]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,i18nKey:t.string,localeText:t.object};const hs=["overlay","container","header","title","closeBtn","content","footer"],ke={title:"基础标题",okText:"确定",cancelText:"取消",closeAriaLabel:"关闭"},ys={right:"right",left:"left",top:"top",bottom:"bottom"},vs={right:"right-0 top-0 h-full",left:"left-0 top-0 h-full",top:"top-0 left-0 w-full",bottom:"bottom-0 left-0 w-full"},Ss={right:"translateX(100%)",left:"translateX(-100%)",top:"translateY(-100%)",bottom:"translateY(100%)"},Ns=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o;function Ge(e){const{children:o,title:r,okText:n,cancelText:c,open:l=!1,onClose:a=()=>{},onOk:i,type:p="right",width:h,height:x,sx:u={},style:f={},className:S="",maskClosable:C=!0,footerButtons:T,localeText:F={},...P}=e,{t:y}=re(),v=Ns(p,"right",ys),[k,m]=d.useState(!1),[N,O]=d.useState(!1);d.useEffect(()=>{if(l){m(!0);const R=setTimeout(()=>O(!0),30);return()=>clearTimeout(R)}if(k){O(!1);const R=setTimeout(()=>m(!1),300);return()=>clearTimeout(R)}},[l]),d.useEffect(()=>{if(k){const R=parseInt(document.body.dataset.tangoScrollLock||"0",10);return R===0&&(document.body.dataset.tangoOriginalOverflow=document.body.style.overflow),document.body.dataset.tangoScrollLock=String(R+1),document.body.style.overflow="hidden",()=>{const J=parseInt(document.body.dataset.tangoScrollLock||"0",10);J<=1?(document.body.style.overflow=document.body.dataset.tangoOriginalOverflow||"",delete document.body.dataset.tangoOriginalOverflow,delete document.body.dataset.tangoScrollLock):document.body.dataset.tangoScrollLock=String(J-1)}}},[k]);const A={};v==="left"||v==="right"?A.width=h||"320px":A.height=x||"300px";const B={title:r??y("drawer.title",ke.title),okText:n??y("drawer.okText",ke.okText),cancelText:c??y("drawer.cancelText",ke.cancelText),closeAriaLabel:y("drawer.closeAriaLabel",ke.closeAriaLabel),...F},_=H(u,hs),j=b({baseClassName:"fixed inset-0 z-[999] flex",sxSlot:_.overlay}),w={tw:$(_.root.tw,_.container.tw),css:{..._.root.css,..._.container.css}},L=b({baseClassName:$("fixed bg-[var(--card)] text-[var(--foreground)] flex flex-col transition-all duration-300 ease-in-out",vs[v]),className:S,style:{...A,transform:N?"translate(0, 0)":Ss[v],...f},sxSlot:w}),W=b({baseClassName:"flex items-center justify-between px-5 pt-5 pb-3 shrink-0",sxSlot:_.header}),D=b({baseClassName:"text-lg font-bold text-[var(--foreground)]",sxSlot:_.title}),z=b({baseClassName:"cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",sxSlot:_.closeBtn}),E=b({baseClassName:"flex-1 overflow-auto overscroll-contain px-5 py-2 text-[var(--foreground)]",sxSlot:_.content}),M=b({baseClassName:"flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",sxSlot:_.footer}),U=R=>{C&&R.target===R.currentTarget&&a()},K=s.jsx("svg",{viewBox:"0 0 1024 1024",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",children:s.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z"})}),Z=T!=null&&T.length?T:[{key:"cancel",text:B.cancelText,onClick:a},{key:"ok",text:B.okText,onClick:i||a}];return k?s.jsx("div",{className:j.className,style:{...j.style,backgroundColor:"rgba(0, 0, 0, 0.5)",opacity:N?1:0,transition:"opacity 300ms ease-in-out"},onClick:U,role:"dialog","aria-modal":"true","aria-label":B.title,...P,children:s.jsxs("div",{className:L.className,style:L.style,children:[s.jsxs("div",{className:W.className,style:W.style,children:[s.jsx("h3",{className:D.className,style:D.style,children:B.title}),s.jsx("div",{className:z.className,style:z.style,onClick:a,role:"button",tabIndex:0,"aria-label":B.closeAriaLabel,onKeyDown:R=>{(R.key==="Enter"||R.key===" ")&&a()},children:K})]}),s.jsx("div",{className:E.className,style:E.style,children:o}),s.jsx("div",{className:M.className,style:M.style,children:Z.map(R=>{const J=R.key==="ok";return s.jsx(se,{onClick:R.onClick,type:"default",outline:!J,size:"medium",style:J?{backgroundColor:"var(--drawer-ok-bg)",color:"var(--drawer-ok-fg)",borderColor:"var(--drawer-ok-bg)"}:{backgroundColor:"var(--drawer-cancel-bg)",color:"var(--drawer-cancel-fg)"},children:R.text},R.key)})})]})}):null}Ge.propTypes={children:t.node,title:t.string,okText:t.string,cancelText:t.string,open:t.bool,onClose:t.func,onOk:t.func,type:t.oneOf(["top","bottom","left","right"]),width:t.oneOfType([t.string,t.number]),height:t.oneOfType([t.string,t.number]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,maskClosable:t.bool,footerButtons:t.arrayOf(t.shape({key:t.string.isRequired,text:t.string.isRequired,onClick:t.func.isRequired})),localeText:t.object};const ws=["root","text"],Tt={small:"my-0.5",medium:"my-1.5",large:"my-2.5",huge:"my-4"};function Cs(e,o){const{sx:r={},style:n={},className:c="",size:l="medium",children:a,...i}=e,p=H(r,ws),h=Tt[l]||Tt.medium,x=!!a,u=b({baseClassName:$("flex items-center justify-center relative w-full",h),className:c,sxSlot:p.root,baseStyle:{},style:n}),f=b({baseClassName:"px-2 whitespace-nowrap z-[1]",sxSlot:p.text});return s.jsxs("span",{ref:o,className:u.className,style:{...u.style,display:"flex",alignItems:"center",justifyContent:"center"},...i,children:[s.jsx("span",{className:`flex-1 h-px bg-[var(--line-color)] ${x?"mr-2.5":""}`}),x&&s.jsx("span",{className:f.className,style:f.style,children:a}),s.jsx("span",{className:`flex-1 h-px bg-[var(--line-color)] ${x?"ml-2.5":""}`})]})}const qe=d.forwardRef(Cs);qe.displayName="Line";qe.propTypes={size:t.oneOf(["small","medium","large","huge"]),sx:t.oneOfType([t.string,t.object]),style:t.object,className:t.string,children:t.node};const Ts=["root"],kt={default:"bg-[var(--mark-default-bg)]",primary:"bg-[var(--mark-primary-bg)]",success:"bg-[var(--mark-success-bg)]",warning:"bg-[var(--mark-warning-bg)]",danger:"bg-[var(--mark-danger-bg)]"};function ks(e,o){const{sx:r={},style:n={},className:c="",color:l="default",beauty:a=!1,children:i,...p}=e,h=H(r,Ts),x=kt[l]||kt.default,u=b({baseClassName:$("inline-block",x,a?"px-2 py-1 rounded":""),className:c,sxSlot:h.root,baseStyle:{},style:n});return s.jsx("mark",{ref:o,className:u.className,style:u.style,...p,children:i})}const Xe=d.forwardRef(ks);Xe.displayName="Mark";Xe.propTypes={color:t.oneOf(["default","primary","success","warning","danger"]),beauty:t.bool,sx:t.oneOfType([t.string,t.object]),style:t.object,className:t.string,children:t.node};const js=["overlay","container","header","title","closeBtn","content","footer"],je={title:"基础标题",okText:"确定",cancelText:"取消",closeAriaLabel:"关闭"};function Je(e){const{children:o,title:r,okText:n,cancelText:c,open:l=!1,onClose:a=()=>{},onOk:i,width:p,sx:h={},style:x={},className:u="",maskClosable:f=!0,footerButtons:S,localeText:C={},...T}=e,{t:F}=re(),[P,y]=d.useState(!1),[v,k]=d.useState(!1);d.useEffect(()=>{if(l){y(!0);const M=setTimeout(()=>k(!0),30);return()=>clearTimeout(M)}if(P){k(!1);const M=setTimeout(()=>y(!1),300);return()=>clearTimeout(M)}},[l]),d.useEffect(()=>{if(P){const M=parseInt(document.body.dataset.tangoScrollLock||"0",10);return M===0&&(document.body.dataset.tangoOriginalOverflow=document.body.style.overflow),document.body.dataset.tangoScrollLock=String(M+1),document.body.style.overflow="hidden",()=>{const U=parseInt(document.body.dataset.tangoScrollLock||"0",10);U<=1?(document.body.style.overflow=document.body.dataset.tangoOriginalOverflow||"",delete document.body.dataset.tangoOriginalOverflow,delete document.body.dataset.tangoScrollLock):document.body.dataset.tangoScrollLock=String(U-1)}}},[P]);const m={title:r??F("modal.title",je.title),okText:n??F("modal.okText",je.okText),cancelText:c??F("modal.cancelText",je.cancelText),closeAriaLabel:F("modal.closeAriaLabel",je.closeAriaLabel),...C},N=H(h,js),O=b({baseClassName:"fixed inset-0 z-[999] flex justify-center items-center",sxSlot:N.overlay}),A={tw:$(N.root.tw,N.container.tw),css:{...N.root.css,...N.container.css}},B=b({baseClassName:"bg-[var(--modal-bg)] text-[var(--foreground)] flex flex-col rounded-[var(--radius)] shadow-[var(--modal-shadow)] transition-all duration-300 ease-in-out",className:u,style:{width:p||"520px",maxWidth:"90vw",minHeight:"200px",maxHeight:"80vh",transform:v?"scale(1)":"scale(0.8)",opacity:v?1:0,...x},sxSlot:A}),_=b({baseClassName:"flex items-center justify-between px-5 pt-5 pb-3 shrink-0",sxSlot:N.header}),j=b({baseClassName:"text-lg font-bold text-[var(--foreground)]",sxSlot:N.title}),w=b({baseClassName:"cursor-pointer p-1 rounded-md hover:bg-[var(--muted)] transition-colors text-[var(--muted-foreground)]",sxSlot:N.closeBtn}),L=b({baseClassName:"flex-1 overflow-auto overscroll-contain px-6 py-5 text-[var(--foreground)]",sxSlot:N.content}),W=b({baseClassName:"flex justify-end gap-2 px-5 py-4 border-t border-[var(--border)] shrink-0",sxSlot:N.footer}),D=M=>{f&&M.target===M.currentTarget&&a()},z=s.jsx("svg",{viewBox:"0 0 1024 1024",width:"20",height:"20",fill:"currentColor","aria-hidden":"true",children:s.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z"})}),E=S!=null&&S.length?S:[{key:"cancel",text:m.cancelText,onClick:a},{key:"ok",text:m.okText,onClick:i||a}];return P?s.jsx("div",{className:O.className,style:{...O.style,backgroundColor:"rgba(0, 0, 0, 0.5)",opacity:v?1:0,transition:"opacity 300ms ease-in-out"},onClick:D,role:"dialog","aria-modal":"true","aria-label":m.title,...T,children:s.jsxs("div",{className:B.className,style:B.style,children:[s.jsxs("div",{className:_.className,style:_.style,children:[s.jsx("h3",{className:j.className,style:j.style,children:m.title}),s.jsx("div",{className:w.className,style:w.style,onClick:a,role:"button",tabIndex:0,"aria-label":m.closeAriaLabel,onKeyDown:M=>{(M.key==="Enter"||M.key===" ")&&a()},children:z})]}),s.jsx("div",{className:L.className,style:L.style,children:o}),s.jsx("div",{className:W.className,style:W.style,children:E.map(M=>{const U=M.key==="ok";return s.jsx(se,{onClick:M.onClick,type:"default",outline:!U,size:"medium",style:U?{backgroundColor:"var(--modal-ok-bg)",color:"var(--modal-ok-fg)",borderColor:"var(--modal-ok-bg)"}:{backgroundColor:"var(--modal-cancel-bg)",color:"var(--modal-cancel-fg)"},children:M.text},M.key)})})]})}):null}Je.propTypes={children:t.node,title:t.string,okText:t.string,cancelText:t.string,open:t.bool,onClose:t.func,onOk:t.func,width:t.oneOfType([t.string,t.number]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,maskClosable:t.bool,footerButtons:t.arrayOf(t.shape({key:t.string.isRequired,text:t.string.isRequired,onClick:t.func.isRequired})),localeText:t.object};const Ls=["root","input","button"],Ps={small:"small",medium:"medium",large:"large",huge:"huge"},Os={small:"h-8 text-xs pl-2.5 pr-20",medium:"h-10 text-sm pl-3 pr-24",large:"h-12 text-base pl-3.5 pr-28",huge:"h-14 text-lg pl-4 pr-32"},_s={small:"small",medium:"small",large:"medium",huge:"medium"},jt={placeholder:"请输入内容",btnText:"搜索"},As=(e,o,r)=>Object.prototype.hasOwnProperty.call(r,e)?e:o;function Qe(e){const{size:o="medium",sx:r={},style:n={},className:c="",onSearch:l,onChange:a,value:i,defaultValue:p,disabled:h=!1,placeholder:x,btnText:u,localeText:f,path:S="",...C}=e,{t:T}=re(),F=d.useRef(null),P=As(o,"medium",Ps),y=i!==void 0,v=T("search.placeholder",jt.placeholder),k=T("search.btnText",jt.btnText),m=x??(f==null?void 0:f.placeholder)??v,N=u??(f==null?void 0:f.btnText)??k,O=H(r,Ls),A={tw:$(O.root.tw,O.input.tw),css:{...O.root.css,...O.input.css}},B=$("relative inline-flex",O.root.tw),_=$("w-[300px] rounded-[var(--radius)] border bg-[var(--input-bg)] text-[var(--foreground)] outline-none transition-all duration-200 ease-in-out","border-[var(--border)] shadow-[var(--input-shadow)]","hover:border-[var(--input-accent)]","focus:border-[var(--input-accent)] focus:shadow-[var(--input-focus-shadow)]",h&&"bg-[var(--muted)] text-[var(--muted-foreground)] border-[var(--muted)] cursor-not-allowed shadow-none hover:border-[var(--muted)] focus:shadow-none",Os[P]),j=b({baseClassName:_,className:c,style:n,sxSlot:A}),w=b({baseClassName:"absolute top-1/2 -translate-y-1/2",sxSlot:O.button,style:{right:"calc(var(--spacing) * 2)"}}),L={right:w.style.right},W={...w.style};delete W.right;const D=d.useCallback(()=>{var M;return y?i:((M=F.current)==null?void 0:M.value)??""},[y,i]),z=d.useCallback(()=>{l==null||l(D())},[l,D]),E=d.useCallback(M=>{M.key==="Enter"&&z()},[z]);return s.jsxs("div",{className:B,children:[s.jsx("input",{ref:y?void 0:F,className:j.className,style:j.style,onKeyDown:E,onChange:a,value:y?i:void 0,defaultValue:y?void 0:p??"",disabled:h||void 0,placeholder:m,type:"text",role:"searchbox","aria-label":m,...C}),s.jsx("div",{className:w.className,style:L,children:s.jsx(se,{onClick:z,size:_s[P],disabled:h,"aria-label":N,style:W,children:S?s.jsx("img",{src:S,alt:"search-icon",style:{width:16,height:16,marginTop:2,marginBottom:-3}}):N})})]})}Qe.propTypes={size:t.oneOf(["small","medium","large","huge"]),sx:t.oneOfType([t.object,t.string]),style:t.object,className:t.string,onSearch:t.func,onChange:t.func,value:t.string,defaultValue:t.string,disabled:t.bool,placeholder:t.string,btnText:t.string,localeText:t.shape({placeholder:t.string,btnText:t.string}),path:t.string};const Vt={default:"block",inline:"inline-block",flex:"flex",inlineFlex:"inline-flex",grid:"grid",circle:"block rounded-full",triangle:"block w-0 h-0 border-l-[var(--space-triangle-size)] border-r-[var(--space-triangle-size)] border-b-[calc(var(--space-triangle-size)*2)] border-l-transparent border-r-transparent border-b-[var(--space-triangle-color)]",halfCircle:"block rounded-t-full rounded-b-none",fixed:"block fixed",absolute:"block absolute",relative:"block relative"},Yt=Object.keys(Vt),Ms=["root"];function zs(e,o){const{sx:r={},style:n={},className:c="",type:l="default",children:a,...i}=e,p=Yt.includes(l)?l:"default",h=H(r,Ms),x=b({baseClassName:Vt[p],className:c,sxSlot:h.root}),u=p==="halfCircle"?{width:"var(--space-half-circle-w)",height:"var(--space-half-circle-h)",background:"var(--space-half-circle-color)"}:{};return s.jsx("div",{ref:o,className:x.className,style:{...u,...x.style,...n},...i,children:a})}const et=d.forwardRef(zs);et.propTypes={type:t.oneOf(Yt),sx:t.oneOfType([t.string,t.object]),style:t.object,className:t.string,children:t.node};et.displayName="Space";const Es=["root","wrapper","thead","headerCell","body","row","cell","empty","pagination"],fe={empty:"暂无数据",prev:"上一页",next:"下一页",page:"页",total:"共 {total} 条",perPage:"条/页"},$s=10,Bs=[10,20,50,100],Le=(e,...o)=>typeof e=="function"?e(...o):e??{};function Kt(e){const{dataSource:o=[],columns:r=[],sx:n={},style:c={},className:l="",pagination:a=null,hide:i=[],rowClassName:p,rowStyle:h,cellClassName:x,cellStyle:u,hoverColor:f="",i18nKey:S=null,localeText:C={},"aria-label":T,...F}=e,{t:P}=re();o.length===0&&r.length===0&&console.warn("[Tango Table] dataSource 和 columns 不能同时为空，请至少提供一项。");const y={empty:P("table.empty",fe.empty),prev:P("table.prev",fe.prev),next:P("table.next",fe.next),page:P("table.page",fe.page),total:P("table.total",fe.total),perPage:P("table.perPage",fe.perPage),...C},v=Array.isArray(i)?i:typeof i=="string"?[i]:[],k=d.useMemo(()=>r.filter(X=>!X.hide&&!v.includes(X.dataIndex)),[r,v]),m=a!==null&&a!==!1,N=a&&a.placement||"bottom",O=a&&a.pageSize||$s,A=a&&a.pageSizeOptions||Bs,B=(a==null?void 0:a.showTotal)!==!1,_=(a==null?void 0:a.showSizeChanger)!==!1,[j,w]=d.useState(1),[L,W]=d.useState(O),D=o.length,z=Math.max(1,Math.ceil(D/L)),E=Math.min(j,z),M=d.useMemo(()=>{if(!m)return o;const X=(E-1)*L;return o.slice(X,X+L)},[o,E,L,m]),U=d.useCallback(X=>w(Math.max(1,Math.min(X,z))),[z]),K=H(n,Es),Z=b({baseClassName:$("w-full overflow-x-auto rounded-xl border border-[var(--border)]","shadow-[0_0_20px_color-mix(in_oklch,var(--foreground)_8%,transparent)]"),className:l,style:c,sxSlot:{tw:$(K.root.tw,K.wrapper.tw),css:{...K.root.css,...K.wrapper.css}}}),R=b({baseClassName:"bg-[var(--primary)] text-[var(--primary-foreground)] sticky top-0 z-10",sxSlot:K.thead}),J=b({baseClassName:"text-[var(--foreground)]",sxSlot:K.body}),le=b({baseClassName:"text-[var(--muted-foreground)] py-16 text-center",sxSlot:K.empty}),de=b({baseClassName:"flex items-center justify-between px-4 py-3 text-sm text-[var(--muted-foreground)] border-t border-[var(--border)]",sxSlot:K.pagination}),ue=f?s.jsx("style",{children:`
       [data-tango-table-body] tr:hover {
         background-color: ${f} !important;
         transform: translateY(-1px);

package/dist/index.js

@@ -3259,14 +3259,17 @@ Ir.propTypes = {
   path: t.string
 };
 const jt = {
-  default: "",
+  default: "block",
   inline: "inline-block",
-  circle: "rounded-full",
-  triangle: "w-0 h-0 border-l-[var(--space-triangle-size)] border-r-[var(--space-triangle-size)] border-b-[calc(var(--space-triangle-size)*2)] border-l-transparent border-r-transparent border-b-[var(--space-triangle-color)]",
-  halfCircle: "rounded-t-full rounded-b-none",
-  fixed: "fixed",
-  absolute: "absolute",
-  relative: "relative"
+  flex: "flex",
+  inlineFlex: "inline-flex",
+  grid: "grid",
+  circle: "block rounded-full",
+  triangle: "block w-0 h-0 border-l-[var(--space-triangle-size)] border-r-[var(--space-triangle-size)] border-b-[calc(var(--space-triangle-size)*2)] border-l-transparent border-r-transparent border-b-[var(--space-triangle-color)]",
+  halfCircle: "block rounded-t-full rounded-b-none",
+  fixed: "block fixed",
+  absolute: "block absolute",
+  relative: "block relative"
 }, Ft = Object.keys(jt), jr = ["root"];
 function Fr(e, o) {
   const {

package/dist/styles/base.css

@@ -0,0 +1,373 @@
+@import "./style.css";
+@import "./theme.css";
+
+/* 
+  * 这个文件定义了全局的CSS变量，主要用于主题颜色和一些常用的样式变量。
+  * 通过使用CSS变量，可以方便地在整个应用中统一管理和修改主题颜色。
+  * 其中，:root选择器定义了默认的颜色变量，而[data-theme="dark"]选择器则定义了暗色模式下的颜色变量。
+  * 这样可以通过切换data-theme属性来实现主题的切换。
+  * 另外，还定义了一些透明色、表格背景、工具提示等相关的颜色变量，以便在不同组件中使用。
+  * 这些变量可以根据需要进行调整，以适应不同的设计需求和用户偏好.
+  * added by clayw on 20260210
+*/
+:root {
+  --radius: 0.625rem;
+  /* 用于页面整体背景、大容器背景 */
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  /* ****** */
+
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  /* 按钮背景、品牌强调色、小区域 */
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --success: oklch(0.72 0.19 149);
+  --success-foreground: oklch(0.985 0 0);
+  --destructive-foreground: oklch(0.985 0 0);
+  --input-accent: oklch(0.205 0 0);
+  --modal-bg: oklch(0.985 0 0);
+  --modal-ok-bg: oklch(0.205 0 0);
+  --modal-ok-fg: oklch(0.985 0 0);
+  --modal-cancel-bg: oklch(0.985 0 0);
+  --modal-cancel-fg: oklch(0.205 0 0);
+  --modal-shadow: 0 2px 10px color-mix(in oklch, var(--foreground) 10%, transparent);
+  --drawer-bg: oklch(0.985 0 0);
+  --drawer-ok-bg: oklch(0.205 0 0);
+  --drawer-ok-fg: oklch(0.985 0 0);
+  --drawer-cancel-bg: oklch(0.985 0 0);
+  --drawer-cancel-fg: oklch(0.205 0 0);
+  --datepicker-confirm-bg: oklch(0.205 0 0);
+  --datepicker-confirm-fg: oklch(0.985 0 0);
+  --datepicker-cancel-bg: oklch(0.985 0 0);
+  --datepicker-cancel-fg: oklch(0.205 0 0);
+  /* ****** */
+
+  --input-bg: oklch(0.985 0 0);
+  --input-shadow: 0 1px 3px color-mix(in oklch, var(--foreground) 8%, transparent);
+  --input-focus-shadow: 0 0 0 3px color-mix(in oklch, var(--input-accent) 25%, transparent);
+  --input-error-border: oklch(0.577 0.245 27.325);
+  --input-error-bg: oklch(0.97 0.014 27.325);
+  --input-error-fg: oklch(0.577 0.245 27.325);
+  --input-error-focus-shadow: 0 0 0 3px color-mix(in oklch, var(--input-error-border) 25%, transparent);
+
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+
+  /* 透明色 */
+  --transparent: rgba(0, 0, 0, 0);
+
+  /* Button 主题 token，组件源码只消费变量，不直接写死颜色 */
+  --button-outline-foreground: var(--foreground);
+  --button-transparent-border: color-mix(in oklch, var(--foreground) 35%, transparent);
+  --button-shadow-default: color-mix(in oklch, var(--foreground) 20%, transparent);
+  --button-enu-bg: color-mix(in oklch, var(--background) 86%, var(--foreground) 6%);
+  --button-enu-fg: var(--foreground);
+  --button-enu-shadow: 4px 4px 8px color-mix(in oklch, var(--foreground) 16%, transparent), -4px -4px 8px color-mix(in oklch, var(--background) 92%, white);
+  --button-enu-hover-shadow: inset 3px 3px 6px color-mix(in oklch, var(--foreground) 16%, transparent), inset -3px -3px 6px color-mix(in oklch, var(--background) 92%, white), 3px 3px 6px color-mix(in oklch, var(--foreground) 16%, transparent), -3px -3px 6px color-mix(in oklch, var(--background) 92%, white);
+  --button-enu-active-shadow: inset 4px 4px 8px color-mix(in oklch, var(--foreground) 22%, transparent), inset -4px -4px 8px color-mix(in oklch, var(--background) 92%, white);
+  --button-loading-light: var(--background);
+  --button-loading-dark: var(--foreground);
+
+  /* 用于Drawer组件亮色确认按钮颜色 */
+  --primary-drawer: oklch(0.205 0 0);
+  --primary-foreground-drawer: oklch(0.922 0 0);
+
+  --table-background: var(--card);
+  --table-hover: var(--muted-foreground);
+
+  --tooltip-background: oklch(0.205 0 0);
+  --tooltip-foreground: oklch(0.922 0 0);
+  --tooltip-border: oklch(0.205 0 0);
+  --tooltip-radius: var(--radius);
+  --tooltip-shadow: 0 2px 8px color-mix(in oklch, var(--foreground) 12%, transparent);
+
+  --ripple-color: oklch(0.205 0 0 / 20%);
+
+  /* MaterialButton 主题 token */
+  --material-button-ripple: color-mix(in oklch, var(--primary-foreground) 60%, transparent);
+
+  /* Space 主题 token */
+  --space-triangle-size: 50px;
+  --space-triangle-color: var(--primary);
+  --space-half-circle-w: 100px;
+  --space-half-circle-h: 50px;
+  --space-half-circle-color: var(--primary);
+
+  /* Layout 主题 token */
+  --layout-header-bg: oklch(0.88 0 0);
+  --layout-header-color: oklch(0.25 0 0);
+  --layout-header-height: 64px;
+  --layout-footer-bg: oklch(0.88 0 0);
+  --layout-footer-color: oklch(0.25 0 0);
+  --layout-footer-height: 48px;
+  --layout-sider-bg: oklch(0.82 0 0);
+  --layout-sider-color: oklch(0.25 0 0);
+  --layout-sider-width: 200px;
+  --layout-toc-bg: oklch(0.92 0 0);
+  --layout-toc-color: oklch(0.25 0 0);
+  --layout-toc-width: 180px;
+  --layout-content-bg: var(--background);
+  --layout-content-color: var(--foreground);
+  --layout-border: var(--border);
+
+  /* Line 主题 token */
+  --line-color: var(--border);
+
+  /* Mark 主题 token */
+  --mark-default-bg: oklch(0.92 0.07 90);
+  --mark-primary-bg: oklch(0.90 0.10 250);
+  --mark-success-bg: oklch(0.90 0.10 150);
+  --mark-warning-bg: oklch(0.92 0.12 80);
+  --mark-danger-bg: oklch(0.90 0.12 25);
+
+  /* Notice 主题 token */
+  --notice-bg: oklch(1 0 0 / 92%);
+  --notice-foreground: oklch(0.205 0 0);
+  --notice-radius: var(--radius);
+  --notice-shadow: 0 6px 16px color-mix(in oklch, var(--foreground) 8%, transparent), 0 3px 6px -4px color-mix(in oklch, var(--foreground) 12%, transparent), 0 9px 28px 8px color-mix(in oklch, var(--foreground) 5%, transparent);
+  --notice-success-text: oklch(0.52 0.17 149);
+  --notice-fail-text: oklch(0.58 0.24 27);
+  --notice-caution-text: oklch(0.68 0.16 60);
+
+  /* Upload 主题 token */
+  --upload-border: var(--border);
+  --upload-radius: var(--radius);
+  --upload-list-bg: var(--background);
+  --upload-item-text: var(--foreground);
+  --upload-item-hover-bg: var(--muted);
+  --upload-icon-color: var(--muted-foreground);
+  --upload-del-color: var(--muted-foreground);
+  --upload-del-hover-bg: var(--accent);
+
+  /* Banner 主题 token — 亮色（同色系：背景淡、边框中、图标深、文字暗） */
+  --banner-info-bg: oklch(0.95 0.04 250);
+  --banner-info-border: oklch(0.62 0.17 250);
+  --banner-info-icon: oklch(0.52 0.17 250);
+  --banner-info-text: oklch(0.30 0.09 250);
+
+  --banner-success-bg: oklch(0.94 0.05 149);
+  --banner-success-border: oklch(0.62 0.18 149);
+  --banner-success-icon: oklch(0.52 0.18 149);
+  --banner-success-text: oklch(0.30 0.11 149);
+
+  --banner-warning-bg: oklch(0.96 0.06 80);
+  --banner-warning-border: oklch(0.78 0.15 80);
+  --banner-warning-icon: oklch(0.68 0.16 60);
+  --banner-warning-text: oklch(0.38 0.11 60);
+
+  --banner-error-bg: oklch(0.94 0.04 25);
+  --banner-error-border: oklch(0.63 0.21 25);
+  --banner-error-icon: oklch(0.55 0.22 25);
+  --banner-error-text: oklch(0.32 0.13 25);
+
+  --banner-close-icon: oklch(0.45 0 0);
+  --banner-btn-text: oklch(0.35 0 0);
+  --banner-btn-border: color-mix(in oklch, var(--foreground) 30%, transparent);
+}
+
+[data-theme="dark"] {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.922 0 0);
+  --success: oklch(0.62 0.19 149);
+  --success-foreground: oklch(0.985 0 0);
+  --destructive-foreground: oklch(0.985 0 0);
+  --input-accent: oklch(0.985 0 0);
+  --modal-bg: oklch(0.205 0 0);
+  --modal-ok-bg: oklch(0.985 0 0);
+  --modal-ok-fg: oklch(0.205 0 0);
+  --modal-cancel-bg: oklch(0.205 0 0);
+  --modal-cancel-fg: oklch(0.985 0 0);
+  --modal-shadow: 0 2px 10px color-mix(in oklch, black 40%, transparent);
+  --drawer-bg: oklch(0.205 0 0);
+  --drawer-ok-bg: oklch(0.985 0 0);
+  --drawer-ok-fg: oklch(0.205 0 0);
+  --drawer-cancel-bg: oklch(0.205 0 0);
+  --drawer-cancel-fg: oklch(0.985 0 0);
+  --datepicker-confirm-bg: oklch(0.985 0 0);
+  --datepicker-confirm-fg: oklch(0.205 0 0);
+  --datepicker-cancel-bg: oklch(0.205 0 0);
+  --datepicker-cancel-fg: oklch(0.985 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+
+  /* 用于Drawer组件暗色确认按钮颜色 */
+  --primary-drawer: oklch(0.985 0 0);
+  --primary-foreground-drawer: oklch(0.205 0 0);
+
+  --button-outline-foreground: var(--foreground);
+  --button-transparent-border: color-mix(in oklch, var(--foreground) 45%, transparent);
+  --button-shadow-default: color-mix(in oklch, var(--foreground) 35%, transparent);
+  --button-enu-bg: color-mix(in oklch, var(--background) 78%, var(--foreground) 20%);
+  --button-enu-fg: var(--foreground);
+  --button-enu-shadow: 4px 4px 8px color-mix(in oklch, black 40%, transparent), -4px -4px 8px color-mix(in oklch, white 14%, transparent);
+  --button-enu-hover-shadow: inset 3px 3px 6px color-mix(in oklch, black 45%, transparent), inset -3px -3px 6px color-mix(in oklch, white 16%, transparent), 3px 3px 6px color-mix(in oklch, black 45%, transparent), -3px -3px 6px color-mix(in oklch, white 16%, transparent);
+  --button-enu-active-shadow: inset 4px 4px 8px color-mix(in oklch, black 52%, transparent), inset -4px -4px 8px color-mix(in oklch, white 20%, transparent);
+  --button-loading-light: var(--background);
+  --button-loading-dark: var(--foreground);
+
+  --table-background: var(--card);
+  --table-hover: var(--muted-foreground);
+
+  --tooltip-background: oklch(0.922 0 0);
+  --tooltip-foreground: oklch(0.205 0 0);
+  --tooltip-border: oklch(0.922 0 0);
+  --tooltip-radius: var(--radius);
+  --tooltip-shadow: 0 2px 8px color-mix(in oklch, black 30%, transparent);
+
+  --input-bg: oklch(0.205 0 0);
+  --input-shadow: 0 1px 3px color-mix(in oklch, black 30%, transparent);
+  --input-focus-shadow: 0 0 0 3px color-mix(in oklch, var(--input-accent) 25%, transparent);
+  --input-error-border: oklch(0.704 0.191 22.216);
+  --input-error-bg: oklch(0.24 0.04 25);
+  --input-error-fg: oklch(0.704 0.191 22.216);
+  --input-error-focus-shadow: 0 0 0 3px color-mix(in oklch, var(--input-error-border) 25%, transparent);
+
+  /* Banner 主题 token — 暗色（同色系：背景深、边框中暗、图标亮、文字亮） */
+  --banner-info-bg: oklch(0.24 0.06 250);
+  --banner-info-border: oklch(0.45 0.15 250);
+  --banner-info-icon: oklch(0.65 0.18 250);
+  --banner-info-text: oklch(0.83 0.07 250);
+
+  --banner-success-bg: oklch(0.24 0.06 149);
+  --banner-success-border: oklch(0.45 0.15 149);
+  --banner-success-icon: oklch(0.65 0.19 149);
+  --banner-success-text: oklch(0.83 0.08 149);
+
+  --banner-warning-bg: oklch(0.27 0.06 80);
+  --banner-warning-border: oklch(0.50 0.13 80);
+  --banner-warning-icon: oklch(0.72 0.15 60);
+  --banner-warning-text: oklch(0.83 0.08 60);
+
+  --banner-error-bg: oklch(0.24 0.05 25);
+  --banner-error-border: oklch(0.45 0.16 25);
+  --banner-error-icon: oklch(0.65 0.22 25);
+  --banner-error-text: oklch(0.83 0.08 25);
+
+  --banner-close-icon: oklch(0.7 0 0);
+  --banner-btn-text: oklch(0.8 0 0);
+  --banner-btn-border: color-mix(in oklch, var(--foreground) 40%, transparent);
+
+  --material-button-ripple: color-mix(in oklch, var(--primary-foreground) 60%, transparent);
+
+  /* Space 主题 token */
+  --space-triangle-size: 50px;
+  --space-triangle-color: var(--primary);
+  --space-half-circle-w: 100px;
+  --space-half-circle-h: 50px;
+  --space-half-circle-color: var(--primary);
+
+  /* Layout 主题 token */
+  --layout-header-bg: oklch(0.28 0 0);
+  --layout-header-color: oklch(0.85 0 0);
+  --layout-header-height: 64px;
+  --layout-footer-bg: oklch(0.28 0 0);
+  --layout-footer-color: oklch(0.85 0 0);
+  --layout-footer-height: 48px;
+  --layout-sider-bg: oklch(0.22 0 0);
+  --layout-sider-color: oklch(0.85 0 0);
+  --layout-sider-width: 200px;
+  --layout-toc-bg: oklch(0.26 0 0);
+  --layout-toc-color: oklch(0.85 0 0);
+  --layout-toc-width: 180px;
+  --layout-content-bg: var(--background);
+  --layout-content-color: var(--foreground);
+  --layout-border: var(--border);
+
+  /* Line 主题 token */
+  --line-color: var(--border);
+
+  /* Mark 主题 token（暗色：饱和度更高、亮度更低） */
+  --mark-default-bg: oklch(0.50 0.10 90);
+  --mark-primary-bg: oklch(0.45 0.15 250);
+  --mark-success-bg: oklch(0.45 0.15 150);
+  --mark-warning-bg: oklch(0.50 0.15 80);
+  --mark-danger-bg: oklch(0.45 0.15 25);
+
+  /* Notice 主题 token */
+  --notice-bg: oklch(0.205 0 0 / 92%);
+  --notice-foreground: oklch(0.985 0 0);
+  --notice-radius: var(--radius);
+  --notice-shadow: 0 6px 16px color-mix(in oklch, black 40%, transparent), 0 3px 6px -4px color-mix(in oklch, black 30%, transparent), 0 9px 28px 8px color-mix(in oklch, black 20%, transparent);
+  --notice-success-text: oklch(0.72 0.19 149);
+  --notice-fail-text: oklch(0.70 0.19 22);
+  --notice-caution-text: oklch(0.78 0.15 60);
+
+  /* Upload 主题 token */
+  --upload-border: var(--border);
+  --upload-radius: var(--radius);
+  --upload-list-bg: var(--background);
+  --upload-item-text: var(--foreground);
+  --upload-item-hover-bg: var(--muted);
+  --upload-icon-color: var(--muted-foreground);
+  --upload-del-color: var(--muted-foreground);
+  --upload-del-hover-bg: var(--accent);
+}
+
+/* Layout 响应式：窄屏下 Sider/Toc 变全宽 */
+@media (max-width: 768px) {
+  :root,
+  [data-theme="dark"] {
+    --layout-sider-width: 100%;
+    --layout-toc-width: 100%;
+    --layout-header-height: 48px;
+    --layout-footer-height: 40px;
+  }
+}
+
+/* Notice 动画 */
+@keyframes noticeSlideDown {
+  0% { transform: translateX(-50%) translateY(-50px); opacity: 0; }
+  80% { transform: translateX(-50%) translateY(4px); opacity: 1; }
+  100% { transform: translateX(-50%) translateY(0); opacity: 1; }
+}
+@keyframes noticeSlideUpFade {
+  from { transform: translateX(-50%) translateY(0); opacity: 1; }
+  to { transform: translateX(-50%) translateY(-20px); opacity: 0; }
+}
+@keyframes noticeSlideFromBottom {
+  from { transform: translateX(0); opacity: 0; }
+  to { transform: translateX(2%); opacity: 1; }
+}
+@keyframes noticeSlideToBottom {
+  from { transform: translateX(2%); opacity: 1; }
+  to { transform: translateX(0); opacity: 0; }
+}

package/dist/styles/utilities.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--color-amber-400:oklch(82.8% .189 84.429);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing) * 5)}.top-\[20\%\]{top:20%}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-5{left:calc(var(--spacing) * 5)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[999\]{z-index:999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing) * 0)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[45px\]{height:45px}.h-\[52px\]{height:52px}.h-\[60\%\]{height:60%}.h-\[60px\]{height:60px}.h-full{height:100%}.h-px{height:1px}.max-h-\[150px\]{max-height:150px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-7{width:calc(var(--spacing) * 7)}.w-20{width:calc(var(--spacing) * 20)}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[340px\]{width:340px}.w-\[calc\(100\%\/7\)\]{width:14.2857%}.w-full{width:100%}.w-px{width:1px}.max-w-\[400px\]{max-width:400px}.min-w-\[28px\]{min-width:28px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing) * 0);--tw-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[noticeSlideDown_0\.3s_cubic-bezier\(0\.22\,1\,0\.36\,1\)_forwards\]{animation:.3s cubic-bezier(.22,1,.36,1) forwards noticeSlideDown}.animate-\[noticeSlideFromBottom_0\.3s_ease-out_forwards\]{animation:.3s ease-out forwards noticeSlideFromBottom}.animate-\[noticeSlideToBottom_0\.3s_ease-in_forwards\]{animation:.3s ease-in forwards noticeSlideToBottom}.animate-\[noticeSlideUpFade_0\.3s_ease-in_forwards\]{animation:.3s ease-in forwards noticeSlideUpFade}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize-y{resize:vertical}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[var\(--notice-radius\)\]{border-radius:var(--notice-radius)}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-\[var\(--upload-radius\)\]{border-radius:var(--upload-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[calc\(var\(--space-triangle-size\)\*2\)\]{border-bottom-style:var(--tw-border-style);border-bottom-width:calc(var(--space-triangle-size) * 2)}.border-none{--tw-border-style:none;border-style:none}.border-\[color-mix\(in_oklch\,var\(--foreground\)_5\%\,transparent\)\]{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--foreground\)_5\%\,transparent\)\]{border-color:color-mix(in oklch,var(--foreground) 5%,transparent)}}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--button-transparent-border\)\]{border-color:var(--button-transparent-border)}.border-\[var\(--destructive\)\]{border-color:var(--destructive)}.border-\[var\(--input-error-border\)\]{border-color:var(--input-error-border)}.border-\[var\(--muted\)\]{border-color:var(--muted)}.border-\[var\(--success\)\]{border-color:var(--success)}.border-\[var\(--upload-border\)\]{border-color:var(--upload-border)}.border-transparent{border-color:#0000}.border-r-\[var\(--space-triangle-size\)\]{border-right-color:var(--space-triangle-size)}.border-r-transparent{border-right-color:#0000}.border-b-\[var\(--border\)\]{border-bottom-color:var(--border)}.border-b-\[var\(--muted\)\]{border-bottom-color:var(--muted)}.border-b-\[var\(--space-triangle-color\)\]{border-bottom-color:var(--space-triangle-color)}.border-l-\[var\(--space-triangle-size\)\]{border-left-color:var(--space-triangle-size)}.border-l-transparent{border-left-color:#0000}.bg-\[color-mix\(in_oklch\,var\(--foreground\)_4\%\,transparent\)\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--foreground\)_4\%\,transparent\)\]{background-color:color-mix(in oklch,var(--foreground) 4%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--table-hover\)_6\%\,transparent\)\]{background-color:var(--table-hover)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--table-hover\)_6\%\,transparent\)\]{background-color:color-mix(in oklch,var(--table-hover) 6%,transparent)}}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--button-enu-bg\)\]{background-color:var(--button-enu-bg)}.bg-\[var\(--card\)\]{background-color:var(--card)}.bg-\[var\(--destructive\)\]{background-color:var(--destructive)}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-\[var\(--input-error-bg\)\]{background-color:var(--input-error-bg)}.bg-\[var\(--layout-content-bg\)\]{background-color:var(--layout-content-bg)}.bg-\[var\(--layout-footer-bg\)\]{background-color:var(--layout-footer-bg)}.bg-\[var\(--layout-header-bg\)\]{background-color:var(--layout-header-bg)}.bg-\[var\(--layout-sider-bg\)\]{background-color:var(--layout-sider-bg)}.bg-\[var\(--layout-toc-bg\)\]{background-color:var(--layout-toc-bg)}.bg-\[var\(--line-color\)\]{background-color:var(--line-color)}.bg-\[var\(--mark-danger-bg\)\]{background-color:var(--mark-danger-bg)}.bg-\[var\(--mark-default-bg\)\]{background-color:var(--mark-default-bg)}.bg-\[var\(--mark-primary-bg\)\]{background-color:var(--mark-primary-bg)}.bg-\[var\(--mark-success-bg\)\]{background-color:var(--mark-success-bg)}.bg-\[var\(--mark-warning-bg\)\]{background-color:var(--mark-warning-bg)}.bg-\[var\(--modal-bg\)\]{background-color:var(--modal-bg)}.bg-\[var\(--muted\)\]{background-color:var(--muted)}.bg-\[var\(--notice-bg\)\]{background-color:var(--notice-bg)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-foreground\)\]\/15{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--primary-foreground\)\]\/15{background-color:color-mix(in oklab, var(--primary-foreground) 15%, transparent)}}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--tooltip-background\)\]{background-color:var(--tooltip-background)}.bg-\[var\(--transparent\)\]{background-color:var(--transparent)}.bg-\[var\(--upload-list-bg\)\]{background-color:var(--upload-list-bg)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[15px\]{padding-inline:15px}.px-\[20px\]{padding-inline:20px}.px-\[25px\]{padding-inline:25px}.px-\[45px\]{padding-inline:45px}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.py-\[18px\]{padding-block:18px}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-28{padding-right:calc(var(--spacing) * 28)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[25px\]{font-size:25px}.leading-\[30px\]{--tw-leading:30px;line-height:30px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--button-enu-fg\)\]{color:var(--button-enu-fg)}.text-\[var\(--button-outline-foreground\)\]{color:var(--button-outline-foreground)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-\[var\(--destructive-foreground\)\]{color:var(--destructive-foreground)}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--input-accent\)\]{color:var(--input-accent)}.text-\[var\(--input-error-fg\)\]{color:var(--input-error-fg)}.text-\[var\(--layout-content-color\)\]{color:var(--layout-content-color)}.text-\[var\(--layout-footer-color\)\]{color:var(--layout-footer-color)}.text-\[var\(--layout-header-color\)\]{color:var(--layout-header-color)}.text-\[var\(--layout-sider-color\)\]{color:var(--layout-sider-color)}.text-\[var\(--layout-toc-color\)\]{color:var(--layout-toc-color)}.text-\[var\(--muted-foreground\)\]{color:var(--muted-foreground)}.text-\[var\(--notice-caution-text\)\]{color:var(--notice-caution-text)}.text-\[var\(--notice-fail-text\)\]{color:var(--notice-fail-text)}.text-\[var\(--notice-foreground\)\]{color:var(--notice-foreground)}.text-\[var\(--notice-success-text\)\]{color:var(--notice-success-text)}.text-\[var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--success-foreground\)\]{color:var(--success-foreground)}.text-\[var\(--tooltip-foreground\)\]{color:var(--tooltip-foreground)}.text-\[var\(--upload-del-color\)\]{color:var(--upload-del-color)}.text-\[var\(--upload-icon-color\)\]{color:var(--upload-icon-color)}.text-\[var\(--upload-item-text\)\]{color:var(--upload-item-text)}.capitalize{text-transform:capitalize}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--foreground\)_8\%\,transparent\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,var(--foreground))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--foreground\)_8\%\,transparent\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,color-mix(in oklch,var(--foreground) 8%,transparent))}}.shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--foreground\)_8\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--button-enu-shadow\)\]{--tw-shadow:var(--button-enu-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--input-shadow\)\]{--tw-shadow:var(--input-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--modal-shadow\)\]{--tw-shadow:var(--modal-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--notice-shadow\)\]{--tw-shadow:var(--notice-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--tooltip-shadow\)\]{--tw-shadow:var(--tooltip-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[var\(--muted-foreground\)\]::placeholder{color:var(--muted-foreground)}.last\:hidden:last-child{display:none}@media (hover:hover){.hover\:border-\[var\(--input-accent\)\]:hover{border-color:var(--input-accent)}.hover\:border-\[var\(--input-error-border\)\]:hover{border-color:var(--input-error-border)}.hover\:border-\[var\(--muted\)\]:hover{border-color:var(--muted)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:border-b-\[var\(--input-accent\)\]:hover{border-bottom-color:var(--input-accent)}.hover\:border-b-\[var\(--muted\)\]:hover{border-bottom-color:var(--muted)}.hover\:bg-\[color-mix\(in_oklch\,var\(--table-hover\)_20\%\,transparent\)\]:hover{background-color:var(--table-hover)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--table-hover\)_20\%\,transparent\)\]:hover{background-color:color-mix(in oklch,var(--table-hover) 20%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,var\(--card\)\)\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,var\(--card\)\)\]:hover{background-color:color-mix(in srgb,var(--primary) 14%,var(--card))}}.hover\:bg-\[var\(--accent\)\]:hover{background-color:var(--accent)}.hover\:bg-\[var\(--muted\)\]:hover{background-color:var(--muted)}.hover\:bg-\[var\(--primary\)\]:hover{background-color:var(--primary)}.hover\:bg-\[var\(--upload-del-hover-bg\)\]:hover{background-color:var(--upload-del-hover-bg)}.hover\:bg-\[var\(--upload-item-hover-bg\)\]:hover{background-color:var(--upload-item-hover-bg)}.hover\:shadow-\[0_0_0\.4em_0_var\(--button-shadow-default\)\]:hover{--tw-shadow:0 0 .4em 0 var(--tw-shadow-color,var(--button-shadow-default));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0\.4em_0_var\(--destructive\)\]:hover{--tw-shadow:0 0 .4em 0 var(--tw-shadow-color,var(--destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0\.4em_0_var\(--success\)\]:hover{--tw-shadow:0 0 .4em 0 var(--tw-shadow-color,var(--success));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[var\(--button-enu-hover-shadow\)\]:hover{--tw-shadow:var(--button-enu-hover-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--input-accent\)\]:focus{border-color:var(--input-accent)}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:border-b-\[var\(--input-accent\)\]:focus{border-bottom-color:var(--input-accent)}.focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,color-mix(in srgb,var(--primary) 18%,transparent))}}.focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]:focus{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[var\(--input-error-focus-shadow\)\]:focus{--tw-shadow:var(--input-error-focus-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[var\(--input-focus-shadow\)\]:focus{--tw-shadow:var(--input-focus-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--input-accent\)\]:focus-visible{--tw-ring-color:var(--input-accent)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-\[var\(--button-enu-active-shadow\)\]:active{--tw-shadow:var(--button-enu-active-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:48rem){.md\:flex-row{flex-direction:row}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}:root,:host{--color-amber-400:oklch(82.8% .189 84.429);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing) * 5)}.top-\[20\%\]{top:20%}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-5{left:calc(var(--spacing) * 5)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[999\]{z-index:999}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.my-2\.5{margin-block:calc(var(--spacing) * 2.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-2\.5{margin-right:calc(var(--spacing) * 2.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing) * 0)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-\[45px\]{height:45px}.h-\[52px\]{height:52px}.h-\[60\%\]{height:60%}.h-\[60px\]{height:60px}.h-full{height:100%}.h-px{height:1px}.max-h-\[150px\]{max-height:150px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-7{width:calc(var(--spacing) * 7)}.w-20{width:calc(var(--spacing) * 20)}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[340px\]{width:340px}.w-\[calc\(100\%\/7\)\]{width:14.2857%}.w-full{width:100%}.w-px{width:1px}.max-w-\[400px\]{max-width:400px}.min-w-\[28px\]{min-width:28px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.border-spacing-0{--tw-border-spacing-x:calc(var(--spacing) * 0);--tw-border-spacing-y:calc(var(--spacing) * 0);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[noticeSlideDown_0\.3s_cubic-bezier\(0\.22\,1\,0\.36\,1\)_forwards\]{animation:.3s cubic-bezier(.22,1,.36,1) forwards noticeSlideDown}.animate-\[noticeSlideFromBottom_0\.3s_ease-out_forwards\]{animation:.3s ease-out forwards noticeSlideFromBottom}.animate-\[noticeSlideToBottom_0\.3s_ease-in_forwards\]{animation:.3s ease-in forwards noticeSlideToBottom}.animate-\[noticeSlideUpFade_0\.3s_ease-in_forwards\]{animation:.3s ease-in forwards noticeSlideUpFade}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize-y{resize:vertical}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[8px\]{gap:8px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[var\(--notice-radius\)\]{border-radius:var(--notice-radius)}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-\[var\(--upload-radius\)\]{border-radius:var(--upload-radius)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[calc\(var\(--space-triangle-size\)\*2\)\]{border-bottom-style:var(--tw-border-style);border-bottom-width:calc(var(--space-triangle-size) * 2)}.border-none{--tw-border-style:none;border-style:none}.border-\[color-mix\(in_oklch\,var\(--foreground\)_5\%\,transparent\)\]{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_oklch\,var\(--foreground\)_5\%\,transparent\)\]{border-color:color-mix(in oklch,var(--foreground) 5%,transparent)}}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--button-transparent-border\)\]{border-color:var(--button-transparent-border)}.border-\[var\(--destructive\)\]{border-color:var(--destructive)}.border-\[var\(--input-error-border\)\]{border-color:var(--input-error-border)}.border-\[var\(--muted\)\]{border-color:var(--muted)}.border-\[var\(--success\)\]{border-color:var(--success)}.border-\[var\(--upload-border\)\]{border-color:var(--upload-border)}.border-transparent{border-color:#0000}.border-r-\[var\(--space-triangle-size\)\]{border-right-color:var(--space-triangle-size)}.border-r-transparent{border-right-color:#0000}.border-b-\[var\(--border\)\]{border-bottom-color:var(--border)}.border-b-\[var\(--muted\)\]{border-bottom-color:var(--muted)}.border-b-\[var\(--space-triangle-color\)\]{border-bottom-color:var(--space-triangle-color)}.border-l-\[var\(--space-triangle-size\)\]{border-left-color:var(--space-triangle-size)}.border-l-transparent{border-left-color:#0000}.bg-\[color-mix\(in_oklch\,var\(--foreground\)_4\%\,transparent\)\]{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--foreground\)_4\%\,transparent\)\]{background-color:color-mix(in oklch,var(--foreground) 4%,transparent)}}.bg-\[color-mix\(in_oklch\,var\(--table-hover\)_6\%\,transparent\)\]{background-color:var(--table-hover)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--table-hover\)_6\%\,transparent\)\]{background-color:color-mix(in oklch,var(--table-hover) 6%,transparent)}}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--button-enu-bg\)\]{background-color:var(--button-enu-bg)}.bg-\[var\(--card\)\]{background-color:var(--card)}.bg-\[var\(--destructive\)\]{background-color:var(--destructive)}.bg-\[var\(--input-bg\)\]{background-color:var(--input-bg)}.bg-\[var\(--input-error-bg\)\]{background-color:var(--input-error-bg)}.bg-\[var\(--layout-content-bg\)\]{background-color:var(--layout-content-bg)}.bg-\[var\(--layout-footer-bg\)\]{background-color:var(--layout-footer-bg)}.bg-\[var\(--layout-header-bg\)\]{background-color:var(--layout-header-bg)}.bg-\[var\(--layout-sider-bg\)\]{background-color:var(--layout-sider-bg)}.bg-\[var\(--layout-toc-bg\)\]{background-color:var(--layout-toc-bg)}.bg-\[var\(--line-color\)\]{background-color:var(--line-color)}.bg-\[var\(--mark-danger-bg\)\]{background-color:var(--mark-danger-bg)}.bg-\[var\(--mark-default-bg\)\]{background-color:var(--mark-default-bg)}.bg-\[var\(--mark-primary-bg\)\]{background-color:var(--mark-primary-bg)}.bg-\[var\(--mark-success-bg\)\]{background-color:var(--mark-success-bg)}.bg-\[var\(--mark-warning-bg\)\]{background-color:var(--mark-warning-bg)}.bg-\[var\(--modal-bg\)\]{background-color:var(--modal-bg)}.bg-\[var\(--muted\)\]{background-color:var(--muted)}.bg-\[var\(--notice-bg\)\]{background-color:var(--notice-bg)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--primary-foreground\)\]\/15{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--primary-foreground\)\]\/15{background-color:color-mix(in oklab, var(--primary-foreground) 15%, transparent)}}.bg-\[var\(--success\)\]{background-color:var(--success)}.bg-\[var\(--tooltip-background\)\]{background-color:var(--tooltip-background)}.bg-\[var\(--transparent\)\]{background-color:var(--transparent)}.bg-\[var\(--upload-list-bg\)\]{background-color:var(--upload-list-bg)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[15px\]{padding-inline:15px}.px-\[20px\]{padding-inline:20px}.px-\[25px\]{padding-inline:25px}.px-\[45px\]{padding-inline:45px}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.py-\[18px\]{padding-block:18px}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-28{padding-right:calc(var(--spacing) * 28)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[25px\]{font-size:25px}.leading-\[30px\]{--tw-leading:30px;line-height:30px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.5px\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--button-enu-fg\)\]{color:var(--button-enu-fg)}.text-\[var\(--button-outline-foreground\)\]{color:var(--button-outline-foreground)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-\[var\(--destructive-foreground\)\]{color:var(--destructive-foreground)}.text-\[var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--input-accent\)\]{color:var(--input-accent)}.text-\[var\(--input-error-fg\)\]{color:var(--input-error-fg)}.text-\[var\(--layout-content-color\)\]{color:var(--layout-content-color)}.text-\[var\(--layout-footer-color\)\]{color:var(--layout-footer-color)}.text-\[var\(--layout-header-color\)\]{color:var(--layout-header-color)}.text-\[var\(--layout-sider-color\)\]{color:var(--layout-sider-color)}.text-\[var\(--layout-toc-color\)\]{color:var(--layout-toc-color)}.text-\[var\(--muted-foreground\)\]{color:var(--muted-foreground)}.text-\[var\(--notice-caution-text\)\]{color:var(--notice-caution-text)}.text-\[var\(--notice-fail-text\)\]{color:var(--notice-fail-text)}.text-\[var\(--notice-foreground\)\]{color:var(--notice-foreground)}.text-\[var\(--notice-success-text\)\]{color:var(--notice-success-text)}.text-\[var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--success-foreground\)\]{color:var(--success-foreground)}.text-\[var\(--tooltip-foreground\)\]{color:var(--tooltip-foreground)}.text-\[var\(--upload-del-color\)\]{color:var(--upload-del-color)}.text-\[var\(--upload-icon-color\)\]{color:var(--upload-icon-color)}.text-\[var\(--upload-item-text\)\]{color:var(--upload-item-text)}.capitalize{text-transform:capitalize}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--foreground\)_8\%\,transparent\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,var(--foreground))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--foreground\)_8\%\,transparent\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,color-mix(in oklch,var(--foreground) 8%,transparent))}}.shadow-\[0_0_20px_color-mix\(in_oklch\,var\(--foreground\)_8\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_28px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 8px 28px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--button-enu-shadow\)\]{--tw-shadow:var(--button-enu-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--input-shadow\)\]{--tw-shadow:var(--input-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--modal-shadow\)\]{--tw-shadow:var(--modal-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--notice-shadow\)\]{--tw-shadow:var(--notice-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--tooltip-shadow\)\]{--tw-shadow:var(--tooltip-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-\[var\(--muted-foreground\)\]::placeholder{color:var(--muted-foreground)}.last\:hidden:last-child{display:none}@media (hover:hover){.hover\:border-\[var\(--input-accent\)\]:hover{border-color:var(--input-accent)}.hover\:border-\[var\(--input-error-border\)\]:hover{border-color:var(--input-error-border)}.hover\:border-\[var\(--muted\)\]:hover{border-color:var(--muted)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:border-b-\[var\(--input-accent\)\]:hover{border-bottom-color:var(--input-accent)}.hover\:border-b-\[var\(--muted\)\]:hover{border-bottom-color:var(--muted)}.hover\:bg-\[color-mix\(in_oklch\,var\(--table-hover\)_20\%\,transparent\)\]:hover{background-color:var(--table-hover)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--table-hover\)_20\%\,transparent\)\]:hover{background-color:color-mix(in oklch,var(--table-hover) 20%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,var\(--card\)\)\]:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--primary\)_14\%\,var\(--card\)\)\]:hover{background-color:color-mix(in srgb,var(--primary) 14%,var(--card))}}.hover\:bg-\[var\(--accent\)\]:hover{background-color:var(--accent)}.hover\:bg-\[var\(--muted\)\]:hover{background-color:var(--muted)}.hover\:bg-\[var\(--primary\)\]:hover{background-color:var(--primary)}.hover\:bg-\[var\(--upload-del-hover-bg\)\]:hover{background-color:var(--upload-del-hover-bg)}.hover\:bg-\[var\(--upload-item-hover-bg\)\]:hover{background-color:var(--upload-item-hover-bg)}.hover\:shadow-\[0_0_0\.4em_0_var\(--button-shadow-default\)\]:hover{--tw-shadow:0 0 .4em 0 var(--tw-shadow-color,var(--button-shadow-default));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0\.4em_0_var\(--destructive\)\]:hover{--tw-shadow:0 0 .4em 0 var(--tw-shadow-color,var(--destructive));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_0\.4em_0_var\(--success\)\]:hover{--tw-shadow:0 0 .4em 0 var(--tw-shadow-color,var(--success));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[var\(--button-enu-hover-shadow\)\]:hover{--tw-shadow:var(--button-enu-hover-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[var\(--input-accent\)\]:focus{border-color:var(--input-accent)}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:border-b-\[var\(--input-accent\)\]:focus{border-bottom-color:var(--input-accent)}.focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--primary))}@supports (color:color-mix(in lab, red, red)){.focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,color-mix(in srgb,var(--primary) 18%,transparent))}}.focus\:shadow-\[0_0_0_2px_color-mix\(in_srgb\,var\(--primary\)_18\%\,transparent\)\]:focus{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[var\(--input-error-focus-shadow\)\]:focus{--tw-shadow:var(--input-error-focus-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[var\(--input-focus-shadow\)\]:focus{--tw-shadow:var(--input-focus-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--input-accent\)\]:focus-visible{--tw-ring-color:var(--input-accent)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-\[var\(--button-enu-active-shadow\)\]:active{--tw-shadow:var(--button-enu-active-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:48rem){.md\:flex-row{flex-direction:row}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tango-ui-cw",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A lightweight ui library with ClayW",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -58,6 +58,7 @@
       }
     },
     "./style.css": "./dist/styles/global.css",
+    "./base.css": "./dist/styles/base.css",
     "./styles/*": "./dist/styles/*",
     "./providers/*": "./dist/providers/*"
   },