@kingsoft-ai/design 0.1.13 → 0.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +679 -697
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +6250 -7578
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -0
- package/dist/styles.css +1 -0
- package/dist/types/button/Button.style.d.ts +6 -6
- package/dist/types/card/Card.d.ts +8 -1
- package/dist/types/card/Card.style.d.ts +12 -14
- package/dist/types/index.d.ts +1 -0
- package/dist/types/tag/Tag.style.d.ts +6 -6
- package/package.json +7 -4
package/dist/index.cjs
CHANGED
|
@@ -1,35 +1,14 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),de=require("react-aria"),S=require("@emotion/styled"),A=require("@emotion/react"),Er=require("react-dom"),Re=require("@kingsoft-ai/theme");function ai(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const Je=ai(f);function li(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var dr={exports:{}},bt={};/**
|
|
2
|
-
* @license React
|
|
3
|
-
* react-jsx-runtime.production.js
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var Gr;function ci(){if(Gr)return bt;Gr=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(o,n,i){var s=null;if(i!==void 0&&(s=""+i),n.key!==void 0&&(s=""+n.key),"key"in n){i={};for(var a in n)a!=="key"&&(i[a]=n[a])}else i=n;return n=i.ref,{$$typeof:e,type:o,key:s,ref:n!==void 0?n:null,props:i}}return bt.Fragment=r,bt.jsx=t,bt.jsxs=t,bt}var gt={};/**
|
|
10
|
-
* @license React
|
|
11
|
-
* react-jsx-runtime.development.js
|
|
12
|
-
*
|
|
13
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the MIT license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var qr;function di(){return qr||(qr=1,process.env.NODE_ENV!=="production"&&function(){function e(u){if(u==null)return null;if(typeof u=="function")return u.$$typeof===O?null:u.displayName||u.name||null;if(typeof u=="string")return u;switch(u){case $:return"Fragment";case w:return"Profiler";case k:return"StrictMode";case j:return"Suspense";case E:return"SuspenseList";case M:return"Activity"}if(typeof u=="object")switch(typeof u.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),u.$$typeof){case y:return"Portal";case v:return u.displayName||"Context";case C:return(u._context.displayName||"Context")+".Consumer";case x:var T=u.render;return u=u.displayName,u||(u=T.displayName||T.name||"",u=u!==""?"ForwardRef("+u+")":"ForwardRef"),u;case z:return T=u.displayName||null,T!==null?T:e(u.type)||"Memo";case I:T=u._payload,u=u._init;try{return e(u(T))}catch{}}return null}function r(u){return""+u}function t(u){try{r(u);var T=!1}catch{T=!0}if(T){T=console;var R=T.error,L=typeof Symbol=="function"&&Symbol.toStringTag&&u[Symbol.toStringTag]||u.constructor.name||"Object";return R.call(T,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",L),r(u)}}function o(u){if(u===$)return"<>";if(typeof u=="object"&&u!==null&&u.$$typeof===I)return"<...>";try{var T=e(u);return T?"<"+T+">":"<...>"}catch{return"<...>"}}function n(){var u=D.A;return u===null?null:u.getOwner()}function i(){return Error("react-stack-top-frame")}function s(u){if(V.call(u,"key")){var T=Object.getOwnPropertyDescriptor(u,"key").get;if(T&&T.isReactWarning)return!1}return u.key!==void 0}function a(u,T){function R(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",T))}R.isReactWarning=!0,Object.defineProperty(u,"key",{get:R,configurable:!0})}function d(){var u=e(this.type);return B[u]||(B[u]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),u=this.props.ref,u!==void 0?u:null}function c(u,T,R,L,N,Y){var W=R.ref;return u={$$typeof:g,type:u,key:T,props:R,_owner:L},(W!==void 0?W:null)!==null?Object.defineProperty(u,"ref",{enumerable:!1,get:d}):Object.defineProperty(u,"ref",{enumerable:!1,value:null}),u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(u,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(u,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(u,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u}function p(u,T,R,L,N,Y){var W=T.children;if(W!==void 0)if(L)if(F(W)){for(L=0;L<W.length;L++)m(W[L]);Object.freeze&&Object.freeze(W)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(W);if(V.call(T,"key")){W=e(u);var J=Object.keys(T).filter(function(oe){return oe!=="key"});L=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",X[W+L]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
|
-
let props = %s;
|
|
19
|
-
<%s {...props} />
|
|
20
|
-
React keys must be passed directly to JSX without using spread:
|
|
21
|
-
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,L,W,J,W),X[W+L]=!0)}if(W=null,R!==void 0&&(t(R),W=""+R),s(T)&&(t(T.key),W=""+T.key),"key"in T){R={};for(var G in T)G!=="key"&&(R[G]=T[G])}else R=T;return W&&a(R,typeof u=="function"?u.displayName||u.name||"Unknown":u),c(u,W,R,n(),N,Y)}function m(u){b(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===I&&(u._payload.status==="fulfilled"?b(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function b(u){return typeof u=="object"&&u!==null&&u.$$typeof===g}var h=f,g=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),v=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,F=Array.isArray,P=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(u){return u()}};var K,B={},_=h.react_stack_bottom_frame.bind(h,i)(),H=P(o(i)),X={};gt.Fragment=$,gt.jsx=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!1,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)},gt.jsxs=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!0,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)}}()),gt}process.env.NODE_ENV==="production"?dr.exports=ci():dr.exports=di();var l=dr.exports;const Xe=typeof document<"u"?f.useLayoutEffect:()=>{};let ur=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{ur.delete(e)});function ui(e,r){if(e===r)return e;let t=ur.get(e);if(t)return t.forEach(n=>n.current=r),r;let o=ur.get(r);return o?(o.forEach(n=>n.current=e),e):r}function fi(...e){return(...r)=>{for(let t of e)typeof t=="function"&&t(...r)}}const Me=e=>{var r;return(r=e==null?void 0:e.ownerDocument)!==null&&r!==void 0?r:document},Ft=e=>e&&"window"in e&&e.window===e?e:Me(e).defaultView||window;function pi(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function hi(e){return pi(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let bi=!1;function Bt(){return bi}function Jr(e,r){if(!Bt())return r&&e?e.contains(r):!1;if(!e||!r)return!1;let t=r;for(;t!==null;){if(t===e)return!0;t.tagName==="SLOT"&&t.assignedSlot?t=t.assignedSlot.parentNode:hi(t)?t=t.host:t=t.parentNode}return!1}const Ue=(e=document)=>{var r;if(!Bt())return e.activeElement;let t=e.activeElement;for(;t&&"shadowRoot"in t&&(!((r=t.shadowRoot)===null||r===void 0)&&r.activeElement);)t=t.shadowRoot.activeElement;return t};function lt(e){return Bt()&&e.target.shadowRoot&&e.composedPath?e.composedPath()[0]:e.target}class gi{get currentNode(){return this._currentNode}set currentNode(r){if(!Jr(this.root,r))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const t=[];let o=r,n=r;for(this._currentNode=r;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const s=o,a=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});t.push(a),a.currentNode=n,this._currentSetFor.add(a),o=n=s.host}else o=o.parentNode;const i=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});t.push(i),i.currentNode=n,this._currentSetFor.add(i),this._walkerStack=t}get doc(){return this._doc}firstChild(){let r=this.currentNode,t=this.nextNode();return Jr(r,t)?(t&&(this.currentNode=t),t):(this.currentNode=r,null)}lastChild(){let t=this._walkerStack[0].lastChild();return t&&(this.currentNode=t),t}nextNode(){const r=this._walkerStack[0].nextNode();if(r){if(r.shadowRoot){var t;let n;if(typeof this.filter=="function"?n=this.filter(r):!((t=this.filter)===null||t===void 0)&&t.acceptNode&&(n=this.filter.acceptNode(r)),n===NodeFilter.FILTER_ACCEPT)return this.currentNode=r,r;let i=this.nextNode();return i&&(this.currentNode=i),i}return r&&(this.currentNode=r),r}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.nextNode();return o&&(this.currentNode=o),o}else return null}previousNode(){const r=this._walkerStack[0];if(r.currentNode===r.root){if(this._currentSetFor.has(r))if(this._currentSetFor.delete(r),this._walkerStack.length>1){this._walkerStack.shift();let n=this.previousNode();return n&&(this.currentNode=n),n}else return null;return null}const t=r.previousNode();if(t){if(t.shadowRoot){var o;let i;if(typeof this.filter=="function"?i=this.filter(t):!((o=this.filter)===null||o===void 0)&&o.acceptNode&&(i=this.filter.acceptNode(t)),i===NodeFilter.FILTER_ACCEPT)return t&&(this.currentNode=t),t;let s=this.lastChild();return s&&(this.currentNode=s),s}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let n=this.previousNode();return n&&(this.currentNode=n),n}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}constructor(r,t,o,n){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=s=>{if(s.nodeType===Node.ELEMENT_NODE){const d=s.shadowRoot;if(d){const c=this._doc.createTreeWalker(d,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(c),NodeFilter.FILTER_ACCEPT}else{var a;if(typeof this.filter=="function")return this.filter(s);if(!((a=this.filter)===null||a===void 0)&&a.acceptNode)return this.filter.acceptNode(s);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=r,this.root=t,this.filter=n??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=t,this._walkerStack.unshift(r.createTreeWalker(t,o,this._acceptNode));const i=t.shadowRoot;if(i){const s=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(s)}}}function mi(e,r,t,o){return Bt()?new gi(e,r,t,o):e.createTreeWalker(r,t,o)}function _o(e){var r,t,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(r=0;r<n;r++)e[r]&&(t=_o(e[r]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function xi(){for(var e,r,t=0,o="",n=arguments.length;t<n;t++)(e=arguments[t])&&(r=_o(e))&&(o&&(o+=" "),o+=r);return o}function et(...e){let r={...e[0]};for(let t=1;t<e.length;t++){let o=e[t];for(let n in o){let i=r[n],s=o[n];typeof i=="function"&&typeof s=="function"&&n[0]==="o"&&n[1]==="n"&&n.charCodeAt(2)>=65&&n.charCodeAt(2)<=90?r[n]=fi(i,s):(n==="className"||n==="UNSAFE_className")&&typeof i=="string"&&typeof s=="string"?r[n]=xi(i,s):n==="id"&&i&&s?r.id=ui(i,s):r[n]=s!==void 0?s:i}}return r}function fr(e){if(yi())e.focus({preventScroll:!0});else{let r=vi(e);e.focus(),$i(r)}}let Lt=null;function yi(){if(Lt==null){Lt=!1;try{document.createElement("div").focus({get preventScroll(){return Lt=!0,!0}})}catch{}}return Lt}function vi(e){let r=e.parentNode,t=[],o=document.scrollingElement||document.documentElement;for(;r instanceof HTMLElement&&r!==o;)(r.offsetHeight<r.scrollHeight||r.offsetWidth<r.scrollWidth)&&t.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),r=r.parentNode;return o instanceof HTMLElement&&t.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),t}function $i(e){for(let{element:r,scrollTop:t,scrollLeft:o}of e)r.scrollTop=t,r.scrollLeft=o}function Vt(e){var r;if(typeof window>"u"||window.navigator==null)return!1;let t=(r=window.navigator.userAgentData)===null||r===void 0?void 0:r.brands;return Array.isArray(t)&&t.some(o=>e.test(o.brand))||e.test(window.navigator.userAgent)}function Tr(e){var r;return typeof window<"u"&&window.navigator!=null?e.test(((r=window.navigator.userAgentData)===null||r===void 0?void 0:r.platform)||window.navigator.platform):!1}function tt(e){if(process.env.NODE_ENV==="test")return e;let r=null;return()=>(r==null&&(r=e()),r)}const Rr=tt(function(){return Tr(/^Mac/i)}),wi=tt(function(){return Tr(/^iPhone/i)}),ki=tt(function(){return Tr(/^iPad/i)||Rr()&&navigator.maxTouchPoints>1}),Si=tt(function(){return wi()||ki()});tt(function(){return Rr()||Si()});tt(function(){return Vt(/AppleWebKit/i)&&!Fo()});const Fo=tt(function(){return Vt(/Chrome/i)}),Oo=tt(function(){return Vt(/Android/i)});tt(function(){return Vt(/Firefox/i)});let rt=new Map,pr=new Set;function Qr(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let r=o=>{if(!e(o)||!o.target)return;let n=rt.get(o.target);n||(n=new Set,rt.set(o.target,n),o.target.addEventListener("transitioncancel",t,{once:!0})),n.add(o.propertyName)},t=o=>{if(!e(o)||!o.target)return;let n=rt.get(o.target);if(n&&(n.delete(o.propertyName),n.size===0&&(o.target.removeEventListener("transitioncancel",t),rt.delete(o.target)),rt.size===0)){for(let i of pr)i();pr.clear()}};document.body.addEventListener("transitionrun",r),document.body.addEventListener("transitionend",t)}typeof document<"u"&&(document.readyState!=="loading"?Qr():document.addEventListener("DOMContentLoaded",Qr));function Ci(){for(const[e]of rt)"isConnected"in e&&!e.isConnected&&rt.delete(e)}function ji(e){requestAnimationFrame(()=>{Ci(),rt.size===0?e():pr.add(e)})}function Ei(e){return e.pointerType===""&&e.isTrusted?!0:Oo()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}const Ti=typeof Element<"u"&&"checkVisibility"in Element.prototype;function Ri(e){const r=Ft(e);if(!(e instanceof r.HTMLElement)&&!(e instanceof r.SVGElement))return!1;let{display:t,visibility:o}=e.style,n=t!=="none"&&o!=="hidden"&&o!=="collapse";if(n){const{getComputedStyle:i}=e.ownerDocument.defaultView;let{display:s,visibility:a}=i(e);n=s!=="none"&&a!=="hidden"&&a!=="collapse"}return n}function zi(e,r){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&r&&r.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function zr(e,r){return Ti?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&Ri(e)&&zi(e,r)&&(!e.parentElement||zr(e.parentElement,e))}const Lr=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])',"permission"],Li=Lr.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Lr.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Mi=Lr.join(':not([hidden]):not([tabindex="-1"]),');function Ni(e){return e.matches(Li)&&zr(e)&&!Do(e)}function Ii(e){return e.matches(Mi)&&zr(e)&&!Do(e)}function Do(e){let r=e;for(;r!=null;){if(r instanceof r.ownerDocument.defaultView.HTMLElement&&r.inert)return!0;r=r.parentElement}return!1}function Ht(e,r,t){let[o,n]=f.useState(e||r),i=f.useRef(e!==void 0),s=e!==void 0;f.useEffect(()=>{let c=i.current;c!==s&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${c?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}.`),i.current=s},[s]);let a=s?e:o,d=f.useCallback((c,...p)=>{let m=(b,...h)=>{t&&(Object.is(a,b)||t(b,...h)),s||(a=b)};typeof c=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),n((h,...g)=>{let y=c(s?a:h,...g);return m(y,...p),s?h:y})):(s||n(c),m(c,...p))},[s,a,t]);return[a,d]}const Pi=["primary","secondary","text","danger","gradient"],Ai=["sm","md","lg"],_i=(e,r)=>{const t=r.components.button[e],o="shadow"in t;if(e==="gradient"){const c=t,p=c.shadow.default,m=c.shadow.hover;return A.css`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),X=require("react-aria"),b=require("@emotion/styled"),S=require("@emotion/react"),Qt=require("react-dom"),ae=require("@kingsoft-ai/theme");function to(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const pt=to(i),ze=to(c),ke=typeof document<"u"?c.useLayoutEffect:()=>{};let Ot=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{Ot.delete(e)});function Tn(e,t){if(e===t)return e;let r=Ot.get(e);if(r)return r.forEach(n=>n.current=t),t;let o=Ot.get(t);return o?(o.forEach(n=>n.current=e),e):t}function Rn(...e){return(...t)=>{for(let r of e)typeof r=="function"&&r(...t)}}const de=e=>{var t;return(t=e==null?void 0:e.ownerDocument)!==null&&t!==void 0?t:document},ht=e=>e&&"window"in e&&e.window===e?e:de(e).defaultView||window;function Ln(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function Mn(e){return Ln(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let In=!1;function xt(){return In}function $r(e,t){if(!xt())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let r=t;for(;r!==null;){if(r===e)return!0;r.tagName==="SLOT"&&r.assignedSlot?r=r.assignedSlot.parentNode:Mn(r)?r=r.host:r=r.parentNode}return!1}const ye=(e=document)=>{var t;if(!xt())return e.activeElement;let r=e.activeElement;for(;r&&"shadowRoot"in r&&(!((t=r.shadowRoot)===null||t===void 0)&&t.activeElement);)r=r.shadowRoot.activeElement;return r};function Be(e){return xt()&&e.target.shadowRoot&&e.composedPath?e.composedPath()[0]:e.target}class Nn{get currentNode(){return this._currentNode}set currentNode(t){if(!$r(this.root,t))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const r=[];let o=t,n=t;for(this._currentNode=t;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const a=o,l=this._doc.createTreeWalker(a,this.whatToShow,{acceptNode:this._acceptNode});r.push(l),l.currentNode=n,this._currentSetFor.add(l),o=n=a.host}else o=o.parentNode;const s=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});r.push(s),s.currentNode=n,this._currentSetFor.add(s),this._walkerStack=r}get doc(){return this._doc}firstChild(){let t=this.currentNode,r=this.nextNode();return $r(t,r)?(r&&(this.currentNode=r),r):(this.currentNode=t,null)}lastChild(){let r=this._walkerStack[0].lastChild();return r&&(this.currentNode=r),r}nextNode(){const t=this._walkerStack[0].nextNode();if(t){if(t.shadowRoot){var r;let n;if(typeof this.filter=="function"?n=this.filter(t):!((r=this.filter)===null||r===void 0)&&r.acceptNode&&(n=this.filter.acceptNode(t)),n===NodeFilter.FILTER_ACCEPT)return this.currentNode=t,t;let s=this.nextNode();return s&&(this.currentNode=s),s}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.nextNode();return o&&(this.currentNode=o),o}else return null}previousNode(){const t=this._walkerStack[0];if(t.currentNode===t.root){if(this._currentSetFor.has(t))if(this._currentSetFor.delete(t),this._walkerStack.length>1){this._walkerStack.shift();let n=this.previousNode();return n&&(this.currentNode=n),n}else return null;return null}const r=t.previousNode();if(r){if(r.shadowRoot){var o;let s;if(typeof this.filter=="function"?s=this.filter(r):!((o=this.filter)===null||o===void 0)&&o.acceptNode&&(s=this.filter.acceptNode(r)),s===NodeFilter.FILTER_ACCEPT)return r&&(this.currentNode=r),r;let a=this.lastChild();return a&&(this.currentNode=a),a}return r&&(this.currentNode=r),r}else if(this._walkerStack.length>1){this._walkerStack.shift();let n=this.previousNode();return n&&(this.currentNode=n),n}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}constructor(t,r,o,n){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=a=>{if(a.nodeType===Node.ELEMENT_NODE){const d=a.shadowRoot;if(d){const u=this._doc.createTreeWalker(d,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(u),NodeFilter.FILTER_ACCEPT}else{var l;if(typeof this.filter=="function")return this.filter(a);if(!((l=this.filter)===null||l===void 0)&&l.acceptNode)return this.filter.acceptNode(a);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=t,this.root=r,this.filter=n??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=r,this._walkerStack.unshift(t.createTreeWalker(r,o,this._acceptNode));const s=r.shadowRoot;if(s){const a=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(a)}}}function Pn(e,t,r,o){return xt()?new Nn(e,t,r,o):e.createTreeWalker(t,r,o)}function ro(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(t=0;t<n;t++)e[t]&&(r=ro(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function An(){for(var e,t,r=0,o="",n=arguments.length;r<n;r++)(e=arguments[r])&&(t=ro(e))&&(o&&(o+=" "),o+=t);return o}function Re(...e){let t={...e[0]};for(let r=1;r<e.length;r++){let o=e[r];for(let n in o){let s=t[n],a=o[n];typeof s=="function"&&typeof a=="function"&&n[0]==="o"&&n[1]==="n"&&n.charCodeAt(2)>=65&&n.charCodeAt(2)<=90?t[n]=Rn(s,a):(n==="className"||n==="UNSAFE_className")&&typeof s=="string"&&typeof a=="string"?t[n]=An(s,a):n==="id"&&s&&a?t.id=Tn(s,a):t[n]=a!==void 0?a:s}}return t}function Bt(e){if(Fn())e.focus({preventScroll:!0});else{let t=Dn(e);e.focus(),On(t)}}let at=null;function Fn(){if(at==null){at=!1;try{document.createElement("div").focus({get preventScroll(){return at=!0,!0}})}catch{}}return at}function Dn(e){let t=e.parentNode,r=[],o=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&r.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return o instanceof HTMLElement&&r.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),r}function On(e){for(let{element:t,scrollTop:r,scrollLeft:o}of e)t.scrollTop=r,t.scrollLeft=o}function vt(e){var t;if(typeof window>"u"||window.navigator==null)return!1;let r=(t=window.navigator.userAgentData)===null||t===void 0?void 0:t.brands;return Array.isArray(r)&&r.some(o=>e.test(o.brand))||e.test(window.navigator.userAgent)}function er(e){var t;return typeof window<"u"&&window.navigator!=null?e.test(((t=window.navigator.userAgentData)===null||t===void 0?void 0:t.platform)||window.navigator.platform):!1}function Le(e){if(process.env.NODE_ENV==="test")return e;let t=null;return()=>(t==null&&(t=e()),t)}const tr=Le(function(){return er(/^Mac/i)}),Bn=Le(function(){return er(/^iPhone/i)}),Kn=Le(function(){return er(/^iPad/i)||tr()&&navigator.maxTouchPoints>1}),Vn=Le(function(){return Bn()||Kn()});Le(function(){return tr()||Vn()});Le(function(){return vt(/AppleWebKit/i)&&!oo()});const oo=Le(function(){return vt(/Chrome/i)}),no=Le(function(){return vt(/Android/i)});Le(function(){return vt(/Firefox/i)});let Ne=new Map,Kt=new Set;function wr(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let t=o=>{if(!e(o)||!o.target)return;let n=Ne.get(o.target);n||(n=new Set,Ne.set(o.target,n),o.target.addEventListener("transitioncancel",r,{once:!0})),n.add(o.propertyName)},r=o=>{if(!e(o)||!o.target)return;let n=Ne.get(o.target);if(n&&(n.delete(o.propertyName),n.size===0&&(o.target.removeEventListener("transitioncancel",r),Ne.delete(o.target)),Ne.size===0)){for(let s of Kt)s();Kt.clear()}};document.body.addEventListener("transitionrun",t),document.body.addEventListener("transitionend",r)}typeof document<"u"&&(document.readyState!=="loading"?wr():document.addEventListener("DOMContentLoaded",wr));function _n(){for(const[e]of Ne)"isConnected"in e&&!e.isConnected&&Ne.delete(e)}function Hn(e){requestAnimationFrame(()=>{_n(),Ne.size===0?e():Kt.add(e)})}function Wn(e){return e.pointerType===""&&e.isTrusted?!0:no()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}const Un=typeof Element<"u"&&"checkVisibility"in Element.prototype;function Yn(e){const t=ht(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:r,visibility:o}=e.style,n=r!=="none"&&o!=="hidden"&&o!=="collapse";if(n){const{getComputedStyle:s}=e.ownerDocument.defaultView;let{display:a,visibility:l}=s(e);n=a!=="none"&&l!=="hidden"&&l!=="collapse"}return n}function Zn(e,t){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&t&&t.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function rr(e,t){return Un?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&Yn(e)&&Zn(e,t)&&(!e.parentElement||rr(e.parentElement,e))}const or=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])',"permission"],Xn=or.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";or.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Gn=or.join(':not([hidden]):not([tabindex="-1"]),');function qn(e){return e.matches(Xn)&&rr(e)&&!io(e)}function Jn(e){return e.matches(Gn)&&rr(e)&&!io(e)}function io(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}function yt(e,t,r){let[o,n]=c.useState(e||t),s=c.useRef(e!==void 0),a=e!==void 0;c.useEffect(()=>{let u=s.current;u!==a&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${u?"controlled":"uncontrolled"} to ${a?"controlled":"uncontrolled"}.`),s.current=a},[a]);let l=a?e:o,d=c.useCallback((u,...h)=>{let p=(f,...x)=>{r&&(Object.is(l,f)||r(f,...x)),a||(l=f)};typeof u=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),n((x,...m)=>{let g=u(a?l:x,...m);return p(g,...h),a?x:g})):(a||n(u),p(u,...h))},[a,l,r]);return[l,d]}const Qn=["primary","secondary","text","danger","gradient"],ei=["sm","md","lg"],ti=e=>{if(e==="gradient")return S.css`
|
|
23
2
|
position: relative;
|
|
24
|
-
color:
|
|
25
|
-
border-color: transparent;
|
|
26
|
-
box-shadow:
|
|
3
|
+
color: var(--ksd-button-gradient-text);
|
|
4
|
+
border-color: transparent;
|
|
5
|
+
box-shadow: none;
|
|
27
6
|
|
|
28
7
|
/* 默认渐变背景 */
|
|
29
8
|
background: linear-gradient(
|
|
30
9
|
90deg,
|
|
31
|
-
|
|
32
|
-
|
|
10
|
+
var(--ksd-button-gradient-from) 0%,
|
|
11
|
+
var(--ksd-button-gradient-to) 100%
|
|
33
12
|
);
|
|
34
13
|
background-origin: border-box;
|
|
35
14
|
|
|
@@ -44,8 +23,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
44
23
|
border-radius: inherit;
|
|
45
24
|
background: linear-gradient(
|
|
46
25
|
90deg,
|
|
47
|
-
|
|
48
|
-
|
|
26
|
+
var(--ksd-button-gradient-to) 0%,
|
|
27
|
+
var(--ksd-button-gradient-from) 100%
|
|
49
28
|
);
|
|
50
29
|
opacity: 0;
|
|
51
30
|
transition: opacity 0.6s ease;
|
|
@@ -62,10 +41,6 @@ React keys must be passed directly to JSX without using spread:
|
|
|
62
41
|
&:hover:not(:disabled):not([data-loading='true'])::before {
|
|
63
42
|
opacity: 1;
|
|
64
43
|
}
|
|
65
|
-
|
|
66
|
-
&:hover:not(:disabled):not([data-loading='true']) {
|
|
67
|
-
box-shadow: ${m};
|
|
68
|
-
}
|
|
69
44
|
|
|
70
45
|
/* Active/Pressed 状态(点击态) */
|
|
71
46
|
&:active:not(:disabled):not([data-loading='true']),
|
|
@@ -73,55 +48,109 @@ React keys must be passed directly to JSX without using spread:
|
|
|
73
48
|
box-shadow: none;
|
|
74
49
|
transform: translateY(1px);
|
|
75
50
|
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
box-shadow: ${a};
|
|
51
|
+
`;const t={primary:S.css`
|
|
52
|
+
background: var(--ksd-button-primary-bg);
|
|
53
|
+
color: var(--ksd-button-primary-text);
|
|
54
|
+
border-color: var(--ksd-button-primary-border);
|
|
81
55
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
border-color: ${i("hover")};
|
|
86
|
-
box-shadow: ${d};
|
|
87
|
-
}
|
|
56
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
57
|
+
background: var(--ksd-button-primary-bg-hover);
|
|
58
|
+
}
|
|
88
59
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
height: ${t.height};
|
|
99
|
-
font-size: ${t.fontSize};
|
|
100
|
-
padding-inline: ${t.paddingInline};
|
|
60
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
61
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
62
|
+
background: var(--ksd-button-primary-bg-active);
|
|
63
|
+
transform: translateY(1px);
|
|
64
|
+
}
|
|
65
|
+
`,secondary:S.css`
|
|
66
|
+
background: var(--ksd-button-secondary-bg);
|
|
67
|
+
color: var(--ksd-button-secondary-text);
|
|
68
|
+
border-color: var(--ksd-button-secondary-border);
|
|
101
69
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
70
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
71
|
+
background: var(--ksd-button-secondary-bg-hover);
|
|
72
|
+
border-color: var(--ksd-button-secondary-border-hover);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
76
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
77
|
+
background: var(--ksd-button-secondary-bg-active);
|
|
78
|
+
border-color: var(--ksd-button-secondary-border-active);
|
|
79
|
+
transform: translateY(1px);
|
|
80
|
+
}
|
|
81
|
+
`,text:S.css`
|
|
82
|
+
background: var(--ksd-button-text-bg);
|
|
83
|
+
color: var(--ksd-button-text-text);
|
|
84
|
+
border-color: var(--ksd-button-text-border);
|
|
85
|
+
|
|
86
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
87
|
+
background: var(--ksd-button-text-bg-hover);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
91
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
92
|
+
background: var(--ksd-button-text-bg-active);
|
|
93
|
+
transform: translateY(1px);
|
|
94
|
+
}
|
|
95
|
+
`,danger:S.css`
|
|
96
|
+
background: var(--ksd-button-danger-bg);
|
|
97
|
+
color: var(--ksd-button-danger-text);
|
|
98
|
+
border-color: var(--ksd-button-danger-border);
|
|
99
|
+
|
|
100
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
101
|
+
background: var(--ksd-button-danger-bg-hover);
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
105
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
106
|
+
background: var(--ksd-button-danger-bg-active);
|
|
107
|
+
transform: translateY(1px);
|
|
108
|
+
}
|
|
109
|
+
`};return t[e]||t.primary},ri=e=>{const t={sm:S.css`
|
|
110
|
+
height: var(--ksd-button-sm-height);
|
|
111
|
+
font-size: var(--ksd-button-sm-font-size);
|
|
112
|
+
padding-inline: var(--ksd-button-sm-padding-inline);
|
|
113
|
+
|
|
114
|
+
svg {
|
|
115
|
+
width: var(--ksd-button-sm-icon-size);
|
|
116
|
+
height: var(--ksd-button-sm-icon-size);
|
|
117
|
+
}
|
|
118
|
+
`,md:S.css`
|
|
119
|
+
height: var(--ksd-button-md-height);
|
|
120
|
+
font-size: var(--ksd-button-md-font-size);
|
|
121
|
+
padding-inline: var(--ksd-button-md-padding-inline);
|
|
122
|
+
|
|
123
|
+
svg {
|
|
124
|
+
width: var(--ksd-button-md-icon-size);
|
|
125
|
+
height: var(--ksd-button-md-icon-size);
|
|
126
|
+
}
|
|
127
|
+
`,lg:S.css`
|
|
128
|
+
height: var(--ksd-button-lg-height);
|
|
129
|
+
font-size: var(--ksd-button-lg-font-size);
|
|
130
|
+
padding-inline: var(--ksd-button-lg-padding-inline);
|
|
131
|
+
|
|
132
|
+
svg {
|
|
133
|
+
width: var(--ksd-button-lg-icon-size);
|
|
134
|
+
height: var(--ksd-button-lg-icon-size);
|
|
135
|
+
}
|
|
136
|
+
`};return t[e]||t.md},oi=b.button`
|
|
137
|
+
/* 基础样式 */
|
|
109
138
|
position: relative;
|
|
110
139
|
display: inline-flex;
|
|
111
140
|
align-items: center;
|
|
112
141
|
justify-content: center;
|
|
113
142
|
box-sizing: border-box;
|
|
114
143
|
|
|
115
|
-
/* 字体样式 */
|
|
116
|
-
font-family:
|
|
117
|
-
font-weight:
|
|
144
|
+
/* 字体样式 - 使用 CSS 变量 */
|
|
145
|
+
font-family: var(--ksd-typography-font-family);
|
|
146
|
+
font-weight: var(--ksd-button-font-weight);
|
|
118
147
|
line-height: 1;
|
|
119
148
|
white-space: nowrap;
|
|
120
149
|
|
|
121
150
|
/* 边框样式 */
|
|
122
151
|
border-width: 1px;
|
|
123
152
|
border-style: solid;
|
|
124
|
-
border-radius:
|
|
153
|
+
border-radius: var(--ksd-button-border-radius);
|
|
125
154
|
|
|
126
155
|
/* 交互样式 */
|
|
127
156
|
cursor: pointer;
|
|
@@ -130,34 +159,34 @@ React keys must be passed directly to JSX without using spread:
|
|
|
130
159
|
|
|
131
160
|
/* 过渡动画 */
|
|
132
161
|
transition:
|
|
133
|
-
background
|
|
134
|
-
border-color
|
|
135
|
-
box-shadow
|
|
136
|
-
transform
|
|
162
|
+
background var(--ksd-button-transition),
|
|
163
|
+
border-color var(--ksd-button-transition),
|
|
164
|
+
box-shadow var(--ksd-button-transition),
|
|
165
|
+
transform var(--ksd-button-transition);
|
|
137
166
|
|
|
138
167
|
/* 变体样式 */
|
|
139
|
-
${({variant:e
|
|
168
|
+
${({variant:e})=>ti(e)}
|
|
140
169
|
|
|
141
170
|
/* 尺寸样式 */
|
|
142
|
-
${({size:e
|
|
171
|
+
${({size:e})=>ri(e)}
|
|
143
172
|
|
|
144
173
|
/* 全宽模式 */
|
|
145
|
-
${({fullWidth:e})=>e&&
|
|
174
|
+
${({fullWidth:e})=>e&&S.css`
|
|
146
175
|
width: 100%;
|
|
147
176
|
`}
|
|
148
177
|
|
|
149
178
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
150
179
|
&:focus-visible {
|
|
151
|
-
outline: 2px solid
|
|
180
|
+
outline: 2px solid var(--ksd-brand-primary);
|
|
152
181
|
outline-offset: 2px;
|
|
153
182
|
}
|
|
154
183
|
|
|
155
184
|
/* 禁用状态 */
|
|
156
185
|
&:disabled {
|
|
157
186
|
cursor: not-allowed;
|
|
158
|
-
opacity:
|
|
159
|
-
background:
|
|
160
|
-
color:
|
|
187
|
+
opacity: var(--ksd-button-disabled-opacity);
|
|
188
|
+
background: var(--ksd-button-disabled-bg);
|
|
189
|
+
color: var(--ksd-button-disabled-text);
|
|
161
190
|
border-color: transparent;
|
|
162
191
|
box-shadow: none;
|
|
163
192
|
}
|
|
@@ -173,8 +202,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
173
202
|
position: absolute;
|
|
174
203
|
inset: 0;
|
|
175
204
|
cursor: wait;
|
|
176
|
-
pointer-events: auto;
|
|
177
|
-
z-index: 10;
|
|
205
|
+
pointer-events: auto;
|
|
206
|
+
z-index: 10;
|
|
178
207
|
}
|
|
179
208
|
|
|
180
209
|
/* 添加旋转动画的关键帧 */
|
|
@@ -183,67 +212,67 @@ React keys must be passed directly to JSX without using spread:
|
|
|
183
212
|
transform: rotate(360deg);
|
|
184
213
|
}
|
|
185
214
|
}
|
|
186
|
-
`,
|
|
215
|
+
`,ni=b.span`
|
|
187
216
|
display: inline-flex;
|
|
188
217
|
align-items: center;
|
|
189
218
|
justify-content: center;
|
|
190
|
-
gap:
|
|
219
|
+
gap: var(--ksd-button-gap);
|
|
191
220
|
position: relative;
|
|
192
|
-
`,
|
|
221
|
+
`,kr=b.span`
|
|
193
222
|
display: inline-flex;
|
|
194
223
|
align-items: center;
|
|
195
224
|
justify-content: center;
|
|
196
225
|
flex-shrink: 0;
|
|
197
226
|
|
|
198
|
-
transition: opacity
|
|
227
|
+
transition: opacity var(--ksd-button-transition);
|
|
199
228
|
|
|
200
|
-
${({isLoading:e})=>e&&
|
|
229
|
+
${({isLoading:e})=>e&&S.css`
|
|
201
230
|
opacity: 0;
|
|
202
231
|
pointer-events: none;
|
|
203
232
|
`}
|
|
204
|
-
`,
|
|
233
|
+
`,ii=b.span`
|
|
205
234
|
display: inline-flex;
|
|
206
235
|
align-items: center;
|
|
207
236
|
justify-content: center;
|
|
208
237
|
|
|
209
|
-
transition: opacity
|
|
238
|
+
transition: opacity var(--ksd-button-transition);
|
|
210
239
|
|
|
211
|
-
${({isLoading:e})=>e&&
|
|
240
|
+
${({isLoading:e})=>e&&S.css`
|
|
212
241
|
opacity: 0.4;
|
|
213
242
|
`}
|
|
214
|
-
`,
|
|
215
|
-
background: ${
|
|
216
|
-
border-color: ${
|
|
217
|
-
color: ${
|
|
243
|
+
`,si=Qn,ai=ei,so=c.forwardRef(({variant:e="primary",size:t="md",icon:r,loading:o=!1,fullWidth:n=!1,disabled:s,isDisabled:a,className:l,children:d,...u},h)=>{const p=c.useRef(null),f=h||p,x=(s??a)||o,{buttonProps:m,isPressed:g}=X.useButton({...u,isDisabled:x,elementType:"button"},p);return i.jsx(oi,{...Re(m,{ref:f,className:l}),variant:e,size:t,fullWidth:n,isPressed:g,isDisabled:x,isLoading:o,"data-variant":e,"data-size":t,"data-loading":o?"true":void 0,"data-pressed":g?"true":void 0,children:i.jsxs(ni,{children:[r&&i.jsx(kr,{isLoading:o,"aria-hidden":"true",children:r}),i.jsx(ii,{isLoading:o,children:d}),o&&i.jsx(kr,{isLoading:!1,"aria-label":"加载中",role:"status",children:i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{animation:"spin 0.8s linear infinite"},children:i.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})})]})})});so.displayName="Button";const li=["solid","outline","ghost"],ci=["primary","neutral","danger"],di=["sm","md","lg"],ui=(e,t,r)=>{var h,p;const o=r.components.iconButton.appearance[e][t],n=f=>({background:o.background[f],border:o.border[f]??o.border.hover??o.border.default,icon:o.icon[f]??o.icon.hover??o.icon.default}),s=n("default"),a=n("hover"),l=n("active"),d=((h=o.shadow)==null?void 0:h.default)??"none",u=((p=o.shadow)==null?void 0:p.hover)??d;return S.css`
|
|
244
|
+
background: ${s.background};
|
|
245
|
+
border-color: ${s.border};
|
|
246
|
+
color: ${s.icon};
|
|
218
247
|
box-shadow: ${d};
|
|
219
248
|
|
|
220
249
|
&:hover:not(:disabled):not([data-loading='true']) {
|
|
221
|
-
background: ${
|
|
222
|
-
border-color: ${
|
|
223
|
-
color: ${
|
|
224
|
-
box-shadow: ${
|
|
250
|
+
background: ${a.background};
|
|
251
|
+
border-color: ${a.border};
|
|
252
|
+
color: ${a.icon};
|
|
253
|
+
box-shadow: ${u};
|
|
225
254
|
}
|
|
226
255
|
|
|
227
256
|
&:active:not(:disabled):not([data-loading='true']),
|
|
228
257
|
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
229
|
-
background: ${
|
|
230
|
-
border-color: ${
|
|
231
|
-
color: ${
|
|
258
|
+
background: ${l.background};
|
|
259
|
+
border-color: ${l.border};
|
|
260
|
+
color: ${l.icon};
|
|
232
261
|
box-shadow: none;
|
|
233
262
|
transform: translateY(1px);
|
|
234
263
|
}
|
|
235
|
-
`},
|
|
236
|
-
--icon-button-icon-size: ${
|
|
237
|
-
width: ${
|
|
238
|
-
height: ${
|
|
239
|
-
min-width: ${
|
|
240
|
-
min-height: ${
|
|
264
|
+
`},fi=(e,t)=>{const r=t.components.iconButton.size[e];return S.css`
|
|
265
|
+
--icon-button-icon-size: ${r.iconSize};
|
|
266
|
+
width: ${r.edge};
|
|
267
|
+
height: ${r.edge};
|
|
268
|
+
min-width: ${r.edge};
|
|
269
|
+
min-height: ${r.edge};
|
|
241
270
|
|
|
242
271
|
svg {
|
|
243
272
|
width: var(--icon-button-icon-size);
|
|
244
273
|
height: var(--icon-button-icon-size);
|
|
245
274
|
}
|
|
246
|
-
`},
|
|
275
|
+
`},pi=b.button`
|
|
247
276
|
position: relative;
|
|
248
277
|
display: inline-flex;
|
|
249
278
|
align-items: center;
|
|
@@ -265,8 +294,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
265
294
|
box-shadow ${({theme:e})=>e.components.iconButton.transition},
|
|
266
295
|
transform ${({theme:e})=>e.components.iconButton.transition};
|
|
267
296
|
|
|
268
|
-
${({appearance:e,tone:
|
|
269
|
-
${({size:e,theme:
|
|
297
|
+
${({appearance:e,tone:t,theme:r})=>ui(e,t,r)}
|
|
298
|
+
${({size:e,theme:t})=>fi(e,t)}
|
|
270
299
|
|
|
271
300
|
&:focus-visible {
|
|
272
301
|
outline: ${({theme:e})=>e.components.iconButton.focusRing.width} solid
|
|
@@ -291,7 +320,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
291
320
|
transform: rotate(360deg);
|
|
292
321
|
}
|
|
293
322
|
}
|
|
294
|
-
`,
|
|
323
|
+
`,hi=b.span`
|
|
295
324
|
display: inline-flex;
|
|
296
325
|
align-items: center;
|
|
297
326
|
justify-content: center;
|
|
@@ -299,10 +328,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
299
328
|
transition: opacity ${({theme:e})=>e.components.iconButton.transition};
|
|
300
329
|
pointer-events: none;
|
|
301
330
|
|
|
302
|
-
${({isHidden:e})=>e&&
|
|
331
|
+
${({isHidden:e})=>e&&S.css`
|
|
303
332
|
opacity: 0;
|
|
304
333
|
`}
|
|
305
|
-
`,
|
|
334
|
+
`,bi=b.span`
|
|
306
335
|
position: absolute;
|
|
307
336
|
inset: 0;
|
|
308
337
|
display: inline-flex;
|
|
@@ -316,41 +345,21 @@ React keys must be passed directly to JSX without using spread:
|
|
|
316
345
|
height: var(--icon-button-icon-size);
|
|
317
346
|
animation: icon-button-spin 0.8s linear infinite;
|
|
318
347
|
}
|
|
319
|
-
`,Ji=Hi,Qi=Wi,es=Ui,Bo=f.forwardRef(({appearance:e="solid",tone:r="primary",size:t="md",icon:o,label:n,loading:i=!1,loadingLabel:s="加载中",isDisabled:a,className:d,...c},p)=>{const m=f.useMemo(()=>{var w,C;return typeof globalThis>"u"?!0:((C=(w=globalThis.process)==null?void 0:w.env)==null?void 0:C.NODE_ENV)!=="production"},[]),b=f.useRef(null),h=p||b,g=a||i;if(m){const k=c["aria-label"],w=c["aria-labelledby"];!n&&!k&&!w&&console.warn("IconButton 需要可感知的文本。请传入 label、aria-label 或 aria-labelledby。")}const{buttonProps:y,isPressed:$}=de.useButton({...c,isDisabled:g,elementType:"button"},b);return l.jsxs(Xi,{...et(y,{ref:h,className:d}),appearance:e,tone:r,size:t,isPressed:$,isDisabled:!!g,isLoading:i,"data-appearance":e,"data-tone":r,"data-size":t,"data-loading":i?"true":void 0,"data-pressed":$?"true":void 0,children:[l.jsx(Gi,{isHidden:i,"aria-hidden":"true",children:o}),i&&l.jsx(qi,{role:"status","aria-live":"polite","aria-label":s,children:l.jsx("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})}),n?l.jsx(de.VisuallyHidden,{children:n}):null]})});Bo.displayName="IconButton";function ts(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}function rs(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var os=function(){function e(t){var o=this;this._insertTag=function(n){var i;o.tags.length===0?o.insertionPoint?i=o.insertionPoint.nextSibling:o.prepend?i=o.container.firstChild:i=o.before:i=o.tags[o.tags.length-1].nextSibling,o.container.insertBefore(n,i),o.tags.push(n)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(o){o.forEach(this._insertTag)},r.insert=function(o){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(rs(this));var n=this.tags[this.tags.length-1];if(this.isSpeedy){var i=ts(n);try{i.insertRule(o,i.cssRules.length)}catch{}}else n.appendChild(document.createTextNode(o));this.ctr++},r.flush=function(){this.tags.forEach(function(o){var n;return(n=o.parentNode)==null?void 0:n.removeChild(o)}),this.tags=[],this.ctr=0},e}(),Ne="-ms-",Ot="-moz-",se="-webkit-",Vo="comm",Mr="rule",Nr="decl",ns="@import",Ho="@keyframes",is="@layer",ss=Math.abs,Wt=String.fromCharCode,as=Object.assign;function ls(e,r){return Le(e,0)^45?(((r<<2^Le(e,0))<<2^Le(e,1))<<2^Le(e,2))<<2^Le(e,3):0}function Wo(e){return e.trim()}function cs(e,r){return(e=r.exec(e))?e[0]:e}function ae(e,r,t){return e.replace(r,t)}function hr(e,r){return e.indexOf(r)}function Le(e,r){return e.charCodeAt(r)|0}function kt(e,r,t){return e.slice(r,t)}function Ye(e){return e.length}function Ir(e){return e.length}function Mt(e,r){return r.push(e),e}function ds(e,r){return e.map(r).join("")}var Ut=1,dt=1,Uo=0,_e=0,Ce=0,pt="";function Yt(e,r,t,o,n,i,s){return{value:e,root:r,parent:t,type:o,props:n,children:i,line:Ut,column:dt,length:s,return:""}}function mt(e,r){return as(Yt("",null,null,"",null,null,0),e,{length:-e.length},r)}function us(){return Ce}function fs(){return Ce=_e>0?Le(pt,--_e):0,dt--,Ce===10&&(dt=1,Ut--),Ce}function Oe(){return Ce=_e<Uo?Le(pt,_e++):0,dt++,Ce===10&&(dt=1,Ut++),Ce}function Ge(){return Le(pt,_e)}function Pt(){return _e}function Tt(e,r){return kt(pt,e,r)}function St(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Yo(e){return Ut=dt=1,Uo=Ye(pt=e),_e=0,[]}function Zo(e){return pt="",e}function At(e){return Wo(Tt(_e-1,br(e===91?e+2:e===40?e+1:e)))}function ps(e){for(;(Ce=Ge())&&Ce<33;)Oe();return St(e)>2||St(Ce)>3?"":" "}function hs(e,r){for(;--r&&Oe()&&!(Ce<48||Ce>102||Ce>57&&Ce<65||Ce>70&&Ce<97););return Tt(e,Pt()+(r<6&&Ge()==32&&Oe()==32))}function br(e){for(;Oe();)switch(Ce){case e:return _e;case 34:case 39:e!==34&&e!==39&&br(Ce);break;case 40:e===41&&br(e);break;case 92:Oe();break}return _e}function bs(e,r){for(;Oe()&&e+Ce!==57;)if(e+Ce===84&&Ge()===47)break;return"/*"+Tt(r,_e-1)+"*"+Wt(e===47?e:Oe())}function gs(e){for(;!St(Ge());)Oe();return Tt(e,_e)}function ms(e){return Zo(_t("",null,null,null,[""],e=Yo(e),0,[0],e))}function _t(e,r,t,o,n,i,s,a,d){for(var c=0,p=0,m=s,b=0,h=0,g=0,y=1,$=1,k=1,w=0,C="",v=n,x=i,j=o,E=C;$;)switch(g=w,w=Oe()){case 40:if(g!=108&&Le(E,m-1)==58){hr(E+=ae(At(w),"&","&\f"),"&\f")!=-1&&(k=-1);break}case 34:case 39:case 91:E+=At(w);break;case 9:case 10:case 13:case 32:E+=ps(g);break;case 92:E+=hs(Pt()-1,7);continue;case 47:switch(Ge()){case 42:case 47:Mt(xs(bs(Oe(),Pt()),r,t),d);break;default:E+="/"}break;case 123*y:a[c++]=Ye(E)*k;case 125*y:case 59:case 0:switch(w){case 0:case 125:$=0;case 59+p:k==-1&&(E=ae(E,/\f/g,"")),h>0&&Ye(E)-m&&Mt(h>32?ro(E+";",o,t,m-1):ro(ae(E," ","")+";",o,t,m-2),d);break;case 59:E+=";";default:if(Mt(j=to(E,r,t,c,p,n,a,C,v=[],x=[],m),i),w===123)if(p===0)_t(E,r,j,j,v,i,m,a,x);else switch(b===99&&Le(E,3)===110?100:b){case 100:case 108:case 109:case 115:_t(e,j,j,o&&Mt(to(e,j,j,0,0,n,a,C,n,v=[],m),x),n,x,m,a,o?v:x);break;default:_t(E,j,j,j,[""],x,0,a,x)}}c=p=h=0,y=k=1,C=E="",m=s;break;case 58:m=1+Ye(E),h=g;default:if(y<1){if(w==123)--y;else if(w==125&&y++==0&&fs()==125)continue}switch(E+=Wt(w),w*y){case 38:k=p>0?1:(E+="\f",-1);break;case 44:a[c++]=(Ye(E)-1)*k,k=1;break;case 64:Ge()===45&&(E+=At(Oe())),b=Ge(),p=m=Ye(C=E+=gs(Pt())),w++;break;case 45:g===45&&Ye(E)==2&&(y=0)}}return i}function to(e,r,t,o,n,i,s,a,d,c,p){for(var m=n-1,b=n===0?i:[""],h=Ir(b),g=0,y=0,$=0;g<o;++g)for(var k=0,w=kt(e,m+1,m=ss(y=s[g])),C=e;k<h;++k)(C=Wo(y>0?b[k]+" "+w:ae(w,/&\f/g,b[k])))&&(d[$++]=C);return Yt(e,r,t,n===0?Mr:a,d,c,p)}function xs(e,r,t){return Yt(e,r,t,Vo,Wt(us()),kt(e,2,-2),0)}function ro(e,r,t,o){return Yt(e,r,t,Nr,kt(e,0,o),kt(e,o+1,-1),o)}function ct(e,r){for(var t="",o=Ir(e),n=0;n<o;n++)t+=r(e[n],n,e,r)||"";return t}function ys(e,r,t,o){switch(e.type){case is:if(e.children.length)break;case ns:case Nr:return e.return=e.return||e.value;case Vo:return"";case Ho:return e.return=e.value+"{"+ct(e.children,o)+"}";case Mr:e.value=e.props.join(",")}return Ye(t=ct(e.children,o))?e.return=e.value+"{"+t+"}":""}function vs(e){var r=Ir(e);return function(t,o,n,i){for(var s="",a=0;a<r;a++)s+=e[a](t,o,n,i)||"";return s}}function $s(e){return function(r){r.root||(r=r.return)&&e(r)}}function ws(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var ks=function(r,t,o){for(var n=0,i=0;n=i,i=Ge(),n===38&&i===12&&(t[o]=1),!St(i);)Oe();return Tt(r,_e)},Ss=function(r,t){var o=-1,n=44;do switch(St(n)){case 0:n===38&&Ge()===12&&(t[o]=1),r[o]+=ks(_e-1,t,o);break;case 2:r[o]+=At(n);break;case 4:if(n===44){r[++o]=Ge()===58?"&\f":"",t[o]=r[o].length;break}default:r[o]+=Wt(n)}while(n=Oe());return r},Cs=function(r,t){return Zo(Ss(Yo(r),t))},oo=new WeakMap,js=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,o=r.parent,n=r.column===o.column&&r.line===o.line;o.type!=="rule";)if(o=o.parent,!o)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!oo.get(o))&&!n){oo.set(r,!0);for(var i=[],s=Cs(t,i),a=o.props,d=0,c=0;d<s.length;d++)for(var p=0;p<a.length;p++,c++)r.props[c]=i[d]?s[d].replace(/&\f/g,a[p]):a[p]+" "+s[d]}}},Es=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function Xo(e,r){switch(ls(e,r)){case 5103:return se+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return se+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return se+e+Ot+e+Ne+e+e;case 6828:case 4268:return se+e+Ne+e+e;case 6165:return se+e+Ne+"flex-"+e+e;case 5187:return se+e+ae(e,/(\w+).+(:[^]+)/,se+"box-$1$2"+Ne+"flex-$1$2")+e;case 5443:return se+e+Ne+"flex-item-"+ae(e,/flex-|-self/,"")+e;case 4675:return se+e+Ne+"flex-line-pack"+ae(e,/align-content|flex-|-self/,"")+e;case 5548:return se+e+Ne+ae(e,"shrink","negative")+e;case 5292:return se+e+Ne+ae(e,"basis","preferred-size")+e;case 6060:return se+"box-"+ae(e,"-grow","")+se+e+Ne+ae(e,"grow","positive")+e;case 4554:return se+ae(e,/([^-])(transform)/g,"$1"+se+"$2")+e;case 6187:return ae(ae(ae(e,/(zoom-|grab)/,se+"$1"),/(image-set)/,se+"$1"),e,"")+e;case 5495:case 3959:return ae(e,/(image-set\([^]*)/,se+"$1$`$1");case 4968:return ae(ae(e,/(.+:)(flex-)?(.*)/,se+"box-pack:$3"+Ne+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+se+e+e;case 4095:case 3583:case 4068:case 2532:return ae(e,/(.+)-inline(.+)/,se+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Ye(e)-1-r>6)switch(Le(e,r+1)){case 109:if(Le(e,r+4)!==45)break;case 102:return ae(e,/(.+:)(.+)-([^]+)/,"$1"+se+"$2-$3$1"+Ot+(Le(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~hr(e,"stretch")?Xo(ae(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(Le(e,r+1)!==115)break;case 6444:switch(Le(e,Ye(e)-3-(~hr(e,"!important")&&10))){case 107:return ae(e,":",":"+se)+e;case 101:return ae(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+se+(Le(e,14)===45?"inline-":"")+"box$3$1"+se+"$2$3$1"+Ne+"$2box$3")+e}break;case 5936:switch(Le(e,r+11)){case 114:return se+e+Ne+ae(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return se+e+Ne+ae(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return se+e+Ne+ae(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return se+e+Ne+e+e}return e}var Ts=function(r,t,o,n){if(r.length>-1&&!r.return)switch(r.type){case Nr:r.return=Xo(r.value,r.length);break;case Ho:return ct([mt(r,{value:ae(r.value,"@","@"+se)})],n);case Mr:if(r.length)return ds(r.props,function(i){switch(cs(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ct([mt(r,{props:[ae(i,/:(read-\w+)/,":"+Ot+"$1")]})],n);case"::placeholder":return ct([mt(r,{props:[ae(i,/:(plac\w+)/,":"+se+"input-$1")]}),mt(r,{props:[ae(i,/:(plac\w+)/,":"+Ot+"$1")]}),mt(r,{props:[ae(i,/:(plac\w+)/,Ne+"input-$1")]})],n)}return""})}},Rs=[Ts],zs=function(r){var t=r.key;if(t==="css"){var o=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(o,function(y){var $=y.getAttribute("data-emotion");$.indexOf(" ")!==-1&&(document.head.appendChild(y),y.setAttribute("data-s",""))})}var n=r.stylisPlugins||Rs,i={},s,a=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(y){for(var $=y.getAttribute("data-emotion").split(" "),k=1;k<$.length;k++)i[$[k]]=!0;a.push(y)});var d,c=[js,Es];{var p,m=[ys,$s(function(y){p.insert(y)})],b=vs(c.concat(n,m)),h=function($){return ct(ms($),b)};d=function($,k,w,C){p=w,h($?$+"{"+k.styles+"}":k.styles),C&&(g.inserted[k.name]=!0)}}var g={key:t,sheet:new os({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:i,registered:{},insert:d};return g.sheet.hydrate(a),g},gr={exports:{}},le={};/** @license React v16.13.1
|
|
348
|
+
`,gi=li,mi=ci,xi=di,ao=c.forwardRef(({appearance:e="solid",tone:t="primary",size:r="md",icon:o,label:n,loading:s=!1,loadingLabel:a="加载中",isDisabled:l,className:d,...u},h)=>{const p=c.useMemo(()=>{var v,j;return typeof globalThis>"u"?!0:((j=(v=globalThis.process)==null?void 0:v.env)==null?void 0:j.NODE_ENV)!=="production"},[]),f=c.useRef(null),x=h||f,m=l||s;if(p){const k=u["aria-label"],v=u["aria-labelledby"];!n&&!k&&!v&&console.warn("IconButton 需要可感知的文本。请传入 label、aria-label 或 aria-labelledby。")}const{buttonProps:g,isPressed:$}=X.useButton({...u,isDisabled:m,elementType:"button"},f);return i.jsxs(pi,{...Re(g,{ref:x,className:d}),appearance:e,tone:t,size:r,isPressed:$,isDisabled:!!m,isLoading:s,"data-appearance":e,"data-tone":t,"data-size":r,"data-loading":s?"true":void 0,"data-pressed":$?"true":void 0,children:[i.jsx(hi,{isHidden:s,"aria-hidden":"true",children:o}),s&&i.jsx(bi,{role:"status","aria-live":"polite","aria-label":a,children:i.jsx("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})}),n?i.jsx(X.VisuallyHidden,{children:n}):null]})});ao.displayName="IconButton";function vi(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function yi(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var $i=function(){function e(r){var o=this;this._insertTag=function(n){var s;o.tags.length===0?o.insertionPoint?s=o.insertionPoint.nextSibling:o.prepend?s=o.container.firstChild:s=o.before:s=o.tags[o.tags.length-1].nextSibling,o.container.insertBefore(n,s),o.tags.push(n)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(o){o.forEach(this._insertTag)},t.insert=function(o){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(yi(this));var n=this.tags[this.tags.length-1];if(this.isSpeedy){var s=vi(n);try{s.insertRule(o,s.cssRules.length)}catch{}}else n.appendChild(document.createTextNode(o));this.ctr++},t.flush=function(){this.tags.forEach(function(o){var n;return(n=o.parentNode)==null?void 0:n.removeChild(o)}),this.tags=[],this.ctr=0},e}(),ue="-ms-",bt="-moz-",H="-webkit-",lo="comm",nr="rule",ir="decl",wi="@import",co="@keyframes",ki="@layer",Si=Math.abs,$t=String.fromCharCode,Ci=Object.assign;function ji(e,t){return ce(e,0)^45?(((t<<2^ce(e,0))<<2^ce(e,1))<<2^ce(e,2))<<2^ce(e,3):0}function uo(e){return e.trim()}function Ei(e,t){return(e=t.exec(e))?e[0]:e}function W(e,t,r){return e.replace(t,r)}function Vt(e,t){return e.indexOf(t)}function ce(e,t){return e.charCodeAt(t)|0}function Je(e,t,r){return e.slice(t,r)}function $e(e){return e.length}function sr(e){return e.length}function lt(e,t){return t.push(e),e}function zi(e,t){return e.map(t).join("")}var wt=1,Ve=1,fo=0,fe=0,ie=0,We="";function kt(e,t,r,o,n,s,a){return{value:e,root:t,parent:r,type:o,props:n,children:s,line:wt,column:Ve,length:a,return:""}}function Ye(e,t){return Ci(kt("",null,null,"",null,null,0),e,{length:-e.length},t)}function Ti(){return ie}function Ri(){return ie=fe>0?ce(We,--fe):0,Ve--,ie===10&&(Ve=1,wt--),ie}function pe(){return ie=fe<fo?ce(We,fe++):0,Ve++,ie===10&&(Ve=1,wt++),ie}function Se(){return ce(We,fe)}function dt(){return fe}function ot(e,t){return Je(We,e,t)}function Qe(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function po(e){return wt=Ve=1,fo=$e(We=e),fe=0,[]}function ho(e){return We="",e}function ut(e){return uo(ot(fe-1,_t(e===91?e+2:e===40?e+1:e)))}function Li(e){for(;(ie=Se())&&ie<33;)pe();return Qe(e)>2||Qe(ie)>3?"":" "}function Mi(e,t){for(;--t&&pe()&&!(ie<48||ie>102||ie>57&&ie<65||ie>70&&ie<97););return ot(e,dt()+(t<6&&Se()==32&&pe()==32))}function _t(e){for(;pe();)switch(ie){case e:return fe;case 34:case 39:e!==34&&e!==39&&_t(ie);break;case 40:e===41&&_t(e);break;case 92:pe();break}return fe}function Ii(e,t){for(;pe()&&e+ie!==57;)if(e+ie===84&&Se()===47)break;return"/*"+ot(t,fe-1)+"*"+$t(e===47?e:pe())}function Ni(e){for(;!Qe(Se());)pe();return ot(e,fe)}function Pi(e){return ho(ft("",null,null,null,[""],e=po(e),0,[0],e))}function ft(e,t,r,o,n,s,a,l,d){for(var u=0,h=0,p=a,f=0,x=0,m=0,g=1,$=1,k=1,v=0,j="",w=n,y=s,R=o,z=j;$;)switch(m=v,v=pe()){case 40:if(m!=108&&ce(z,p-1)==58){Vt(z+=W(ut(v),"&","&\f"),"&\f")!=-1&&(k=-1);break}case 34:case 39:case 91:z+=ut(v);break;case 9:case 10:case 13:case 32:z+=Li(m);break;case 92:z+=Mi(dt()-1,7);continue;case 47:switch(Se()){case 42:case 47:lt(Ai(Ii(pe(),dt()),t,r),d);break;default:z+="/"}break;case 123*g:l[u++]=$e(z)*k;case 125*g:case 59:case 0:switch(v){case 0:case 125:$=0;case 59+h:k==-1&&(z=W(z,/\f/g,"")),x>0&&$e(z)-p&<(x>32?Cr(z+";",o,r,p-1):Cr(W(z," ","")+";",o,r,p-2),d);break;case 59:z+=";";default:if(lt(R=Sr(z,t,r,u,h,n,l,j,w=[],y=[],p),s),v===123)if(h===0)ft(z,t,R,R,w,s,p,l,y);else switch(f===99&&ce(z,3)===110?100:f){case 100:case 108:case 109:case 115:ft(e,R,R,o&<(Sr(e,R,R,0,0,n,l,j,n,w=[],p),y),n,y,p,l,o?w:y);break;default:ft(z,R,R,R,[""],y,0,l,y)}}u=h=x=0,g=k=1,j=z="",p=a;break;case 58:p=1+$e(z),x=m;default:if(g<1){if(v==123)--g;else if(v==125&&g++==0&&Ri()==125)continue}switch(z+=$t(v),v*g){case 38:k=h>0?1:(z+="\f",-1);break;case 44:l[u++]=($e(z)-1)*k,k=1;break;case 64:Se()===45&&(z+=ut(pe())),f=Se(),h=p=$e(j=z+=Ni(dt())),v++;break;case 45:m===45&&$e(z)==2&&(g=0)}}return s}function Sr(e,t,r,o,n,s,a,l,d,u,h){for(var p=n-1,f=n===0?s:[""],x=sr(f),m=0,g=0,$=0;m<o;++m)for(var k=0,v=Je(e,p+1,p=Si(g=a[m])),j=e;k<x;++k)(j=uo(g>0?f[k]+" "+v:W(v,/&\f/g,f[k])))&&(d[$++]=j);return kt(e,t,r,n===0?nr:l,d,u,h)}function Ai(e,t,r){return kt(e,t,r,lo,$t(Ti()),Je(e,2,-2),0)}function Cr(e,t,r,o){return kt(e,t,r,ir,Je(e,0,o),Je(e,o+1,-1),o)}function Ke(e,t){for(var r="",o=sr(e),n=0;n<o;n++)r+=t(e[n],n,e,t)||"";return r}function Fi(e,t,r,o){switch(e.type){case ki:if(e.children.length)break;case wi:case ir:return e.return=e.return||e.value;case lo:return"";case co:return e.return=e.value+"{"+Ke(e.children,o)+"}";case nr:e.value=e.props.join(",")}return $e(r=Ke(e.children,o))?e.return=e.value+"{"+r+"}":""}function Di(e){var t=sr(e);return function(r,o,n,s){for(var a="",l=0;l<t;l++)a+=e[l](r,o,n,s)||"";return a}}function Oi(e){return function(t){t.root||(t=t.return)&&e(t)}}function Bi(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Ki=function(t,r,o){for(var n=0,s=0;n=s,s=Se(),n===38&&s===12&&(r[o]=1),!Qe(s);)pe();return ot(t,fe)},Vi=function(t,r){var o=-1,n=44;do switch(Qe(n)){case 0:n===38&&Se()===12&&(r[o]=1),t[o]+=Ki(fe-1,r,o);break;case 2:t[o]+=ut(n);break;case 4:if(n===44){t[++o]=Se()===58?"&\f":"",r[o]=t[o].length;break}default:t[o]+=$t(n)}while(n=pe());return t},_i=function(t,r){return ho(Vi(po(t),r))},jr=new WeakMap,Hi=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,o=t.parent,n=t.column===o.column&&t.line===o.line;o.type!=="rule";)if(o=o.parent,!o)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!jr.get(o))&&!n){jr.set(t,!0);for(var s=[],a=_i(r,s),l=o.props,d=0,u=0;d<a.length;d++)for(var h=0;h<l.length;h++,u++)t.props[u]=s[d]?a[d].replace(/&\f/g,l[h]):l[h]+" "+a[d]}}},Wi=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function bo(e,t){switch(ji(e,t)){case 5103:return H+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return H+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return H+e+bt+e+ue+e+e;case 6828:case 4268:return H+e+ue+e+e;case 6165:return H+e+ue+"flex-"+e+e;case 5187:return H+e+W(e,/(\w+).+(:[^]+)/,H+"box-$1$2"+ue+"flex-$1$2")+e;case 5443:return H+e+ue+"flex-item-"+W(e,/flex-|-self/,"")+e;case 4675:return H+e+ue+"flex-line-pack"+W(e,/align-content|flex-|-self/,"")+e;case 5548:return H+e+ue+W(e,"shrink","negative")+e;case 5292:return H+e+ue+W(e,"basis","preferred-size")+e;case 6060:return H+"box-"+W(e,"-grow","")+H+e+ue+W(e,"grow","positive")+e;case 4554:return H+W(e,/([^-])(transform)/g,"$1"+H+"$2")+e;case 6187:return W(W(W(e,/(zoom-|grab)/,H+"$1"),/(image-set)/,H+"$1"),e,"")+e;case 5495:case 3959:return W(e,/(image-set\([^]*)/,H+"$1$`$1");case 4968:return W(W(e,/(.+:)(flex-)?(.*)/,H+"box-pack:$3"+ue+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+H+e+e;case 4095:case 3583:case 4068:case 2532:return W(e,/(.+)-inline(.+)/,H+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if($e(e)-1-t>6)switch(ce(e,t+1)){case 109:if(ce(e,t+4)!==45)break;case 102:return W(e,/(.+:)(.+)-([^]+)/,"$1"+H+"$2-$3$1"+bt+(ce(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Vt(e,"stretch")?bo(W(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(ce(e,t+1)!==115)break;case 6444:switch(ce(e,$e(e)-3-(~Vt(e,"!important")&&10))){case 107:return W(e,":",":"+H)+e;case 101:return W(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+H+(ce(e,14)===45?"inline-":"")+"box$3$1"+H+"$2$3$1"+ue+"$2box$3")+e}break;case 5936:switch(ce(e,t+11)){case 114:return H+e+ue+W(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return H+e+ue+W(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return H+e+ue+W(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return H+e+ue+e+e}return e}var Ui=function(t,r,o,n){if(t.length>-1&&!t.return)switch(t.type){case ir:t.return=bo(t.value,t.length);break;case co:return Ke([Ye(t,{value:W(t.value,"@","@"+H)})],n);case nr:if(t.length)return zi(t.props,function(s){switch(Ei(s,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ke([Ye(t,{props:[W(s,/:(read-\w+)/,":"+bt+"$1")]})],n);case"::placeholder":return Ke([Ye(t,{props:[W(s,/:(plac\w+)/,":"+H+"input-$1")]}),Ye(t,{props:[W(s,/:(plac\w+)/,":"+bt+"$1")]}),Ye(t,{props:[W(s,/:(plac\w+)/,ue+"input-$1")]})],n)}return""})}},Yi=[Ui],Zi=function(t){var r=t.key;if(r==="css"){var o=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(o,function(g){var $=g.getAttribute("data-emotion");$.indexOf(" ")!==-1&&(document.head.appendChild(g),g.setAttribute("data-s",""))})}var n=t.stylisPlugins||Yi,s={},a,l=[];a=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(g){for(var $=g.getAttribute("data-emotion").split(" "),k=1;k<$.length;k++)s[$[k]]=!0;l.push(g)});var d,u=[Hi,Wi];{var h,p=[Fi,Oi(function(g){h.insert(g)})],f=Di(u.concat(n,p)),x=function($){return Ke(Pi($),f)};d=function($,k,v,j){h=v,x($?$+"{"+k.styles+"}":k.styles),j&&(m.inserted[k.name]=!0)}}var m={key:r,sheet:new $i({key:r,container:a,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:s,registered:{},insert:d};return m.sheet.hydrate(l),m};function Xi(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ht={exports:{}},Y={};/** @license React v16.13.1
|
|
320
349
|
* react-is.production.min.js
|
|
321
350
|
*
|
|
322
351
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
323
352
|
*
|
|
324
353
|
* This source code is licensed under the MIT license found in the
|
|
325
354
|
* LICENSE file in the root directory of this source tree.
|
|
326
|
-
*/var
|
|
355
|
+
*/var Er;function Gi(){if(Er)return Y;Er=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,h=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,k=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function j(y){if(typeof y=="object"&&y!==null){var R=y.$$typeof;switch(R){case t:switch(y=y.type,y){case d:case u:case o:case s:case n:case p:return y;default:switch(y=y&&y.$$typeof,y){case l:case h:case m:case x:case a:return y;default:return R}}case r:return R}}}function w(y){return j(y)===u}return Y.AsyncMode=d,Y.ConcurrentMode=u,Y.ContextConsumer=l,Y.ContextProvider=a,Y.Element=t,Y.ForwardRef=h,Y.Fragment=o,Y.Lazy=m,Y.Memo=x,Y.Portal=r,Y.Profiler=s,Y.StrictMode=n,Y.Suspense=p,Y.isAsyncMode=function(y){return w(y)||j(y)===d},Y.isConcurrentMode=w,Y.isContextConsumer=function(y){return j(y)===l},Y.isContextProvider=function(y){return j(y)===a},Y.isElement=function(y){return typeof y=="object"&&y!==null&&y.$$typeof===t},Y.isForwardRef=function(y){return j(y)===h},Y.isFragment=function(y){return j(y)===o},Y.isLazy=function(y){return j(y)===m},Y.isMemo=function(y){return j(y)===x},Y.isPortal=function(y){return j(y)===r},Y.isProfiler=function(y){return j(y)===s},Y.isStrictMode=function(y){return j(y)===n},Y.isSuspense=function(y){return j(y)===p},Y.isValidElementType=function(y){return typeof y=="string"||typeof y=="function"||y===o||y===u||y===s||y===n||y===p||y===f||typeof y=="object"&&y!==null&&(y.$$typeof===m||y.$$typeof===x||y.$$typeof===a||y.$$typeof===l||y.$$typeof===h||y.$$typeof===$||y.$$typeof===k||y.$$typeof===v||y.$$typeof===g)},Y.typeOf=j,Y}var Z={};/** @license React v16.13.1
|
|
327
356
|
* react-is.development.js
|
|
328
357
|
*
|
|
329
358
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
330
359
|
*
|
|
331
360
|
* This source code is licensed under the MIT license found in the
|
|
332
361
|
* LICENSE file in the root directory of this source tree.
|
|
333
|
-
*/var
|
|
334
|
-
* @license React
|
|
335
|
-
* react-compiler-runtime.production.js
|
|
336
|
-
*
|
|
337
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
338
|
-
*
|
|
339
|
-
* This source code is licensed under the MIT license found in the
|
|
340
|
-
* LICENSE file in the root directory of this source tree.
|
|
341
|
-
*/var co;function Js(){if(co)return Qt;co=1;var e=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;return Qt.c=function(r){return e.H.useMemoCache(r)},Qt}var er={};/**
|
|
342
|
-
* @license React
|
|
343
|
-
* react-compiler-runtime.development.js
|
|
344
|
-
*
|
|
345
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
346
|
-
*
|
|
347
|
-
* This source code is licensed under the MIT license found in the
|
|
348
|
-
* LICENSE file in the root directory of this source tree.
|
|
349
|
-
*/var uo;function Qs(){return uo||(uo=1,process.env.NODE_ENV!=="production"&&function(){var e=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;er.c=function(r){var t=e.H;return t===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
|
|
350
|
-
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
|
351
|
-
2. You might be breaking the Rules of Hooks
|
|
352
|
-
3. You might have more than one copy of React in the same app
|
|
353
|
-
See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),t.useMemoCache(r)}}()),er}process.env.NODE_ENV==="production"?yr.exports=Js():yr.exports=Qs();var re=yr.exports;const ea=A.css`
|
|
362
|
+
*/var zr;function qi(){return zr||(zr=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,l=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,h=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,m=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,k=e?Symbol.for("react.responder"):60118,v=e?Symbol.for("react.scope"):60119;function j(P){return typeof P=="string"||typeof P=="function"||P===o||P===u||P===s||P===n||P===p||P===f||typeof P=="object"&&P!==null&&(P.$$typeof===m||P.$$typeof===x||P.$$typeof===a||P.$$typeof===l||P.$$typeof===h||P.$$typeof===$||P.$$typeof===k||P.$$typeof===v||P.$$typeof===g)}function w(P){if(typeof P=="object"&&P!==null){var se=P.$$typeof;switch(se){case t:var he=P.type;switch(he){case d:case u:case o:case s:case n:case p:return he;default:var Ce=he&&he.$$typeof;switch(Ce){case l:case h:case m:case x:case a:return Ce;default:return se}}case r:return se}}}var y=d,R=u,z=l,A=a,O=t,L=h,B=o,U=m,re=x,K=r,V=s,Q=n,D=p,I=!1;function F(P){return I||(I=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),_(P)||w(P)===d}function _(P){return w(P)===u}function q(P){return w(P)===l}function C(P){return w(P)===a}function E(P){return typeof P=="object"&&P!==null&&P.$$typeof===t}function M(P){return w(P)===h}function T(P){return w(P)===o}function N(P){return w(P)===m}function J(P){return w(P)===x}function oe(P){return w(P)===r}function le(P){return w(P)===s}function Me(P){return w(P)===n}function Ie(P){return w(P)===p}Z.AsyncMode=y,Z.ConcurrentMode=R,Z.ContextConsumer=z,Z.ContextProvider=A,Z.Element=O,Z.ForwardRef=L,Z.Fragment=B,Z.Lazy=U,Z.Memo=re,Z.Portal=K,Z.Profiler=V,Z.StrictMode=Q,Z.Suspense=D,Z.isAsyncMode=F,Z.isConcurrentMode=_,Z.isContextConsumer=q,Z.isContextProvider=C,Z.isElement=E,Z.isForwardRef=M,Z.isFragment=T,Z.isLazy=N,Z.isMemo=J,Z.isPortal=oe,Z.isProfiler=le,Z.isStrictMode=Me,Z.isSuspense=Ie,Z.isValidElementType=j,Z.typeOf=w}()),Z}process.env.NODE_ENV==="production"?Ht.exports=Gi():Ht.exports=qi();var Ji=Ht.exports,go=Ji,Qi={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},es={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},mo={};mo[go.ForwardRef]=Qi;mo[go.Memo]=es;var ts=!0;function rs(e,t,r){var o="";return r.split(" ").forEach(function(n){e[n]!==void 0?t.push(e[n]+";"):n&&(o+=n+" ")}),o}var xo=function(t,r,o){var n=t.key+"-"+r.name;(o===!1||ts===!1)&&t.registered[n]===void 0&&(t.registered[n]=r.styles)},os=function(t,r,o){xo(t,r,o);var n=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var s=r;do t.insert(r===s?"."+n:"",s,t.sheet,!0),s=s.next;while(s!==void 0)}};function ns(e){for(var t=0,r,o=0,n=e.length;n>=4;++o,n-=4)r=e.charCodeAt(o)&255|(e.charCodeAt(++o)&255)<<8|(e.charCodeAt(++o)&255)<<16|(e.charCodeAt(++o)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(n){case 3:t^=(e.charCodeAt(o+2)&255)<<16;case 2:t^=(e.charCodeAt(o+1)&255)<<8;case 1:t^=e.charCodeAt(o)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var is={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},ss=/[A-Z]|^ms/g,as=/_EMO_([^_]+?)_([^]*?)_EMO_/g,vo=function(t){return t.charCodeAt(1)===45},Tr=function(t){return t!=null&&typeof t!="boolean"},Tt=Bi(function(e){return vo(e)?e:e.replace(ss,"-$&").toLowerCase()}),Rr=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(as,function(o,n,s){return we={name:n,styles:s,next:we},n})}return is[t]!==1&&!vo(t)&&typeof r=="number"&&r!==0?r+"px":r};function et(e,t,r){if(r==null)return"";var o=r;if(o.__emotion_styles!==void 0)return o;switch(typeof r){case"boolean":return"";case"object":{var n=r;if(n.anim===1)return we={name:n.name,styles:n.styles,next:we},n.name;var s=r;if(s.styles!==void 0){var a=s.next;if(a!==void 0)for(;a!==void 0;)we={name:a.name,styles:a.styles,next:we},a=a.next;var l=s.styles+";";return l}return ls(e,t,r)}case"function":{if(e!==void 0){var d=we,u=r(e);return we=d,et(e,t,u)}break}}var h=r;return h}function ls(e,t,r){var o="";if(Array.isArray(r))for(var n=0;n<r.length;n++)o+=et(e,t,r[n])+";";else for(var s in r){var a=r[s];if(typeof a!="object"){var l=a;Tr(l)&&(o+=Tt(s)+":"+Rr(s,l)+";")}else if(Array.isArray(a)&&typeof a[0]=="string"&&t==null)for(var d=0;d<a.length;d++)Tr(a[d])&&(o+=Tt(s)+":"+Rr(s,a[d])+";");else{var u=et(e,t,a);switch(s){case"animation":case"animationName":{o+=Tt(s)+":"+u+";";break}default:o+=s+"{"+u+"}"}}}return o}var Lr=/label:\s*([^\s;{]+)\s*(;|$)/g,we;function cs(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var o=!0,n="";we=void 0;var s=e[0];if(s==null||s.raw===void 0)o=!1,n+=et(r,t,s);else{var a=s;n+=a[0]}for(var l=1;l<e.length;l++)if(n+=et(r,t,e[l]),o){var d=s;n+=d[l]}Lr.lastIndex=0;for(var u="",h;(h=Lr.exec(n))!==null;)u+="-"+h[1];var p=ns(n)+u;return{name:p,styles:n,next:we}}var ds=function(t){return t()},us=ze.useInsertionEffect?ze.useInsertionEffect:!1,fs=us||ds,yo=ze.createContext(typeof HTMLElement<"u"?Zi({key:"css"}):null);yo.Provider;var ps=function(t){return c.forwardRef(function(r,o){var n=c.useContext(yo);return t(r,n,o)})},hs=ze.createContext({}),St={}.hasOwnProperty,Wt="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",$o=function(t,r){var o={};for(var n in r)St.call(r,n)&&(o[n]=r[n]);return o[Wt]=t,o},bs=function(t){var r=t.cache,o=t.serialized,n=t.isStringTag;return xo(r,o,n),fs(function(){return os(r,o,n)}),null},gs=ps(function(e,t,r){var o=e.css;typeof o=="string"&&t.registered[o]!==void 0&&(o=t.registered[o]);var n=e[Wt],s=[o],a="";typeof e.className=="string"?a=rs(t.registered,s,e.className):e.className!=null&&(a=e.className+" ");var l=cs(s,void 0,ze.useContext(hs));a+=t.key+"-"+l.name;var d={};for(var u in e)St.call(e,u)&&u!=="css"&&u!==Wt&&(d[u]=e[u]);return d.className=a,r&&(d.ref=r),ze.createElement(ze.Fragment,null,ze.createElement(bs,{cache:t,serialized:l,isStringTag:typeof n=="string"}),ze.createElement(n,d))}),wo=gs,me=function(t,r,o){return St.call(r,"css")?pt.jsx(wo,$o(t,r),o):pt.jsx(t,r,o)},Ut=function(t,r,o){return St.call(r,"css")?pt.jsxs(wo,$o(t,r),o):pt.jsxs(t,r,o)};const ms=S.css`
|
|
354
363
|
display: inline-flex;
|
|
355
364
|
align-items: center;
|
|
356
365
|
cursor: pointer;
|
|
@@ -377,7 +386,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
377
386
|
&[data-disabled="true"] {
|
|
378
387
|
cursor: not-allowed;
|
|
379
388
|
}
|
|
380
|
-
`,
|
|
389
|
+
`,xs=e=>S.css`
|
|
381
390
|
position: relative;
|
|
382
391
|
display: inline-flex;
|
|
383
392
|
align-items: center;
|
|
@@ -424,7 +433,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
424
433
|
input:focus-visible + & {
|
|
425
434
|
box-shadow: ${e.components.checkbox.focusRing};
|
|
426
435
|
}
|
|
427
|
-
`,
|
|
436
|
+
`,ko=e=>S.css`
|
|
428
437
|
color: ${e.components.checkbox.control.icon.color};
|
|
429
438
|
width: ${e.components.checkbox.control.icon.size};
|
|
430
439
|
height: ${e.components.checkbox.control.icon.size};
|
|
@@ -436,7 +445,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
436
445
|
opacity: 1;
|
|
437
446
|
transform: scale(1);
|
|
438
447
|
}
|
|
439
|
-
`,
|
|
448
|
+
`,vs=e=>S.css`
|
|
440
449
|
margin-left: ${e.components.checkbox.gap};
|
|
441
450
|
font-size: ${e.components.checkbox.text.label.fontSize};
|
|
442
451
|
line-height: ${e.components.checkbox.text.label.lineHeight};
|
|
@@ -447,28 +456,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
447
456
|
&[data-disabled="true"] {
|
|
448
457
|
color: ${e.components.checkbox.text.label.disabled};
|
|
449
458
|
}
|
|
450
|
-
`,oa=e=>{const r=re.c(6),{checked:t}=e,o=A.useTheme();let n;r[0]!==o?(n=on(o),r[0]=o,r[1]=n):n=r[1];let i;r[2]===Symbol.for("react.memo_cache_sentinel")?(i=Ve("path",{d:"M13.3332 4.5L5.99984 11.8333L2.6665 8.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r[2]=i):i=r[2];let s;return r[3]!==t||r[4]!==n?(s=Ve("svg",{css:n,"data-checked":t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i}),r[3]=t,r[4]=n,r[5]=s):s=r[5],s},na=e=>{const r=re.c(6),{checked:t}=e,o=A.useTheme();let n;r[0]!==o?(n=on(o),r[0]=o,r[1]=n):n=r[1];let i;r[2]===Symbol.for("react.memo_cache_sentinel")?(i=Ve("path",{d:"M3.5 8H12.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),r[2]=i):i=r[2];let s;return r[3]!==t||r[4]!==n?(s=Ve("svg",{css:n,"data-checked":t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i}),r[3]=t,r[4]=n,r[5]=s):s=r[5],s},st=f.forwardRef((e,r)=>{const t=re.c(53);let o,n,i,s,a,d,c,p,m;t[0]!==e?({checked:n,defaultChecked:c,indeterminate:p,disabled:m,label:s,onChange:a,className:o,style:d,...i}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9]);const b=c===void 0?!1:c,h=p===void 0?!1:p,g=m===void 0?!1:m,y=A.useTheme(),$=f.useRef(null),[k,w]=f.useState(!1),[C,v]=f.useState(b),x=n!==void 0,j=x?n:C;let E,z;t[10]!==r?(E=()=>{r&&(typeof r=="function"?r($.current):r.current=$.current)},z=[r],t[10]=r,t[11]=E,t[12]=z):(E=t[11],z=t[12]),f.useEffect(E,z);let I,M;t[13]!==h?(I=()=>{$.current&&($.current.indeterminate=h)},M=[h],t[13]=h,t[14]=I,t[15]=M):(I=t[14],M=t[15]),f.useEffect(I,M);let O;t[16]!==g||t[17]!==x||t[18]!==a?(O=T=>{if(g)return;const R=T.target.checked;x||v(R),a==null||a(R,T)},t[16]=g,t[17]=x,t[18]=a,t[19]=O):O=t[19];const D=O;let V,F;t[20]!==g?(V=()=>!g&&w(!0),F=()=>!g&&w(!1),t[20]=g,t[21]=V,t[22]=F):(V=t[21],F=t[22]);let P;t[23]!==j||t[24]!==g||t[25]!==D||t[26]!==i?(P=Ve("input",{ref:$,type:"checkbox",checked:j,disabled:g,onChange:D,...i}),t[23]=j,t[24]=g,t[25]=D,t[26]=i,t[27]=P):P=t[27];let K;t[28]!==y?(K=ta(y),t[28]=y,t[29]=K):K=t[29];const B=j&&!h;let _;t[30]!==j||t[31]!==h?(_=h?Ve(na,{checked:!0}):Ve(oa,{checked:j}),t[30]=j,t[31]=h,t[32]=_):_=t[32];let H;t[33]!==g||t[34]!==k||t[35]!==h||t[36]!==K||t[37]!==B||t[38]!==_?(H=Ve("span",{css:K,"data-hover":k,"data-checked":B,"data-indeterminate":h,"data-disabled":g,children:_}),t[33]=g,t[34]=k,t[35]=h,t[36]=K,t[37]=B,t[38]=_,t[39]=H):H=t[39];let X;t[40]!==g||t[41]!==s||t[42]!==y?(X=s&&Ve("span",{css:ra(y),"data-disabled":g,children:s}),t[40]=g,t[41]=s,t[42]=y,t[43]=X):X=t[43];let u;return t[44]!==o||t[45]!==g||t[46]!==d||t[47]!==P||t[48]!==H||t[49]!==X||t[50]!==V||t[51]!==F?(u=xr("label",{css:ea,"data-disabled":g,className:o,style:d,onMouseEnter:V,onMouseLeave:F,children:[P,H,X]}),t[44]=o,t[45]=g,t[46]=d,t[47]=P,t[48]=H,t[49]=X,t[50]=V,t[51]=F,t[52]=u):u=t[52],u});st.displayName="Checkbox";var vr={exports:{}},xt={};/**
|
|
451
|
-
* @license React
|
|
452
|
-
* react-jsx-runtime.production.js
|
|
453
|
-
*
|
|
454
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
455
|
-
*
|
|
456
|
-
* This source code is licensed under the MIT license found in the
|
|
457
|
-
* LICENSE file in the root directory of this source tree.
|
|
458
|
-
*/var fo;function ia(){if(fo)return xt;fo=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(o,n,i){var s=null;if(i!==void 0&&(s=""+i),n.key!==void 0&&(s=""+n.key),"key"in n){i={};for(var a in n)a!=="key"&&(i[a]=n[a])}else i=n;return n=i.ref,{$$typeof:e,type:o,key:s,ref:n!==void 0?n:null,props:i}}return xt.Fragment=r,xt.jsx=t,xt.jsxs=t,xt}var Nt={};/**
|
|
459
|
-
* @license React
|
|
460
|
-
* react-jsx-runtime.development.js
|
|
461
|
-
*
|
|
462
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
463
|
-
*
|
|
464
|
-
* This source code is licensed under the MIT license found in the
|
|
465
|
-
* LICENSE file in the root directory of this source tree.
|
|
466
|
-
*/var po;function sa(){return po||(po=1,process.env.NODE_ENV!=="production"&&function(){function e(u){if(u==null)return null;if(typeof u=="function")return u.$$typeof===O?null:u.displayName||u.name||null;if(typeof u=="string")return u;switch(u){case $:return"Fragment";case w:return"Profiler";case k:return"StrictMode";case j:return"Suspense";case E:return"SuspenseList";case M:return"Activity"}if(typeof u=="object")switch(typeof u.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),u.$$typeof){case y:return"Portal";case v:return u.displayName||"Context";case C:return(u._context.displayName||"Context")+".Consumer";case x:var T=u.render;return u=u.displayName,u||(u=T.displayName||T.name||"",u=u!==""?"ForwardRef("+u+")":"ForwardRef"),u;case z:return T=u.displayName||null,T!==null?T:e(u.type)||"Memo";case I:T=u._payload,u=u._init;try{return e(u(T))}catch{}}return null}function r(u){return""+u}function t(u){try{r(u);var T=!1}catch{T=!0}if(T){T=console;var R=T.error,L=typeof Symbol=="function"&&Symbol.toStringTag&&u[Symbol.toStringTag]||u.constructor.name||"Object";return R.call(T,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",L),r(u)}}function o(u){if(u===$)return"<>";if(typeof u=="object"&&u!==null&&u.$$typeof===I)return"<...>";try{var T=e(u);return T?"<"+T+">":"<...>"}catch{return"<...>"}}function n(){var u=D.A;return u===null?null:u.getOwner()}function i(){return Error("react-stack-top-frame")}function s(u){if(V.call(u,"key")){var T=Object.getOwnPropertyDescriptor(u,"key").get;if(T&&T.isReactWarning)return!1}return u.key!==void 0}function a(u,T){function R(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",T))}R.isReactWarning=!0,Object.defineProperty(u,"key",{get:R,configurable:!0})}function d(){var u=e(this.type);return B[u]||(B[u]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),u=this.props.ref,u!==void 0?u:null}function c(u,T,R,L,N,Y){var W=R.ref;return u={$$typeof:g,type:u,key:T,props:R,_owner:L},(W!==void 0?W:null)!==null?Object.defineProperty(u,"ref",{enumerable:!1,get:d}):Object.defineProperty(u,"ref",{enumerable:!1,value:null}),u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(u,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(u,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(u,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u}function p(u,T,R,L,N,Y){var W=T.children;if(W!==void 0)if(L)if(F(W)){for(L=0;L<W.length;L++)m(W[L]);Object.freeze&&Object.freeze(W)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(W);if(V.call(T,"key")){W=e(u);var J=Object.keys(T).filter(function(oe){return oe!=="key"});L=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",X[W+L]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
467
|
-
let props = %s;
|
|
468
|
-
<%s {...props} />
|
|
469
|
-
React keys must be passed directly to JSX without using spread:
|
|
470
|
-
let props = %s;
|
|
471
|
-
<%s key={someKey} {...props} />`,L,W,J,W),X[W+L]=!0)}if(W=null,R!==void 0&&(t(R),W=""+R),s(T)&&(t(T.key),W=""+T.key),"key"in T){R={};for(var G in T)G!=="key"&&(R[G]=T[G])}else R=T;return W&&a(R,typeof u=="function"?u.displayName||u.name||"Unknown":u),c(u,W,R,n(),N,Y)}function m(u){b(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===I&&(u._payload.status==="fulfilled"?b(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function b(u){return typeof u=="object"&&u!==null&&u.$$typeof===g}var h=f,g=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),v=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,F=Array.isArray,P=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(u){return u()}};var K,B={},_=h.react_stack_bottom_frame.bind(h,i)(),H=P(o(i)),X={};Nt.Fragment=$,Nt.jsx=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!1,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)},Nt.jsxs=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!0,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)}}()),Nt}process.env.NODE_ENV==="production"?vr.exports=ia():vr.exports=sa();var U=vr.exports;const fe=f.forwardRef(({children:e,size:r=24,color:t="currentColor",viewBox:o="0 0 24 24",useFill:n=!1,strokeWidth:i=1.5,...s},a)=>{const d={ref:a,xmlns:"http://www.w3.org/2000/svg",width:r,height:r,viewBox:o,...s};return n?U.jsx("svg",{...d,fill:t,children:e}):U.jsx("svg",{...d,fill:"none",stroke:t,strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",children:e})});fe.displayName="IconBase";const aa=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 22 22",useFill:!0,children:U.jsx("path",{d:"M0.31074 10.9704C0.310783 10.5562 0.646483 10.2205 1.06066 10.2205L10.2213 10.2218L10.222 1.06742C10.2223 0.653481 10.5579 0.317504 10.9719 0.317505C11.3858 0.317611 11.7215 0.653547 11.7218 1.06742L11.7211 10.2218L20.8824 10.2225C21.2965 10.2227 21.6324 10.5583 21.6324 10.9724C21.6323 11.3865 21.2965 11.7222 20.8824 11.7224L11.7211 11.7217L11.7218 20.8706C11.7218 21.2847 11.386 21.6204 10.9719 21.6205C10.5577 21.6205 10.222 21.2847 10.222 20.8706L10.2213 11.7217L1.06066 11.7203C0.646473 11.7202 0.310739 11.3845 0.31074 10.9704Z",fill:"currentColor"})}));aa.displayName="AddOutline";const la=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M5 12h14m0 0l-7-7m7 7l-7 7"})}));la.displayName="ArrowRightOutline";const ca=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M19 12H5m0 0l7-7m-7 7l7 7"})}));ca.displayName="ArrowLeftOutline";const da=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,useFill:!0,children:[U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.80273 8.19824C3.38873 8.19824 3.05273 7.86224 3.05273 7.44824V5.30124C3.06573 2.36324 5.44173 0.000244141 8.35473 0.000244141H8.37473C10.6307 0.000244141 12.6447 1.43324 13.3837 3.56724C13.5197 3.95824 13.3117 4.38524 12.9197 4.52124C12.5287 4.65824 12.1017 4.44924 11.9657 4.05724C11.4367 2.52824 9.99173 1.50024 8.37173 1.50024H8.35773C6.26573 1.50024 4.56173 3.19424 4.55273 5.28424V7.44824C4.55273 7.86224 4.21673 8.19824 3.80273 8.19824Z"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.542 8.12695C2.864 8.12695 1.5 9.49195 1.5 11.17V15.458C1.5 17.136 2.864 18.501 4.542 18.501H12.184C13.861 18.501 15.226 17.136 15.226 15.458V11.17C15.226 9.49195 13.861 8.12695 12.184 8.12695H4.542ZM12.184 20.001H4.542C2.037 20.001 0 17.963 0 15.458V11.17C0 8.66495 2.037 6.62695 4.542 6.62695H12.184C14.688 6.62695 16.726 8.66495 16.726 11.17V15.458C16.726 17.963 14.688 20.001 12.184 20.001Z"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.36328 15.1748C7.94928 15.1748 7.61328 14.8388 7.61328 14.4248V12.2028C7.61328 11.7888 7.94928 11.4528 8.36328 11.4528C8.77728 11.4528 9.11328 11.7888 9.11328 12.2028V14.4248C9.11328 14.8388 8.77728 15.1748 8.36328 15.1748Z"})]}));da.displayName="UnlockOutline";const ua=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,useFill:!0,children:[U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.5C5.313 1.5 1.5 5.313 1.5 10C1.5 14.687 5.313 18.5 10 18.5C14.687 18.5 18.5 14.687 18.5 10C18.5 5.313 14.687 1.5 10 1.5ZM10 20C4.486 20 0 15.514 0 10C0 4.486 4.486 0 10 0C15.514 0 20 4.486 20 10C20 15.514 15.514 20 10 20Z"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.55858 14.2207C8.36658 14.2207 8.17358 14.1477 8.02758 13.9997C7.73558 13.7057 7.73658 13.2317 8.02958 12.9397L10.9816 9.99968L8.02958 7.06068C7.73658 6.76868 7.73558 6.29368 8.02758 5.99968C8.31958 5.70468 8.79358 5.70668 9.08758 5.99768L12.5736 9.46868C12.7146 9.60968 12.7936 9.80068 12.7936 9.99968C12.7936 10.1997 12.7146 10.3907 12.5736 10.5317L9.08758 14.0017C8.94158 14.1477 8.74958 14.2207 8.55858 14.2207Z"})]}));ua.displayName="ArrowRightCircleOutline";const qe=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M9 6l6 6-6 6"})}));qe.displayName="ChevronRightOutline";const $t=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M15 6l-6 6 6 6"})}));$t.displayName="ChevronLeftOutline";const Rt=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M6 9l6 6 6-6"})}));Rt.displayName="ChevronDownOutline";const Pr=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M18 15l-6-6-6 6"})}));Pr.displayName="ChevronUpOutline";const Ar=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M12 5v14m-7-7h14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));Ar.displayName="PlusOutline";const fa=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.jsx("path",{d:"M11 2H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-2",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),U.jsx("path",{d:"M16.04 3.02001L8.16 10.9C7.86 11.2 7.56 11.79 7.5 12.22L7.07 15.23C6.91 16.32 7.68 17.08 8.77 16.93L11.78 16.5C12.2 16.44 12.79 16.14 13.1 15.84L20.98 7.96001C22.34 6.60001 22.98 5.02001 20.98 3.02001C18.98 1.02001 17.4 1.66001 16.04 3.02001Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),U.jsx("path",{d:"M14.91 4.1499C15.58 6.5399 17.45 8.4099 19.85 9.0899",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));fa.displayName="EditSquareOutline";const pa=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.jsx("path",{d:"M13.26 3.6L5.05 12.29C4.74 12.62 4.44 13.27 4.38 13.72L4.01 16.96C3.88 18.13 4.72 18.93 5.88 18.73L9.1 18.18C9.55 18.1 10.18 17.77 10.49 17.43L18.7 8.74C20.12 7.24 20.76 5.53 18.55 3.44C16.35 1.37 14.68 2.1 13.26 3.6Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),U.jsx("path",{d:"M11.89 5.05C12.32 7.81 14.56 9.92 17.34 10.2",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),U.jsx("path",{d:"M3 22H21",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));pa.displayName="EditOutline";const nn=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97M18.85 9.14L18.2 19.21C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14M10.33 16.5H13.66M9.5 12.5H14.5"})}));nn.displayName="DeleteOutline";const ha=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.jsx("path",{d:"M17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5V15.5C22 19 20 20.5 17 20.5Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),U.jsx("path",{d:"M17 9L13.87 11.5C12.84 12.32 11.15 12.32 10.12 11.5L7 9",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));ha.displayName="MessageOutline";const sn=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.jsx("circle",{cx:"11.7666",cy:"11.7666",r:"8.98856",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),U.jsx("path",{d:"M18.0183 18.4851L21.5423 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));sn.displayName="SearchOutline";const ba=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,viewBox:"0 0 22 22",useFill:!0,children:[U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5979 15.5596C7.1839 15.5596 6.8479 15.2236 6.8479 14.8096V11.0646C6.8479 10.6506 7.1839 10.3146 7.5979 10.3146C8.0119 10.3146 8.3479 10.6506 8.3479 11.0646V14.8096C8.3479 15.2236 8.0119 15.5596 7.5979 15.5596Z",fill:"currentColor"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.50862 13.6865H5.68762C5.27362 13.6865 4.93762 13.3505 4.93762 12.9365C4.93762 12.5225 5.27362 12.1865 5.68762 12.1865H9.50862C9.92262 12.1865 10.2586 12.5225 10.2586 12.9365C10.2586 13.3505 9.92262 13.6865 9.50862 13.6865Z",fill:"currentColor"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.116 11.9287H14.009C13.595 11.9287 13.259 11.5927 13.259 11.1787C13.259 10.7647 13.595 10.4287 14.009 10.4287H14.116C14.53 10.4287 14.866 10.7647 14.866 11.1787C14.866 11.5927 14.53 11.9287 14.116 11.9287Z",fill:"currentColor"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9295 15.5029H15.8225C15.4085 15.5029 15.0725 15.1669 15.0725 14.7529C15.0725 14.3389 15.4085 14.0029 15.8225 14.0029H15.9295C16.3435 14.0029 16.6795 14.3389 16.6795 14.7529C16.6795 15.1669 16.3435 15.5029 15.9295 15.5029Z",fill:"currentColor"}),U.jsx("mask",{id:"mask0_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"6",y:"0",width:"7",height:"6",children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.07166 0H12.1117V5.5879H6.07166V0Z",fill:"white"})}),U.jsx("g",{mask:"url(#mask0_6909_3794)",children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3617 5.58788C10.9477 5.58788 10.6117 5.25188 10.6117 4.83788V4.16288C10.6087 3.43888 9.99466 2.84388 9.24366 2.84088H8.18966C7.02266 2.84088 6.07166 1.90288 6.07166 0.749878C6.07166 0.335878 6.40766 -0.00012207 6.82166 -0.00012207C7.23666 -0.00012207 7.57166 0.335878 7.57166 0.749878C7.57166 1.07588 7.84866 1.34088 8.18966 1.34088H9.24666C10.8197 1.34588 12.1047 2.60988 12.1117 4.15888V4.83788C12.1117 5.25188 11.7757 5.58788 11.3617 5.58788Z",fill:"currentColor"})}),U.jsx("mask",{id:"mask1_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"4",width:"22",height:"18",children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 4.37329H21.4998V21.5H0V4.37329Z",fill:"white"})}),U.jsx("g",{mask:"url(#mask1_6909_3794)",children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.701 5.87304C9.225 5.87304 7.767 5.88604 6.335 5.91004C3.528 5.91004 1.5 7.88804 1.5 10.612V15.262C1.5 17.985 3.528 19.963 6.323 19.963C9.27 20.012 12.241 20.012 15.165 19.963H15.178C17.972 19.963 20 17.985 20 15.262V10.612C20 7.88804 17.972 5.91004 15.178 5.91004C13.674 5.88604 12.179 5.87304 10.701 5.87304ZM10.754 21.5C9.271 21.5 7.786 21.487 6.31 21.463C2.659 21.463 0 18.854 0 15.262V10.612C0 7.01904 2.659 4.41004 6.323 4.41004C9.192 4.36104 12.18 4.36104 15.19 4.41004C18.841 4.41004 21.5 7.01904 21.5 10.612V15.262C21.5 18.852 18.845 21.46 15.184 21.463C13.716 21.487 12.236 21.5 10.754 21.5Z",fill:"currentColor"})})]}));ba.displayName="GameOutline";const _r=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 12 12",useFill:!0,children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.41575 3.81219C9.53779 3.93423 9.53779 4.1321 9.41575 4.25414L4.90757 8.76231L2.58467 6.4468C2.46243 6.32496 2.46212 6.12709 2.58396 6.00486L2.93695 5.65074C3.05879 5.52851 3.25666 5.52819 3.37889 5.65004L3.46421 5.73508L4.90631 7.17259L8.62025 3.45864C8.74229 3.3366 8.94015 3.3366 9.06219 3.45864L9.41575 3.81219Z",fill:"currentColor"})}));_r.displayName="CheckOutline";const Fr=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M18 6L6 18M6 6l12 12"})}));Fr.displayName="CloseOutline";const ga=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 20 19",useFill:!0,children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.74992 1.5C9.65892 1.5 9.43492 1.525 9.31592 1.763L7.48992 5.414C7.20092 5.991 6.64392 6.392 5.99992 6.484L1.91192 7.073C1.64192 7.112 1.54992 7.312 1.52192 7.396C1.49692 7.477 1.45692 7.683 1.64292 7.861L4.59892 10.701C5.06992 11.154 5.28392 11.807 5.17192 12.446L4.47592 16.456C4.43292 16.707 4.58992 16.853 4.65992 16.903C4.73392 16.959 4.93192 17.07 5.17692 16.942L8.83192 15.047C9.40792 14.75 10.0939 14.75 10.6679 15.047L14.3219 16.941C14.5679 17.068 14.7659 16.957 14.8409 16.903C14.9109 16.853 15.0679 16.707 15.0249 16.456L14.3269 12.446C14.2149 11.807 14.4289 11.154 14.8999 10.701L17.8559 7.861C18.0429 7.683 18.0029 7.476 17.9769 7.396C17.9499 7.312 17.8579 7.112 17.5879 7.073L13.4999 6.484C12.8569 6.392 12.2999 5.991 12.0109 5.413L10.1829 1.763C10.0649 1.525 9.84092 1.5 9.74992 1.5ZM4.94692 18.5C4.53392 18.5 4.12392 18.37 3.77292 18.114C3.16692 17.67 2.86992 16.937 2.99892 16.199L3.69492 12.189C3.72092 12.04 3.66992 11.889 3.55992 11.783L0.603916 8.943C0.0599161 8.422 -0.135084 7.652 0.0949161 6.937C0.326916 6.214 0.940916 5.697 1.69792 5.589L5.78592 5C5.94392 4.978 6.07992 4.881 6.14792 4.743L7.97492 1.091C8.31192 0.418 8.99192 0 9.74992 0C10.5079 0 11.1879 0.418 11.5249 1.091L13.3529 4.742C13.4219 4.881 13.5569 4.978 13.7139 5L17.8019 5.589C18.5589 5.697 19.1729 6.214 19.4049 6.937C19.6349 7.652 19.4389 8.422 18.8949 8.943L15.9389 11.783C15.8289 11.889 15.7789 12.04 15.8049 12.188L16.5019 16.199C16.6299 16.938 16.3329 17.671 15.7259 18.114C15.1109 18.565 14.3099 18.626 13.6309 18.272L9.97792 16.379C9.83492 16.305 9.66392 16.305 9.52092 16.379L5.86792 18.273C5.57592 18.425 5.26092 18.5 4.94692 18.5Z",fill:"currentColor"})}));ga.displayName="StartOutline";const ma=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,viewBox:"0 0 20 19",useFill:!0,children:[U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 11.979V14.024C1.5 14.73 1.774 15.393 2.273 15.892C2.772 16.391 3.436 16.666 4.141 16.666H15.857C17.313 16.666 18.499 15.482 18.5 14.026V11.978C17.214 11.645 16.261 10.474 16.26 9.085C16.26 7.696 17.213 6.525 18.499 6.191L18.5 4.146C18.501 2.688 17.318 1.501 15.861 1.5H4.144C2.687 1.5 1.501 2.685 1.5 4.142V6.259C1.986 6.375 2.437 6.614 2.812 6.964C3.381 7.495 3.709 8.215 3.737 8.993C3.74 10.459 2.787 11.643 1.5 11.979ZM15.857 18.166H4.142C3.035 18.166 1.995 17.736 1.212 16.953C0.43 16.17 0 15.13 0 14.024V11.324C0 10.91 0.336 10.574 0.75 10.574C1.574 10.573 2.24 9.905 2.239 9.085C2.225 8.667 2.065 8.319 1.789 8.061C1.514 7.803 1.158 7.662 0.776 7.683C0.569 7.685 0.375 7.614 0.229 7.473C0.083 7.332 0 7.136 0 6.933V4.143C0.001 1.858 1.86 0 4.144 0H15.856C18.146 0.001 20.002 1.863 20 4.147V6.846C20 7.26 19.664 7.596 19.25 7.596C18.429 7.596 17.76 8.264 17.76 9.084C17.761 9.906 18.429 10.574 19.25 10.574C19.664 10.574 20 10.91 20 11.324V14.024C19.999 16.308 18.14 18.166 15.857 18.166Z"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.10395 8.38103L8.61295 8.87703C8.88895 9.14803 9.01395 9.53403 8.94795 9.91103L8.82795 10.609L9.45695 10.278C9.79595 10.097 10.203 10.098 10.545 10.28L11.17 10.608L11.05 9.90903C10.987 9.52603 11.113 9.14303 11.386 8.87703L11.8949 8.38103L11.1899 8.27903C10.812 8.22403 10.484 7.98603 10.3149 7.64103L9.99995 7.00403L9.68495 7.64203C9.51595 7.98603 9.18795 8.22403 8.80795 8.27903L8.10395 8.38103ZM11.6179 12.387C11.432 12.387 11.246 12.342 11.074 12.251L9.99995 11.688L8.92495 12.252C8.52895 12.459 8.05795 12.426 7.69795 12.164C7.33695 11.901 7.15995 11.465 7.23495 11.025L7.43995 9.82903L6.57095 8.98203C6.25195 8.67103 6.13795 8.21403 6.27495 7.79003C6.41295 7.36503 6.77295 7.06003 7.21395 6.99603L8.41795 6.82003L8.95495 5.73103C9.15195 5.33103 9.55195 5.08203 9.99995 5.08203C10.446 5.08203 10.847 5.33103 11.044 5.73203L11.582 6.82003L12.784 6.99603C13.226 7.06003 13.5869 7.36503 13.7239 7.79003C13.8609 8.21403 13.748 8.67103 13.4279 8.98303L12.558 9.83003L12.7639 11.025C12.8389 11.466 12.661 11.903 12.299 12.165C12.095 12.312 11.8569 12.387 11.6179 12.387Z"})]}));ma.displayName="TicketOutline";const xa=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,viewBox:"0 0 20 20",useFill:!0,children:[U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.5C5.313 1.5 1.5 5.313 1.5 10C1.5 14.687 5.313 18.5 10 18.5C14.687 18.5 18.5 14.687 18.5 10C18.5 5.313 14.687 1.5 10 1.5ZM10 20C4.486 20 0 15.514 0 10C0 4.486 4.486 0 10 0C15.514 0 20 4.486 20 10C20 15.514 15.514 20 10 20Z",fill:"currentColor"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.9482 11.0137C13.3952 11.0137 12.9432 10.5667 12.9432 10.0137C12.9432 9.46067 13.3862 9.01367 13.9382 9.01367H13.9482C14.5012 9.01367 14.9482 9.46067 14.9482 10.0137C14.9482 10.5667 14.5012 11.0137 13.9482 11.0137Z",fill:"currentColor"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.93845 11.0137C9.38545 11.0137 8.93445 10.5667 8.93445 10.0137C8.93445 9.46067 9.37645 9.01367 9.92945 9.01367H9.93845C10.4914 9.01367 10.9384 9.46067 10.9384 10.0137C10.9384 10.5667 10.4914 11.0137 9.93845 11.0137Z",fill:"currentColor"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.92968 11.0137C5.37668 11.0137 4.92468 10.5667 4.92468 10.0137C4.92468 9.46067 5.36768 9.01367 5.92068 9.01367H5.92968C6.48268 9.01367 6.92968 9.46067 6.92968 10.0137C6.92968 10.5667 6.48268 11.0137 5.92968 11.0137Z",fill:"currentColor"})]}));xa.displayName="MoreCircleOutline";const ya=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.jsx("path",{d:"M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"}),U.jsx("circle",{cx:"15.5",cy:"12",r:"1"}),U.jsx("circle",{cx:"11.5",cy:"12",r:"1"}),U.jsx("circle",{cx:"7.5",cy:"12",r:"1"})]}));ya.displayName="MoreSquareOutline";const va=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 19 19",useFill:!0,children:U.jsx("path",{d:"M12.2871 7.28027C11.9093 7.28115 11.596 7.00252 11.543 6.63965L11.5352 6.5293L11.5488 0.749023C11.5498 0.33481 11.8866 -0.000957489 12.3008 0C12.6771 0.00109291 12.9883 0.279963 13.041 0.641602L13.0488 0.751953L13.0371 5.77832L18.0635 5.76758C18.4777 5.76662 18.8145 6.10141 18.8154 6.51562C18.8163 6.89214 18.5392 7.20439 18.1777 7.25879L18.0674 7.26758L12.2871 7.28027ZM6.51465 18.8164C6.1383 18.8153 5.82712 18.5364 5.77441 18.1748L5.7666 18.0645L5.77832 13.0371L0.751953 13.0488C0.375542 13.0497 0.0633717 12.7734 0.00878906 12.4121L0 12.3008C-0.000797272 11.9243 0.276207 11.612 0.637695 11.5576L0.748047 11.5488L6.52832 11.5361C6.90611 11.5353 7.2194 11.8139 7.27246 12.1768L7.28027 12.2871L7.2666 18.0674C7.26564 18.4816 6.92886 18.8174 6.51465 18.8164Z"})}));va.displayName="ShrinkOutline";const $a=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M21 9V3h-6M3 15v6h6M21 3l-7 7M10 14l-7 7"})}));$a.displayName="ExpandOutline";const wa=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 20 20",useFill:!0,children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.773 9.59876C6.791 9.61476 6.808 9.62976 6.825 9.64776C7.904 10.7538 8.499 12.2188 8.499 13.7738V17.7578L10.735 16.5398C10.911 16.4438 11.02 16.2558 11.02 16.0488V13.7618C11.02 12.2128 11.609 10.7528 12.678 9.65276L17.515 4.50776C17.828 4.17476 18 3.73776 18 3.27676V2.34076C18 1.87676 17.634 1.49976 17.186 1.49976H2.315C1.866 1.49976 1.5 1.87676 1.5 2.34076V3.27676C1.5 3.73776 1.672 4.17476 1.985 4.50676L6.773 9.59876ZM8.146 19.5008C7.944 19.5008 7.744 19.4468 7.562 19.3388C7.21 19.1288 6.999 18.7578 6.999 18.3458V13.7738C6.999 12.6388 6.576 11.5698 5.805 10.7508C5.782 10.7318 5.759 10.7108 5.739 10.6888L0.893 5.53576C0.317 4.92376 0 4.12076 0 3.27676V2.34076C0 1.04976 1.039 -0.000244141 2.315 -0.000244141H17.186C18.461 -0.000244141 19.5 1.04976 19.5 2.34076V3.27676C19.5 4.11976 19.183 4.92176 18.609 5.53476L13.762 10.6888C12.959 11.5168 12.52 12.6058 12.52 13.7618V16.0488C12.52 16.8048 12.111 17.4968 11.453 17.8568L8.692 19.3608C8.52 19.4538 8.333 19.5008 8.146 19.5008Z",fill:"currentColor"})}));wa.displayName="FunnelOutline";const an=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M2 12H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));an.displayName="MinusOutline";const ka=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,useFill:!0,...e,children:[U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z"}),U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06L18.94 12l-6.47-6.47a.75.75 0 0 1 0-1.06Z"})]}));ka.displayName="ArrowRightBold";const Sa=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M5 12h7m5 0h2m-2 0l-7-7m7 7l-7 7"})}));Sa.displayName="ArrowRightBroken";const Or={sm:{paddingX:12,paddingY:5,gap:8,minHeight:28,fontSize:12,lineHeight:18,checkmarkSize:10,checkmarkIcon:7},md:{paddingX:16,paddingY:7,gap:10,minHeight:32,fontSize:12,lineHeight:18,checkmarkSize:12,checkmarkIcon:8},lg:{paddingX:20,paddingY:9,gap:12,minHeight:38,fontSize:14,lineHeight:20,checkmarkSize:14,checkmarkIcon:9}},Ca=A.css`
|
|
459
|
+
`,ys=({checked:e})=>{const t=S.useTheme();return me("svg",{css:ko(t),"data-checked":e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:me("path",{d:"M13.3332 4.5L5.99984 11.8333L2.6665 8.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},$s=({checked:e})=>{const t=S.useTheme();return me("svg",{css:ko(t),"data-checked":e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:me("path",{d:"M3.5 8H12.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})},De=c.forwardRef((e,t)=>{const{checked:r,defaultChecked:o=!1,indeterminate:n=!1,disabled:s=!1,label:a,onChange:l,className:d,style:u,...h}=e,p=S.useTheme(),f=c.useRef(null),[x,m]=c.useState(!1),[g,$]=c.useState(o),k=r!==void 0,v=k?r:g;return c.useEffect(()=>{t&&(typeof t=="function"?t(f.current):t.current=f.current)},[t]),c.useEffect(()=>{f.current&&(f.current.indeterminate=n)},[n]),Ut("label",{css:ms,"data-disabled":s,className:d,style:u,onMouseEnter:()=>!s&&m(!0),onMouseLeave:()=>!s&&m(!1),children:[me("input",{ref:f,type:"checkbox",checked:v,disabled:s,onChange:w=>{if(s)return;const y=w.target.checked;k||$(y),l==null||l(y,w)},...h}),me("span",{css:xs(p),"data-hover":x,"data-checked":v&&!n,"data-indeterminate":n,"data-disabled":s,children:n?me($s,{checked:!0}):me(ys,{checked:v})}),a&&me("span",{css:vs(p),"data-disabled":s,children:a})]})});De.displayName="Checkbox";const G=c.forwardRef(({children:e,size:t=24,color:r="currentColor",viewBox:o="0 0 24 24",useFill:n=!1,strokeWidth:s=1.5,...a},l)=>{const d={ref:l,xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:o,...a};return n?i.jsx("svg",{...d,fill:r,children:e}):i.jsx("svg",{...d,fill:"none",stroke:r,strokeWidth:s,strokeLinecap:"round",strokeLinejoin:"round",children:e})});G.displayName="IconBase";const ws=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,viewBox:"0 0 22 22",useFill:!0,children:i.jsx("path",{d:"M0.31074 10.9704C0.310783 10.5562 0.646483 10.2205 1.06066 10.2205L10.2213 10.2218L10.222 1.06742C10.2223 0.653481 10.5579 0.317504 10.9719 0.317505C11.3858 0.317611 11.7215 0.653547 11.7218 1.06742L11.7211 10.2218L20.8824 10.2225C21.2965 10.2227 21.6324 10.5583 21.6324 10.9724C21.6323 11.3865 21.2965 11.7222 20.8824 11.7224L11.7211 11.7217L11.7218 20.8706C11.7218 21.2847 11.386 21.6204 10.9719 21.6205C10.5577 21.6205 10.222 21.2847 10.222 20.8706L10.2213 11.7217L1.06066 11.7203C0.646473 11.7202 0.310739 11.3845 0.31074 10.9704Z",fill:"currentColor"})}));ws.displayName="AddOutline";const ks=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M5 12h14m0 0l-7-7m7 7l-7 7"})}));ks.displayName="ArrowRightOutline";const Ss=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M19 12H5m0 0l7-7m-7 7l7 7"})}));Ss.displayName="ArrowLeftOutline";const Cs=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,useFill:!0,children:[i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.80273 8.19824C3.38873 8.19824 3.05273 7.86224 3.05273 7.44824V5.30124C3.06573 2.36324 5.44173 0.000244141 8.35473 0.000244141H8.37473C10.6307 0.000244141 12.6447 1.43324 13.3837 3.56724C13.5197 3.95824 13.3117 4.38524 12.9197 4.52124C12.5287 4.65824 12.1017 4.44924 11.9657 4.05724C11.4367 2.52824 9.99173 1.50024 8.37173 1.50024H8.35773C6.26573 1.50024 4.56173 3.19424 4.55273 5.28424V7.44824C4.55273 7.86224 4.21673 8.19824 3.80273 8.19824Z"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.542 8.12695C2.864 8.12695 1.5 9.49195 1.5 11.17V15.458C1.5 17.136 2.864 18.501 4.542 18.501H12.184C13.861 18.501 15.226 17.136 15.226 15.458V11.17C15.226 9.49195 13.861 8.12695 12.184 8.12695H4.542ZM12.184 20.001H4.542C2.037 20.001 0 17.963 0 15.458V11.17C0 8.66495 2.037 6.62695 4.542 6.62695H12.184C14.688 6.62695 16.726 8.66495 16.726 11.17V15.458C16.726 17.963 14.688 20.001 12.184 20.001Z"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.36328 15.1748C7.94928 15.1748 7.61328 14.8388 7.61328 14.4248V12.2028C7.61328 11.7888 7.94928 11.4528 8.36328 11.4528C8.77728 11.4528 9.11328 11.7888 9.11328 12.2028V14.4248C9.11328 14.8388 8.77728 15.1748 8.36328 15.1748Z"})]}));Cs.displayName="UnlockOutline";const js=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,useFill:!0,children:[i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.5C5.313 1.5 1.5 5.313 1.5 10C1.5 14.687 5.313 18.5 10 18.5C14.687 18.5 18.5 14.687 18.5 10C18.5 5.313 14.687 1.5 10 1.5ZM10 20C4.486 20 0 15.514 0 10C0 4.486 4.486 0 10 0C15.514 0 20 4.486 20 10C20 15.514 15.514 20 10 20Z"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.55858 14.2207C8.36658 14.2207 8.17358 14.1477 8.02758 13.9997C7.73558 13.7057 7.73658 13.2317 8.02958 12.9397L10.9816 9.99968L8.02958 7.06068C7.73658 6.76868 7.73558 6.29368 8.02758 5.99968C8.31958 5.70468 8.79358 5.70668 9.08758 5.99768L12.5736 9.46868C12.7146 9.60968 12.7936 9.80068 12.7936 9.99968C12.7936 10.1997 12.7146 10.3907 12.5736 10.5317L9.08758 14.0017C8.94158 14.1477 8.74958 14.2207 8.55858 14.2207Z"})]}));js.displayName="ArrowRightCircleOutline";const Ee=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M9 6l6 6-6 6"})}));Ee.displayName="ChevronRightOutline";const Ge=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M15 6l-6 6 6 6"})}));Ge.displayName="ChevronLeftOutline";const nt=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M6 9l6 6 6-6"})}));nt.displayName="ChevronDownOutline";const ar=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M18 15l-6-6-6 6"})}));ar.displayName="ChevronUpOutline";const lr=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M12 5v14m-7-7h14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));lr.displayName="PlusOutline";const Es=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,children:[i.jsx("path",{d:"M11 2H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-2",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M16.04 3.02001L8.16 10.9C7.86 11.2 7.56 11.79 7.5 12.22L7.07 15.23C6.91 16.32 7.68 17.08 8.77 16.93L11.78 16.5C12.2 16.44 12.79 16.14 13.1 15.84L20.98 7.96001C22.34 6.60001 22.98 5.02001 20.98 3.02001C18.98 1.02001 17.4 1.66001 16.04 3.02001Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M14.91 4.1499C15.58 6.5399 17.45 8.4099 19.85 9.0899",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));Es.displayName="EditSquareOutline";const zs=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,children:[i.jsx("path",{d:"M13.26 3.6L5.05 12.29C4.74 12.62 4.44 13.27 4.38 13.72L4.01 16.96C3.88 18.13 4.72 18.93 5.88 18.73L9.1 18.18C9.55 18.1 10.18 17.77 10.49 17.43L18.7 8.74C20.12 7.24 20.76 5.53 18.55 3.44C16.35 1.37 14.68 2.1 13.26 3.6Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M11.89 5.05C12.32 7.81 14.56 9.92 17.34 10.2",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M3 22H21",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));zs.displayName="EditOutline";const So=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97M18.85 9.14L18.2 19.21C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14M10.33 16.5H13.66M9.5 12.5H14.5"})}));So.displayName="DeleteOutline";const Ts=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,children:[i.jsx("path",{d:"M17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5V15.5C22 19 20 20.5 17 20.5Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),i.jsx("path",{d:"M17 9L13.87 11.5C12.84 12.32 11.15 12.32 10.12 11.5L7 9",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));Ts.displayName="MessageOutline";const Co=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,children:[i.jsx("circle",{cx:"11.7666",cy:"11.7666",r:"8.98856",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),i.jsx("path",{d:"M18.0183 18.4851L21.5423 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));Co.displayName="SearchOutline";const Rs=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,viewBox:"0 0 22 22",useFill:!0,children:[i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5979 15.5596C7.1839 15.5596 6.8479 15.2236 6.8479 14.8096V11.0646C6.8479 10.6506 7.1839 10.3146 7.5979 10.3146C8.0119 10.3146 8.3479 10.6506 8.3479 11.0646V14.8096C8.3479 15.2236 8.0119 15.5596 7.5979 15.5596Z",fill:"currentColor"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.50862 13.6865H5.68762C5.27362 13.6865 4.93762 13.3505 4.93762 12.9365C4.93762 12.5225 5.27362 12.1865 5.68762 12.1865H9.50862C9.92262 12.1865 10.2586 12.5225 10.2586 12.9365C10.2586 13.3505 9.92262 13.6865 9.50862 13.6865Z",fill:"currentColor"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.116 11.9287H14.009C13.595 11.9287 13.259 11.5927 13.259 11.1787C13.259 10.7647 13.595 10.4287 14.009 10.4287H14.116C14.53 10.4287 14.866 10.7647 14.866 11.1787C14.866 11.5927 14.53 11.9287 14.116 11.9287Z",fill:"currentColor"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9295 15.5029H15.8225C15.4085 15.5029 15.0725 15.1669 15.0725 14.7529C15.0725 14.3389 15.4085 14.0029 15.8225 14.0029H15.9295C16.3435 14.0029 16.6795 14.3389 16.6795 14.7529C16.6795 15.1669 16.3435 15.5029 15.9295 15.5029Z",fill:"currentColor"}),i.jsx("mask",{id:"mask0_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"6",y:"0",width:"7",height:"6",children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.07166 0H12.1117V5.5879H6.07166V0Z",fill:"white"})}),i.jsx("g",{mask:"url(#mask0_6909_3794)",children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3617 5.58788C10.9477 5.58788 10.6117 5.25188 10.6117 4.83788V4.16288C10.6087 3.43888 9.99466 2.84388 9.24366 2.84088H8.18966C7.02266 2.84088 6.07166 1.90288 6.07166 0.749878C6.07166 0.335878 6.40766 -0.00012207 6.82166 -0.00012207C7.23666 -0.00012207 7.57166 0.335878 7.57166 0.749878C7.57166 1.07588 7.84866 1.34088 8.18966 1.34088H9.24666C10.8197 1.34588 12.1047 2.60988 12.1117 4.15888V4.83788C12.1117 5.25188 11.7757 5.58788 11.3617 5.58788Z",fill:"currentColor"})}),i.jsx("mask",{id:"mask1_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"4",width:"22",height:"18",children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 4.37329H21.4998V21.5H0V4.37329Z",fill:"white"})}),i.jsx("g",{mask:"url(#mask1_6909_3794)",children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.701 5.87304C9.225 5.87304 7.767 5.88604 6.335 5.91004C3.528 5.91004 1.5 7.88804 1.5 10.612V15.262C1.5 17.985 3.528 19.963 6.323 19.963C9.27 20.012 12.241 20.012 15.165 19.963H15.178C17.972 19.963 20 17.985 20 15.262V10.612C20 7.88804 17.972 5.91004 15.178 5.91004C13.674 5.88604 12.179 5.87304 10.701 5.87304ZM10.754 21.5C9.271 21.5 7.786 21.487 6.31 21.463C2.659 21.463 0 18.854 0 15.262V10.612C0 7.01904 2.659 4.41004 6.323 4.41004C9.192 4.36104 12.18 4.36104 15.19 4.41004C18.841 4.41004 21.5 7.01904 21.5 10.612V15.262C21.5 18.852 18.845 21.46 15.184 21.463C13.716 21.487 12.236 21.5 10.754 21.5Z",fill:"currentColor"})})]}));Rs.displayName="GameOutline";const cr=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,viewBox:"0 0 12 12",useFill:!0,children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.41575 3.81219C9.53779 3.93423 9.53779 4.1321 9.41575 4.25414L4.90757 8.76231L2.58467 6.4468C2.46243 6.32496 2.46212 6.12709 2.58396 6.00486L2.93695 5.65074C3.05879 5.52851 3.25666 5.52819 3.37889 5.65004L3.46421 5.73508L4.90631 7.17259L8.62025 3.45864C8.74229 3.3366 8.94015 3.3366 9.06219 3.45864L9.41575 3.81219Z",fill:"currentColor"})}));cr.displayName="CheckOutline";const dr=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M18 6L6 18M6 6l12 12"})}));dr.displayName="CloseOutline";const Ls=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,viewBox:"0 0 20 19",useFill:!0,children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.74992 1.5C9.65892 1.5 9.43492 1.525 9.31592 1.763L7.48992 5.414C7.20092 5.991 6.64392 6.392 5.99992 6.484L1.91192 7.073C1.64192 7.112 1.54992 7.312 1.52192 7.396C1.49692 7.477 1.45692 7.683 1.64292 7.861L4.59892 10.701C5.06992 11.154 5.28392 11.807 5.17192 12.446L4.47592 16.456C4.43292 16.707 4.58992 16.853 4.65992 16.903C4.73392 16.959 4.93192 17.07 5.17692 16.942L8.83192 15.047C9.40792 14.75 10.0939 14.75 10.6679 15.047L14.3219 16.941C14.5679 17.068 14.7659 16.957 14.8409 16.903C14.9109 16.853 15.0679 16.707 15.0249 16.456L14.3269 12.446C14.2149 11.807 14.4289 11.154 14.8999 10.701L17.8559 7.861C18.0429 7.683 18.0029 7.476 17.9769 7.396C17.9499 7.312 17.8579 7.112 17.5879 7.073L13.4999 6.484C12.8569 6.392 12.2999 5.991 12.0109 5.413L10.1829 1.763C10.0649 1.525 9.84092 1.5 9.74992 1.5ZM4.94692 18.5C4.53392 18.5 4.12392 18.37 3.77292 18.114C3.16692 17.67 2.86992 16.937 2.99892 16.199L3.69492 12.189C3.72092 12.04 3.66992 11.889 3.55992 11.783L0.603916 8.943C0.0599161 8.422 -0.135084 7.652 0.0949161 6.937C0.326916 6.214 0.940916 5.697 1.69792 5.589L5.78592 5C5.94392 4.978 6.07992 4.881 6.14792 4.743L7.97492 1.091C8.31192 0.418 8.99192 0 9.74992 0C10.5079 0 11.1879 0.418 11.5249 1.091L13.3529 4.742C13.4219 4.881 13.5569 4.978 13.7139 5L17.8019 5.589C18.5589 5.697 19.1729 6.214 19.4049 6.937C19.6349 7.652 19.4389 8.422 18.8949 8.943L15.9389 11.783C15.8289 11.889 15.7789 12.04 15.8049 12.188L16.5019 16.199C16.6299 16.938 16.3329 17.671 15.7259 18.114C15.1109 18.565 14.3099 18.626 13.6309 18.272L9.97792 16.379C9.83492 16.305 9.66392 16.305 9.52092 16.379L5.86792 18.273C5.57592 18.425 5.26092 18.5 4.94692 18.5Z",fill:"currentColor"})}));Ls.displayName="StartOutline";const Ms=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,viewBox:"0 0 20 19",useFill:!0,children:[i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 11.979V14.024C1.5 14.73 1.774 15.393 2.273 15.892C2.772 16.391 3.436 16.666 4.141 16.666H15.857C17.313 16.666 18.499 15.482 18.5 14.026V11.978C17.214 11.645 16.261 10.474 16.26 9.085C16.26 7.696 17.213 6.525 18.499 6.191L18.5 4.146C18.501 2.688 17.318 1.501 15.861 1.5H4.144C2.687 1.5 1.501 2.685 1.5 4.142V6.259C1.986 6.375 2.437 6.614 2.812 6.964C3.381 7.495 3.709 8.215 3.737 8.993C3.74 10.459 2.787 11.643 1.5 11.979ZM15.857 18.166H4.142C3.035 18.166 1.995 17.736 1.212 16.953C0.43 16.17 0 15.13 0 14.024V11.324C0 10.91 0.336 10.574 0.75 10.574C1.574 10.573 2.24 9.905 2.239 9.085C2.225 8.667 2.065 8.319 1.789 8.061C1.514 7.803 1.158 7.662 0.776 7.683C0.569 7.685 0.375 7.614 0.229 7.473C0.083 7.332 0 7.136 0 6.933V4.143C0.001 1.858 1.86 0 4.144 0H15.856C18.146 0.001 20.002 1.863 20 4.147V6.846C20 7.26 19.664 7.596 19.25 7.596C18.429 7.596 17.76 8.264 17.76 9.084C17.761 9.906 18.429 10.574 19.25 10.574C19.664 10.574 20 10.91 20 11.324V14.024C19.999 16.308 18.14 18.166 15.857 18.166Z"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.10395 8.38103L8.61295 8.87703C8.88895 9.14803 9.01395 9.53403 8.94795 9.91103L8.82795 10.609L9.45695 10.278C9.79595 10.097 10.203 10.098 10.545 10.28L11.17 10.608L11.05 9.90903C10.987 9.52603 11.113 9.14303 11.386 8.87703L11.8949 8.38103L11.1899 8.27903C10.812 8.22403 10.484 7.98603 10.3149 7.64103L9.99995 7.00403L9.68495 7.64203C9.51595 7.98603 9.18795 8.22403 8.80795 8.27903L8.10395 8.38103ZM11.6179 12.387C11.432 12.387 11.246 12.342 11.074 12.251L9.99995 11.688L8.92495 12.252C8.52895 12.459 8.05795 12.426 7.69795 12.164C7.33695 11.901 7.15995 11.465 7.23495 11.025L7.43995 9.82903L6.57095 8.98203C6.25195 8.67103 6.13795 8.21403 6.27495 7.79003C6.41295 7.36503 6.77295 7.06003 7.21395 6.99603L8.41795 6.82003L8.95495 5.73103C9.15195 5.33103 9.55195 5.08203 9.99995 5.08203C10.446 5.08203 10.847 5.33103 11.044 5.73203L11.582 6.82003L12.784 6.99603C13.226 7.06003 13.5869 7.36503 13.7239 7.79003C13.8609 8.21403 13.748 8.67103 13.4279 8.98303L12.558 9.83003L12.7639 11.025C12.8389 11.466 12.661 11.903 12.299 12.165C12.095 12.312 11.8569 12.387 11.6179 12.387Z"})]}));Ms.displayName="TicketOutline";const Is=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,viewBox:"0 0 20 20",useFill:!0,children:[i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.5C5.313 1.5 1.5 5.313 1.5 10C1.5 14.687 5.313 18.5 10 18.5C14.687 18.5 18.5 14.687 18.5 10C18.5 5.313 14.687 1.5 10 1.5ZM10 20C4.486 20 0 15.514 0 10C0 4.486 4.486 0 10 0C15.514 0 20 4.486 20 10C20 15.514 15.514 20 10 20Z",fill:"currentColor"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.9482 11.0137C13.3952 11.0137 12.9432 10.5667 12.9432 10.0137C12.9432 9.46067 13.3862 9.01367 13.9382 9.01367H13.9482C14.5012 9.01367 14.9482 9.46067 14.9482 10.0137C14.9482 10.5667 14.5012 11.0137 13.9482 11.0137Z",fill:"currentColor"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.93845 11.0137C9.38545 11.0137 8.93445 10.5667 8.93445 10.0137C8.93445 9.46067 9.37645 9.01367 9.92945 9.01367H9.93845C10.4914 9.01367 10.9384 9.46067 10.9384 10.0137C10.9384 10.5667 10.4914 11.0137 9.93845 11.0137Z",fill:"currentColor"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.92968 11.0137C5.37668 11.0137 4.92468 10.5667 4.92468 10.0137C4.92468 9.46067 5.36768 9.01367 5.92068 9.01367H5.92968C6.48268 9.01367 6.92968 9.46067 6.92968 10.0137C6.92968 10.5667 6.48268 11.0137 5.92968 11.0137Z",fill:"currentColor"})]}));Is.displayName="MoreCircleOutline";const Ns=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,...e,children:[i.jsx("path",{d:"M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"}),i.jsx("circle",{cx:"15.5",cy:"12",r:"1"}),i.jsx("circle",{cx:"11.5",cy:"12",r:"1"}),i.jsx("circle",{cx:"7.5",cy:"12",r:"1"})]}));Ns.displayName="MoreSquareOutline";const Ps=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,viewBox:"0 0 19 19",useFill:!0,children:i.jsx("path",{d:"M12.2871 7.28027C11.9093 7.28115 11.596 7.00252 11.543 6.63965L11.5352 6.5293L11.5488 0.749023C11.5498 0.33481 11.8866 -0.000957489 12.3008 0C12.6771 0.00109291 12.9883 0.279963 13.041 0.641602L13.0488 0.751953L13.0371 5.77832L18.0635 5.76758C18.4777 5.76662 18.8145 6.10141 18.8154 6.51562C18.8163 6.89214 18.5392 7.20439 18.1777 7.25879L18.0674 7.26758L12.2871 7.28027ZM6.51465 18.8164C6.1383 18.8153 5.82712 18.5364 5.77441 18.1748L5.7666 18.0645L5.77832 13.0371L0.751953 13.0488C0.375542 13.0497 0.0633717 12.7734 0.00878906 12.4121L0 12.3008C-0.000797272 11.9243 0.276207 11.612 0.637695 11.5576L0.748047 11.5488L6.52832 11.5361C6.90611 11.5353 7.2194 11.8139 7.27246 12.1768L7.28027 12.2871L7.2666 18.0674C7.26564 18.4816 6.92886 18.8174 6.51465 18.8164Z"})}));Ps.displayName="ShrinkOutline";const As=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M21 9V3h-6M3 15v6h6M21 3l-7 7M10 14l-7 7"})}));As.displayName="ExpandOutline";const Fs=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,viewBox:"0 0 20 20",useFill:!0,children:i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.773 9.59876C6.791 9.61476 6.808 9.62976 6.825 9.64776C7.904 10.7538 8.499 12.2188 8.499 13.7738V17.7578L10.735 16.5398C10.911 16.4438 11.02 16.2558 11.02 16.0488V13.7618C11.02 12.2128 11.609 10.7528 12.678 9.65276L17.515 4.50776C17.828 4.17476 18 3.73776 18 3.27676V2.34076C18 1.87676 17.634 1.49976 17.186 1.49976H2.315C1.866 1.49976 1.5 1.87676 1.5 2.34076V3.27676C1.5 3.73776 1.672 4.17476 1.985 4.50676L6.773 9.59876ZM8.146 19.5008C7.944 19.5008 7.744 19.4468 7.562 19.3388C7.21 19.1288 6.999 18.7578 6.999 18.3458V13.7738C6.999 12.6388 6.576 11.5698 5.805 10.7508C5.782 10.7318 5.759 10.7108 5.739 10.6888L0.893 5.53576C0.317 4.92376 0 4.12076 0 3.27676V2.34076C0 1.04976 1.039 -0.000244141 2.315 -0.000244141H17.186C18.461 -0.000244141 19.5 1.04976 19.5 2.34076V3.27676C19.5 4.11976 19.183 4.92176 18.609 5.53476L13.762 10.6888C12.959 11.5168 12.52 12.6058 12.52 13.7618V16.0488C12.52 16.8048 12.111 17.4968 11.453 17.8568L8.692 19.3608C8.52 19.4538 8.333 19.5008 8.146 19.5008Z",fill:"currentColor"})}));Fs.displayName="FunnelOutline";const jo=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M2 12H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));jo.displayName="MinusOutline";const Ds=c.forwardRef((e,t)=>i.jsxs(G,{ref:t,useFill:!0,...e,children:[i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z"}),i.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06L18.94 12l-6.47-6.47a.75.75 0 0 1 0-1.06Z"})]}));Ds.displayName="ArrowRightBold";const Os=c.forwardRef((e,t)=>i.jsx(G,{ref:t,...e,children:i.jsx("path",{d:"M5 12h7m5 0h2m-2 0l-7-7m7 7l-7 7"})}));Os.displayName="ArrowRightBroken";const ur={sm:{paddingX:12,paddingY:5,gap:8,minHeight:28,fontSize:12,lineHeight:18,checkmarkSize:10,checkmarkIcon:7},md:{paddingX:16,paddingY:7,gap:10,minHeight:32,fontSize:12,lineHeight:18,checkmarkSize:12,checkmarkIcon:8},lg:{paddingX:20,paddingY:9,gap:12,minHeight:38,fontSize:14,lineHeight:20,checkmarkSize:14,checkmarkIcon:9}},Bs=S.css`
|
|
472
460
|
display: inline-flex;
|
|
473
461
|
cursor: pointer;
|
|
474
462
|
user-select: none;
|
|
@@ -495,7 +483,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
495
483
|
&[data-disabled="true"] {
|
|
496
484
|
cursor: not-allowed;
|
|
497
485
|
}
|
|
498
|
-
`,
|
|
486
|
+
`,Ks=(e,t="md")=>{const r=ur[t];return S.css`
|
|
499
487
|
position: relative;
|
|
500
488
|
display: inline-flex;
|
|
501
489
|
align-items: center;
|
|
@@ -503,14 +491,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
503
491
|
box-sizing: border-box;
|
|
504
492
|
|
|
505
493
|
/* 尺寸与间距 - 按照设计稿 */
|
|
506
|
-
padding: ${
|
|
507
|
-
gap: ${
|
|
508
|
-
min-height: ${
|
|
494
|
+
padding: ${r.paddingY}px ${r.paddingX}px;
|
|
495
|
+
gap: ${r.gap}px;
|
|
496
|
+
min-height: ${r.minHeight}px;
|
|
509
497
|
|
|
510
498
|
/* 字体样式 */
|
|
511
499
|
font-family: ${e.global.typography.fontFamily};
|
|
512
|
-
font-size: ${
|
|
513
|
-
line-height: ${
|
|
500
|
+
font-size: ${r.fontSize}px;
|
|
501
|
+
line-height: ${r.lineHeight}px;
|
|
514
502
|
font-weight: 400;
|
|
515
503
|
white-space: nowrap;
|
|
516
504
|
|
|
@@ -560,7 +548,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
560
548
|
outline: 2px solid ${e.global.colors.blue[500]};
|
|
561
549
|
outline-offset: 2px;
|
|
562
550
|
}
|
|
563
|
-
`},
|
|
551
|
+
`},Vs=(e,t="md")=>{const{checkmarkSize:r,checkmarkIcon:o}=ur[t];return S.css`
|
|
564
552
|
position: absolute;
|
|
565
553
|
bottom: 0;
|
|
566
554
|
right: 0;
|
|
@@ -570,8 +558,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
570
558
|
justify-content: flex-end;
|
|
571
559
|
|
|
572
560
|
/* 勾选标记的背景三角形区域 */
|
|
573
|
-
width: ${
|
|
574
|
-
height: ${
|
|
561
|
+
width: ${r}px;
|
|
562
|
+
height: ${r}px;
|
|
575
563
|
overflow: hidden;
|
|
576
564
|
|
|
577
565
|
/* 过渡动画 */
|
|
@@ -586,7 +574,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
586
574
|
width: 0;
|
|
587
575
|
height: 0;
|
|
588
576
|
border-style: solid;
|
|
589
|
-
border-width: 0 0 ${
|
|
577
|
+
border-width: 0 0 ${r}px ${r}px;
|
|
590
578
|
border-color: transparent transparent ${e.global.colors.blue[500]} transparent;
|
|
591
579
|
transition: border-color 0.2s ease;
|
|
592
580
|
}
|
|
@@ -610,7 +598,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
610
598
|
&[data-disabled="true"] svg {
|
|
611
599
|
color: ${e.global.colors.neutral[100]}; /* #f0f2f4 */
|
|
612
600
|
}
|
|
613
|
-
`},
|
|
601
|
+
`},Eo=c.forwardRef((e,t)=>{const{checked:r,defaultChecked:o=!1,disabled:n=!1,label:s,size:a="md",onChange:l,className:d,style:u,...h}=e,p=S.useTheme(),f=c.useRef(null),[x,m]=c.useState(!1),[g,$]=c.useState(o),k=r!==void 0,v=k?r:g;c.useEffect(()=>{t&&(typeof t=="function"?t(f.current):t.current=f.current)},[t]);const j=y=>{if(n)return;const R=y.target.checked;k||$(R),l==null||l(R,y)},w=ur[a];return Ut("label",{css:Bs,"data-disabled":n,className:d,style:u,onMouseEnter:()=>!n&&m(!0),onMouseLeave:()=>!n&&m(!1),children:[me("input",{ref:f,type:"checkbox",checked:v,disabled:n,onChange:j,...h}),Ut("span",{css:Ks(p,a),"data-hover":x,"data-checked":v,"data-disabled":n,"data-size":a,children:[s,v&&me("span",{css:Vs(p,a),"data-disabled":n,"data-size":a,children:me(cr,{size:w.checkmarkIcon})})]})]})});Eo.displayName="CheckboxButton";const _s=S.keyframes`
|
|
614
602
|
from {
|
|
615
603
|
opacity: 0;
|
|
616
604
|
transform: translateY(-8px);
|
|
@@ -619,7 +607,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
619
607
|
opacity: 1;
|
|
620
608
|
transform: translateY(0);
|
|
621
609
|
}
|
|
622
|
-
`,
|
|
610
|
+
`,Hs=S.keyframes`
|
|
623
611
|
from {
|
|
624
612
|
opacity: 1;
|
|
625
613
|
transform: translateY(0);
|
|
@@ -628,29 +616,29 @@ React keys must be passed directly to JSX without using spread:
|
|
|
628
616
|
opacity: 0;
|
|
629
617
|
transform: translateY(-8px);
|
|
630
618
|
}
|
|
631
|
-
`;
|
|
619
|
+
`;S.keyframes`
|
|
632
620
|
from {
|
|
633
621
|
transform: rotate(-90deg);
|
|
634
622
|
}
|
|
635
623
|
to {
|
|
636
624
|
transform: rotate(0deg);
|
|
637
625
|
}
|
|
638
|
-
`;
|
|
626
|
+
`;S.keyframes`
|
|
639
627
|
from {
|
|
640
628
|
transform: rotate(0deg);
|
|
641
629
|
}
|
|
642
630
|
to {
|
|
643
631
|
transform: rotate(-90deg);
|
|
644
632
|
}
|
|
645
|
-
`;const
|
|
633
|
+
`;const Ws=b.div`
|
|
646
634
|
width: 100%;
|
|
647
635
|
border: 1px solid ${({theme:e})=>e.components.collapse.border.default};
|
|
648
636
|
border-radius: ${({theme:e})=>e.components.collapse.borderRadius};
|
|
649
637
|
background: ${({theme:e})=>e.components.collapse.background.default};
|
|
650
638
|
overflow: hidden;
|
|
651
|
-
`,
|
|
652
|
-
border-bottom: ${({isLast:e,theme:
|
|
653
|
-
`,
|
|
639
|
+
`,Us=b.div`
|
|
640
|
+
border-bottom: ${({isLast:e,theme:t})=>e?"none":`1px solid ${t.components.collapse.divider}`};
|
|
641
|
+
`,Ys=b.div`
|
|
654
642
|
display: flex;
|
|
655
643
|
align-items: center;
|
|
656
644
|
gap: ${({theme:e})=>e.components.collapse.gap};
|
|
@@ -660,9 +648,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
660
648
|
transition: background ${({theme:e})=>e.components.collapse.transition};
|
|
661
649
|
|
|
662
650
|
/* Hover 状态 */
|
|
663
|
-
${({isDisabled:e,theme:
|
|
651
|
+
${({isDisabled:e,theme:t})=>!e&&S.css`
|
|
664
652
|
&:hover {
|
|
665
|
-
background: ${
|
|
653
|
+
background: ${t.components.collapse.background.hover};
|
|
666
654
|
}
|
|
667
655
|
`}
|
|
668
656
|
|
|
@@ -673,10 +661,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
673
661
|
}
|
|
674
662
|
|
|
675
663
|
/* 禁用状态 */
|
|
676
|
-
${({isDisabled:e})=>e&&
|
|
664
|
+
${({isDisabled:e})=>e&&S.css`
|
|
677
665
|
opacity: 0.5;
|
|
678
666
|
`}
|
|
679
|
-
`,
|
|
667
|
+
`,Zs=b.div`
|
|
680
668
|
display: inline-flex;
|
|
681
669
|
align-items: center;
|
|
682
670
|
justify-content: center;
|
|
@@ -691,13 +679,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
691
679
|
width: 100%;
|
|
692
680
|
height: 100%;
|
|
693
681
|
}
|
|
694
|
-
`,
|
|
682
|
+
`,Xs=b.div`
|
|
695
683
|
flex: 1;
|
|
696
684
|
display: flex;
|
|
697
685
|
align-items: center;
|
|
698
686
|
gap: ${({theme:e})=>e.components.collapse.gap};
|
|
699
687
|
min-width: 0; /* 允许内容收缩 */
|
|
700
|
-
`,
|
|
688
|
+
`,Gs=b.p`
|
|
701
689
|
margin: 0;
|
|
702
690
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
703
691
|
font-size: 14px;
|
|
@@ -705,25 +693,25 @@ React keys must be passed directly to JSX without using spread:
|
|
|
705
693
|
color: ${({theme:e})=>e.components.collapse.text.title};
|
|
706
694
|
white-space: pre-wrap;
|
|
707
695
|
word-break: break-word;
|
|
708
|
-
`,
|
|
696
|
+
`,qs=b.div`
|
|
709
697
|
display: flex;
|
|
710
698
|
align-items: center;
|
|
711
699
|
gap: 12px;
|
|
712
700
|
flex-shrink: 0;
|
|
713
|
-
`,
|
|
714
|
-
max-height: ${({isExpanded:e,contentHeight:
|
|
701
|
+
`,Js=b.div`
|
|
702
|
+
max-height: ${({isExpanded:e,contentHeight:t})=>e?`${t}px`:"0px"};
|
|
715
703
|
overflow: hidden;
|
|
716
704
|
transition: max-height ${({theme:e})=>e.components.collapse.transition};
|
|
717
|
-
`,
|
|
705
|
+
`,Qs=b.div`
|
|
718
706
|
padding: ${({theme:e})=>e.components.collapse.padding.content};
|
|
719
707
|
border-top: 1px solid ${({theme:e})=>e.components.collapse.divider};
|
|
720
708
|
|
|
721
|
-
${({isExpanded:e})=>e?
|
|
722
|
-
animation: ${
|
|
723
|
-
`:
|
|
724
|
-
animation: ${
|
|
709
|
+
${({isExpanded:e})=>e?S.css`
|
|
710
|
+
animation: ${_s} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
711
|
+
`:S.css`
|
|
712
|
+
animation: ${Hs} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
725
713
|
`}
|
|
726
|
-
`,
|
|
714
|
+
`,ea=b.div`
|
|
727
715
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
728
716
|
font-size: 12px;
|
|
729
717
|
line-height: 22px;
|
|
@@ -736,31 +724,31 @@ React keys must be passed directly to JSX without using spread:
|
|
|
736
724
|
margin-bottom: 0;
|
|
737
725
|
}
|
|
738
726
|
}
|
|
739
|
-
`,
|
|
740
|
-
background-color: ${
|
|
741
|
-
color: ${
|
|
742
|
-
border: 1px solid ${
|
|
743
|
-
box-shadow: ${
|
|
727
|
+
`,zo=c.forwardRef(({activeKey:e,defaultActiveKey:t=[],accordion:r=!1,onChange:o,children:n,className:s},a)=>{const[l,d]=c.useState(t),u=e!==void 0,h=u?e:l,p=Array.isArray(h)?h:[h],f=(m,g)=>{let $;if(r)$=g?m:"";else{const k=Array.isArray(h)?[...h]:h?[h]:[];g?$=[...k,m]:$=k.filter(v=>v!==m)}u||d($),o==null||o($)},x=()=>{const m=c.Children.toArray(n).filter(c.isValidElement),g=m.length;return m.map(($,k)=>{const v=$.props.itemKey,j=p.includes(v),w=k===g-1;return c.cloneElement($,{...$.props,expanded:j,last:w,onChange:f})})};return i.jsx(Ws,{ref:a,className:s,role:"region",children:x()})});zo.displayName="Collapse";const To=c.forwardRef(({itemKey:e,title:t,children:r,suffix:o,expanded:n=!1,disabled:s=!1,last:a=!1,onChange:l,className:d},u)=>{const h=c.useRef(null),[p,f]=c.useState(0);c.useEffect(()=>{h.current&&f(h.current.scrollHeight)},[r,n]);const x=()=>{s||l==null||l(e,!n)},m=g=>{s||(g.key===" "||g.key==="Enter")&&(g.preventDefault(),x())};return i.jsxs(Us,{ref:u,isLast:a,className:d,children:[i.jsxs(Ys,{isExpanded:n,isDisabled:s,onClick:x,onKeyDown:m,role:"button",tabIndex:s?-1:0,"aria-expanded":n,"aria-disabled":s,"aria-controls":`collapse-content-${e}`,children:[i.jsx(Zs,{isExpanded:n,"aria-hidden":"true",children:i.jsx(nt,{})}),i.jsx(Xs,{children:typeof t=="string"?i.jsx(Gs,{children:t}):t}),o&&i.jsx(qs,{children:o})]}),i.jsx(Js,{isExpanded:n,contentHeight:p,id:`collapse-content-${e}`,role:"region","aria-labelledby":`collapse-header-${e}`,children:i.jsx(Qs,{ref:h,isExpanded:n,children:typeof r=="string"?i.jsx(ea,{children:r}):r})})]})});To.displayName="CollapseItem";const ta=["default","primary"],ra=["circle","square"],oa=(e,t)=>{const r=t.components.floatButton[e];return S.css`
|
|
728
|
+
background-color: ${r.background.default};
|
|
729
|
+
color: ${r.text.default};
|
|
730
|
+
border: 1px solid ${r.border.default};
|
|
731
|
+
box-shadow: ${r.shadow.default};
|
|
744
732
|
|
|
745
733
|
&:hover:not(:disabled) {
|
|
746
|
-
background-color: ${
|
|
747
|
-
box-shadow: ${
|
|
734
|
+
background-color: ${r.background.hover};
|
|
735
|
+
box-shadow: ${r.shadow.hover};
|
|
748
736
|
}
|
|
749
737
|
|
|
750
738
|
&:active:not(:disabled),
|
|
751
739
|
&[data-pressed='true']:not(:disabled) {
|
|
752
|
-
background-color: ${
|
|
740
|
+
background-color: ${r.background.active};
|
|
753
741
|
transform: scale(0.95);
|
|
754
742
|
}
|
|
755
|
-
`},
|
|
743
|
+
`},na=(e,t,r)=>{const o=r.components.floatButton.size[t];return e==="circle"?S.css`
|
|
756
744
|
width: ${o.size};
|
|
757
745
|
height: ${o.size};
|
|
758
746
|
border-radius: 50%;
|
|
759
|
-
`:
|
|
747
|
+
`:S.css`
|
|
760
748
|
width: ${o.size};
|
|
761
749
|
height: ${o.size};
|
|
762
|
-
border-radius: ${
|
|
763
|
-
`},
|
|
750
|
+
border-radius: ${r.global.radii.r2};
|
|
751
|
+
`},ia=b.button`
|
|
764
752
|
position: relative;
|
|
765
753
|
display: inline-flex;
|
|
766
754
|
align-items: center;
|
|
@@ -773,8 +761,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
773
761
|
z-index: 999;
|
|
774
762
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
775
763
|
|
|
776
|
-
${({$buttonType:e,theme:
|
|
777
|
-
${({$shape:e,$size:
|
|
764
|
+
${({$buttonType:e,theme:t})=>oa(e,t)}
|
|
765
|
+
${({$shape:e,$size:t,theme:r})=>na(e,t,r)}
|
|
778
766
|
|
|
779
767
|
&:disabled {
|
|
780
768
|
cursor: not-allowed;
|
|
@@ -788,7 +776,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
788
776
|
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
789
777
|
outline-offset: 2px;
|
|
790
778
|
}
|
|
791
|
-
`,
|
|
779
|
+
`,sa=b.span`
|
|
792
780
|
display: flex;
|
|
793
781
|
flex-direction: column;
|
|
794
782
|
align-items: center;
|
|
@@ -796,7 +784,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
796
784
|
gap: ${({theme:e})=>e.global.spacing.xs};
|
|
797
785
|
width: 100%;
|
|
798
786
|
height: 100%;
|
|
799
|
-
`,
|
|
787
|
+
`,aa=b.span`
|
|
800
788
|
display: inline-flex;
|
|
801
789
|
align-items: center;
|
|
802
790
|
justify-content: center;
|
|
@@ -807,7 +795,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
807
795
|
width: 1em;
|
|
808
796
|
height: 1em;
|
|
809
797
|
}
|
|
810
|
-
`,
|
|
798
|
+
`,la=b.span`
|
|
811
799
|
font-size: ${({theme:e})=>e.components.floatButton.description.fontSize};
|
|
812
800
|
line-height: ${({theme:e})=>e.components.floatButton.description.lineHeight};
|
|
813
801
|
color: inherit;
|
|
@@ -817,30 +805,30 @@ React keys must be passed directly to JSX without using spread:
|
|
|
817
805
|
text-overflow: ellipsis;
|
|
818
806
|
max-width: 100%;
|
|
819
807
|
padding: 0 ${({theme:e})=>e.global.spacing.xs};
|
|
820
|
-
`,
|
|
808
|
+
`,ca=b.div`
|
|
821
809
|
position: relative;
|
|
822
810
|
display: inline-flex;
|
|
823
|
-
`,
|
|
811
|
+
`,da=e=>{switch(e){case"top":return S.css`
|
|
824
812
|
bottom: 100%;
|
|
825
813
|
left: 50%;
|
|
826
814
|
transform: translateX(-50%);
|
|
827
815
|
margin-bottom: 8px;
|
|
828
|
-
`;case"bottom":return
|
|
816
|
+
`;case"bottom":return S.css`
|
|
829
817
|
top: 100%;
|
|
830
818
|
left: 50%;
|
|
831
819
|
transform: translateX(-50%);
|
|
832
820
|
margin-top: 8px;
|
|
833
|
-
`;case"left":return
|
|
821
|
+
`;case"left":return S.css`
|
|
834
822
|
right: 100%;
|
|
835
823
|
top: 50%;
|
|
836
824
|
transform: translateY(-50%);
|
|
837
825
|
margin-right: 8px;
|
|
838
|
-
`;case"right":return
|
|
826
|
+
`;case"right":return S.css`
|
|
839
827
|
left: 100%;
|
|
840
828
|
top: 50%;
|
|
841
829
|
transform: translateY(-50%);
|
|
842
830
|
margin-left: 8px;
|
|
843
|
-
`}},
|
|
831
|
+
`}},ua=b.div`
|
|
844
832
|
position: absolute;
|
|
845
833
|
z-index: 1050;
|
|
846
834
|
padding: 6px 8px;
|
|
@@ -855,7 +843,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
855
843
|
white-space: nowrap;
|
|
856
844
|
animation: tooltipFadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
857
845
|
|
|
858
|
-
${({$placement:e})=>
|
|
846
|
+
${({$placement:e})=>da(e)}
|
|
859
847
|
|
|
860
848
|
@keyframes tooltipFadeIn {
|
|
861
849
|
from {
|
|
@@ -865,53 +853,53 @@ React keys must be passed directly to JSX without using spread:
|
|
|
865
853
|
opacity: 1;
|
|
866
854
|
}
|
|
867
855
|
}
|
|
868
|
-
`,
|
|
856
|
+
`,fa=e=>{switch(e){case"top":return S.css`
|
|
869
857
|
bottom: -${5}px;
|
|
870
858
|
left: 50%;
|
|
871
859
|
transform: translateX(-50%);
|
|
872
860
|
border-left: ${5}px solid transparent;
|
|
873
861
|
border-right: ${5}px solid transparent;
|
|
874
862
|
border-top: ${5}px solid currentColor;
|
|
875
|
-
`;case"bottom":return
|
|
863
|
+
`;case"bottom":return S.css`
|
|
876
864
|
top: -${5}px;
|
|
877
865
|
left: 50%;
|
|
878
866
|
transform: translateX(-50%);
|
|
879
867
|
border-left: ${5}px solid transparent;
|
|
880
868
|
border-right: ${5}px solid transparent;
|
|
881
869
|
border-bottom: ${5}px solid currentColor;
|
|
882
|
-
`;case"left":return
|
|
870
|
+
`;case"left":return S.css`
|
|
883
871
|
right: -${5}px;
|
|
884
872
|
top: 50%;
|
|
885
873
|
transform: translateY(-50%);
|
|
886
874
|
border-top: ${5}px solid transparent;
|
|
887
875
|
border-bottom: ${5}px solid transparent;
|
|
888
876
|
border-left: ${5}px solid currentColor;
|
|
889
|
-
`;case"right":return
|
|
877
|
+
`;case"right":return S.css`
|
|
890
878
|
left: -${5}px;
|
|
891
879
|
top: 50%;
|
|
892
880
|
transform: translateY(-50%);
|
|
893
881
|
border-top: ${5}px solid transparent;
|
|
894
882
|
border-bottom: ${5}px solid transparent;
|
|
895
883
|
border-right: ${5}px solid currentColor;
|
|
896
|
-
`}},
|
|
884
|
+
`}},pa=b.span`
|
|
897
885
|
position: absolute;
|
|
898
886
|
width: 0;
|
|
899
887
|
height: 0;
|
|
900
888
|
color: ${({$color:e})=>e||"rgba(0, 0, 0, 0.85)"};
|
|
901
889
|
|
|
902
|
-
${({$placement:e})=>
|
|
903
|
-
`,
|
|
904
|
-
height: ${
|
|
905
|
-
font-size: ${
|
|
906
|
-
padding-inline: ${
|
|
890
|
+
${({$placement:e})=>fa(e)}
|
|
891
|
+
`,ha=ta,ba=ra,Ro=c.forwardRef(({buttonType:e="default",shape:t="circle",size:r="md",icon:o,description:n,tooltip:s,disabled:a,isDisabled:l,className:d,style:u,...h},p)=>{const f=c.useRef(null),x=p||f,[m,g]=c.useState(!1),$=a??l,{buttonProps:k,isPressed:v}=X.useButton({...h,isDisabled:$,elementType:"button"},f),j=typeof s=="object"&&s!==null&&"title"in s,w=j?s:null,y=(w==null?void 0:w.title)??(j?null:s),R=w==null?void 0:w.color,z=(w==null?void 0:w.placement)??"top",A=!!y;return i.jsxs(ca,{onMouseEnter:()=>A&&g(!0),onMouseLeave:()=>A&&g(!1),children:[A&&m&&i.jsxs(ua,{$placement:z,$color:R,children:[y,i.jsx(pa,{$placement:z,$color:R})]}),i.jsx(ia,{...Re(k,{ref:x,className:d,style:u}),$buttonType:e,$shape:t,$size:r,$isPressed:v,children:i.jsxs(sa,{children:[o&&i.jsx(aa,{children:o}),n&&i.jsx(la,{children:n})]})})]})});Ro.displayName="FloatButton";const ga=(e,t,r,o,n)=>r?n.components.input.border.disabled:t?n.components.input.border.error:e?n.components.input.border.focus:o?n.components.input.border.hover:n.components.input.border.default,ma=(e,t)=>{const r=t.components.input.size[e];return S.css`
|
|
892
|
+
height: ${r.height};
|
|
893
|
+
font-size: ${r.fontSize};
|
|
894
|
+
padding-inline: ${r.paddingInline};
|
|
907
895
|
|
|
908
896
|
/* 图标尺寸 */
|
|
909
897
|
svg {
|
|
910
|
-
width: ${
|
|
911
|
-
height: ${
|
|
898
|
+
width: ${r.iconSize};
|
|
899
|
+
height: ${r.iconSize};
|
|
912
900
|
flex-shrink: 0;
|
|
913
901
|
}
|
|
914
|
-
`},
|
|
902
|
+
`},xa=b.div`
|
|
915
903
|
/* 基础样式 */
|
|
916
904
|
position: relative;
|
|
917
905
|
display: inline-flex;
|
|
@@ -922,36 +910,36 @@ React keys must be passed directly to JSX without using spread:
|
|
|
922
910
|
|
|
923
911
|
/* 边框样式 */
|
|
924
912
|
border: 1px solid;
|
|
925
|
-
border-color: ${({isFocused:e,isError:
|
|
913
|
+
border-color: ${({isFocused:e,isError:t,isDisabled:r,isHovered:o,theme:n})=>ga(e,t,r,o,n)};
|
|
926
914
|
border-radius: ${({theme:e})=>e.components.input.borderRadius};
|
|
927
915
|
|
|
928
916
|
/* 背景色 */
|
|
929
|
-
background: ${({isDisabled:e,theme:
|
|
917
|
+
background: ${({isDisabled:e,theme:t})=>e?t.components.input.background.disabled:t.components.input.background.default};
|
|
930
918
|
|
|
931
919
|
/* 过渡动画 */
|
|
932
920
|
transition: border-color ${({theme:e})=>e.components.input.transition},
|
|
933
921
|
background ${({theme:e})=>e.components.input.transition};
|
|
934
922
|
|
|
935
923
|
/* 尺寸样式 */
|
|
936
|
-
${({size:e,theme:
|
|
924
|
+
${({size:e,theme:t})=>ma(e,t)}
|
|
937
925
|
|
|
938
926
|
/* 禁用状态 */
|
|
939
|
-
${({isDisabled:e})=>e&&
|
|
927
|
+
${({isDisabled:e})=>e&&S.css`
|
|
940
928
|
cursor: not-allowed;
|
|
941
929
|
opacity: 0.6;
|
|
942
930
|
`}
|
|
943
931
|
|
|
944
932
|
/* 全宽模式 */
|
|
945
|
-
${({fullWidth:e})=>e&&
|
|
933
|
+
${({fullWidth:e})=>e&&S.css`
|
|
946
934
|
width: 100%;
|
|
947
935
|
`}
|
|
948
|
-
`,
|
|
936
|
+
`,va=b.div`
|
|
949
937
|
display: flex;
|
|
950
938
|
align-items: center;
|
|
951
939
|
gap: ${({theme:e})=>e.components.input.gap};
|
|
952
940
|
width: 100%;
|
|
953
941
|
height: 100%;
|
|
954
|
-
`,
|
|
942
|
+
`,ya=b.input`
|
|
955
943
|
/* 重置默认样式 */
|
|
956
944
|
flex: 1;
|
|
957
945
|
min-width: 0;
|
|
@@ -965,7 +953,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
965
953
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
966
954
|
font-size: inherit;
|
|
967
955
|
line-height: 1.5;
|
|
968
|
-
color: ${({isError:e,isDisabled:
|
|
956
|
+
color: ${({isError:e,isDisabled:t,theme:r})=>t?r.components.input.text.disabled:e?r.components.input.text.error:r.components.input.text.default};
|
|
969
957
|
|
|
970
958
|
/* 占位符样式 */
|
|
971
959
|
&::placeholder {
|
|
@@ -974,7 +962,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
974
962
|
}
|
|
975
963
|
|
|
976
964
|
/* 禁用状态 */
|
|
977
|
-
${({isDisabled:e})=>e&&
|
|
965
|
+
${({isDisabled:e})=>e&&S.css`
|
|
978
966
|
cursor: not-allowed;
|
|
979
967
|
user-select: none;
|
|
980
968
|
`}
|
|
@@ -995,7 +983,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
995
983
|
&[type='number'] {
|
|
996
984
|
-moz-appearance: textfield;
|
|
997
985
|
}
|
|
998
|
-
`,
|
|
986
|
+
`,Mr=b.span`
|
|
999
987
|
display: inline-flex;
|
|
1000
988
|
align-items: center;
|
|
1001
989
|
justify-content: center;
|
|
@@ -1003,13 +991,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1003
991
|
line-height: 0;
|
|
1004
992
|
|
|
1005
993
|
/* 颜色继承或根据状态调整 */
|
|
1006
|
-
color: ${({isError:e,isDisabled:
|
|
994
|
+
color: ${({isError:e,isDisabled:t,theme:r})=>t?r.components.input.text.disabled:e?r.components.input.text.error:r.components.input.text.default};
|
|
1007
995
|
|
|
1008
996
|
/* 确保图标大小一致 */
|
|
1009
997
|
svg {
|
|
1010
998
|
display: block;
|
|
1011
999
|
}
|
|
1012
|
-
|
|
1000
|
+
`,$a=b.button`
|
|
1013
1001
|
/* 重置按钮样式 */
|
|
1014
1002
|
display: inline-flex;
|
|
1015
1003
|
align-items: center;
|
|
@@ -1024,7 +1012,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1024
1012
|
line-height: 0;
|
|
1025
1013
|
|
|
1026
1014
|
/* 颜色 */
|
|
1027
|
-
color: ${({isError:e,theme:
|
|
1015
|
+
color: ${({isError:e,theme:t})=>e?t.components.input.text.error:t.components.input.text.counter};
|
|
1028
1016
|
|
|
1029
1017
|
/* 过渡动画 */
|
|
1030
1018
|
transition: opacity ${({theme:e})=>e.components.input.transition},
|
|
@@ -1053,7 +1041,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1053
1041
|
height: 16px;
|
|
1054
1042
|
display: block;
|
|
1055
1043
|
}
|
|
1056
|
-
`,
|
|
1044
|
+
`,wa=b.span`
|
|
1057
1045
|
display: inline-flex;
|
|
1058
1046
|
align-items: center;
|
|
1059
1047
|
flex-shrink: 0;
|
|
@@ -1064,11 +1052,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1064
1052
|
user-select: none;
|
|
1065
1053
|
|
|
1066
1054
|
/* 颜色 */
|
|
1067
|
-
color: ${({isError:e,isDisabled:
|
|
1068
|
-
`,
|
|
1055
|
+
color: ${({isError:e,isDisabled:t,theme:r})=>t?r.components.input.text.disabled:e?r.components.input.text.error:r.components.input.text.counter};
|
|
1056
|
+
`,ka=()=>i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),fr=c.forwardRef(({size:e="md",prefix:t,suffix:r,clearable:o=!1,error:n=!1,errorMessage:s,showCounter:a=!1,fullWidth:l=!1,disabled:d,className:u,type:h="text",value:p,defaultValue:f,onChange:x,onFocus:m,onBlur:g,maxLength:$,label:k,description:v,id:j,"aria-label":w,"aria-describedby":y,...R},z)=>{const A=c.useRef(null),O=z||A,L=c.useRef(`input-${Math.random().toString(36).slice(2,9)}`),[B,U]=c.useState(!1),[re,K]=c.useState(!1),[V,Q]=c.useState(f||""),D=p!==void 0,I=String(D?p:V),F=le=>{D||Q(le.target.value),x==null||x(le)},_=le=>{U(!0),m==null||m(le)},q=le=>{U(!1),g==null||g(le)},C=()=>{var Ie;if(d||!O.current)return;const le=(Ie=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:Ie.set;le==null||le.call(O.current,"");const Me=new Event("input",{bubbles:!0});Object.defineProperty(Me,"target",{writable:!1,value:O.current}),D||Q(""),x==null||x(Me),O.current.focus()},E=I.length,M=o&&E>0&&!d,T=j||L.current,N=v?`${T}-description`:void 0,J=s&&n?`${T}-error`:void 0,oe=[y,N,J].filter(Boolean).join(" ")||void 0;return i.jsxs("div",{children:[k&&i.jsx("label",{htmlFor:T,style:{display:"block",marginBottom:4},children:k}),i.jsx(xa,{size:e,fullWidth:l,isFocused:B,isError:n,isDisabled:!!d,isHovered:re,className:u,onMouseEnter:()=>K(!0),onMouseLeave:()=>K(!1),children:i.jsxs(va,{children:[t&&i.jsx(Mr,{isError:n,isDisabled:!!d,position:"prefix","aria-hidden":"true",children:t}),i.jsx(ya,{...R,ref:O,id:T,type:h,value:p,defaultValue:f,onChange:F,onFocus:_,onBlur:q,maxLength:$,disabled:d,"aria-label":w,"aria-describedby":oe,"aria-invalid":n,isError:n,isDisabled:!!d}),M&&i.jsx($a,{type:"button",onClick:C,"aria-label":"清除内容",isError:n,tabIndex:-1,children:i.jsx(ka,{})}),r&&i.jsx(Mr,{isError:n,isDisabled:!!d,position:"suffix","aria-hidden":"true",children:r}),a&&$!==void 0&&i.jsxs(wa,{isError:n,isDisabled:!!d,"aria-live":"polite","aria-atomic":"true",children:[E,"/",$]})]})}),v&&i.jsx("div",{id:N,style:{marginTop:4,fontSize:12},children:v}),s&&n&&i.jsx("div",{id:J,role:"alert",style:{marginTop:4,fontSize:12,color:"inherit"},children:s})]})});fr.displayName="Input";const Sa=b.div`
|
|
1069
1057
|
display: flex;
|
|
1070
1058
|
flex-direction: column;
|
|
1071
|
-
width: ${({collapsed:e,theme:
|
|
1059
|
+
width: ${({collapsed:e,theme:t})=>e?t.components.menu.container.width.collapsed:t.components.menu.container.width.expanded};
|
|
1072
1060
|
height: 100%;
|
|
1073
1061
|
background: ${({theme:e})=>e.components.menu.container.background};
|
|
1074
1062
|
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -1091,7 +1079,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1091
1079
|
&::-webkit-scrollbar-thumb:hover {
|
|
1092
1080
|
background: rgba(0, 0, 0, 0.3);
|
|
1093
1081
|
}
|
|
1094
|
-
`,
|
|
1082
|
+
`,Ca=b.div`
|
|
1095
1083
|
flex: 1;
|
|
1096
1084
|
overflow-y: auto;
|
|
1097
1085
|
overflow-x: hidden;
|
|
@@ -1115,20 +1103,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1115
1103
|
&::-webkit-scrollbar-thumb:hover {
|
|
1116
1104
|
background: rgba(0, 0, 0, 0.3);
|
|
1117
1105
|
}
|
|
1118
|
-
`,
|
|
1106
|
+
`,ja=b.button`
|
|
1119
1107
|
display: flex;
|
|
1120
1108
|
align-items: center;
|
|
1121
1109
|
justify-content: flex-start;
|
|
1122
1110
|
width: 100%;
|
|
1123
1111
|
height: ${({theme:e})=>e.components.menu.item.height};
|
|
1124
|
-
padding-inline: ${({theme:e,isSubItem:
|
|
1112
|
+
padding-inline: ${({theme:e,isSubItem:t})=>t?e.components.menu.subItem.paddingLeft:e.components.menu.item.paddingInline};
|
|
1125
1113
|
gap: ${({theme:e})=>e.components.menu.item.gap};
|
|
1126
1114
|
border: none;
|
|
1127
1115
|
border-radius: ${({theme:e})=>e.components.menu.item.borderRadius};
|
|
1128
1116
|
position: relative;
|
|
1129
1117
|
overflow: hidden;
|
|
1130
|
-
background: ${({theme:e,active:
|
|
1131
|
-
color: ${({theme:e,active:
|
|
1118
|
+
background: ${({theme:e,active:t,isSubItem:r,collapsed:o})=>o||t?"transparent":r?e.components.menu.subItem.background.default:e.components.menu.item.background.default};
|
|
1119
|
+
color: ${({theme:e,active:t,collapsed:r})=>r&&t?e.semantic.colors.brand.primaryActive:t?e.components.menu.item.text.active:e.components.menu.item.text.default};
|
|
1132
1120
|
font-size: ${({theme:e})=>e.components.menu.item.fontSize};
|
|
1133
1121
|
font-weight: ${({theme:e})=>e.components.menu.item.fontWeight};
|
|
1134
1122
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
@@ -1143,10 +1131,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1143
1131
|
position: absolute;
|
|
1144
1132
|
inset: 0;
|
|
1145
1133
|
border-radius: inherit;
|
|
1146
|
-
background: ${({theme:e,isSubItem:
|
|
1134
|
+
background: ${({theme:e,isSubItem:t})=>t?e.components.menu.subItem.background.active:e.components.menu.item.background.active};
|
|
1147
1135
|
transform-origin: left center;
|
|
1148
|
-
transform: ${({active:e,collapsed:
|
|
1149
|
-
opacity: ${({active:e,collapsed:
|
|
1136
|
+
transform: ${({active:e,collapsed:t})=>t?"scaleX(0)":e?"scaleX(1)":"scaleX(0)"};
|
|
1137
|
+
opacity: ${({active:e,collapsed:t})=>t?0:e?1:0};
|
|
1150
1138
|
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
|
|
1151
1139
|
z-index: 0;
|
|
1152
1140
|
}
|
|
@@ -1156,7 +1144,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1156
1144
|
position: absolute;
|
|
1157
1145
|
inset: 0;
|
|
1158
1146
|
border-radius: inherit;
|
|
1159
|
-
background: ${({theme:e,isSubItem:
|
|
1147
|
+
background: ${({theme:e,isSubItem:t})=>t?e.components.menu.subItem.background.hover:e.components.menu.item.background.hover};
|
|
1160
1148
|
transform: translateX(-100%);
|
|
1161
1149
|
opacity: 0;
|
|
1162
1150
|
transition: transform 0.3s ease, opacity 0.2s ease;
|
|
@@ -1170,13 +1158,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1170
1158
|
|
|
1171
1159
|
/* Hover 状态 */
|
|
1172
1160
|
&:hover:not(:disabled) {
|
|
1173
|
-
background: ${({theme:e,active:
|
|
1174
|
-
color: ${({theme:e,active:
|
|
1161
|
+
background: ${({theme:e,active:t,isSubItem:r,collapsed:o})=>o||t?"transparent":r?e.components.menu.subItem.background.hover:e.components.menu.item.background.hover};
|
|
1162
|
+
color: ${({theme:e,active:t,collapsed:r})=>r?e.semantic.colors.brand.primaryActive:t?e.components.menu.item.text.active:e.components.menu.item.text.hover};
|
|
1175
1163
|
}
|
|
1176
1164
|
|
|
1177
1165
|
&:hover:not(:disabled)::after {
|
|
1178
|
-
transform: ${({collapsed:e,active:
|
|
1179
|
-
opacity: ${({collapsed:e,active:
|
|
1166
|
+
transform: ${({collapsed:e,active:t})=>!e&&!t?"translateX(0)":"translateX(-100%)"};
|
|
1167
|
+
opacity: ${({collapsed:e,active:t})=>!e&&!t?1:0};
|
|
1180
1168
|
}
|
|
1181
1169
|
|
|
1182
1170
|
/* 禁用状态 */
|
|
@@ -1190,7 +1178,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1190
1178
|
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1191
1179
|
outline-offset: -2px;
|
|
1192
1180
|
}
|
|
1193
|
-
`,
|
|
1181
|
+
`,Ea=b.span`
|
|
1194
1182
|
display: inline-flex;
|
|
1195
1183
|
align-items: center;
|
|
1196
1184
|
justify-content: center;
|
|
@@ -1202,14 +1190,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1202
1190
|
width: 100%;
|
|
1203
1191
|
height: 100%;
|
|
1204
1192
|
}
|
|
1205
|
-
`,
|
|
1193
|
+
`,za=b.span`
|
|
1206
1194
|
flex: 1;
|
|
1207
1195
|
overflow: hidden;
|
|
1208
1196
|
text-overflow: ellipsis;
|
|
1209
1197
|
white-space: nowrap;
|
|
1210
1198
|
opacity: ${({collapsed:e})=>e?0:1};
|
|
1211
1199
|
transition: opacity 0.2s ease;
|
|
1212
|
-
`,
|
|
1200
|
+
`,Ta=b.span`
|
|
1213
1201
|
display: inline-flex;
|
|
1214
1202
|
align-items: center;
|
|
1215
1203
|
justify-content: center;
|
|
@@ -1224,7 +1212,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1224
1212
|
width: 100%;
|
|
1225
1213
|
height: 100%;
|
|
1226
1214
|
}
|
|
1227
|
-
`,
|
|
1215
|
+
`,Ra=b.div`
|
|
1228
1216
|
display: flex;
|
|
1229
1217
|
flex-direction: column;
|
|
1230
1218
|
gap: ${({theme:e})=>e.components.menu.group.gap};
|
|
@@ -1233,7 +1221,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1233
1221
|
&:first-of-type {
|
|
1234
1222
|
margin-top: 0;
|
|
1235
1223
|
}
|
|
1236
|
-
`,
|
|
1224
|
+
`,La=b.div`
|
|
1237
1225
|
display: flex;
|
|
1238
1226
|
align-items: center;
|
|
1239
1227
|
height: ${({theme:e})=>e.components.menu.groupTitle.height};
|
|
@@ -1255,11 +1243,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1255
1243
|
margin-left: 8px;
|
|
1256
1244
|
opacity: ${({collapsed:e})=>e?0:1};
|
|
1257
1245
|
}
|
|
1258
|
-
`,
|
|
1246
|
+
`,Ma=b.div`
|
|
1259
1247
|
display: flex;
|
|
1260
1248
|
flex-direction: column;
|
|
1261
1249
|
gap: ${({theme:e})=>e.components.menu.group.gap};
|
|
1262
|
-
`,
|
|
1250
|
+
`,Ia=b.div`
|
|
1263
1251
|
position: fixed;
|
|
1264
1252
|
z-index: 9999;
|
|
1265
1253
|
min-width: 200px;
|
|
@@ -1280,11 +1268,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1280
1268
|
transform: translateX(0);
|
|
1281
1269
|
}
|
|
1282
1270
|
}
|
|
1283
|
-
`,
|
|
1271
|
+
`,Na=b.div`
|
|
1284
1272
|
display: flex;
|
|
1285
1273
|
flex-direction: column;
|
|
1286
1274
|
gap: ${({theme:e})=>e.components.menu.group.gap};
|
|
1287
|
-
`,
|
|
1275
|
+
`,Pa=b.button`
|
|
1288
1276
|
display: flex;
|
|
1289
1277
|
align-items: center;
|
|
1290
1278
|
justify-content: flex-start;
|
|
@@ -1294,8 +1282,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1294
1282
|
gap: ${({theme:e})=>e.components.menu.item.gap};
|
|
1295
1283
|
border: none;
|
|
1296
1284
|
border-radius: ${({theme:e})=>e.components.menu.item.borderRadius};
|
|
1297
|
-
background: ${({theme:e,active:
|
|
1298
|
-
color: ${({theme:e,active:
|
|
1285
|
+
background: ${({theme:e,active:t})=>t?e.components.menu.popover.item.background.active:e.components.menu.popover.item.background.default};
|
|
1286
|
+
color: ${({theme:e,active:t})=>t?e.components.menu.popover.item.text.active:e.components.menu.popover.item.text.default};
|
|
1299
1287
|
font-size: ${({theme:e})=>e.components.menu.item.fontSize};
|
|
1300
1288
|
font-weight: ${({theme:e})=>e.components.menu.item.fontWeight};
|
|
1301
1289
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
@@ -1307,34 +1295,34 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1307
1295
|
white-space: nowrap;
|
|
1308
1296
|
|
|
1309
1297
|
&:hover {
|
|
1310
|
-
background: ${({theme:e,active:
|
|
1311
|
-
color: ${({theme:e,active:
|
|
1298
|
+
background: ${({theme:e,active:t})=>t?e.components.menu.popover.item.background.active:e.components.menu.popover.item.background.hover};
|
|
1299
|
+
color: ${({theme:e,active:t})=>t?e.components.menu.popover.item.text.active:e.components.menu.popover.item.text.hover};
|
|
1312
1300
|
}
|
|
1313
1301
|
|
|
1314
1302
|
&:focus-visible {
|
|
1315
1303
|
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1316
1304
|
outline-offset: -2px;
|
|
1317
1305
|
}
|
|
1318
|
-
`,
|
|
1319
|
-
color: ${
|
|
1320
|
-
text-decoration: ${
|
|
1306
|
+
`,Lo=c.forwardRef(({collapsed:e=!1,children:t,className:r,style:o},n)=>i.jsx(Sa,{ref:n,collapsed:e,className:r,style:o,role:"navigation","aria-label":"主导航",children:i.jsx(Ca,{role:"menu",children:t})}));Lo.displayName="Menu";const pr=({visible:e,anchorRef:t,children:r,onClose:o,onMouseEnter:n,onMouseLeave:s})=>{const a=c.useRef(null),[l,d]=c.useState({top:0,left:0});return c.useEffect(()=>{if(!e||!t.current)return;const u=()=>{if(!t.current)return;const h=t.current.getBoundingClientRect();d({top:h.top,left:h.right+4})};return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[e,t]),c.useEffect(()=>{if(!e)return;const u=p=>{a.current&&!a.current.contains(p.target)&&t.current&&!t.current.contains(p.target)&&(o==null||o())},h=setTimeout(()=>{document.addEventListener("mousedown",u)},100);return()=>{clearTimeout(h),document.removeEventListener("mousedown",u)}},[e,o,t]),e?Qt.createPortal(i.jsx(Ia,{ref:a,style:{top:l.top,left:l.left},role:"menu","aria-label":"子菜单",onMouseEnter:n,onMouseLeave:s,children:i.jsx(Na,{children:r})}),document.body):null};pr.displayName="SubMenuPopover";const Mo=c.forwardRef(({id:e,icon:t,label:r,active:o=!1,disabled:n=!1,isSubItem:s=!1,showArrow:a=!1,arrowExpanded:l=!1,collapsed:d=!1,subMenu:u,onClick:h,className:p},f)=>{const x=c.useRef(null),[m,g]=c.useState(!1),$=c.useRef(void 0),k=c.useRef(void 0),v=()=>{$.current&&(clearTimeout($.current),$.current=void 0),k.current&&(clearTimeout(k.current),k.current=void 0)},j=()=>{if(v(),d&&u){if(m)return;$.current=setTimeout(()=>{g(!0)},200)}},w=()=>{v(),k.current=setTimeout(()=>{g(!1)},100)};return i.jsxs(i.Fragment,{children:[i.jsxs(ja,{ref:y=>{typeof f=="function"?f(y):f&&(f.current=y),y&&(x.current=y)},id:e,active:o,disabled:n,isSubItem:s,onClick:h,collapsed:d,className:p,role:"menuitem","aria-disabled":n,"aria-current":o?"page":void 0,"aria-haspopup":d&&u?"menu":void 0,type:"button",onMouseEnter:j,onMouseLeave:w,children:[t&&i.jsx(Ea,{"aria-hidden":"true",children:t}),i.jsx(za,{collapsed:d,children:r}),a&&!d&&i.jsx(Ta,{collapsed:d,expanded:l,"aria-hidden":"true",children:i.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M5.25 3.5L8.75 7L5.25 10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),d&&u&&i.jsx(pr,{visible:m,anchorRef:x,onClose:()=>g(!1),onMouseEnter:j,onMouseLeave:w,children:u})]})});Mo.displayName="MenuItem";const Io=({title:e,children:t,collapsed:r=!1,className:o})=>i.jsxs(Ra,{className:o,role:"group","aria-label":e,children:[e&&i.jsx(La,{collapsed:r,"aria-hidden":r,children:e}),i.jsx(Ma,{children:t})]});Io.displayName="MenuGroup";const No=({id:e,label:t,active:r=!1,onClick:o,className:n})=>i.jsx(Pa,{id:e,active:r,onClick:o,className:n,role:"menuitem","aria-current":r?"page":void 0,type:"button",children:t});No.displayName="SubMenuItem";const Aa=(e,t)=>{const r=t.components.link.variant[e];return S.css`
|
|
1307
|
+
color: ${r.text.default};
|
|
1308
|
+
text-decoration: ${r.decoration.default};
|
|
1321
1309
|
|
|
1322
1310
|
&:hover:not([aria-disabled='true']) {
|
|
1323
|
-
color: ${
|
|
1324
|
-
text-decoration: ${
|
|
1311
|
+
color: ${r.text.hover};
|
|
1312
|
+
text-decoration: ${r.decoration.hover};
|
|
1325
1313
|
}
|
|
1326
1314
|
|
|
1327
1315
|
&:active:not([aria-disabled='true']) {
|
|
1328
|
-
color: ${
|
|
1316
|
+
color: ${r.text.active};
|
|
1329
1317
|
}
|
|
1330
1318
|
|
|
1331
1319
|
&[aria-disabled='true'] {
|
|
1332
|
-
color: ${
|
|
1320
|
+
color: ${r.text.disabled};
|
|
1333
1321
|
cursor: not-allowed;
|
|
1334
1322
|
}
|
|
1335
|
-
`},
|
|
1336
|
-
font-size: ${
|
|
1337
|
-
`},
|
|
1323
|
+
`},Fa=(e,t)=>{const r=t.components.link.size[e];return S.css`
|
|
1324
|
+
font-size: ${r.fontSize};
|
|
1325
|
+
`},Po=b.a`
|
|
1338
1326
|
/* 基础样式 */
|
|
1339
1327
|
position: relative;
|
|
1340
1328
|
display: inline-flex;
|
|
@@ -1348,28 +1336,28 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1348
1336
|
cursor: pointer;
|
|
1349
1337
|
|
|
1350
1338
|
/* 字体样式 */
|
|
1351
|
-
font-family: ${({theme:e})=>{var r
|
|
1339
|
+
font-family: ${({theme:e})=>{var t,r;return((r=(t=e==null?void 0:e.global)==null?void 0:t.typography)==null?void 0:r.fontFamily)||"inherit"}};
|
|
1352
1340
|
line-height: 1.5; /* 保持与文本一致的行高 */
|
|
1353
1341
|
|
|
1354
1342
|
/* 过渡动画 */
|
|
1355
|
-
transition: color ${({theme:e})=>{var r
|
|
1343
|
+
transition: color ${({theme:e})=>{var t,r;return((r=(t=e==null?void 0:e.components)==null?void 0:t.link)==null?void 0:r.transition)||"0.2s ease"}};
|
|
1356
1344
|
|
|
1357
1345
|
/* 变体样式 */
|
|
1358
|
-
${({variant:e,theme:
|
|
1346
|
+
${({variant:e,theme:t})=>Aa(e,t)}
|
|
1359
1347
|
|
|
1360
1348
|
/* 尺寸样式 */
|
|
1361
|
-
${({size:e,theme:
|
|
1349
|
+
${({size:e,theme:t})=>Fa(e,t)}
|
|
1362
1350
|
|
|
1363
1351
|
/* Focus 可见状态 */
|
|
1364
1352
|
&:focus-visible {
|
|
1365
|
-
border-radius: ${({theme:e})=>{var r
|
|
1366
|
-
outline: 2px solid ${({theme:e})=>{var r,
|
|
1367
|
-
outline-offset: ${({theme:e})=>{var r,
|
|
1353
|
+
border-radius: ${({theme:e})=>{var t,r;return((r=(t=e==null?void 0:e.components)==null?void 0:t.link)==null?void 0:r.borderRadius)||"4px"}};
|
|
1354
|
+
outline: 2px solid ${({theme:e})=>{var t,r,o;return((o=(r=(t=e==null?void 0:e.components)==null?void 0:t.link)==null?void 0:r.focusRing)==null?void 0:o.color)||"#1677ff"}};
|
|
1355
|
+
outline-offset: ${({theme:e})=>{var t,r,o;return((o=(r=(t=e==null?void 0:e.components)==null?void 0:t.link)==null?void 0:r.focusRing)==null?void 0:o.offset)||"2px"}};
|
|
1368
1356
|
}
|
|
1369
|
-
`,mn=f.forwardRef((e,r)=>{const t=re.c(20);let o,n,i,s,a,d,c;t[0]!==e?({variant:d,size:c,disabled:i,className:n,children:o,isDisabled:s,...a}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7]);const p=d===void 0?"primary":d,m=c===void 0?"md":c,b=f.useRef(null),h=r||b,g=i??s;let y;t[8]!==g||t[9]!==a?(y={...a,isDisabled:g,elementType:"a"},t[8]=g,t[9]=a,t[10]=y):y=t[10];const{linkProps:$}=de.useLink(y,b);let k;t[11]!==g||t[12]!==$?(k=et($,{ariaDisabled:g}),t[11]=g,t[12]=$,t[13]=k):k=t[13];let w;return t[14]!==o||t[15]!==n||t[16]!==m||t[17]!==k||t[18]!==p?(w=l.jsx(gn,{ref:h,as:"a",className:n,variant:p,size:m,...k,children:o}),t[14]=o,t[15]=n,t[16]=m,t[17]=k,t[18]=p,t[19]=w):w=t[19],w});mn.displayName="Link";let kl=!1,zt=null,Sl=new Set,wt=new Map,at=!1,$r=!1;function Br(e,r){for(let t of Sl)t(e,r)}function Cl(e){return!(e.metaKey||!Rr()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Dt(e){at=!0,Cl(e)&&(zt="keyboard",Br("keyboard",e))}function Be(e){zt="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(at=!0,Br("pointer",e))}function xn(e){Ei(e)&&(at=!0,zt="virtual")}function yn(e){e.target===window||e.target===document||kl||!e.isTrusted||(!at&&!$r&&(zt="virtual",Br("virtual",e)),at=!1,$r=!1)}function vn(){at=!1,$r=!0}function bo(e){if(typeof window>"u"||typeof document>"u"||wt.get(Ft(e)))return;const r=Ft(e),t=Me(e);let o=r.HTMLElement.prototype.focus;r.HTMLElement.prototype.focus=function(){at=!0,o.apply(this,arguments)},t.addEventListener("keydown",Dt,!0),t.addEventListener("keyup",Dt,!0),t.addEventListener("click",xn,!0),r.addEventListener("focus",yn,!0),r.addEventListener("blur",vn,!1),typeof PointerEvent<"u"?(t.addEventListener("pointerdown",Be,!0),t.addEventListener("pointermove",Be,!0),t.addEventListener("pointerup",Be,!0)):process.env.NODE_ENV==="test"&&(t.addEventListener("mousedown",Be,!0),t.addEventListener("mousemove",Be,!0),t.addEventListener("mouseup",Be,!0)),r.addEventListener("beforeunload",()=>{$n(e)},{once:!0}),wt.set(r,{focus:o})}const $n=(e,r)=>{const t=Ft(e),o=Me(e);r&&o.removeEventListener("DOMContentLoaded",r),wt.has(t)&&(t.HTMLElement.prototype.focus=wt.get(t).focus,o.removeEventListener("keydown",Dt,!0),o.removeEventListener("keyup",Dt,!0),o.removeEventListener("click",xn,!0),t.removeEventListener("focus",yn,!0),t.removeEventListener("blur",vn,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",Be,!0),o.removeEventListener("pointermove",Be,!0),o.removeEventListener("pointerup",Be,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",Be,!0),o.removeEventListener("mousemove",Be,!0),o.removeEventListener("mouseup",Be,!0)),wt.delete(t))};function jl(e){const r=Me(e);let t;return r.readyState!=="loading"?bo(e):(t=()=>{bo(e)},r.addEventListener("DOMContentLoaded",t)),()=>$n(e,t)}typeof document<"u"&&jl();function wn(){return zt}function El(e){const r=Me(e),t=Ue(r);if(wn()==="virtual"){let o=t;ji(()=>{Ue(r)===o&&e.isConnected&&fr(e)})}else fr(e)}const go=f.createContext(null),wr="react-aria-focus-scope-restore";let ge=null;function Tl(e){let{children:r,contain:t,restoreFocus:o,autoFocus:n}=e,i=f.useRef(null),s=f.useRef(null),a=f.useRef([]),{parentNode:d}=f.useContext(go)||{},c=f.useMemo(()=>new Sr({scopeRef:a}),[a]);Xe(()=>{let b=d||Se.root;if(Se.getTreeNode(b.scopeRef)&&ge&&!Kt(ge,b.scopeRef)){let h=Se.getTreeNode(ge);h&&(b=h)}b.addChild(c),Se.addNode(c)},[c,d]),Xe(()=>{let b=Se.getTreeNode(a);b&&(b.contain=!!t)},[t]),Xe(()=>{var b;let h=(b=i.current)===null||b===void 0?void 0:b.nextSibling,g=[],y=$=>$.stopPropagation();for(;h&&h!==s.current;)g.push(h),h.addEventListener(wr,y),h=h.nextSibling;return a.current=g,()=>{for(let $ of g)$.removeEventListener(wr,y)}},[r]),Nl(a,o,t),Ll(a,t),Il(a,o,t),Ml(a,n),f.useEffect(()=>{const b=Ue(Me(a.current?a.current[0]:void 0));let h=null;if(He(b,a.current)){for(let g of Se.traverse())g.scopeRef&&He(b,g.scopeRef.current)&&(h=g);h===Se.getTreeNode(a)&&(ge=h.scopeRef)}},[a]),Xe(()=>()=>{var b,h,g;let y=(g=(h=Se.getTreeNode(a))===null||h===void 0||(b=h.parent)===null||b===void 0?void 0:b.scopeRef)!==null&&g!==void 0?g:null;(a===ge||Kt(a,ge))&&(!y||Se.getTreeNode(y))&&(ge=y),Se.removeTreeNode(a)},[a]);let p=f.useMemo(()=>Rl(a),[]),m=f.useMemo(()=>({focusManager:p,parentNode:c}),[c,p]);return f.createElement(go.Provider,{value:m},f.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:i}),r,f.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:s}))}function Rl(e){return{focusNext(r={}){let t=e.current,{from:o,tabbable:n,wrap:i,accept:s}=r;var a;let d=o||Ue(Me((a=t[0])!==null&&a!==void 0?a:void 0)),c=t[0].previousElementSibling,p=nt(t),m=ot(p,{tabbable:n,accept:s},t);m.currentNode=He(d,t)?d:c;let b=m.nextNode();return!b&&i&&(m.currentNode=c,b=m.nextNode()),b&&Qe(b,!0),b},focusPrevious(r={}){let t=e.current,{from:o,tabbable:n,wrap:i,accept:s}=r;var a;let d=o||Ue(Me((a=t[0])!==null&&a!==void 0?a:void 0)),c=t[t.length-1].nextElementSibling,p=nt(t),m=ot(p,{tabbable:n,accept:s},t);m.currentNode=He(d,t)?d:c;let b=m.previousNode();return!b&&i&&(m.currentNode=c,b=m.previousNode()),b&&Qe(b,!0),b},focusFirst(r={}){let t=e.current,{tabbable:o,accept:n}=r,i=nt(t),s=ot(i,{tabbable:o,accept:n},t);s.currentNode=t[0].previousElementSibling;let a=s.nextNode();return a&&Qe(a,!0),a},focusLast(r={}){let t=e.current,{tabbable:o,accept:n}=r,i=nt(t),s=ot(i,{tabbable:o,accept:n},t);s.currentNode=t[t.length-1].nextElementSibling;let a=s.previousNode();return a&&Qe(a,!0),a}}}function nt(e){return e[0].parentElement}function vt(e){let r=Se.getTreeNode(ge);for(;r&&r.scopeRef!==e;){if(r.contain)return!1;r=r.parent}return!0}function zl(e){if(e.checked)return!0;let r=[];if(!e.form)r=[...Me(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)].filter(i=>!i.form);else{var t,o;let i=(o=e.form)===null||o===void 0||(t=o.elements)===null||t===void 0?void 0:t.namedItem(e.name);r=[...i??[]]}return r?!r.some(i=>i.checked):!1}function Ll(e,r){let t=f.useRef(void 0),o=f.useRef(void 0);Xe(()=>{let n=e.current;if(!r){o.current&&(cancelAnimationFrame(o.current),o.current=void 0);return}const i=Me(n?n[0]:void 0);let s=c=>{if(c.key!=="Tab"||c.altKey||c.ctrlKey||c.metaKey||!vt(e)||c.isComposing)return;let p=Ue(i),m=e.current;if(!m||!He(p,m))return;let b=nt(m),h=ot(b,{tabbable:!0},m);if(!p)return;h.currentNode=p;let g=c.shiftKey?h.previousNode():h.nextNode();g||(h.currentNode=c.shiftKey?m[m.length-1].nextElementSibling:m[0].previousElementSibling,g=c.shiftKey?h.previousNode():h.nextNode()),c.preventDefault(),g&&Qe(g,!0)},a=c=>{(!ge||Kt(ge,e))&&He(lt(c),e.current)?(ge=e,t.current=lt(c)):vt(e)&&!it(lt(c),e)?t.current?t.current.focus():ge&&ge.current&&kr(ge.current):vt(e)&&(t.current=lt(c))},d=c=>{o.current&&cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{let p=wn(),m=(p==="virtual"||p===null)&&Oo()&&Fo(),b=Ue(i);if(!m&&b&&vt(e)&&!it(b,e)){ge=e;let g=lt(c);if(g&&g.isConnected){var h;t.current=g,(h=t.current)===null||h===void 0||h.focus()}else ge.current&&kr(ge.current)}})};return i.addEventListener("keydown",s,!1),i.addEventListener("focusin",a,!1),n==null||n.forEach(c=>c.addEventListener("focusin",a,!1)),n==null||n.forEach(c=>c.addEventListener("focusout",d,!1)),()=>{i.removeEventListener("keydown",s,!1),i.removeEventListener("focusin",a,!1),n==null||n.forEach(c=>c.removeEventListener("focusin",a,!1)),n==null||n.forEach(c=>c.removeEventListener("focusout",d,!1))}},[e,r]),Xe(()=>()=>{o.current&&cancelAnimationFrame(o.current)},[o])}function kn(e){return it(e)}function He(e,r){return!e||!r?!1:r.some(t=>t.contains(e))}function it(e,r=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:t}of Se.traverse(Se.getTreeNode(r)))if(t&&He(e,t.current))return!0;return!1}function Kt(e,r){var t;let o=(t=Se.getTreeNode(r))===null||t===void 0?void 0:t.parent;for(;o;){if(o.scopeRef===e)return!0;o=o.parent}return!1}function Qe(e,r=!1){if(e!=null&&!r)try{El(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function Sn(e,r=!0){let t=e[0].previousElementSibling,o=nt(e),n=ot(o,{tabbable:r},e);n.currentNode=t;let i=n.nextNode();return r&&!i&&(o=nt(e),n=ot(o,{tabbable:!1},e),n.currentNode=t,i=n.nextNode()),i}function kr(e,r=!0){Qe(Sn(e,r))}function Ml(e,r){const t=f.useRef(r);f.useEffect(()=>{if(t.current){ge=e;const o=Me(e.current?e.current[0]:void 0);!He(Ue(o),ge.current)&&e.current&&kr(e.current)}t.current=!1},[e])}function Nl(e,r,t){Xe(()=>{if(r||t)return;let o=e.current;const n=Me(o?o[0]:void 0);let i=s=>{let a=lt(s);He(a,e.current)?ge=e:kn(a)||(ge=null)};return n.addEventListener("focusin",i,!1),o==null||o.forEach(s=>s.addEventListener("focusin",i,!1)),()=>{n.removeEventListener("focusin",i,!1),o==null||o.forEach(s=>s.removeEventListener("focusin",i,!1))}},[e,r,t])}function mo(e){let r=Se.getTreeNode(ge);for(;r&&r.scopeRef!==e;){if(r.nodeToRestore)return!1;r=r.parent}return(r==null?void 0:r.scopeRef)===e}function Il(e,r,t){const o=f.useRef(typeof document<"u"?Ue(Me(e.current?e.current[0]:void 0)):null);Xe(()=>{let n=e.current;const i=Me(n?n[0]:void 0);if(!r||t)return;let s=()=>{(!ge||Kt(ge,e))&&He(Ue(i),e.current)&&(ge=e)};return i.addEventListener("focusin",s,!1),n==null||n.forEach(a=>a.addEventListener("focusin",s,!1)),()=>{i.removeEventListener("focusin",s,!1),n==null||n.forEach(a=>a.removeEventListener("focusin",s,!1))}},[e,t]),Xe(()=>{const n=Me(e.current?e.current[0]:void 0);if(!r)return;let i=s=>{if(s.key!=="Tab"||s.altKey||s.ctrlKey||s.metaKey||!vt(e)||s.isComposing)return;let a=n.activeElement;if(!it(a,e)||!mo(e))return;let d=Se.getTreeNode(e);if(!d)return;let c=d.nodeToRestore,p=ot(n.body,{tabbable:!0});p.currentNode=a;let m=s.shiftKey?p.previousNode():p.nextNode();if((!c||!c.isConnected||c===n.body)&&(c=void 0,d.nodeToRestore=void 0),(!m||!it(m,e))&&c){p.currentNode=c;do m=s.shiftKey?p.previousNode():p.nextNode();while(it(m,e));s.preventDefault(),s.stopPropagation(),m?Qe(m,!0):kn(c)?Qe(c,!0):a.blur()}};return t||n.addEventListener("keydown",i,!0),()=>{t||n.removeEventListener("keydown",i,!0)}},[e,r,t]),Xe(()=>{const n=Me(e.current?e.current[0]:void 0);if(!r)return;let i=Se.getTreeNode(e);if(i){var s;return i.nodeToRestore=(s=o.current)!==null&&s!==void 0?s:void 0,()=>{let a=Se.getTreeNode(e);if(!a)return;let d=a.nodeToRestore,c=Ue(n);if(r&&d&&(c&&it(c,e)||c===n.body&&mo(e))){let p=Se.clone();requestAnimationFrame(()=>{if(n.activeElement===n.body){let m=p.getTreeNode(e);for(;m;){if(m.nodeToRestore&&m.nodeToRestore.isConnected){xo(m.nodeToRestore);return}m=m.parent}for(m=p.getTreeNode(e);m;){if(m.scopeRef&&m.scopeRef.current&&Se.getTreeNode(m.scopeRef)){let b=Sn(m.scopeRef.current,!0);xo(b);return}m=m.parent}}})}}}},[e,r])}function xo(e){e.dispatchEvent(new CustomEvent(wr,{bubbles:!0,cancelable:!0}))&&Qe(e)}function ot(e,r,t){let o=r!=null&&r.tabbable?Ii:Ni,n=(e==null?void 0:e.nodeType)===Node.ELEMENT_NODE?e:null,i=Me(n),s=mi(i,e||i,NodeFilter.SHOW_ELEMENT,{acceptNode(a){var d;return!(r==null||(d=r.from)===null||d===void 0)&&d.contains(a)||r!=null&&r.tabbable&&a.tagName==="INPUT"&&a.getAttribute("type")==="radio"&&(!zl(a)||s.currentNode.tagName==="INPUT"&&s.currentNode.type==="radio"&&s.currentNode.name===a.name)?NodeFilter.FILTER_REJECT:o(a)&&(!t||He(a,t))&&(!(r!=null&&r.accept)||r.accept(a))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return r!=null&&r.from&&(s.currentNode=r.from),s}class Vr{get size(){return this.fastMap.size}getTreeNode(r){return this.fastMap.get(r)}addTreeNode(r,t,o){let n=this.fastMap.get(t??null);if(!n)return;let i=new Sr({scopeRef:r});n.addChild(i),i.parent=n,this.fastMap.set(r,i),o&&(i.nodeToRestore=o)}addNode(r){this.fastMap.set(r.scopeRef,r)}removeTreeNode(r){if(r===null)return;let t=this.fastMap.get(r);if(!t)return;let o=t.parent;for(let i of this.traverse())i!==t&&t.nodeToRestore&&i.nodeToRestore&&t.scopeRef&&t.scopeRef.current&&He(i.nodeToRestore,t.scopeRef.current)&&(i.nodeToRestore=t.nodeToRestore);let n=t.children;o&&(o.removeChild(t),n.size>0&&n.forEach(i=>o&&o.addChild(i))),this.fastMap.delete(t.scopeRef)}*traverse(r=this.root){if(r.scopeRef!=null&&(yield r),r.children.size>0)for(let t of r.children)yield*this.traverse(t)}clone(){var r;let t=new Vr;var o;for(let n of this.traverse())t.addTreeNode(n.scopeRef,(o=(r=n.parent)===null||r===void 0?void 0:r.scopeRef)!==null&&o!==void 0?o:null,n.nodeToRestore);return t}constructor(){this.fastMap=new Map,this.root=new Sr({scopeRef:null}),this.fastMap.set(null,this.root)}}class Sr{addChild(r){this.children.add(r),r.parent=this}removeChild(r){this.children.delete(r),r.parent=void 0}constructor(r){this.children=new Set,this.contain=!1,this.scopeRef=r.scopeRef}}let Se=new Vr;const Pl=A.keyframes`
|
|
1357
|
+
`,Ao=c.forwardRef(({variant:e="primary",size:t="md",disabled:r,className:o,children:n,isDisabled:s,...a},l)=>{const d=c.useRef(null),u=l||d,h=r??s,{linkProps:p}=X.useLink({...a,isDisabled:h,elementType:"a"},d);return i.jsx(Po,{ref:u,as:"a",className:o,variant:e,size:t,...Re(p,{ariaDisabled:h}),children:n})});Ao.displayName="Link";let Da=!1,it=null,Oa=new Set,qe=new Map,Oe=!1,Yt=!1;function hr(e,t){for(let r of Oa)r(e,t)}function Ba(e){return!(e.metaKey||!tr()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function gt(e){Oe=!0,Ba(e)&&(it="keyboard",hr("keyboard",e))}function ge(e){it="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(Oe=!0,hr("pointer",e))}function Fo(e){Wn(e)&&(Oe=!0,it="virtual")}function Do(e){e.target===window||e.target===document||Da||!e.isTrusted||(!Oe&&!Yt&&(it="virtual",hr("virtual",e)),Oe=!1,Yt=!1)}function Oo(){Oe=!1,Yt=!0}function Ir(e){if(typeof window>"u"||typeof document>"u"||qe.get(ht(e)))return;const t=ht(e),r=de(e);let o=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){Oe=!0,o.apply(this,arguments)},r.addEventListener("keydown",gt,!0),r.addEventListener("keyup",gt,!0),r.addEventListener("click",Fo,!0),t.addEventListener("focus",Do,!0),t.addEventListener("blur",Oo,!1),typeof PointerEvent<"u"?(r.addEventListener("pointerdown",ge,!0),r.addEventListener("pointermove",ge,!0),r.addEventListener("pointerup",ge,!0)):process.env.NODE_ENV==="test"&&(r.addEventListener("mousedown",ge,!0),r.addEventListener("mousemove",ge,!0),r.addEventListener("mouseup",ge,!0)),t.addEventListener("beforeunload",()=>{Bo(e)},{once:!0}),qe.set(t,{focus:o})}const Bo=(e,t)=>{const r=ht(e),o=de(e);t&&o.removeEventListener("DOMContentLoaded",t),qe.has(r)&&(r.HTMLElement.prototype.focus=qe.get(r).focus,o.removeEventListener("keydown",gt,!0),o.removeEventListener("keyup",gt,!0),o.removeEventListener("click",Fo,!0),r.removeEventListener("focus",Do,!0),r.removeEventListener("blur",Oo,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",ge,!0),o.removeEventListener("pointermove",ge,!0),o.removeEventListener("pointerup",ge,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",ge,!0),o.removeEventListener("mousemove",ge,!0),o.removeEventListener("mouseup",ge,!0)),qe.delete(r))};function Ka(e){const t=de(e);let r;return t.readyState!=="loading"?Ir(e):(r=()=>{Ir(e)},t.addEventListener("DOMContentLoaded",r)),()=>Bo(e,r)}typeof document<"u"&&Ka();function Ko(){return it}function Va(e){const t=de(e),r=ye(t);if(Ko()==="virtual"){let o=r;Hn(()=>{ye(t)===o&&e.isConnected&&Bt(e)})}else Bt(e)}const Nr=c.createContext(null),Zt="react-aria-focus-scope-restore";let ee=null;function _a(e){let{children:t,contain:r,restoreFocus:o,autoFocus:n}=e,s=c.useRef(null),a=c.useRef(null),l=c.useRef([]),{parentNode:d}=c.useContext(Nr)||{},u=c.useMemo(()=>new Gt({scopeRef:l}),[l]);ke(()=>{let f=d||ne.root;if(ne.getTreeNode(f.scopeRef)&&ee&&!mt(ee,f.scopeRef)){let x=ne.getTreeNode(ee);x&&(f=x)}f.addChild(u),ne.addNode(u)},[u,d]),ke(()=>{let f=ne.getTreeNode(l);f&&(f.contain=!!r)},[r]),ke(()=>{var f;let x=(f=s.current)===null||f===void 0?void 0:f.nextSibling,m=[],g=$=>$.stopPropagation();for(;x&&x!==a.current;)m.push(x),x.addEventListener(Zt,g),x=x.nextSibling;return l.current=m,()=>{for(let $ of m)$.removeEventListener(Zt,g)}},[t]),Za(l,o,r),Ua(l,r),Xa(l,o,r),Ya(l,n),c.useEffect(()=>{const f=ye(de(l.current?l.current[0]:void 0));let x=null;if(xe(f,l.current)){for(let m of ne.traverse())m.scopeRef&&xe(f,m.scopeRef.current)&&(x=m);x===ne.getTreeNode(l)&&(ee=x.scopeRef)}},[l]),ke(()=>()=>{var f,x,m;let g=(m=(x=ne.getTreeNode(l))===null||x===void 0||(f=x.parent)===null||f===void 0?void 0:f.scopeRef)!==null&&m!==void 0?m:null;(l===ee||mt(l,ee))&&(!g||ne.getTreeNode(g))&&(ee=g),ne.removeTreeNode(l)},[l]);let h=c.useMemo(()=>Ha(l),[]),p=c.useMemo(()=>({focusManager:h,parentNode:u}),[u,h]);return c.createElement(Nr.Provider,{value:p},c.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:s}),t,c.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:a}))}function Ha(e){return{focusNext(t={}){let r=e.current,{from:o,tabbable:n,wrap:s,accept:a}=t;var l;let d=o||ye(de((l=r[0])!==null&&l!==void 0?l:void 0)),u=r[0].previousElementSibling,h=Ae(r),p=Pe(h,{tabbable:n,accept:a},r);p.currentNode=xe(d,r)?d:u;let f=p.nextNode();return!f&&s&&(p.currentNode=u,f=p.nextNode()),f&&Te(f,!0),f},focusPrevious(t={}){let r=e.current,{from:o,tabbable:n,wrap:s,accept:a}=t;var l;let d=o||ye(de((l=r[0])!==null&&l!==void 0?l:void 0)),u=r[r.length-1].nextElementSibling,h=Ae(r),p=Pe(h,{tabbable:n,accept:a},r);p.currentNode=xe(d,r)?d:u;let f=p.previousNode();return!f&&s&&(p.currentNode=u,f=p.previousNode()),f&&Te(f,!0),f},focusFirst(t={}){let r=e.current,{tabbable:o,accept:n}=t,s=Ae(r),a=Pe(s,{tabbable:o,accept:n},r);a.currentNode=r[0].previousElementSibling;let l=a.nextNode();return l&&Te(l,!0),l},focusLast(t={}){let r=e.current,{tabbable:o,accept:n}=t,s=Ae(r),a=Pe(s,{tabbable:o,accept:n},r);a.currentNode=r[r.length-1].nextElementSibling;let l=a.previousNode();return l&&Te(l,!0),l}}}function Ae(e){return e[0].parentElement}function Xe(e){let t=ne.getTreeNode(ee);for(;t&&t.scopeRef!==e;){if(t.contain)return!1;t=t.parent}return!0}function Wa(e){if(e.checked)return!0;let t=[];if(!e.form)t=[...de(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)].filter(s=>!s.form);else{var r,o;let s=(o=e.form)===null||o===void 0||(r=o.elements)===null||r===void 0?void 0:r.namedItem(e.name);t=[...s??[]]}return t?!t.some(s=>s.checked):!1}function Ua(e,t){let r=c.useRef(void 0),o=c.useRef(void 0);ke(()=>{let n=e.current;if(!t){o.current&&(cancelAnimationFrame(o.current),o.current=void 0);return}const s=de(n?n[0]:void 0);let a=u=>{if(u.key!=="Tab"||u.altKey||u.ctrlKey||u.metaKey||!Xe(e)||u.isComposing)return;let h=ye(s),p=e.current;if(!p||!xe(h,p))return;let f=Ae(p),x=Pe(f,{tabbable:!0},p);if(!h)return;x.currentNode=h;let m=u.shiftKey?x.previousNode():x.nextNode();m||(x.currentNode=u.shiftKey?p[p.length-1].nextElementSibling:p[0].previousElementSibling,m=u.shiftKey?x.previousNode():x.nextNode()),u.preventDefault(),m&&Te(m,!0)},l=u=>{(!ee||mt(ee,e))&&xe(Be(u),e.current)?(ee=e,r.current=Be(u)):Xe(e)&&!Fe(Be(u),e)?r.current?r.current.focus():ee&&ee.current&&Xt(ee.current):Xe(e)&&(r.current=Be(u))},d=u=>{o.current&&cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{let h=Ko(),p=(h==="virtual"||h===null)&&no()&&oo(),f=ye(s);if(!p&&f&&Xe(e)&&!Fe(f,e)){ee=e;let m=Be(u);if(m&&m.isConnected){var x;r.current=m,(x=r.current)===null||x===void 0||x.focus()}else ee.current&&Xt(ee.current)}})};return s.addEventListener("keydown",a,!1),s.addEventListener("focusin",l,!1),n==null||n.forEach(u=>u.addEventListener("focusin",l,!1)),n==null||n.forEach(u=>u.addEventListener("focusout",d,!1)),()=>{s.removeEventListener("keydown",a,!1),s.removeEventListener("focusin",l,!1),n==null||n.forEach(u=>u.removeEventListener("focusin",l,!1)),n==null||n.forEach(u=>u.removeEventListener("focusout",d,!1))}},[e,t]),ke(()=>()=>{o.current&&cancelAnimationFrame(o.current)},[o])}function Vo(e){return Fe(e)}function xe(e,t){return!e||!t?!1:t.some(r=>r.contains(e))}function Fe(e,t=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:r}of ne.traverse(ne.getTreeNode(t)))if(r&&xe(e,r.current))return!0;return!1}function mt(e,t){var r;let o=(r=ne.getTreeNode(t))===null||r===void 0?void 0:r.parent;for(;o;){if(o.scopeRef===e)return!0;o=o.parent}return!1}function Te(e,t=!1){if(e!=null&&!t)try{Va(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function _o(e,t=!0){let r=e[0].previousElementSibling,o=Ae(e),n=Pe(o,{tabbable:t},e);n.currentNode=r;let s=n.nextNode();return t&&!s&&(o=Ae(e),n=Pe(o,{tabbable:!1},e),n.currentNode=r,s=n.nextNode()),s}function Xt(e,t=!0){Te(_o(e,t))}function Ya(e,t){const r=c.useRef(t);c.useEffect(()=>{if(r.current){ee=e;const o=de(e.current?e.current[0]:void 0);!xe(ye(o),ee.current)&&e.current&&Xt(e.current)}r.current=!1},[e])}function Za(e,t,r){ke(()=>{if(t||r)return;let o=e.current;const n=de(o?o[0]:void 0);let s=a=>{let l=Be(a);xe(l,e.current)?ee=e:Vo(l)||(ee=null)};return n.addEventListener("focusin",s,!1),o==null||o.forEach(a=>a.addEventListener("focusin",s,!1)),()=>{n.removeEventListener("focusin",s,!1),o==null||o.forEach(a=>a.removeEventListener("focusin",s,!1))}},[e,t,r])}function Pr(e){let t=ne.getTreeNode(ee);for(;t&&t.scopeRef!==e;){if(t.nodeToRestore)return!1;t=t.parent}return(t==null?void 0:t.scopeRef)===e}function Xa(e,t,r){const o=c.useRef(typeof document<"u"?ye(de(e.current?e.current[0]:void 0)):null);ke(()=>{let n=e.current;const s=de(n?n[0]:void 0);if(!t||r)return;let a=()=>{(!ee||mt(ee,e))&&xe(ye(s),e.current)&&(ee=e)};return s.addEventListener("focusin",a,!1),n==null||n.forEach(l=>l.addEventListener("focusin",a,!1)),()=>{s.removeEventListener("focusin",a,!1),n==null||n.forEach(l=>l.removeEventListener("focusin",a,!1))}},[e,r]),ke(()=>{const n=de(e.current?e.current[0]:void 0);if(!t)return;let s=a=>{if(a.key!=="Tab"||a.altKey||a.ctrlKey||a.metaKey||!Xe(e)||a.isComposing)return;let l=n.activeElement;if(!Fe(l,e)||!Pr(e))return;let d=ne.getTreeNode(e);if(!d)return;let u=d.nodeToRestore,h=Pe(n.body,{tabbable:!0});h.currentNode=l;let p=a.shiftKey?h.previousNode():h.nextNode();if((!u||!u.isConnected||u===n.body)&&(u=void 0,d.nodeToRestore=void 0),(!p||!Fe(p,e))&&u){h.currentNode=u;do p=a.shiftKey?h.previousNode():h.nextNode();while(Fe(p,e));a.preventDefault(),a.stopPropagation(),p?Te(p,!0):Vo(u)?Te(u,!0):l.blur()}};return r||n.addEventListener("keydown",s,!0),()=>{r||n.removeEventListener("keydown",s,!0)}},[e,t,r]),ke(()=>{const n=de(e.current?e.current[0]:void 0);if(!t)return;let s=ne.getTreeNode(e);if(s){var a;return s.nodeToRestore=(a=o.current)!==null&&a!==void 0?a:void 0,()=>{let l=ne.getTreeNode(e);if(!l)return;let d=l.nodeToRestore,u=ye(n);if(t&&d&&(u&&Fe(u,e)||u===n.body&&Pr(e))){let h=ne.clone();requestAnimationFrame(()=>{if(n.activeElement===n.body){let p=h.getTreeNode(e);for(;p;){if(p.nodeToRestore&&p.nodeToRestore.isConnected){Ar(p.nodeToRestore);return}p=p.parent}for(p=h.getTreeNode(e);p;){if(p.scopeRef&&p.scopeRef.current&&ne.getTreeNode(p.scopeRef)){let f=_o(p.scopeRef.current,!0);Ar(f);return}p=p.parent}}})}}}},[e,t])}function Ar(e){e.dispatchEvent(new CustomEvent(Zt,{bubbles:!0,cancelable:!0}))&&Te(e)}function Pe(e,t,r){let o=t!=null&&t.tabbable?Jn:qn,n=(e==null?void 0:e.nodeType)===Node.ELEMENT_NODE?e:null,s=de(n),a=Pn(s,e||s,NodeFilter.SHOW_ELEMENT,{acceptNode(l){var d;return!(t==null||(d=t.from)===null||d===void 0)&&d.contains(l)||t!=null&&t.tabbable&&l.tagName==="INPUT"&&l.getAttribute("type")==="radio"&&(!Wa(l)||a.currentNode.tagName==="INPUT"&&a.currentNode.type==="radio"&&a.currentNode.name===l.name)?NodeFilter.FILTER_REJECT:o(l)&&(!r||xe(l,r))&&(!(t!=null&&t.accept)||t.accept(l))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t!=null&&t.from&&(a.currentNode=t.from),a}class br{get size(){return this.fastMap.size}getTreeNode(t){return this.fastMap.get(t)}addTreeNode(t,r,o){let n=this.fastMap.get(r??null);if(!n)return;let s=new Gt({scopeRef:t});n.addChild(s),s.parent=n,this.fastMap.set(t,s),o&&(s.nodeToRestore=o)}addNode(t){this.fastMap.set(t.scopeRef,t)}removeTreeNode(t){if(t===null)return;let r=this.fastMap.get(t);if(!r)return;let o=r.parent;for(let s of this.traverse())s!==r&&r.nodeToRestore&&s.nodeToRestore&&r.scopeRef&&r.scopeRef.current&&xe(s.nodeToRestore,r.scopeRef.current)&&(s.nodeToRestore=r.nodeToRestore);let n=r.children;o&&(o.removeChild(r),n.size>0&&n.forEach(s=>o&&o.addChild(s))),this.fastMap.delete(r.scopeRef)}*traverse(t=this.root){if(t.scopeRef!=null&&(yield t),t.children.size>0)for(let r of t.children)yield*this.traverse(r)}clone(){var t;let r=new br;var o;for(let n of this.traverse())r.addTreeNode(n.scopeRef,(o=(t=n.parent)===null||t===void 0?void 0:t.scopeRef)!==null&&o!==void 0?o:null,n.nodeToRestore);return r}constructor(){this.fastMap=new Map,this.root=new Gt({scopeRef:null}),this.fastMap.set(null,this.root)}}class Gt{addChild(t){this.children.add(t),t.parent=this}removeChild(t){this.children.delete(t),t.parent=void 0}constructor(t){this.children=new Set,this.contain=!1,this.scopeRef=t.scopeRef}}let ne=new br;const Ga=S.keyframes`
|
|
1370
1358
|
from { opacity: 0; }
|
|
1371
1359
|
to { opacity: 1; }
|
|
1372
|
-
`,
|
|
1360
|
+
`,qa=S.keyframes`
|
|
1373
1361
|
from {
|
|
1374
1362
|
opacity: 0;
|
|
1375
1363
|
transform: translateY(6px) scale(0.985);
|
|
@@ -1378,7 +1366,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1378
1366
|
opacity: 1;
|
|
1379
1367
|
transform: translateY(0px) scale(1);
|
|
1380
1368
|
}
|
|
1381
|
-
`,
|
|
1369
|
+
`,Ja=b.div`
|
|
1382
1370
|
position: fixed;
|
|
1383
1371
|
inset: 0;
|
|
1384
1372
|
z-index: ${({theme:e})=>e.components.modal.zIndex.overlay};
|
|
@@ -1386,14 +1374,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1386
1374
|
align-items: center;
|
|
1387
1375
|
justify-content: center;
|
|
1388
1376
|
padding: ${({theme:e})=>e.global.spacing.xl};
|
|
1389
|
-
`,
|
|
1377
|
+
`,Qa=b.div`
|
|
1390
1378
|
position: absolute;
|
|
1391
1379
|
inset: 0;
|
|
1392
1380
|
background: ${({theme:e})=>e.components.modal.overlay.background};
|
|
1393
1381
|
backdrop-filter: ${({theme:e})=>e.components.modal.overlay.backdropFilter};
|
|
1394
1382
|
-webkit-backdrop-filter: ${({theme:e})=>e.components.modal.overlay.backdropFilter};
|
|
1395
|
-
animation: ${
|
|
1396
|
-
`,
|
|
1383
|
+
animation: ${Ga} ${({theme:e})=>e.components.modal.animation.duration} ease forwards;
|
|
1384
|
+
`,el=b.div`
|
|
1397
1385
|
position: relative;
|
|
1398
1386
|
z-index: ${({theme:e})=>e.components.modal.zIndex.container};
|
|
1399
1387
|
|
|
@@ -1410,7 +1398,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1410
1398
|
border: ${({theme:e})=>e.components.modal.container.border};
|
|
1411
1399
|
box-shadow: ${({theme:e})=>e.components.modal.container.boxShadow};
|
|
1412
1400
|
|
|
1413
|
-
animation: ${
|
|
1401
|
+
animation: ${qa} ${({theme:e})=>e.components.modal.animation.duration}
|
|
1414
1402
|
${({theme:e})=>e.components.modal.animation.easing} forwards;
|
|
1415
1403
|
|
|
1416
1404
|
&:focus {
|
|
@@ -1421,7 +1409,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1421
1409
|
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1422
1410
|
outline-offset: 2px;
|
|
1423
1411
|
}
|
|
1424
|
-
`,
|
|
1412
|
+
`,tl=b.header`
|
|
1425
1413
|
display: flex;
|
|
1426
1414
|
align-items: center;
|
|
1427
1415
|
justify-content: space-between;
|
|
@@ -1433,7 +1421,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1433
1421
|
|
|
1434
1422
|
border-bottom: ${({theme:e})=>e.components.modal.header.borderBottom};
|
|
1435
1423
|
background: ${({theme:e})=>e.components.modal.header.background};
|
|
1436
|
-
`,
|
|
1424
|
+
`,rl=b.h2`
|
|
1437
1425
|
margin: 0;
|
|
1438
1426
|
padding: 0;
|
|
1439
1427
|
min-width: 0;
|
|
@@ -1448,7 +1436,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1448
1436
|
overflow: hidden;
|
|
1449
1437
|
text-overflow: ellipsis;
|
|
1450
1438
|
white-space: nowrap;
|
|
1451
|
-
`,
|
|
1439
|
+
`,ol=b.button`
|
|
1452
1440
|
margin: 0;
|
|
1453
1441
|
padding: 0;
|
|
1454
1442
|
border: none;
|
|
@@ -1488,7 +1476,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1488
1476
|
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1489
1477
|
outline-offset: 2px;
|
|
1490
1478
|
}
|
|
1491
|
-
`,
|
|
1479
|
+
`,nl=b.div`
|
|
1492
1480
|
flex: 1;
|
|
1493
1481
|
min-height: 0;
|
|
1494
1482
|
overflow: auto;
|
|
@@ -1513,33 +1501,33 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1513
1501
|
&::-webkit-scrollbar-thumb:hover {
|
|
1514
1502
|
background: ${({theme:e})=>e.semantic.colors.text.disabled};
|
|
1515
1503
|
}
|
|
1516
|
-
`,
|
|
1504
|
+
`,il=()=>i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function sl(e,t){if(e){if(typeof e=="function"){e(t);return}try{e.current=t}catch{}}}const Ho=c.forwardRef(({open:e,onOpenChange:t,children:r,title:o,hideHeader:n=!1,isDismissable:s=!0,closeOnEsc:a=!0,closeOnOverlay:l=!0,closeOnOutside:d=!0,shouldCloseOnInteractOutside:u,portalContainer:h,overlayClassName:p,overlayStyle:f,dialogClassName:x,dialogStyle:m,closeButtonClassName:g,closeButtonStyle:$},k)=>{if(typeof document>"u")return null;const j=c.useRef(null),w=c.useId(),y=c.useCallback(F=>{t(!1)},[t]),R=c.useMemo(()=>h||document.body,[h]);X.usePreventScroll({isDisabled:!e});const z=s===!0,A=z&&a,O=z&&d,{overlayProps:L,underlayProps:B}=X.useOverlay({isOpen:e,onClose:()=>y("reactAria"),isKeyboardDismissDisabled:!A,isDismissable:O,shouldCloseOnInteractOutside:O?u:()=>!1},j),{modalProps:U}=X.useModal(),{dialogProps:re,titleProps:K}=X.useDialog({"aria-label":n&&o?typeof o=="string"?o:"Modal":o?void 0:"Modal","aria-labelledby":!n&&o?w:void 0},j),V=c.useCallback(()=>{z&&y("closeButton")},[z,y]),Q=Re(L,re,U,{ref:F=>{j.current=F,sl(k,F)},className:x,style:m,"data-open":"true"}),D=c.useMemo(()=>{const{onPointerDown:F,onMouseDown:_,...q}=B;return l?B:q},[B,l]),I=i.jsxs(Ja,{children:[i.jsx(Qa,{...Re(D,{className:p,style:f,"data-open":"true"})}),i.jsx(_a,{contain:!0,restoreFocus:!0,autoFocus:!0,children:i.jsxs(el,{...Q,children:[!n&&(o||z)&&i.jsxs(tl,{children:[o?i.jsx(rl,{...K,id:w,children:o}):i.jsx("span",{}),z?i.jsx(ol,{type:"button",onClick:V,className:g,style:$,"aria-label":"关闭",children:i.jsx(il,{})}):null]}),i.jsx(nl,{children:r})]})})]});return!e||!R?null:Qt.createPortal(I,R)});Ho.displayName="Modal";const Ct=e=>{var t,r,o,n;return{cursor:"not-allowed",backgroundColor:((r=(t=e.components.numberfield)==null?void 0:t.background)==null?void 0:r.disabled)??"#f5f5f5",color:((n=(o=e.components.numberfield)==null?void 0:o.text)==null?void 0:n.disabled)??"#9aa0a6",opacity:.6}},al=b.div`
|
|
1517
1505
|
display: inline-flex;
|
|
1518
1506
|
flex-direction: column;
|
|
1519
|
-
`,
|
|
1507
|
+
`,ll=b.label`
|
|
1520
1508
|
margin-bottom: 6px;
|
|
1521
1509
|
font-size: 12px;
|
|
1522
|
-
`,
|
|
1510
|
+
`,cl=b.div`
|
|
1523
1511
|
display: inline-flex;
|
|
1524
1512
|
align-items: center;
|
|
1525
1513
|
justify-content: space-between;
|
|
1526
1514
|
text-align: center;
|
|
1527
|
-
gap: ${({theme:e})=>{var r,
|
|
1528
|
-
padding: ${({theme:e})=>{var r,
|
|
1529
|
-
border: 1px solid ${({theme:e})=>{var r
|
|
1530
|
-
border-radius: ${({theme:e})=>{var
|
|
1531
|
-
color: ${({theme:e})=>{var r
|
|
1532
|
-
background: ${({disabled:e,theme:
|
|
1533
|
-
height: ${({theme:e,size:
|
|
1534
|
-
font-size: ${({theme:e,size:
|
|
1515
|
+
gap: ${({theme:e})=>{var t,r,o;return((o=(r=(t=e.components.numberfield)==null?void 0:t.control)==null?void 0:r.side)==null?void 0:o.gap)??"8px"}};
|
|
1516
|
+
padding: ${({theme:e})=>{var t,r,o;return(o=(r=(t=e.components.numberfield)==null?void 0:t.control)==null?void 0:r.side)==null?void 0:o.inset}};
|
|
1517
|
+
border: 1px solid ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.border)==null?void 0:r.default)??"#d9d9d9"}};
|
|
1518
|
+
border-radius: ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.borderRadius)??"4px"}};
|
|
1519
|
+
color: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.text)==null?void 0:r.default)??"#0A1833"}};
|
|
1520
|
+
background: ${({disabled:e,theme:t})=>{var r,o,n,s;return e?(o=(r=t.components.numberfield)==null?void 0:r.background)==null?void 0:o.disabled:(s=(n=t.components.numberfield)==null?void 0:n.background)==null?void 0:s.default}};
|
|
1521
|
+
height: ${({theme:e,size:t})=>{var r,o,n,s,a,l;return t==="md"?((n=(o=(r=e.components.numberfield)==null?void 0:r.size)==null?void 0:o.md)==null?void 0:n.height)??"24px":((l=(a=(s=e.components.numberfield)==null?void 0:s.size)==null?void 0:a.lg)==null?void 0:l.height)??"32px"}};
|
|
1522
|
+
font-size: ${({theme:e,size:t})=>{var r,o,n,s,a,l;return t==="md"?((n=(o=(r=e.components.numberfield)==null?void 0:r.size)==null?void 0:o.md)==null?void 0:n.fontSize)??"12px":((l=(a=(s=e.components.numberfield)==null?void 0:s.size)==null?void 0:a.lg)==null?void 0:l.fontSize)??"14px"}};
|
|
1535
1523
|
|
|
1536
1524
|
// 优化宽度设置逻辑:先判断控件类型,再根据size设置不同宽度
|
|
1537
|
-
width: ${({controls:e,size:
|
|
1525
|
+
width: ${({controls:e,size:t,theme:r})=>{var o,n,s,a,l,d,u,h,p,f,x,m;return e==="arrows"?t==="md"?(s=(n=(o=r.components.numberfield)==null?void 0:o.control)==null?void 0:n.arrows)==null?void 0:s.widthsm:(d=(l=(a=r.components.numberfield)==null?void 0:a.control)==null?void 0:l.arrows)==null?void 0:d.widthLg:t==="md"?(p=(h=(u=r.components.numberfield)==null?void 0:u.control)==null?void 0:h.side)==null?void 0:p.widthsm:(m=(x=(f=r.components.numberfield)==null?void 0:f.control)==null?void 0:x.side)==null?void 0:m.widthLg}};
|
|
1538
1526
|
|
|
1539
1527
|
// 状态样式
|
|
1540
1528
|
&:disabled,
|
|
1541
1529
|
&[data-disabled="true"] {
|
|
1542
|
-
${({theme:e})=>
|
|
1530
|
+
${({theme:e})=>Ct(e)}
|
|
1543
1531
|
opacity: 0.8;
|
|
1544
1532
|
// 强制所有子元素不响应事件
|
|
1545
1533
|
* {
|
|
@@ -1547,29 +1535,29 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1547
1535
|
}
|
|
1548
1536
|
}
|
|
1549
1537
|
&:not(:disabled):not([data-disabled="true"]):hover {
|
|
1550
|
-
border-color: ${({theme:e})=>{var r
|
|
1538
|
+
border-color: ${({theme:e})=>{var t,r;return(r=(t=e.components.numberfield)==null?void 0:t.border)==null?void 0:r.hover}};
|
|
1551
1539
|
button:not(:disabled):not(:hover) {
|
|
1552
|
-
background: ${({theme:e})=>{var
|
|
1553
|
-
color: ${({theme:e})=>{var r
|
|
1540
|
+
background: ${({theme:e})=>{var t;return(t=e.components.numberfield)==null?void 0:t.background.hover}};
|
|
1541
|
+
color: ${({theme:e})=>{var t,r;return(r=(t=e.components.numberfield)==null?void 0:t.text)==null?void 0:r.default}};
|
|
1554
1542
|
}
|
|
1555
1543
|
}
|
|
1556
1544
|
|
|
1557
1545
|
// 禁用状态保持原有边框颜色
|
|
1558
1546
|
&:disabled,
|
|
1559
1547
|
&[data-disabled="true"] {
|
|
1560
|
-
border-color: ${({theme:e})=>{var r
|
|
1548
|
+
border-color: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.border)==null?void 0:r.default)??"#d9d9d9"}} !important;
|
|
1561
1549
|
}
|
|
1562
1550
|
}
|
|
1563
|
-
`,
|
|
1551
|
+
`,dl=b.input`
|
|
1564
1552
|
text-align: center;
|
|
1565
1553
|
border:none;
|
|
1566
1554
|
outline: none;
|
|
1567
|
-
width: ${({theme:e})=>{var r
|
|
1568
|
-
height: ${({theme:e})=>{var r
|
|
1569
|
-
font-size: ${({theme:e})=>{var r
|
|
1570
|
-
font-weight: ${({theme:e})=>{var r
|
|
1571
|
-
line-height: ${({theme:e})=>{var r
|
|
1572
|
-
font-family: ${({theme:e})=>{var r
|
|
1555
|
+
width: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.input)==null?void 0:r.width)??"40px"}};
|
|
1556
|
+
height: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.input)==null?void 0:r.height)??"18px"}};
|
|
1557
|
+
font-size: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.input)==null?void 0:r.fontSize)??"12px"}};
|
|
1558
|
+
font-weight: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.input)==null?void 0:r.fontWeight)??400}};
|
|
1559
|
+
line-height: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.input)==null?void 0:r.lineHeight)??"18px"}};
|
|
1560
|
+
font-family: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.input)==null?void 0:r.fontFamily)??"sans-serif"}};
|
|
1573
1561
|
|
|
1574
1562
|
// 移除默认箭头
|
|
1575
1563
|
&::-webkit-outer-spin-button,
|
|
@@ -1583,47 +1571,47 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1583
1571
|
// 状态样式
|
|
1584
1572
|
&:disabled,
|
|
1585
1573
|
&[data-disabled="true"] {
|
|
1586
|
-
${({theme:e})=>
|
|
1574
|
+
${({theme:e})=>Ct(e)}
|
|
1587
1575
|
}
|
|
1588
1576
|
|
|
1589
|
-
`,
|
|
1577
|
+
`,ul=b.div`
|
|
1590
1578
|
margin-top: 6px;
|
|
1591
1579
|
font-size: 12px;
|
|
1592
|
-
color: ${({theme:e})=>{var r
|
|
1593
|
-
`,
|
|
1580
|
+
color: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.text)==null?void 0:r.placeholder)??"#6b6b6b"}};
|
|
1581
|
+
`,fl=b.div`
|
|
1594
1582
|
display: inline-flex;
|
|
1595
1583
|
flex-direction: column;
|
|
1596
1584
|
gap: 1px;
|
|
1597
|
-
`,
|
|
1585
|
+
`,Fr=b.button`
|
|
1598
1586
|
background: transparent;
|
|
1599
1587
|
border: none;
|
|
1600
1588
|
border-radius: ${({direction:e})=>e==="up"?"4px 4px 0 0":"0 0 4px 4px"};
|
|
1601
1589
|
display: inline-flex;
|
|
1602
1590
|
align-items: center;
|
|
1603
1591
|
justify-content: center;
|
|
1604
|
-
width: ${({theme:e,size:
|
|
1605
|
-
height: ${({theme:e,size:
|
|
1606
|
-
color: ${({theme:e})=>{var
|
|
1592
|
+
width: ${({theme:e,size:t})=>{var o,n,s,a,l,d;return`calc(${t==="md"?(s=(n=(o=e.components.numberfield)==null?void 0:o.control)==null?void 0:n.arrows)==null?void 0:s.buttonSizeSm:(d=(l=(a=e.components.numberfield)==null?void 0:a.control)==null?void 0:l.arrows)==null?void 0:d.buttonSizeLg} * 2)`}};
|
|
1593
|
+
height: ${({theme:e,size:t})=>{var o,n,s,a,l,d;return t==="md"?(s=(n=(o=e.components.numberfield)==null?void 0:o.control)==null?void 0:n.arrows)==null?void 0:s.buttonSizeSm:(d=(l=(a=e.components.numberfield)==null?void 0:a.control)==null?void 0:l.arrows)==null?void 0:d.buttonSizeLg}};
|
|
1594
|
+
color: ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.border.default)??"#0A1833"}};
|
|
1607
1595
|
cursor: pointer;
|
|
1608
1596
|
// 使用主题中numberfield定义的transition参数
|
|
1609
|
-
transition: background-color ${({theme:e})=>{var
|
|
1610
|
-
color ${({theme:e})=>{var
|
|
1611
|
-
transform ${({theme:e})=>{var
|
|
1597
|
+
transition: background-color ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.transition)||"0.2s ease"}},
|
|
1598
|
+
color ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.transition)||"0.2s ease"}},
|
|
1599
|
+
transform ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.transition)||"0.2s ease"}};
|
|
1612
1600
|
|
|
1613
1601
|
&:disabled,
|
|
1614
1602
|
&[data-disabled="true"] {
|
|
1615
|
-
${({theme:e})=>
|
|
1603
|
+
${({theme:e})=>Ct(e)}
|
|
1616
1604
|
transition: none; // 禁用状态不使用过渡
|
|
1617
1605
|
}
|
|
1618
1606
|
|
|
1619
1607
|
&:not(:disabled):hover:not([data-disabled="true"]) {
|
|
1620
|
-
background-color: ${({theme:e})=>{var r
|
|
1621
|
-
color: ${({theme:e})=>{var r
|
|
1608
|
+
background-color: ${({theme:e})=>{var t,r;return(r=(t=e.components.numberfield)==null?void 0:t.border)==null?void 0:r.default}};
|
|
1609
|
+
color: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.border)==null?void 0:r.hover)??"#1890ff"}};
|
|
1622
1610
|
}
|
|
1623
1611
|
|
|
1624
1612
|
// 添加点击效果:点击变大一点再变回来
|
|
1625
1613
|
&:not(:disabled):active:not([data-disabled="true"]) {
|
|
1626
|
-
animation: clickScale ${({theme:e})=>{var r
|
|
1614
|
+
animation: clickScale ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.transition)==null?void 0:r.replace("0.2s","0.3s"))||"0.3s ease"}};
|
|
1627
1615
|
}
|
|
1628
1616
|
|
|
1629
1617
|
// 定义点击缩放动画
|
|
@@ -1632,38 +1620,38 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1632
1620
|
50% { transform: scale(1.1); }
|
|
1633
1621
|
100% { transform: scale(1); }
|
|
1634
1622
|
}
|
|
1635
|
-
`,
|
|
1623
|
+
`,Dr=b.button`
|
|
1636
1624
|
display: inline-flex;
|
|
1637
1625
|
align-items: center;
|
|
1638
1626
|
justify-content: center;
|
|
1639
|
-
width: ${({theme:e,size:
|
|
1640
|
-
height: ${({theme:e,size:
|
|
1627
|
+
width: ${({theme:e,size:t})=>{var r,o,n,s,a,l;return t==="md"?(n=(o=(r=e.components.numberfield)==null?void 0:r.control)==null?void 0:o.side)==null?void 0:n.buttonSizeSm:(l=(a=(s=e.components.numberfield)==null?void 0:s.control)==null?void 0:a.side)==null?void 0:l.buttonSizeLg}};
|
|
1628
|
+
height: ${({theme:e,size:t})=>{var r,o,n,s,a,l;return t==="md"?(n=(o=(r=e.components.numberfield)==null?void 0:r.control)==null?void 0:o.side)==null?void 0:n.buttonSizeSm:(l=(a=(s=e.components.numberfield)==null?void 0:s.control)==null?void 0:a.side)==null?void 0:l.buttonSizeLg}};
|
|
1641
1629
|
background: transparent;
|
|
1642
|
-
color: ${({theme:e})=>{var
|
|
1630
|
+
color: ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.border.default)??"#d9d9d9"}};
|
|
1643
1631
|
border: none;
|
|
1644
1632
|
cursor: pointer;
|
|
1645
1633
|
border-radius: 6px;
|
|
1646
1634
|
padding: 2px;
|
|
1647
1635
|
// 使用主题中numberfield定义的transition参数
|
|
1648
|
-
transition: background-color ${({theme:e})=>{var
|
|
1649
|
-
color ${({theme:e})=>{var
|
|
1650
|
-
transform ${({theme:e})=>{var
|
|
1636
|
+
transition: background-color ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.transition)||"0.2s ease"}},
|
|
1637
|
+
color ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.transition)||"0.2s ease"}},
|
|
1638
|
+
transform ${({theme:e})=>{var t;return((t=e.components.numberfield)==null?void 0:t.transition)||"0.2s ease"}};
|
|
1651
1639
|
|
|
1652
1640
|
&:disabled,
|
|
1653
1641
|
&[data-disabled="true"] {
|
|
1654
|
-
${({theme:e})=>
|
|
1642
|
+
${({theme:e})=>Ct(e)}
|
|
1655
1643
|
transition: none; // 禁用状态不使用过渡
|
|
1656
1644
|
}
|
|
1657
1645
|
|
|
1658
1646
|
// 添加hover状态控制背景颜色和图标颜色
|
|
1659
1647
|
&:not(:disabled):hover:not([data-disabled="true"]) {
|
|
1660
|
-
background-color: ${({theme:e})=>{var
|
|
1661
|
-
color: ${({theme:e})=>{var r
|
|
1648
|
+
background-color: ${({theme:e})=>{var t;return(t=e.components.numberfield)==null?void 0:t.border.default}};
|
|
1649
|
+
color: ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.border)==null?void 0:r.hover)??"#1890ff"}};
|
|
1662
1650
|
}
|
|
1663
1651
|
|
|
1664
1652
|
// 添加点击效果:点击变大一点再变回来
|
|
1665
1653
|
&:not(:disabled):active:not([data-disabled="true"]) {
|
|
1666
|
-
animation: clickScale ${({theme:e})=>{var r
|
|
1654
|
+
animation: clickScale ${({theme:e})=>{var t,r;return((r=(t=e.components.numberfield)==null?void 0:t.transition)==null?void 0:r.replace("0.2s","0.3s"))||"0.3s ease"}};
|
|
1667
1655
|
}
|
|
1668
1656
|
|
|
1669
1657
|
// 定义点击缩放动画
|
|
@@ -1672,14 +1660,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1672
1660
|
50% { transform: scale(1.1); }
|
|
1673
1661
|
100% { transform: scale(1); }
|
|
1674
1662
|
}
|
|
1675
|
-
`,
|
|
1663
|
+
`,pl=lr,hl=jo,bl=ar,gl=nt,Wo=c.forwardRef(({min:e,max:t,step:r=1,value:o,defaultValue:n,onChange:s,onValueChange:a,onChangeValue:l,disabled:d,className:u,label:h,description:p,error:f=!1,id:x,controls:m="buttons",size:g="md",...$},k)=>{const v=c.useRef(null);c.useEffect(()=>{k&&(typeof k=="function"?k(v.current):k.current=v.current)},[k]);const j=o!==void 0,[w,y]=c.useState(n),R=j?o:w,z=D=>{let I=D;return e!==void 0&&(I=Math.max(I,e)),t!==void 0&&(I=Math.min(I,t)),I},A=D=>{a==null||a(D),l==null||l(D)},O=D=>{var I;if(j||y(D),v.current){const F=(I=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:I.set;F==null||F.call(v.current,D===void 0?"":String(D));const _=new Event("input",{bubbles:!0});Object.defineProperty(_,"target",{writable:!1,value:v.current}),s==null||s(_)}A(D)},L=D=>{const I=D.target.value,F=I===""?e!==void 0?e:0:Number(I),_=Number.isNaN(F)?e!==void 0?e:0:z(F);j||y(_),A(_),s==null||s(D)},B=()=>{const I=z((R??0)+(r??1));O(I)},U=()=>{const I=z((R??0)-(r??1));O(I)},re=D=>{D.key==="ArrowUp"?(D.preventDefault(),B()):D.key==="ArrowDown"&&(D.preventDefault(),U())},K=x||`number-${Math.random().toString(36).slice(2,9)}`,V=R!==void 0&&e!==void 0&&R<=e,Q=R!==void 0&&t!==void 0&&R>=t;return i.jsxs(al,{className:u,children:[h&&i.jsx(ll,{htmlFor:K,"aria-hidden":!1,children:h}),i.jsxs(cl,{className:`controls-${m} size-${g}`,size:g,disabled:d,controls:m,children:[m==="buttons"&&i.jsx(Dr,{className:"btn-decrement",pos:"left",size:g,type:"button",onClick:U,disabled:d||V,children:i.jsx(hl,{size:g==="lg"?12:8.571})}),i.jsx(dl,{...$,id:K,ref:v,type:"number",value:R===void 0?"":String(R),onChange:L,onKeyDown:re,min:e,max:t,step:r,disabled:d,"aria-invalid":f,"aria-describedby":p?`${K}-desc`:void 0,className:m==="buttons"?"with-side-controls":void 0,"data-size":g}),m==="buttons"&&i.jsx(Dr,{className:"btn-increment",pos:"right",size:g,type:"button",onClick:B,disabled:d||Q,children:i.jsx(pl,{size:g==="lg"?12:8.571})}),m==="arrows"&&i.jsxs(fl,{className:"arrow-group",children:[i.jsx(Fr,{direction:"up",type:"button",size:g,onClick:B,disabled:d||Q,className:"arrow-up",children:i.jsx(bl,{})}),i.jsx(Fr,{direction:"down",type:"button","aria-label":"减小",title:"减小",size:g,onClick:U,disabled:d||V,className:"arrow-down",children:i.jsx(gl,{})})]})]}),p&&i.jsx(ul,{id:`${K}-desc`,children:p})]})});Wo.displayName="NumberInput";const ml=b("label",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:t})=>({display:"inline-flex",alignItems:"center",gap:e.components.radio.gap,cursor:t?"not-allowed":"pointer",opacity:t?e.components.radio.disabled.opacity:1,transition:`opacity ${e.components.radio.transition}`})),xl=b("span",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:t})=>({position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:e.components.radio.control.size,height:e.components.radio.control.size,borderRadius:e.components.radio.control.borderRadius,borderWidth:e.components.radio.control.borderWidth,borderStyle:"solid",borderColor:t?e.components.radio.control.borderColor.disabled:e.components.radio.control.borderColor.default,background:e.components.radio.control.background,transition:`border-color ${e.components.radio.transition}, box-shadow ${e.components.radio.transition}, transform ${e.components.radio.transition}`,flexShrink:0})),vl=b("input")(({theme:e})=>({position:"absolute",inset:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:"inherit","&:focus-visible + span":{boxShadow:e.components.radio.focusRing},"&:hover:not(:disabled) + span":{borderColor:e.components.radio.control.borderColor.hover,transform:"translateY(-0.5px)"},"&:checked + span":{borderColor:e.components.radio.control.borderColor.checked},"&:checked + span::after":{transform:"translate(-50%, -50%) scale(1)",opacity:1},"&:disabled + span":{borderColor:e.components.radio.control.borderColor.disabled},"&:disabled + span::after":{background:e.components.radio.control.indicator.disabled}})),yl=b("span")(({theme:e})=>({position:"relative",inset:0,width:"100%",height:"100%",borderRadius:"inherit",boxShadow:"none","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",width:e.components.radio.control.indicator.size,height:e.components.radio.control.indicator.size,background:e.components.radio.control.indicator.color,borderRadius:"inherit",transform:"translate(-50%, -50%) scale(0.35)",opacity:0,transition:`transform ${e.components.radio.transition}, opacity ${e.components.radio.transition}`}})),$l=b("span")({display:"flex",flexDirection:"column",gap:"0.25rem",minWidth:0}),wl=b("span",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:t})=>({fontSize:e.components.radio.text.label.fontSize,fontWeight:e.components.radio.text.label.fontWeight,color:t?e.components.radio.text.label.disabled:e.components.radio.text.label.color,lineHeight:1.5,transition:`color ${e.components.radio.transition}`})),kl=b("span",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:t})=>({margin:0,color:t?e.components.radio.text.description.disabled:e.components.radio.text.description.color,fontSize:e.components.radio.text.description.fontSize,lineHeight:1.4,transition:`color ${e.components.radio.transition}`})),gr=c.forwardRef(({label:e,description:t,className:r,...o},n)=>{const s=!!o.disabled;return i.jsxs(ml,{disabled:s,className:r,"data-disabled":s?"true":void 0,children:[i.jsxs(xl,{disabled:s,children:[i.jsx(vl,{ref:n,type:"radio",disabled:s,...o}),i.jsx(yl,{"aria-hidden":!0})]}),(e||t)&&i.jsxs($l,{children:[e?i.jsx(wl,{disabled:s,children:e}):null,t?i.jsx(kl,{disabled:s,children:t}):null]})]})});gr.displayName="Radio";const Sl=["rect","text","circle"],Cl=["sm","md","lg","pill"],jl=S.keyframes`
|
|
1676
1664
|
0% {
|
|
1677
1665
|
transform: translateX(-100%);
|
|
1678
1666
|
}
|
|
1679
1667
|
100% {
|
|
1680
1668
|
transform: translateX(100%);
|
|
1681
1669
|
}
|
|
1682
|
-
`,
|
|
1670
|
+
`,Uo=({theme:e})=>S.css`
|
|
1683
1671
|
&::after {
|
|
1684
1672
|
content: '';
|
|
1685
1673
|
position: absolute;
|
|
@@ -1690,7 +1678,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1690
1678
|
${e.components.skeleton.background.highlight} 50%,
|
|
1691
1679
|
transparent 100%
|
|
1692
1680
|
);
|
|
1693
|
-
animation: ${
|
|
1681
|
+
animation: ${jl} ${e.components.skeleton.animation.duration}
|
|
1694
1682
|
${e.components.skeleton.animation.easing} infinite;
|
|
1695
1683
|
transform: translateX(-100%);
|
|
1696
1684
|
}
|
|
@@ -1702,36 +1690,36 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1702
1690
|
transform: translateX(-50%);
|
|
1703
1691
|
}
|
|
1704
1692
|
}
|
|
1705
|
-
`,
|
|
1693
|
+
`,El=b.div`
|
|
1706
1694
|
position: relative;
|
|
1707
1695
|
overflow: hidden;
|
|
1708
1696
|
display: block;
|
|
1709
1697
|
background: ${({theme:e})=>e.components.skeleton.background.base};
|
|
1710
|
-
border-radius: ${({theme:e,$variant:
|
|
1711
|
-
width: ${({$variant:e,$width:
|
|
1712
|
-
height: ${({$variant:e,$height:
|
|
1698
|
+
border-radius: ${({theme:e,$variant:t,$radius:r})=>t==="circle"?e.components.skeleton.radius.circle:e.components.skeleton.radius[r]};
|
|
1699
|
+
width: ${({$variant:e,$width:t,theme:r})=>e==="circle"?t??r.components.skeleton.circle.size:t??"100%"};
|
|
1700
|
+
height: ${({$variant:e,$height:t,theme:r})=>e==="circle"?t??r.components.skeleton.circle.size:e==="text"?t??r.components.skeleton.text.lineHeight:t??r.components.skeleton.block.height};
|
|
1713
1701
|
|
|
1714
|
-
${({$animate:e,theme:
|
|
1715
|
-
${
|
|
1702
|
+
${({$animate:e,theme:t})=>e&&S.css`
|
|
1703
|
+
${Uo({theme:t})}
|
|
1716
1704
|
`}
|
|
1717
|
-
`,
|
|
1705
|
+
`,zl=b.div`
|
|
1718
1706
|
display: flex;
|
|
1719
1707
|
flex-direction: column;
|
|
1720
1708
|
gap: ${({theme:e})=>e.components.skeleton.text.gap};
|
|
1721
1709
|
width: ${({$width:e})=>e??"100%"};
|
|
1722
|
-
`,
|
|
1710
|
+
`,Tl=b.span`
|
|
1723
1711
|
position: relative;
|
|
1724
1712
|
overflow: hidden;
|
|
1725
1713
|
display: block;
|
|
1726
1714
|
background: ${({theme:e})=>e.components.skeleton.background.base};
|
|
1727
1715
|
height: ${({theme:e})=>e.components.skeleton.text.lineHeight};
|
|
1728
1716
|
border-radius: ${({theme:e})=>e.components.skeleton.radius.pill};
|
|
1729
|
-
width: ${({$customWidth:e,$isLast:
|
|
1717
|
+
width: ${({$customWidth:e,$isLast:t,theme:r})=>e??(t?r.components.skeleton.text.lastLineWidth:"100%")};
|
|
1730
1718
|
|
|
1731
|
-
${({$animate:e,theme:
|
|
1732
|
-
${
|
|
1719
|
+
${({$animate:e,theme:t})=>e&&S.css`
|
|
1720
|
+
${Uo({theme:t})}
|
|
1733
1721
|
`}
|
|
1734
|
-
|
|
1722
|
+
`,Or=e=>{if(e!==void 0)return typeof e=="number"?`${e}px`:e},Yo=c.forwardRef(({variant:e="rect",width:t,height:r,lines:o=e==="text"?3:1,animate:n=!0,radius:s="md",loaded:a=!1,className:l,children:d,style:u,...h},p)=>{const f=Or(t),x=Or(r),m=Math.max(1,o),g=e==="text"&&m>1;if(a)return d?i.jsx("div",{ref:p,className:l,style:u,...h,children:d}):null;const $={role:"status","aria-live":"polite","aria-busy":!0};return g?i.jsx(zl,{ref:p,className:l,style:u,$width:f,"data-variant":"text",...$,...h,children:Array.from({length:m}).map((k,v)=>i.jsx(Tl,{$animate:n,$isLast:v===m-1,$customWidth:v===m-1?f:void 0,"aria-hidden":"true"},v))}):i.jsx(El,{ref:p,className:l,style:u,$variant:e,$animate:n,$radius:s,$width:f,$height:x,"data-variant":e,...$,...h})});Yo.displayName="Skeleton";const Br=S.keyframes`
|
|
1735
1723
|
0% {
|
|
1736
1724
|
transform: scale(1);
|
|
1737
1725
|
opacity: 0.6;
|
|
@@ -1744,24 +1732,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1744
1732
|
transform: scale(1);
|
|
1745
1733
|
opacity: 0.6;
|
|
1746
1734
|
}
|
|
1747
|
-
`,
|
|
1735
|
+
`,Rl=b.div`
|
|
1748
1736
|
display: flex;
|
|
1749
1737
|
flex-direction: ${({orientation:e})=>e==="vertical"?"column":"row"};
|
|
1750
1738
|
width: 100%;
|
|
1751
1739
|
|
|
1752
|
-
${({orientation:e})=>e==="horizontal"&&
|
|
1740
|
+
${({orientation:e})=>e==="horizontal"&&S.css`
|
|
1753
1741
|
align-items: flex-start;
|
|
1754
1742
|
`}
|
|
1755
|
-
`,
|
|
1743
|
+
`,Ll=b.div`
|
|
1756
1744
|
position: relative;
|
|
1757
1745
|
display: flex;
|
|
1758
|
-
flex: ${({isLast:e,orientation:
|
|
1759
|
-
flex-direction: ${({orientation:e,labelPlacement:
|
|
1760
|
-
align-items: ${({orientation:e,labelPlacement:
|
|
1746
|
+
flex: ${({isLast:e,orientation:t})=>e||t==="vertical"?"0 0 auto":"1"};
|
|
1747
|
+
flex-direction: ${({orientation:e,labelPlacement:t})=>e==="horizontal"&&t==="bottom"?"column":"row"};
|
|
1748
|
+
align-items: ${({orientation:e,labelPlacement:t})=>e==="horizontal"&&t==="bottom"?"center":"flex-start"};
|
|
1761
1749
|
|
|
1762
1750
|
/* Gap between content elements */
|
|
1763
1751
|
gap: ${({theme:e})=>e.components.stepper.gap};
|
|
1764
|
-
`,
|
|
1752
|
+
`,Rt=b.div`
|
|
1765
1753
|
position: relative;
|
|
1766
1754
|
display: flex;
|
|
1767
1755
|
align-items: center;
|
|
@@ -1769,34 +1757,34 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1769
1757
|
z-index: 1; /* To stay above line */
|
|
1770
1758
|
|
|
1771
1759
|
/* Size */
|
|
1772
|
-
width: ${({theme:e,size:
|
|
1773
|
-
height: ${({theme:e,size:
|
|
1760
|
+
width: ${({theme:e,size:t,variant:r})=>r==="dot"?e.components.stepper.dot.size[t]:e.components.stepper.circle.size[t]};
|
|
1761
|
+
height: ${({theme:e,size:t,variant:r})=>r==="dot"?e.components.stepper.dot.size[t]:e.components.stepper.circle.size[t]};
|
|
1774
1762
|
|
|
1775
1763
|
border-radius: 50%;
|
|
1776
1764
|
border: ${({variant:e})=>e==="dot"?"none":"1px solid"};
|
|
1777
1765
|
transition: all 0.2s ease;
|
|
1778
1766
|
|
|
1779
1767
|
/* Colors based on Status */
|
|
1780
|
-
${({theme:e,status:
|
|
1781
|
-
background-color: ${
|
|
1782
|
-
color: ${
|
|
1783
|
-
${
|
|
1768
|
+
${({theme:e,status:t,variant:r})=>{const o=e.components.stepper,n=o.state[t];let s=n.color,a="transparent",l=n.color;return r==="dot"?(t==="wait"?a=o.line.color.default:a=n.color,l="transparent",S.css`
|
|
1769
|
+
background-color: ${a};
|
|
1770
|
+
color: ${l};
|
|
1771
|
+
${t==="process"?`
|
|
1784
1772
|
&::after {
|
|
1785
1773
|
content: '';
|
|
1786
1774
|
position: absolute;
|
|
1787
1775
|
inset: -4px;
|
|
1788
1776
|
border-radius: 50%;
|
|
1789
1777
|
background-color: ${o.dot.pulseColor};
|
|
1790
|
-
animation: ${
|
|
1778
|
+
animation: ${Br} 1.5s ease-in-out infinite;
|
|
1791
1779
|
will-change: transform, opacity;
|
|
1792
1780
|
z-index: -1;
|
|
1793
1781
|
}
|
|
1794
1782
|
`:""}
|
|
1795
|
-
`):(
|
|
1796
|
-
border-color: ${
|
|
1797
|
-
background-color: ${
|
|
1798
|
-
color: ${
|
|
1799
|
-
${
|
|
1783
|
+
`):(t==="process"?(s=n.color,a=n.bg,l=e.global.colors.common.white):t==="finish"?(s=n.color,a=n.bg,l=n.color):(t==="error"&&(s=n.color,a=n.bg),l=n.color),S.css`
|
|
1784
|
+
border-color: ${s};
|
|
1785
|
+
background-color: ${a};
|
|
1786
|
+
color: ${l};
|
|
1787
|
+
${t==="process"?`
|
|
1800
1788
|
&::after {
|
|
1801
1789
|
content: '';
|
|
1802
1790
|
position: absolute;
|
|
@@ -1804,7 +1792,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1804
1792
|
border-radius: 50%;
|
|
1805
1793
|
border: 2px solid ${n.color};
|
|
1806
1794
|
opacity: 0.6;
|
|
1807
|
-
animation: ${
|
|
1795
|
+
animation: ${Br} 1.5s ease-in-out infinite;
|
|
1808
1796
|
will-change: transform, opacity;
|
|
1809
1797
|
z-index: -1;
|
|
1810
1798
|
}
|
|
@@ -1812,136 +1800,136 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1812
1800
|
`)}}
|
|
1813
1801
|
|
|
1814
1802
|
/* Text style inside circle */
|
|
1815
|
-
font-size: ${({theme:e,size:
|
|
1803
|
+
font-size: ${({theme:e,size:t})=>e.components.stepper.circle.fontSize[t]};
|
|
1816
1804
|
font-weight: 500;
|
|
1817
1805
|
|
|
1818
1806
|
/* Icon size control */
|
|
1819
1807
|
svg {
|
|
1820
|
-
width: ${({theme:e,size:
|
|
1821
|
-
height: ${({theme:e,size:
|
|
1808
|
+
width: ${({theme:e,size:t})=>e.components.stepper.circle.iconSize[t]};
|
|
1809
|
+
height: ${({theme:e,size:t})=>e.components.stepper.circle.iconSize[t]};
|
|
1822
1810
|
flex-shrink: 0;
|
|
1823
1811
|
}
|
|
1824
|
-
`,
|
|
1812
|
+
`,Lt=b.div`
|
|
1825
1813
|
display: flex;
|
|
1826
1814
|
flex-direction: column;
|
|
1827
1815
|
justify-content: center;
|
|
1828
1816
|
|
|
1829
|
-
${({orientation:e,labelPlacement:
|
|
1817
|
+
${({orientation:e,labelPlacement:t})=>e==="horizontal"&&t==="bottom"&&S.css`
|
|
1830
1818
|
align-items: center;
|
|
1831
1819
|
text-align: center;
|
|
1832
1820
|
padding-top: 4px; /* Space between icon and text */
|
|
1833
1821
|
`}
|
|
1834
1822
|
|
|
1835
|
-
${({orientation:e,labelPlacement:
|
|
1823
|
+
${({orientation:e,labelPlacement:t})=>(e==="vertical"||t==="right")&&S.css`
|
|
1836
1824
|
padding-left: 4px; /* Space between icon and text */
|
|
1837
1825
|
/* Adjust for vertical alignment with icon center if needed */
|
|
1838
1826
|
padding-top: 4px;
|
|
1839
1827
|
`}
|
|
1840
|
-
`,
|
|
1828
|
+
`,Mt=b.div`
|
|
1841
1829
|
font-size: ${({theme:e})=>e.components.stepper.text.title.fontSize};
|
|
1842
1830
|
font-weight: ${({theme:e})=>e.components.stepper.text.title.fontWeight};
|
|
1843
1831
|
line-height: 1.4;
|
|
1844
1832
|
|
|
1845
|
-
color: ${({theme:e,status:
|
|
1846
|
-
`,
|
|
1833
|
+
color: ${({theme:e,status:t})=>{const r=e.components.stepper.text.title.color;switch(t){case"process":return r.active;case"finish":return r.default;case"error":return r.error;case"wait":return r.waiting;default:return r.default}}};
|
|
1834
|
+
`,It=b.div`
|
|
1847
1835
|
font-size: ${({theme:e})=>e.components.stepper.text.description.fontSize};
|
|
1848
1836
|
color: ${({theme:e})=>e.components.stepper.text.description.color};
|
|
1849
1837
|
line-height: 1.4;
|
|
1850
1838
|
margin-top: 2px;
|
|
1851
|
-
`,
|
|
1839
|
+
`,Nt=b.div`
|
|
1852
1840
|
transition: background-color 0.2s ease;
|
|
1853
1841
|
|
|
1854
|
-
${({orientation:e,theme:
|
|
1842
|
+
${({orientation:e,theme:t,isFinished:r,size:o,labelPlacement:n,variant:s})=>{const a=s==="dot"?t.components.stepper.dot.size[o]:t.components.stepper.circle.size[o],d=parseInt(a)/2;return e==="horizontal"?S.css`
|
|
1855
1843
|
flex: 1;
|
|
1856
1844
|
height: 1px;
|
|
1857
|
-
background-color: ${t
|
|
1858
|
-
margin: 0 ${
|
|
1845
|
+
background-color: ${r?t.components.stepper.line.color.active:t.components.stepper.line.color.default};
|
|
1846
|
+
margin: 0 ${t.components.stepper.gap};
|
|
1859
1847
|
margin-top: ${d}px;
|
|
1860
1848
|
${n==="bottom"?"align-self: flex-start;":""}
|
|
1861
|
-
`:
|
|
1849
|
+
`:S.css`
|
|
1862
1850
|
width: 1px;
|
|
1863
1851
|
min-height: 40px;
|
|
1864
1852
|
flex: 1;
|
|
1865
|
-
background-color: ${t
|
|
1853
|
+
background-color: ${r?t.components.stepper.line.color.active:t.components.stepper.line.color.default};
|
|
1866
1854
|
margin-top: 4px;
|
|
1867
1855
|
`}}
|
|
1868
|
-
`,
|
|
1856
|
+
`,Zo=c.forwardRef((e,t)=>{const{active:r=0,orientation:o="horizontal",labelPlacement:n="right",size:s="md",variant:a="default",children:l,className:d,onChange:u,...h}=e,p=c.Children.toArray(l).filter(c.isValidElement);return i.jsx(Rl,{ref:t,orientation:o,className:d,role:"list","aria-label":"Progress",...h,children:p.map((f,x)=>{const m=f.props;let g="wait";return m.status?g=m.status:x<r?g="finish":x===r?g="process":g="wait",c.cloneElement(f,{index:x,last:x===p.length-1,orientation:o,labelPlacement:o==="vertical"?"right":n,size:s,status:g,variant:a,onClick:()=>{var $;u&&!m.disabled&&u(x),($=m.onClick)==null||$.call(m)}})})})});Zo.displayName="Stepper";const Xo=c.forwardRef((e,t)=>{const{title:r,description:o,icon:n,status:s="wait",index:a=0,orientation:l="horizontal",labelPlacement:d="right",size:u="md",last:h=!1,variant:p="default",className:f,onClick:x,...m}=e,g=()=>{if(n)return n;switch(s){case"finish":return i.jsx(cr,{});case"error":return i.jsx(dr,{});default:return i.jsx("span",{children:a+1})}},$=l==="horizontal"&&p==="dot"?"bottom":d,v=!(p==="dot"&&!n)?g():null,j=l==="vertical"&&!h,w=l==="horizontal"&&!h;return i.jsxs(Ll,{ref:t,className:f,orientation:l,labelPlacement:$,status:s,isLast:h,variant:p,onClick:x,role:"listitem","aria-current":s==="process"?"step":void 0,...m,children:[l==="vertical"&&i.jsxs(i.Fragment,{children:[i.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,minHeight:h?"auto":"80px"},children:[i.jsx(Rt,{status:s,size:u,variant:p,children:v}),j&&i.jsx(Nt,{orientation:"vertical",labelPlacement:$,isFinished:s==="finish",size:u,variant:p})]}),i.jsxs(Lt,{orientation:l,labelPlacement:$,children:[i.jsx(Mt,{status:s,children:r}),o&&i.jsx(It,{children:o})]})]}),l==="horizontal"&&i.jsx(i.Fragment,{children:$==="bottom"?i.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",width:"100%"},children:[i.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[i.jsx(Rt,{status:s,size:u,variant:p,children:v}),i.jsxs(Lt,{orientation:l,labelPlacement:$,children:[i.jsx(Mt,{status:s,children:r}),o&&i.jsx(It,{children:o})]})]}),w&&i.jsx(Nt,{orientation:"horizontal",labelPlacement:$,isFinished:s==="finish",size:u,variant:p})]}):i.jsxs(i.Fragment,{children:[i.jsx(Rt,{status:s,size:u,variant:p,children:v}),i.jsxs(Lt,{orientation:l,labelPlacement:$,children:[i.jsx(Mt,{status:s,children:r}),o&&i.jsx(It,{children:o})]}),w&&i.jsx(Nt,{orientation:"horizontal",labelPlacement:$,isFinished:s==="finish",size:u,variant:p})]})})]})});Xo.displayName="Step";const Ml=["line","circle"],Il=["sm","md","lg"],Nl=["normal","error","warning","success"],jt=(e,t)=>({normal:t.semantic.colors.brand.primary,error:t.semantic.colors.state.danger,warning:t.semantic.colors.state.warning,success:t.semantic.colors.state.success})[e],Pl=b.div`
|
|
1869
1857
|
display: flex;
|
|
1870
1858
|
align-items: center;
|
|
1871
1859
|
gap: 16px;
|
|
1872
1860
|
width: 100%;
|
|
1873
|
-
|
|
1861
|
+
`,Al=b.div`
|
|
1874
1862
|
position: relative;
|
|
1875
1863
|
flex: 1;
|
|
1876
1864
|
background: ${({theme:e})=>e.semantic.colors.background.secondary};
|
|
1877
1865
|
border-radius: 5px;
|
|
1878
1866
|
overflow: hidden;
|
|
1879
1867
|
|
|
1880
|
-
${({size:e})=>e==="sm"?
|
|
1868
|
+
${({size:e})=>e==="sm"?S.css`
|
|
1881
1869
|
height: 6px;
|
|
1882
|
-
`:
|
|
1870
|
+
`:S.css`
|
|
1883
1871
|
height: 8px;
|
|
1884
1872
|
`}
|
|
1885
|
-
`,
|
|
1873
|
+
`,Fl=b.div`
|
|
1886
1874
|
height: 100%;
|
|
1887
1875
|
width: ${({percent:e})=>e}%;
|
|
1888
|
-
background: ${({status:e,theme:
|
|
1876
|
+
background: ${({status:e,theme:t})=>jt(e,t)};
|
|
1889
1877
|
border-radius: 5px;
|
|
1890
1878
|
transition: width 0.3s ease, background 0.3s ease;
|
|
1891
|
-
`,
|
|
1879
|
+
`,Dl=b.span`
|
|
1892
1880
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
1893
1881
|
font-size: 12px;
|
|
1894
1882
|
line-height: 18px;
|
|
1895
1883
|
color: ${({theme:e})=>e.semantic.colors.text.secondary};
|
|
1896
1884
|
white-space: nowrap;
|
|
1897
1885
|
flex-shrink: 0;
|
|
1898
|
-
`,
|
|
1886
|
+
`,Ol=b.span`
|
|
1899
1887
|
display: inline-flex;
|
|
1900
1888
|
align-items: center;
|
|
1901
1889
|
justify-content: center;
|
|
1902
1890
|
width: 16px;
|
|
1903
1891
|
height: 16px;
|
|
1904
1892
|
flex-shrink: 0;
|
|
1905
|
-
color: ${({status:e,theme:
|
|
1893
|
+
color: ${({status:e,theme:t})=>jt(e,t)};
|
|
1906
1894
|
|
|
1907
1895
|
svg {
|
|
1908
1896
|
width: 100%;
|
|
1909
1897
|
height: 100%;
|
|
1910
1898
|
}
|
|
1911
|
-
`,
|
|
1899
|
+
`,Bl=b.div`
|
|
1912
1900
|
display: flex;
|
|
1913
1901
|
align-items: center;
|
|
1914
1902
|
gap: 10px;
|
|
1915
1903
|
flex-shrink: 0;
|
|
1916
|
-
`,
|
|
1904
|
+
`,Kl=b.div`
|
|
1917
1905
|
position: relative;
|
|
1918
1906
|
display: inline-flex;
|
|
1919
1907
|
align-items: center;
|
|
1920
1908
|
justify-content: center;
|
|
1921
1909
|
|
|
1922
|
-
${({size:e})=>e==="sm"?
|
|
1910
|
+
${({size:e})=>e==="sm"?S.css`
|
|
1923
1911
|
width: 24px;
|
|
1924
1912
|
height: 24px;
|
|
1925
|
-
`:e==="md"?
|
|
1913
|
+
`:e==="md"?S.css`
|
|
1926
1914
|
width: 80px;
|
|
1927
1915
|
height: 80px;
|
|
1928
|
-
`:
|
|
1916
|
+
`:S.css`
|
|
1929
1917
|
width: 160px;
|
|
1930
1918
|
height: 160px;
|
|
1931
1919
|
`}
|
|
1932
|
-
`,
|
|
1920
|
+
`,Vl=b.svg`
|
|
1933
1921
|
transform: rotate(-90deg);
|
|
1934
1922
|
width: 100%;
|
|
1935
1923
|
height: 100%;
|
|
1936
|
-
`,
|
|
1924
|
+
`,_l=b.circle`
|
|
1937
1925
|
fill: none;
|
|
1938
1926
|
stroke: ${({theme:e})=>e.semantic.colors.background.secondary};
|
|
1939
|
-
`,
|
|
1927
|
+
`,Hl=b.circle`
|
|
1940
1928
|
fill: none;
|
|
1941
|
-
stroke: ${({status:e,theme:
|
|
1929
|
+
stroke: ${({status:e,theme:t})=>jt(e,t)};
|
|
1942
1930
|
stroke-linecap: round;
|
|
1943
1931
|
transition: stroke-dashoffset 0.3s ease, stroke 0.3s ease;
|
|
1944
|
-
`,
|
|
1932
|
+
`,Wl=b.div`
|
|
1945
1933
|
position: absolute;
|
|
1946
1934
|
top: 50%;
|
|
1947
1935
|
left: 50%;
|
|
@@ -1950,98 +1938,97 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1950
1938
|
align-items: center;
|
|
1951
1939
|
justify-content: center;
|
|
1952
1940
|
|
|
1953
|
-
${({size:e,theme:
|
|
1941
|
+
${({size:e,theme:t})=>e==="sm"?S.css`
|
|
1954
1942
|
width: 16px;
|
|
1955
1943
|
height: 16px;
|
|
1956
|
-
`:e==="md"?
|
|
1957
|
-
font-family: 'Barlow', ${
|
|
1944
|
+
`:e==="md"?S.css`
|
|
1945
|
+
font-family: 'Barlow', ${t.global.typography.fontFamily};
|
|
1958
1946
|
font-size: 20px;
|
|
1959
1947
|
font-weight: 500;
|
|
1960
1948
|
line-height: 30px;
|
|
1961
|
-
color: ${
|
|
1962
|
-
`:
|
|
1963
|
-
font-family: 'Barlow', ${
|
|
1949
|
+
color: ${t.semantic.colors.text.secondary};
|
|
1950
|
+
`:S.css`
|
|
1951
|
+
font-family: 'Barlow', ${t.global.typography.fontFamily};
|
|
1964
1952
|
font-size: 36px;
|
|
1965
1953
|
font-weight: 500;
|
|
1966
1954
|
line-height: 54px;
|
|
1967
|
-
color: ${
|
|
1955
|
+
color: ${t.semantic.colors.text.secondary};
|
|
1968
1956
|
`}
|
|
1969
|
-
`,
|
|
1957
|
+
`,Ul=b.span`
|
|
1970
1958
|
display: inline-flex;
|
|
1971
1959
|
align-items: center;
|
|
1972
1960
|
justify-content: center;
|
|
1973
|
-
color: ${({status:e,theme:
|
|
1961
|
+
color: ${({status:e,theme:t})=>jt(e,t)};
|
|
1974
1962
|
|
|
1975
1963
|
svg {
|
|
1976
1964
|
width: 100%;
|
|
1977
1965
|
height: 100%;
|
|
1978
1966
|
}
|
|
1979
|
-
`,Mc=mc,Nc=xc,Ic=yc,Pc=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e[0]=r):r=e[0],r},Ac=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),e[0]=r):r=e[0],r},_c=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M8 4.66667V8.66667M8 11.3333H8.00667",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e[0]=r):r=e[0],r},Fc=e=>{switch(e){case"success":return l.jsx(Pc,{});case"error":return l.jsx(Ac,{});case"warning":return l.jsx(_c,{});default:return null}},Ln=f.forwardRef((e,r)=>{const t=re.c(79);let o,n,i,s,a,d,c,p;t[0]!==e?({type:i,size:s,status:a,value:d,showPercent:c,showIcon:p,className:n,...o}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8]);const m=i===void 0?"line":i,b=s===void 0?"md":s,h=a===void 0?"normal":a,g=d===void 0?0:d,y=c===void 0?!0:c,$=p===void 0?!0:p,k=Math.min(Math.max(g,0),100);let w;t[9]!==o||t[10]!==k?(w={...o,value:k,minValue:0,maxValue:100},t[9]=o,t[10]=k,t[11]=w):w=t[11];const{progressBarProps:C,labelProps:v}=de.useProgressBar(w),x=$&&h!=="normal";let j;t[12]!==x||t[13]!==h?(j=x?Fc(h):null,t[12]=x,t[13]=h,t[14]=j):j=t[14];const E=j;if(m==="line"){let W;t[15]!==k||t[16]!==h?(W=l.jsx(wc,{status:h,percent:k}),t[15]=k,t[16]=h,t[17]=W):W=t[17];let J;t[18]!==b||t[19]!==W?(J=l.jsx($c,{size:b,children:W}),t[18]=b,t[19]=W,t[20]=J):J=t[20];let G;t[21]!==v||t[22]!==k||t[23]!==y?(G=y&&l.jsxs(kc,{...v,children:[Math.round(k),"%"]}),t[21]=v,t[22]=k,t[23]=y,t[24]=G):G=t[24];let oe;t[25]!==E||t[26]!==x||t[27]!==h?(oe=x&&E&&l.jsx(Sc,{status:h,children:E}),t[25]=E,t[26]=x,t[27]=h,t[28]=oe):oe=t[28];let ue;t[29]!==G||t[30]!==oe?(ue=l.jsxs(Cc,{children:[G,oe]}),t[29]=G,t[30]=oe,t[31]=ue):ue=t[31];let Z;return t[32]!==n||t[33]!==k||t[34]!==C||t[35]!==r||t[36]!==b||t[37]!==J||t[38]!==ue?(Z=l.jsxs(vc,{...C,ref:r,size:b,className:n,role:"progressbar","aria-valuenow":k,"aria-valuemin":0,"aria-valuemax":100,children:[J,ue]}),t[32]=n,t[33]=k,t[34]=C,t[35]=r,t[36]=b,t[37]=J,t[38]=ue,t[39]=Z):Z=t[39],Z}let z;t[40]!==b?(z=()=>{switch(b){case"sm":return{circleSize:24,strokeWidth:3};case"md":return{circleSize:80,strokeWidth:6};case"lg":return{circleSize:160,strokeWidth:8};default:return{circleSize:80,strokeWidth:6}}},t[40]=b,t[41]=z):z=t[41];const I=z;let M;t[42]!==I?(M=I(),t[42]=I,t[43]=M):M=t[43];const{circleSize:O,strokeWidth:D}=M,V=(O-D)/2,F=2*Math.PI*V,P=F-k/100*F,K=b!=="sm",B=O/2,_=O/2;let H;t[44]!==V||t[45]!==D||t[46]!==B||t[47]!==_?(H=l.jsx(Tc,{cx:B,cy:_,r:V,strokeWidth:D}),t[44]=V,t[45]=D,t[46]=B,t[47]=_,t[48]=H):H=t[48];const X=O/2,u=O/2;let T;t[49]!==F||t[50]!==V||t[51]!==h||t[52]!==P||t[53]!==D||t[54]!==X||t[55]!==u?(T=l.jsx(Rc,{status:h,cx:X,cy:u,r:V,strokeWidth:D,strokeDasharray:F,strokeDashoffset:P}),t[49]=F,t[50]=V,t[51]=h,t[52]=P,t[53]=D,t[54]=X,t[55]=u,t[56]=T):T=t[56];let R;t[57]!==H||t[58]!==T?(R=l.jsxs(Ec,{children:[H,T]}),t[57]=H,t[58]=T,t[59]=R):R=t[59];let L;t[60]!==E||t[61]!==v||t[62]!==k||t[63]!==x||t[64]!==y||t[65]!==K||t[66]!==h?(L=K?y&&l.jsxs("span",{...v,children:[Math.round(k),"%"]}):x&&E&&l.jsx(Lc,{status:h,children:E}),t[60]=E,t[61]=v,t[62]=k,t[63]=x,t[64]=y,t[65]=K,t[66]=h,t[67]=L):L=t[67];let N;t[68]!==b||t[69]!==L?(N=l.jsx(zc,{size:b,children:L}),t[68]=b,t[69]=L,t[70]=N):N=t[70];let Y;return t[71]!==n||t[72]!==k||t[73]!==C||t[74]!==r||t[75]!==b||t[76]!==R||t[77]!==N?(Y=l.jsxs(jc,{...C,ref:r,size:b,className:n,role:"progressbar","aria-valuenow":k,"aria-valuemin":0,"aria-valuemax":100,children:[R,N]}),t[71]=n,t[72]=k,t[73]=C,t[74]=r,t[75]=b,t[76]=R,t[77]=N,t[78]=Y):Y=t[78],Y});Ln.displayName="Progress";const Mn={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},Nn={...Mn,customError:!0,valid:!1},yt={isInvalid:!1,validationDetails:Mn,validationErrors:[]},Oc=f.createContext({}),ko="__formValidationState"+Date.now();function Dc(e){if(e[ko]){let{realtimeValidation:r,displayValidation:t,updateValidation:o,resetValidation:n,commitValidation:i}=e[ko];return{realtimeValidation:r,displayValidation:t,updateValidation:o,resetValidation:n,commitValidation:i}}return Kc(e)}function Kc(e){let{isInvalid:r,validationState:t,name:o,value:n,builtinValidation:i,validate:s,validationBehavior:a="aria"}=e;t&&(r||(r=t==="invalid"));let d=r!==void 0?{isInvalid:r,validationErrors:[],validationDetails:Nn}:null,c=f.useMemo(()=>{if(!s||n==null)return null;let M=Bc(s,n);return So(M)},[s,n]);i!=null&&i.validationDetails.valid&&(i=void 0);let p=f.useContext(Oc),m=f.useMemo(()=>o?Array.isArray(o)?o.flatMap(M=>Cr(p[M])):Cr(p[o]):[],[p,o]),[b,h]=f.useState(p),[g,y]=f.useState(!1);p!==b&&(h(p),y(!1));let $=f.useMemo(()=>So(g?[]:m),[g,m]),k=f.useRef(yt),[w,C]=f.useState(yt),v=f.useRef(yt),x=()=>{if(!j)return;E(!1);let M=c||i||k.current;sr(M,v.current)||(v.current=M,C(M))},[j,E]=f.useState(!1);return f.useEffect(x),{realtimeValidation:d||$||c||i||yt,displayValidation:a==="native"?d||$||w:d||$||c||i||w,updateValidation(M){a==="aria"&&!sr(w,M)?C(M):k.current=M},resetValidation(){let M=yt;sr(M,v.current)||(v.current=M,C(M)),a==="native"&&E(!1),y(!0)},commitValidation(){a==="native"&&E(!0),y(!0)}}}function Cr(e){return e?Array.isArray(e)?e:[e]:[]}function Bc(e,r){if(typeof e=="function"){let t=e(r);if(t&&typeof t!="boolean")return Cr(t)}return[]}function So(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:Nn}:null}function sr(e,r){return e===r?!0:!!e&&!!r&&e.isInvalid===r.isInvalid&&e.validationErrors.length===r.validationErrors.length&&e.validationErrors.every((t,o)=>t===r.validationErrors[o])&&Object.entries(e.validationDetails).every(([t,o])=>r.validationDetails[t]===o)}class Co{*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(r){let t=this.keyMap.get(r);var o;return t&&(o=t.prevKey)!==null&&o!==void 0?o:null}getKeyAfter(r){let t=this.keyMap.get(r);var o;return t&&(o=t.nextKey)!==null&&o!==void 0?o:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(r){var t;return(t=this.keyMap.get(r))!==null&&t!==void 0?t:null}at(r){const t=[...this.getKeys()];return this.getItem(t[r])}getChildren(r){let t=this.keyMap.get(r);return(t==null?void 0:t.childNodes)||[]}constructor(r){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=r;let t=a=>{if(this.keyMap.set(a.key,a),a.childNodes&&a.type==="section")for(let d of a.childNodes)t(d)};for(let a of r)t(a);let o=null,n=0,i=0;for(let[a,d]of this.keyMap)o?(o.nextKey=a,d.prevKey=o.key):(this.firstKey=a,d.prevKey=void 0),d.type==="item"&&(d.index=n++),(d.type==="section"||d.type==="item")&&i++,o=d,o.nextKey=void 0;this._size=i;var s;this.lastKey=(s=o==null?void 0:o.key)!==null&&s!==void 0?s:null}}class We extends Set{constructor(r,t,o){super(r),r instanceof We?(this.anchorKey=t??r.anchorKey,this.currentKey=o??r.currentKey):(this.anchorKey=t??null,this.currentKey=o??null)}}function Vc(e,r){if(e.size!==r.size)return!1;for(let t of e)if(!r.has(t))return!1;return!0}function Hc(e){let{selectionMode:r="none",disallowEmptySelection:t=!1,allowDuplicateSelectionEvents:o,selectionBehavior:n="toggle",disabledBehavior:i="all"}=e,s=f.useRef(!1),[,a]=f.useState(!1),d=f.useRef(null),c=f.useRef(null),[,p]=f.useState(null),m=f.useMemo(()=>jo(e.selectedKeys),[e.selectedKeys]),b=f.useMemo(()=>jo(e.defaultSelectedKeys,new We),[e.defaultSelectedKeys]),[h,g]=Ht(m,b,e.onSelectionChange),y=f.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[$,k]=f.useState(n);n==="replace"&&$==="toggle"&&typeof h=="object"&&h.size===0&&k("replace");let w=f.useRef(n);return f.useEffect(()=>{n!==w.current&&(k(n),w.current=n)},[n]),{selectionMode:r,disallowEmptySelection:t,selectionBehavior:$,setSelectionBehavior:k,get isFocused(){return s.current},setFocused(C){s.current=C,a(C)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(C,v="first"){d.current=C,c.current=v,p(C)},selectedKeys:h,setSelectedKeys(C){(o||!Vc(C,h))&&g(C)},disabledKeys:y,disabledBehavior:i}}function jo(e,r){return e?e==="all"?"all":new We(e):r}function In(e){return null}In.getCollectionNode=function*(r,t){let{childItems:o,title:n,children:i}=r,s=r.title||r.children,a=r.textValue||(typeof s=="string"?s:"")||r["aria-label"]||"";!a&&!(t!=null&&t.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:r,rendered:s,textValue:a,"aria-label":r["aria-label"],hasChildNodes:Wc(r),*childNodes(){if(o)for(let d of o)yield{type:"item",value:d};else if(n){let d=[];f.Children.forEach(i,c=>{d.push({type:"item",element:c})}),yield*d}}}};function Wc(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&f.Children.count(e.children)>0)}let Pn=In;function An(e){return null}An.getCollectionNode=function*(r){let{children:t,title:o,items:n}=r;yield{type:"section",props:r,hasChildNodes:!0,rendered:o,"aria-label":r["aria-label"],*childNodes(){if(typeof t=="function"){if(!n)throw new Error("props.children was a function but props.items is missing");for(let i of n)yield{type:"item",value:i,renderer:t}}else{let i=[];f.Children.forEach(t,s=>{i.push({type:"item",element:s})}),yield*i}}}};let Uc=An;class Yc{build(r,t){return this.context=t,Eo(()=>this.iterateCollection(r))}*iterateCollection(r){let{children:t,items:o}=r;if(f.isValidElement(t)&&t.type===f.Fragment)yield*this.iterateCollection({children:t.props.children,items:o});else if(typeof t=="function"){if(!o)throw new Error("props.children was a function but props.items is missing");let n=0;for(let i of o)yield*this.getFullNode({value:i,index:n},{renderer:t}),n++}else{let n=[];f.Children.forEach(t,s=>{s&&n.push(s)});let i=0;for(let s of n){let a=this.getFullNode({element:s,index:i},{});for(let d of a)i++,yield d}}}getKey(r,t,o,n){if(r.key!=null)return r.key;if(t.type==="cell"&&t.key!=null)return`${n}${t.key}`;let i=t.value;if(i!=null){var s;let a=(s=i.key)!==null&&s!==void 0?s:i.id;if(a==null)throw new Error("No key found for item");return a}return n?`${n}.${t.index}`:`$.${t.index}`}getChildState(r,t){return{renderer:t.renderer||r.renderer}}*getFullNode(r,t,o,n){if(f.isValidElement(r.element)&&r.element.type===f.Fragment){let $=[];f.Children.forEach(r.element.props.children,w=>{$.push(w)});var i;let k=(i=r.index)!==null&&i!==void 0?i:0;for(const w of $)yield*this.getFullNode({element:w,index:k++},t,o,n);return}let s=r.element;if(!s&&r.value&&t&&t.renderer){let $=this.cache.get(r.value);if($&&(!$.shouldInvalidate||!$.shouldInvalidate(this.context))){$.index=r.index,$.parentKey=n?n.key:null,yield $;return}s=t.renderer(r.value)}if(f.isValidElement(s)){let $=s.type;if(typeof $!="function"&&typeof $.getCollectionNode!="function"){let v=s.type;throw new Error(`Unknown element <${v}> in collection.`)}let k=$.getCollectionNode(s.props,this.context);var a;let w=(a=r.index)!==null&&a!==void 0?a:0,C=k.next();for(;!C.done&&C.value;){let v=C.value;r.index=w;var d;let x=(d=v.key)!==null&&d!==void 0?d:null;x==null&&(x=v.element?null:this.getKey(s,r,t,o));let E=[...this.getFullNode({...v,key:x,index:w,wrapper:Zc(r.wrapper,v.wrapper)},this.getChildState(t,v),o?`${o}${s.key}`:s.key,n)];for(let z of E){var c,p;z.value=(p=(c=v.value)!==null&&c!==void 0?c:r.value)!==null&&p!==void 0?p:null,z.value&&this.cache.set(z.value,z);var m;if(r.type&&z.type!==r.type)throw new Error(`Unsupported type <${ar(z.type)}> in <${ar((m=n==null?void 0:n.type)!==null&&m!==void 0?m:"unknown parent type")}>. Only <${ar(r.type)}> is supported.`);w++,yield z}C=k.next(E)}return}if(r.key==null||r.type==null)return;let b=this;var h,g;let y={type:r.type,props:r.props,key:r.key,parentKey:n?n.key:null,value:(h=r.value)!==null&&h!==void 0?h:null,level:n?n.level+1:0,index:r.index,rendered:r.rendered,textValue:(g=r.textValue)!==null&&g!==void 0?g:"","aria-label":r["aria-label"],wrapper:r.wrapper,shouldInvalidate:r.shouldInvalidate,hasChildNodes:r.hasChildNodes||!1,childNodes:Eo(function*(){if(!r.hasChildNodes||!r.childNodes)return;let $=0;for(let k of r.childNodes()){k.key!=null&&(k.key=`${y.key}${k.key}`);let w=b.getFullNode({...k,index:$},b.getChildState(t,k),y.key,y);for(let C of w)$++,yield C}})};yield y}constructor(){this.cache=new WeakMap}}function Eo(e){let r=[],t=null;return{*[Symbol.iterator](){for(let o of r)yield o;t||(t=e());for(let o of t)r.push(o),yield o}}}function Zc(e,r){if(e&&r)return t=>e(r(t));if(e)return e;if(r)return r}function ar(e){return e[0].toUpperCase()+e.slice(1)}function Xc(e,r,t){let o=f.useMemo(()=>new Yc,[]),{children:n,items:i,collection:s}=e;return f.useMemo(()=>{if(s)return s;let d=o.build({children:n,items:i},t);return r(d)},[o,n,i,s,t,r])}function Gc(e,r){return typeof r.getChildren=="function"?r.getChildren(e.key):e.childNodes}function qc(e){return Jc(e)}function Jc(e,r){for(let t of e)return t}function lr(e,r,t){if(r.parentKey===t.parentKey)return r.index-t.index;let o=[...To(e,r),r],n=[...To(e,t),t],i=o.slice(0,n.length).findIndex((s,a)=>s!==n[a]);return i!==-1?(r=o[i],t=n[i],r.index-t.index):o.findIndex(s=>s===t)>=0?1:(n.findIndex(s=>s===r)>=0,-1)}function To(e,r){let t=[],o=r;for(;(o==null?void 0:o.parentKey)!=null;)o=e.getItem(o.parentKey),o&&t.unshift(o);return t}class Wr{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(r){this.state.setSelectionBehavior(r)}get isFocused(){return this.state.isFocused}setFocused(r){this.state.setFocused(r)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(r,t){(r==null||this.collection.getItem(r))&&this.state.setFocusedKey(r,t)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(r){if(this.state.selectionMode==="none")return!1;let t=this.getKey(r);return t==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(t):this.state.selectedKeys.has(t)}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let r=this.getSelectAllKeys(),t=this.state.selectedKeys;return this._isSelectAll=r.every(o=>t.has(o)),this._isSelectAll}get firstSelectedKey(){let r=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!r||n&&lr(this.collection,n,r)<0)&&(r=n)}var t;return(t=r==null?void 0:r.key)!==null&&t!==void 0?t:null}get lastSelectedKey(){let r=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!r||n&&lr(this.collection,n,r)>0)&&(r=n)}var t;return(t=r==null?void 0:r.key)!==null&&t!==void 0?t:null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(r){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(r);return}let t=this.getKey(r);if(t==null)return;let o;if(this.state.selectedKeys==="all")o=new We([t],t,t);else{let s=this.state.selectedKeys;var n;let a=(n=s.anchorKey)!==null&&n!==void 0?n:t;o=new We(s,a,t);var i;for(let d of this.getKeyRange(a,(i=s.currentKey)!==null&&i!==void 0?i:t))o.delete(d);for(let d of this.getKeyRange(t,a))this.canSelectItem(d)&&o.add(d)}this.state.setSelectedKeys(o)}getKeyRange(r,t){let o=this.collection.getItem(r),n=this.collection.getItem(t);return o&&n?lr(this.collection,o,n)<=0?this.getKeyRangeInternal(r,t):this.getKeyRangeInternal(t,r):[]}getKeyRangeInternal(r,t){var o;if(!((o=this.layoutDelegate)===null||o===void 0)&&o.getKeyRange)return this.layoutDelegate.getKeyRange(r,t);let n=[],i=r;for(;i!=null;){let s=this.collection.getItem(i);if(s&&(s.type==="item"||s.type==="cell"&&this.allowsCellSelection)&&n.push(i),i===t)return n;i=this.collection.getKeyAfter(i)}return[]}getKey(r){let t=this.collection.getItem(r);if(!t||t.type==="cell"&&this.allowsCellSelection)return r;for(;t&&t.type!=="item"&&t.parentKey!=null;)t=this.collection.getItem(t.parentKey);return!t||t.type!=="item"?null:t.key}toggleSelection(r){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(r)){this.replaceSelection(r);return}let t=this.getKey(r);if(t==null)return;let o=new We(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(t)?o.delete(t):this.canSelectItem(t)&&(o.add(t),o.anchorKey=t,o.currentKey=t),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(r){if(this.selectionMode==="none")return;let t=this.getKey(r);if(t==null)return;let o=this.canSelectItem(t)?new We([t],t,t):new We;this.state.setSelectedKeys(o)}setSelectedKeys(r){if(this.selectionMode==="none")return;let t=new We;for(let o of r){let n=this.getKey(o);if(n!=null&&(t.add(n),this.selectionMode==="single"))break}this.state.setSelectedKeys(t)}getSelectAllKeys(){let r=[],t=o=>{for(;o!=null;){if(this.canSelectItem(o)){var n;let s=this.collection.getItem(o);(s==null?void 0:s.type)==="item"&&r.push(o);var i;s!=null&&s.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&t((i=(n=qc(Gc(s,this.collection)))===null||n===void 0?void 0:n.key)!==null&&i!==void 0?i:null)}o=this.collection.getKeyAfter(o)}};return t(this.collection.getFirstKey()),r}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new We)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(r,t){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(r)&&!this.disallowEmptySelection?this.toggleSelection(r):this.replaceSelection(r):this.selectionBehavior==="toggle"||t&&(t.pointerType==="touch"||t.pointerType==="virtual")?this.toggleSelection(r):this.replaceSelection(r))}isSelectionEqual(r){if(r===this.state.selectedKeys)return!0;let t=this.selectedKeys;if(r.size!==t.size)return!1;for(let o of r)if(!t.has(o))return!1;for(let o of t)if(!r.has(o))return!1;return!0}canSelectItem(r){var t;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(r))return!1;let o=this.collection.getItem(r);return!(!o||!(o==null||(t=o.props)===null||t===void 0)&&t.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(r){var t,o;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(r)||!!(!((o=this.collection.getItem(r))===null||o===void 0||(t=o.props)===null||t===void 0)&&t.isDisabled))}isLink(r){var t,o;return!!(!((o=this.collection.getItem(r))===null||o===void 0||(t=o.props)===null||t===void 0)&&t.href)}getItemProps(r){var t;return(t=this.collection.getItem(r))===null||t===void 0?void 0:t.props}withCollection(r){return new Wr(r,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}constructor(r,t,o){this.collection=r,this.state=t;var n;this.allowsCellSelection=(n=o==null?void 0:o.allowsCellSelection)!==null&&n!==void 0?n:!1,this._isSelectAll=null,this.layoutDelegate=(o==null?void 0:o.layoutDelegate)||null}}function _n(e){let{filter:r,layoutDelegate:t}=e,o=Hc(e),n=f.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),i=f.useCallback(c=>r?new Co(r(c)):new Co(c),[r]),s=f.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),a=Xc(e,i,s),d=f.useMemo(()=>new Wr(a,o,{layoutDelegate:t}),[a,o,t]);return Qc(a,d),{collection:a,disabledKeys:n,selectionManager:d}}function Qc(e,r){const t=f.useRef(null);f.useEffect(()=>{if(r.focusedKey!=null&&!e.getItem(r.focusedKey)&&t.current){const p=t.current.getItem(r.focusedKey),m=[...t.current.getKeys()].map(k=>{const w=t.current.getItem(k);return(w==null?void 0:w.type)==="item"?w:null}).filter(k=>k!==null),b=[...e.getKeys()].map(k=>{const w=e.getItem(k);return(w==null?void 0:w.type)==="item"?w:null}).filter(k=>k!==null);var o,n;const h=((o=m==null?void 0:m.length)!==null&&o!==void 0?o:0)-((n=b==null?void 0:b.length)!==null&&n!==void 0?n:0);var i,s,a;let g=Math.min(h>1?Math.max(((i=p==null?void 0:p.index)!==null&&i!==void 0?i:0)-h+1,0):(s=p==null?void 0:p.index)!==null&&s!==void 0?s:0,((a=b==null?void 0:b.length)!==null&&a!==void 0?a:0)-1),y=null,$=!1;for(;g>=0;){if(!r.isDisabled(b[g].key)){y=b[g];break}if(g<b.length-1&&!$)g++;else{$=!0;var d,c;g>((d=p==null?void 0:p.index)!==null&&d!==void 0?d:0)&&(g=(c=p==null?void 0:p.index)!==null&&c!==void 0?c:0),g--}}r.setFocusedKey(y?y.key:null)}t.current=e},[e,r])}function ed(e){let[r,t]=Ht(e.isOpen,e.defaultOpen||!1,e.onOpenChange);const o=f.useCallback(()=>{t(!0)},[t]),n=f.useCallback(()=>{t(!1)},[t]),i=f.useCallback(()=>{t(!r)},[t,r]);return{isOpen:r,setOpen:t,open:o,close:n,toggle:i}}function td(e){let{selectionMode:r="single"}=e,t=ed(e),[o,n]=f.useState(null),i=f.useMemo(()=>{var v;return e.defaultValue!==void 0?e.defaultValue:r==="single"?(v=e.defaultSelectedKey)!==null&&v!==void 0?v:null:[]},[e.defaultValue,e.defaultSelectedKey,r]),s=f.useMemo(()=>e.value!==void 0?e.value:r==="single"?e.selectedKey:void 0,[e.value,e.selectedKey,r]),[a,d]=Ht(s,i,e.onChange),c=r==="single"&&Array.isArray(a)?a[0]:a,p=v=>{if(r==="single"){var x,j;let E=Array.isArray(v)?(j=v[0])!==null&&j!==void 0?j:null:v;d(E),E!==c&&((x=e.onSelectionChange)===null||x===void 0||x.call(e,E))}else{let E=[];Array.isArray(v)?E=v:v!=null&&(E=[v]),d(E)}},m=_n({...e,selectionMode:r,disallowEmptySelection:r==="single",allowDuplicateSelectionEvents:!0,selectedKeys:f.useMemo(()=>rd(c),[c]),onSelectionChange:v=>{if(v!=="all"){if(r==="single"){var x;let j=(x=v.values().next().value)!==null&&x!==void 0?x:null;p(j),t.close()}else p([...v]);g.commitValidation()}}}),b=m.selectionManager.firstSelectedKey,h=f.useMemo(()=>[...m.selectionManager.selectedKeys].map(v=>m.collection.getItem(v)).filter(v=>v!=null),[m.selectionManager.selectedKeys,m.collection]),g=Dc({...e,value:Array.isArray(c)&&c.length===0?null:c}),[y,$]=f.useState(!1),[k]=f.useState(c);var w,C;return{...g,...m,...t,value:c,defaultValue:i??k,setValue:p,selectedKey:b,setSelectedKey:p,selectedItem:(w=h[0])!==null&&w!==void 0?w:null,selectedItems:h,defaultSelectedKey:(C=e.defaultSelectedKey)!==null&&C!==void 0?C:e.selectionMode==="single"?k:null,focusStrategy:o,open(v=null){m.collection.size!==0&&(n(v),t.open())},toggle(v=null){m.collection.size!==0&&(n(v),t.toggle())},isFocused:y,setFocused:$}}function rd(e){if(e!==void 0)return e===null?[]:Array.isArray(e)?e:[e]}const od=(e,r,t,o,n)=>{const i=n.components.tag.colors[r];return e==="checkable"?o?A.css`
|
|
1980
|
-
background:
|
|
1981
|
-
color:
|
|
1982
|
-
border-color:
|
|
1967
|
+
`,Yl=Ml,Zl=Il,Xl=Nl,Gl=()=>i.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),i.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),ql=()=>i.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),i.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),Jl=()=>i.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),i.jsx("path",{d:"M8 4.66667V8.66667M8 11.3333H8.00667",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),Ql=e=>{switch(e){case"success":return i.jsx(Gl,{});case"error":return i.jsx(ql,{});case"warning":return i.jsx(Jl,{});default:return null}},Go=c.forwardRef(({type:e="line",size:t="md",status:r="normal",value:o=0,showPercent:n=!0,showIcon:s=!0,className:a,...l},d)=>{const u=Math.min(Math.max(o,0),100),{progressBarProps:h,labelProps:p}=X.useProgressBar({...l,value:u,minValue:0,maxValue:100}),f=s&&r!=="normal",x=f?Ql(r):null;if(e==="line")return i.jsxs(Pl,{...h,ref:d,size:t,className:a,role:"progressbar","aria-valuenow":u,"aria-valuemin":0,"aria-valuemax":100,children:[i.jsx(Al,{size:t,children:i.jsx(Fl,{status:r,percent:u})}),i.jsxs(Bl,{children:[n&&i.jsxs(Dl,{...p,children:[Math.round(u),"%"]}),f&&x&&i.jsx(Ol,{status:r,children:x})]})]});const m=()=>{switch(t){case"sm":return{circleSize:24,strokeWidth:3};case"md":return{circleSize:80,strokeWidth:6};case"lg":return{circleSize:160,strokeWidth:8};default:return{circleSize:80,strokeWidth:6}}},{circleSize:g,strokeWidth:$}=m(),k=(g-$)/2,v=2*Math.PI*k,j=v-u/100*v,w=t!=="sm";return i.jsxs(Kl,{...h,ref:d,size:t,className:a,role:"progressbar","aria-valuenow":u,"aria-valuemin":0,"aria-valuemax":100,children:[i.jsxs(Vl,{children:[i.jsx(_l,{cx:g/2,cy:g/2,r:k,strokeWidth:$}),i.jsx(Hl,{status:r,cx:g/2,cy:g/2,r:k,strokeWidth:$,strokeDasharray:v,strokeDashoffset:j})]}),i.jsx(Wl,{size:t,children:w?n&&i.jsxs("span",{...p,children:[Math.round(u),"%"]}):f&&x&&i.jsx(Ul,{status:r,children:x})})]})});Go.displayName="Progress";const qo={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},Jo={...qo,customError:!0,valid:!1},Ze={isInvalid:!1,validationDetails:qo,validationErrors:[]},ec=c.createContext({}),Kr="__formValidationState"+Date.now();function tc(e){if(e[Kr]){let{realtimeValidation:t,displayValidation:r,updateValidation:o,resetValidation:n,commitValidation:s}=e[Kr];return{realtimeValidation:t,displayValidation:r,updateValidation:o,resetValidation:n,commitValidation:s}}return rc(e)}function rc(e){let{isInvalid:t,validationState:r,name:o,value:n,builtinValidation:s,validate:a,validationBehavior:l="aria"}=e;r&&(t||(t=r==="invalid"));let d=t!==void 0?{isInvalid:t,validationErrors:[],validationDetails:Jo}:null,u=c.useMemo(()=>{if(!a||n==null)return null;let L=oc(a,n);return Vr(L)},[a,n]);s!=null&&s.validationDetails.valid&&(s=void 0);let h=c.useContext(ec),p=c.useMemo(()=>o?Array.isArray(o)?o.flatMap(L=>qt(h[L])):qt(h[o]):[],[h,o]),[f,x]=c.useState(h),[m,g]=c.useState(!1);h!==f&&(x(h),g(!1));let $=c.useMemo(()=>Vr(m?[]:p),[m,p]),k=c.useRef(Ze),[v,j]=c.useState(Ze),w=c.useRef(Ze),y=()=>{if(!R)return;z(!1);let L=u||s||k.current;Pt(L,w.current)||(w.current=L,j(L))},[R,z]=c.useState(!1);return c.useEffect(y),{realtimeValidation:d||$||u||s||Ze,displayValidation:l==="native"?d||$||v:d||$||u||s||v,updateValidation(L){l==="aria"&&!Pt(v,L)?j(L):k.current=L},resetValidation(){let L=Ze;Pt(L,w.current)||(w.current=L,j(L)),l==="native"&&z(!1),g(!0)},commitValidation(){l==="native"&&z(!0),g(!0)}}}function qt(e){return e?Array.isArray(e)?e:[e]:[]}function oc(e,t){if(typeof e=="function"){let r=e(t);if(r&&typeof r!="boolean")return qt(r)}return[]}function Vr(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:Jo}:null}function Pt(e,t){return e===t?!0:!!e&&!!t&&e.isInvalid===t.isInvalid&&e.validationErrors.length===t.validationErrors.length&&e.validationErrors.every((r,o)=>r===t.validationErrors[o])&&Object.entries(e.validationDetails).every(([r,o])=>t.validationDetails[r]===o)}class _r{*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let r=this.keyMap.get(t);var o;return r&&(o=r.prevKey)!==null&&o!==void 0?o:null}getKeyAfter(t){let r=this.keyMap.get(t);var o;return r&&(o=r.nextKey)!==null&&o!==void 0?o:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(t){var r;return(r=this.keyMap.get(t))!==null&&r!==void 0?r:null}at(t){const r=[...this.getKeys()];return this.getItem(r[t])}getChildren(t){let r=this.keyMap.get(t);return(r==null?void 0:r.childNodes)||[]}constructor(t){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=t;let r=l=>{if(this.keyMap.set(l.key,l),l.childNodes&&l.type==="section")for(let d of l.childNodes)r(d)};for(let l of t)r(l);let o=null,n=0,s=0;for(let[l,d]of this.keyMap)o?(o.nextKey=l,d.prevKey=o.key):(this.firstKey=l,d.prevKey=void 0),d.type==="item"&&(d.index=n++),(d.type==="section"||d.type==="item")&&s++,o=d,o.nextKey=void 0;this._size=s;var a;this.lastKey=(a=o==null?void 0:o.key)!==null&&a!==void 0?a:null}}class ve extends Set{constructor(t,r,o){super(t),t instanceof ve?(this.anchorKey=r??t.anchorKey,this.currentKey=o??t.currentKey):(this.anchorKey=r??null,this.currentKey=o??null)}}function nc(e,t){if(e.size!==t.size)return!1;for(let r of e)if(!t.has(r))return!1;return!0}function ic(e){let{selectionMode:t="none",disallowEmptySelection:r=!1,allowDuplicateSelectionEvents:o,selectionBehavior:n="toggle",disabledBehavior:s="all"}=e,a=c.useRef(!1),[,l]=c.useState(!1),d=c.useRef(null),u=c.useRef(null),[,h]=c.useState(null),p=c.useMemo(()=>Hr(e.selectedKeys),[e.selectedKeys]),f=c.useMemo(()=>Hr(e.defaultSelectedKeys,new ve),[e.defaultSelectedKeys]),[x,m]=yt(p,f,e.onSelectionChange),g=c.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[$,k]=c.useState(n);n==="replace"&&$==="toggle"&&typeof x=="object"&&x.size===0&&k("replace");let v=c.useRef(n);return c.useEffect(()=>{n!==v.current&&(k(n),v.current=n)},[n]),{selectionMode:t,disallowEmptySelection:r,selectionBehavior:$,setSelectionBehavior:k,get isFocused(){return a.current},setFocused(j){a.current=j,l(j)},get focusedKey(){return d.current},get childFocusStrategy(){return u.current},setFocusedKey(j,w="first"){d.current=j,u.current=w,h(j)},selectedKeys:x,setSelectedKeys(j){(o||!nc(j,x))&&m(j)},disabledKeys:g,disabledBehavior:s}}function Hr(e,t){return e?e==="all"?"all":new ve(e):t}function Qo(e){return null}Qo.getCollectionNode=function*(t,r){let{childItems:o,title:n,children:s}=t,a=t.title||t.children,l=t.textValue||(typeof a=="string"?a:"")||t["aria-label"]||"";!l&&!(r!=null&&r.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:t,rendered:a,textValue:l,"aria-label":t["aria-label"],hasChildNodes:sc(t),*childNodes(){if(o)for(let d of o)yield{type:"item",value:d};else if(n){let d=[];c.Children.forEach(s,u=>{d.push({type:"item",element:u})}),yield*d}}}};function sc(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&c.Children.count(e.children)>0)}let en=Qo;function tn(e){return null}tn.getCollectionNode=function*(t){let{children:r,title:o,items:n}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:o,"aria-label":t["aria-label"],*childNodes(){if(typeof r=="function"){if(!n)throw new Error("props.children was a function but props.items is missing");for(let s of n)yield{type:"item",value:s,renderer:r}}else{let s=[];c.Children.forEach(r,a=>{s.push({type:"item",element:a})}),yield*s}}}};let ac=tn;class lc{build(t,r){return this.context=r,Wr(()=>this.iterateCollection(t))}*iterateCollection(t){let{children:r,items:o}=t;if(c.isValidElement(r)&&r.type===c.Fragment)yield*this.iterateCollection({children:r.props.children,items:o});else if(typeof r=="function"){if(!o)throw new Error("props.children was a function but props.items is missing");let n=0;for(let s of o)yield*this.getFullNode({value:s,index:n},{renderer:r}),n++}else{let n=[];c.Children.forEach(r,a=>{a&&n.push(a)});let s=0;for(let a of n){let l=this.getFullNode({element:a,index:s},{});for(let d of l)s++,yield d}}}getKey(t,r,o,n){if(t.key!=null)return t.key;if(r.type==="cell"&&r.key!=null)return`${n}${r.key}`;let s=r.value;if(s!=null){var a;let l=(a=s.key)!==null&&a!==void 0?a:s.id;if(l==null)throw new Error("No key found for item");return l}return n?`${n}.${r.index}`:`$.${r.index}`}getChildState(t,r){return{renderer:r.renderer||t.renderer}}*getFullNode(t,r,o,n){if(c.isValidElement(t.element)&&t.element.type===c.Fragment){let $=[];c.Children.forEach(t.element.props.children,v=>{$.push(v)});var s;let k=(s=t.index)!==null&&s!==void 0?s:0;for(const v of $)yield*this.getFullNode({element:v,index:k++},r,o,n);return}let a=t.element;if(!a&&t.value&&r&&r.renderer){let $=this.cache.get(t.value);if($&&(!$.shouldInvalidate||!$.shouldInvalidate(this.context))){$.index=t.index,$.parentKey=n?n.key:null,yield $;return}a=r.renderer(t.value)}if(c.isValidElement(a)){let $=a.type;if(typeof $!="function"&&typeof $.getCollectionNode!="function"){let w=a.type;throw new Error(`Unknown element <${w}> in collection.`)}let k=$.getCollectionNode(a.props,this.context);var l;let v=(l=t.index)!==null&&l!==void 0?l:0,j=k.next();for(;!j.done&&j.value;){let w=j.value;t.index=v;var d;let y=(d=w.key)!==null&&d!==void 0?d:null;y==null&&(y=w.element?null:this.getKey(a,t,r,o));let z=[...this.getFullNode({...w,key:y,index:v,wrapper:cc(t.wrapper,w.wrapper)},this.getChildState(r,w),o?`${o}${a.key}`:a.key,n)];for(let A of z){var u,h;A.value=(h=(u=w.value)!==null&&u!==void 0?u:t.value)!==null&&h!==void 0?h:null,A.value&&this.cache.set(A.value,A);var p;if(t.type&&A.type!==t.type)throw new Error(`Unsupported type <${At(A.type)}> in <${At((p=n==null?void 0:n.type)!==null&&p!==void 0?p:"unknown parent type")}>. Only <${At(t.type)}> is supported.`);v++,yield A}j=k.next(z)}return}if(t.key==null||t.type==null)return;let f=this;var x,m;let g={type:t.type,props:t.props,key:t.key,parentKey:n?n.key:null,value:(x=t.value)!==null&&x!==void 0?x:null,level:n?n.level+1:0,index:t.index,rendered:t.rendered,textValue:(m=t.textValue)!==null&&m!==void 0?m:"","aria-label":t["aria-label"],wrapper:t.wrapper,shouldInvalidate:t.shouldInvalidate,hasChildNodes:t.hasChildNodes||!1,childNodes:Wr(function*(){if(!t.hasChildNodes||!t.childNodes)return;let $=0;for(let k of t.childNodes()){k.key!=null&&(k.key=`${g.key}${k.key}`);let v=f.getFullNode({...k,index:$},f.getChildState(r,k),g.key,g);for(let j of v)$++,yield j}})};yield g}constructor(){this.cache=new WeakMap}}function Wr(e){let t=[],r=null;return{*[Symbol.iterator](){for(let o of t)yield o;r||(r=e());for(let o of r)t.push(o),yield o}}}function cc(e,t){if(e&&t)return r=>e(t(r));if(e)return e;if(t)return t}function At(e){return e[0].toUpperCase()+e.slice(1)}function dc(e,t,r){let o=c.useMemo(()=>new lc,[]),{children:n,items:s,collection:a}=e;return c.useMemo(()=>{if(a)return a;let d=o.build({children:n,items:s},r);return t(d)},[o,n,s,a,r,t])}function uc(e,t){return typeof t.getChildren=="function"?t.getChildren(e.key):e.childNodes}function fc(e){return pc(e)}function pc(e,t){for(let r of e)return r}function Ft(e,t,r){if(t.parentKey===r.parentKey)return t.index-r.index;let o=[...Ur(e,t),t],n=[...Ur(e,r),r],s=o.slice(0,n.length).findIndex((a,l)=>a!==n[l]);return s!==-1?(t=o[s],r=n[s],t.index-r.index):o.findIndex(a=>a===r)>=0?1:(n.findIndex(a=>a===t)>=0,-1)}function Ur(e,t){let r=[],o=t;for(;(o==null?void 0:o.parentKey)!=null;)o=e.getItem(o.parentKey),o&&r.unshift(o);return r}class mr{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(t){this.state.setSelectionBehavior(t)}get isFocused(){return this.state.isFocused}setFocused(t){this.state.setFocused(t)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(t,r){(t==null||this.collection.getItem(t))&&this.state.setFocusedKey(t,r)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(t){if(this.state.selectionMode==="none")return!1;let r=this.getKey(t);return r==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(r):this.state.selectedKeys.has(r)}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let t=this.getSelectAllKeys(),r=this.state.selectedKeys;return this._isSelectAll=t.every(o=>r.has(o)),this._isSelectAll}get firstSelectedKey(){let t=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!t||n&&Ft(this.collection,n,t)<0)&&(t=n)}var r;return(r=t==null?void 0:t.key)!==null&&r!==void 0?r:null}get lastSelectedKey(){let t=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!t||n&&Ft(this.collection,n,t)>0)&&(t=n)}var r;return(r=t==null?void 0:t.key)!==null&&r!==void 0?r:null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(t);return}let r=this.getKey(t);if(r==null)return;let o;if(this.state.selectedKeys==="all")o=new ve([r],r,r);else{let a=this.state.selectedKeys;var n;let l=(n=a.anchorKey)!==null&&n!==void 0?n:r;o=new ve(a,l,r);var s;for(let d of this.getKeyRange(l,(s=a.currentKey)!==null&&s!==void 0?s:r))o.delete(d);for(let d of this.getKeyRange(r,l))this.canSelectItem(d)&&o.add(d)}this.state.setSelectedKeys(o)}getKeyRange(t,r){let o=this.collection.getItem(t),n=this.collection.getItem(r);return o&&n?Ft(this.collection,o,n)<=0?this.getKeyRangeInternal(t,r):this.getKeyRangeInternal(r,t):[]}getKeyRangeInternal(t,r){var o;if(!((o=this.layoutDelegate)===null||o===void 0)&&o.getKeyRange)return this.layoutDelegate.getKeyRange(t,r);let n=[],s=t;for(;s!=null;){let a=this.collection.getItem(s);if(a&&(a.type==="item"||a.type==="cell"&&this.allowsCellSelection)&&n.push(s),s===r)return n;s=this.collection.getKeyAfter(s)}return[]}getKey(t){let r=this.collection.getItem(t);if(!r||r.type==="cell"&&this.allowsCellSelection)return t;for(;r&&r.type!=="item"&&r.parentKey!=null;)r=this.collection.getItem(r.parentKey);return!r||r.type!=="item"?null:r.key}toggleSelection(t){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(t)){this.replaceSelection(t);return}let r=this.getKey(t);if(r==null)return;let o=new ve(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(r)?o.delete(r):this.canSelectItem(r)&&(o.add(r),o.anchorKey=r,o.currentKey=r),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(t){if(this.selectionMode==="none")return;let r=this.getKey(t);if(r==null)return;let o=this.canSelectItem(r)?new ve([r],r,r):new ve;this.state.setSelectedKeys(o)}setSelectedKeys(t){if(this.selectionMode==="none")return;let r=new ve;for(let o of t){let n=this.getKey(o);if(n!=null&&(r.add(n),this.selectionMode==="single"))break}this.state.setSelectedKeys(r)}getSelectAllKeys(){let t=[],r=o=>{for(;o!=null;){if(this.canSelectItem(o)){var n;let a=this.collection.getItem(o);(a==null?void 0:a.type)==="item"&&t.push(o);var s;a!=null&&a.hasChildNodes&&(this.allowsCellSelection||a.type!=="item")&&r((s=(n=fc(uc(a,this.collection)))===null||n===void 0?void 0:n.key)!==null&&s!==void 0?s:null)}o=this.collection.getKeyAfter(o)}};return r(this.collection.getFirstKey()),t}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new ve)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(t,r){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(t)&&!this.disallowEmptySelection?this.toggleSelection(t):this.replaceSelection(t):this.selectionBehavior==="toggle"||r&&(r.pointerType==="touch"||r.pointerType==="virtual")?this.toggleSelection(t):this.replaceSelection(t))}isSelectionEqual(t){if(t===this.state.selectedKeys)return!0;let r=this.selectedKeys;if(t.size!==r.size)return!1;for(let o of t)if(!r.has(o))return!1;for(let o of r)if(!t.has(o))return!1;return!0}canSelectItem(t){var r;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(t))return!1;let o=this.collection.getItem(t);return!(!o||!(o==null||(r=o.props)===null||r===void 0)&&r.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(t){var r,o;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(t)||!!(!((o=this.collection.getItem(t))===null||o===void 0||(r=o.props)===null||r===void 0)&&r.isDisabled))}isLink(t){var r,o;return!!(!((o=this.collection.getItem(t))===null||o===void 0||(r=o.props)===null||r===void 0)&&r.href)}getItemProps(t){var r;return(r=this.collection.getItem(t))===null||r===void 0?void 0:r.props}withCollection(t){return new mr(t,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}constructor(t,r,o){this.collection=t,this.state=r;var n;this.allowsCellSelection=(n=o==null?void 0:o.allowsCellSelection)!==null&&n!==void 0?n:!1,this._isSelectAll=null,this.layoutDelegate=(o==null?void 0:o.layoutDelegate)||null}}function rn(e){let{filter:t,layoutDelegate:r}=e,o=ic(e),n=c.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),s=c.useCallback(u=>t?new _r(t(u)):new _r(u),[t]),a=c.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),l=dc(e,s,a),d=c.useMemo(()=>new mr(l,o,{layoutDelegate:r}),[l,o,r]);return hc(l,d),{collection:l,disabledKeys:n,selectionManager:d}}function hc(e,t){const r=c.useRef(null);c.useEffect(()=>{if(t.focusedKey!=null&&!e.getItem(t.focusedKey)&&r.current){const h=r.current.getItem(t.focusedKey),p=[...r.current.getKeys()].map(k=>{const v=r.current.getItem(k);return(v==null?void 0:v.type)==="item"?v:null}).filter(k=>k!==null),f=[...e.getKeys()].map(k=>{const v=e.getItem(k);return(v==null?void 0:v.type)==="item"?v:null}).filter(k=>k!==null);var o,n;const x=((o=p==null?void 0:p.length)!==null&&o!==void 0?o:0)-((n=f==null?void 0:f.length)!==null&&n!==void 0?n:0);var s,a,l;let m=Math.min(x>1?Math.max(((s=h==null?void 0:h.index)!==null&&s!==void 0?s:0)-x+1,0):(a=h==null?void 0:h.index)!==null&&a!==void 0?a:0,((l=f==null?void 0:f.length)!==null&&l!==void 0?l:0)-1),g=null,$=!1;for(;m>=0;){if(!t.isDisabled(f[m].key)){g=f[m];break}if(m<f.length-1&&!$)m++;else{$=!0;var d,u;m>((d=h==null?void 0:h.index)!==null&&d!==void 0?d:0)&&(m=(u=h==null?void 0:h.index)!==null&&u!==void 0?u:0),m--}}t.setFocusedKey(g?g.key:null)}r.current=e},[e,t])}function bc(e){let[t,r]=yt(e.isOpen,e.defaultOpen||!1,e.onOpenChange);const o=c.useCallback(()=>{r(!0)},[r]),n=c.useCallback(()=>{r(!1)},[r]),s=c.useCallback(()=>{r(!t)},[r,t]);return{isOpen:t,setOpen:r,open:o,close:n,toggle:s}}function gc(e){let{selectionMode:t="single"}=e,r=bc(e),[o,n]=c.useState(null),s=c.useMemo(()=>{var w;return e.defaultValue!==void 0?e.defaultValue:t==="single"?(w=e.defaultSelectedKey)!==null&&w!==void 0?w:null:[]},[e.defaultValue,e.defaultSelectedKey,t]),a=c.useMemo(()=>e.value!==void 0?e.value:t==="single"?e.selectedKey:void 0,[e.value,e.selectedKey,t]),[l,d]=yt(a,s,e.onChange),u=t==="single"&&Array.isArray(l)?l[0]:l,h=w=>{if(t==="single"){var y,R;let z=Array.isArray(w)?(R=w[0])!==null&&R!==void 0?R:null:w;d(z),z!==u&&((y=e.onSelectionChange)===null||y===void 0||y.call(e,z))}else{let z=[];Array.isArray(w)?z=w:w!=null&&(z=[w]),d(z)}},p=rn({...e,selectionMode:t,disallowEmptySelection:t==="single",allowDuplicateSelectionEvents:!0,selectedKeys:c.useMemo(()=>mc(u),[u]),onSelectionChange:w=>{if(w!=="all"){if(t==="single"){var y;let R=(y=w.values().next().value)!==null&&y!==void 0?y:null;h(R),r.close()}else h([...w]);m.commitValidation()}}}),f=p.selectionManager.firstSelectedKey,x=c.useMemo(()=>[...p.selectionManager.selectedKeys].map(w=>p.collection.getItem(w)).filter(w=>w!=null),[p.selectionManager.selectedKeys,p.collection]),m=tc({...e,value:Array.isArray(u)&&u.length===0?null:u}),[g,$]=c.useState(!1),[k]=c.useState(u);var v,j;return{...m,...p,...r,value:u,defaultValue:s??k,setValue:h,selectedKey:f,setSelectedKey:h,selectedItem:(v=x[0])!==null&&v!==void 0?v:null,selectedItems:x,defaultSelectedKey:(j=e.defaultSelectedKey)!==null&&j!==void 0?j:e.selectionMode==="single"?k:null,focusStrategy:o,open(w=null){p.collection.size!==0&&(n(w),r.open())},toggle(w=null){p.collection.size!==0&&(n(w),r.toggle())},isFocused:g,setFocused:$}}function mc(e){if(e!==void 0)return e===null?[]:Array.isArray(e)?e:[e]}const xc=(e,t,r,o)=>t==="checkable"?o?S.css`
|
|
1968
|
+
background: var(--ksd-tag-${e}-bg-checked, var(--ksd-tag-default-bg-checked));
|
|
1969
|
+
color: var(--ksd-tag-${e}-text-checked, var(--ksd-tag-default-text-checked));
|
|
1970
|
+
border-color: var(--ksd-tag-${e}-border-checked, var(--ksd-tag-default-border-checked));
|
|
1983
1971
|
|
|
1984
|
-
&:hover:not(:disabled) {
|
|
1985
|
-
background:
|
|
1986
|
-
border-color:
|
|
1972
|
+
&:hover:not(:disabled):not([data-disabled='true']) {
|
|
1973
|
+
background: var(--ksd-tag-${e}-bg-checked-hover, var(--ksd-tag-default-bg-checked-hover));
|
|
1974
|
+
border-color: var(--ksd-tag-${e}-border-checked-hover, var(--ksd-tag-default-border-checked-hover));
|
|
1987
1975
|
}
|
|
1988
1976
|
|
|
1989
|
-
&:active:not(:disabled) {
|
|
1990
|
-
background:
|
|
1991
|
-
border-color:
|
|
1977
|
+
&:active:not(:disabled):not([data-disabled='true']) {
|
|
1978
|
+
background: var(--ksd-tag-${e}-bg-checked-active, var(--ksd-tag-default-bg-checked-active));
|
|
1979
|
+
border-color: var(--ksd-tag-${e}-border-checked-active, var(--ksd-tag-default-border-checked-active));
|
|
1992
1980
|
}
|
|
1993
|
-
`:
|
|
1994
|
-
background:
|
|
1995
|
-
color:
|
|
1996
|
-
border-color:
|
|
1981
|
+
`:S.css`
|
|
1982
|
+
background: var(--ksd-tag-${e}-bg);
|
|
1983
|
+
color: var(--ksd-tag-${e}-text);
|
|
1984
|
+
border-color: var(--ksd-tag-${e}-border);
|
|
1997
1985
|
cursor: pointer;
|
|
1998
1986
|
|
|
1999
|
-
&:hover:not(:disabled) {
|
|
2000
|
-
background:
|
|
2001
|
-
border-color:
|
|
1987
|
+
&:hover:not(:disabled):not([data-disabled='true']) {
|
|
1988
|
+
background: var(--ksd-tag-${e}-bg-hover);
|
|
1989
|
+
border-color: var(--ksd-tag-${e}-border-hover, var(--ksd-tag-${e}-border));
|
|
2002
1990
|
}
|
|
2003
1991
|
|
|
2004
|
-
&:active:not(:disabled) {
|
|
2005
|
-
background:
|
|
2006
|
-
border-color:
|
|
1992
|
+
&:active:not(:disabled):not([data-disabled='true']) {
|
|
1993
|
+
background: var(--ksd-tag-${e}-bg-active);
|
|
1994
|
+
border-color: var(--ksd-tag-${e}-border-active, var(--ksd-tag-${e}-border));
|
|
2007
1995
|
}
|
|
2008
|
-
`:
|
|
2009
|
-
background:
|
|
2010
|
-
color:
|
|
2011
|
-
border-color:
|
|
2012
|
-
`:
|
|
2013
|
-
background:
|
|
2014
|
-
color:
|
|
1996
|
+
`:r?S.css`
|
|
1997
|
+
background: var(--ksd-tag-${e}-bg);
|
|
1998
|
+
color: var(--ksd-tag-${e}-text);
|
|
1999
|
+
border-color: var(--ksd-tag-${e}-border);
|
|
2000
|
+
`:S.css`
|
|
2001
|
+
background: var(--ksd-tag-${e}-bg);
|
|
2002
|
+
color: var(--ksd-tag-${e}-text);
|
|
2015
2003
|
border-color: transparent;
|
|
2016
|
-
|
|
2017
|
-
height:
|
|
2018
|
-
font-size:
|
|
2019
|
-
line-height:
|
|
2020
|
-
padding-inline:
|
|
2021
|
-
gap:
|
|
2004
|
+
`,vc=e=>S.css`
|
|
2005
|
+
height: var(--ksd-tag-${e}-height);
|
|
2006
|
+
font-size: var(--ksd-tag-${e}-font-size);
|
|
2007
|
+
line-height: var(--ksd-tag-${e}-line-height);
|
|
2008
|
+
padding-inline: var(--ksd-tag-${e}-padding-inline);
|
|
2009
|
+
gap: var(--ksd-tag-${e}-gap);
|
|
2022
2010
|
|
|
2023
|
-
/* 图标尺寸 */
|
|
2024
2011
|
svg {
|
|
2025
|
-
width:
|
|
2026
|
-
height:
|
|
2012
|
+
width: var(--ksd-tag-${e}-icon-size);
|
|
2013
|
+
height: var(--ksd-tag-${e}-icon-size);
|
|
2027
2014
|
}
|
|
2028
|
-
|
|
2029
|
-
/* 基础样式
|
|
2015
|
+
`,yc=b.span`
|
|
2016
|
+
/* 基础样式 */
|
|
2030
2017
|
position: relative;
|
|
2031
2018
|
display: inline-flex;
|
|
2032
2019
|
align-items: center;
|
|
2033
2020
|
justify-content: center;
|
|
2034
2021
|
box-sizing: border-box;
|
|
2035
2022
|
|
|
2036
|
-
/* 字体样式 */
|
|
2037
|
-
font-family:
|
|
2038
|
-
font-weight:
|
|
2023
|
+
/* 字体样式 - 使用 CSS 变量 */
|
|
2024
|
+
font-family: var(--ksd-typography-font-family);
|
|
2025
|
+
font-weight: var(--ksd-tag-font-weight);
|
|
2039
2026
|
white-space: nowrap;
|
|
2040
2027
|
|
|
2041
2028
|
/* 边框样式 */
|
|
2042
2029
|
border-width: 1px;
|
|
2043
2030
|
border-style: solid;
|
|
2044
|
-
border-radius:
|
|
2031
|
+
border-radius: var(--ksd-tag-border-radius);
|
|
2045
2032
|
|
|
2046
2033
|
/* 交互样式 */
|
|
2047
2034
|
user-select: none;
|
|
@@ -2049,19 +2036,19 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2049
2036
|
|
|
2050
2037
|
/* 过渡动画 */
|
|
2051
2038
|
transition:
|
|
2052
|
-
background
|
|
2053
|
-
border-color
|
|
2054
|
-
color
|
|
2055
|
-
opacity
|
|
2039
|
+
background var(--ksd-tag-transition),
|
|
2040
|
+
border-color var(--ksd-tag-transition),
|
|
2041
|
+
color var(--ksd-tag-transition),
|
|
2042
|
+
opacity var(--ksd-tag-transition);
|
|
2056
2043
|
|
|
2057
|
-
/*
|
|
2058
|
-
${({
|
|
2044
|
+
/* 颜色样式 */
|
|
2045
|
+
${({color:e,variant:t,bordered:r,checked:o})=>xc(e,t,r,o)}
|
|
2059
2046
|
|
|
2060
2047
|
/* 尺寸样式 */
|
|
2061
|
-
${({size:e
|
|
2048
|
+
${({size:e})=>vc(e)}
|
|
2062
2049
|
|
|
2063
2050
|
/* 可选择标签的 cursor */
|
|
2064
|
-
${({variant:e,checked:
|
|
2051
|
+
${({variant:e,checked:t})=>e==="checkable"&&!t&&S.css`
|
|
2065
2052
|
cursor: pointer;
|
|
2066
2053
|
`}
|
|
2067
2054
|
|
|
@@ -2069,26 +2056,26 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2069
2056
|
&:disabled,
|
|
2070
2057
|
&[data-disabled='true'] {
|
|
2071
2058
|
cursor: not-allowed;
|
|
2072
|
-
opacity:
|
|
2059
|
+
opacity: var(--ksd-tag-disabled-opacity);
|
|
2073
2060
|
}
|
|
2074
2061
|
|
|
2075
2062
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
2076
2063
|
&:focus-visible {
|
|
2077
|
-
outline: 2px solid
|
|
2064
|
+
outline: 2px solid var(--ksd-tag-default-border-checked);
|
|
2078
2065
|
outline-offset: 2px;
|
|
2079
2066
|
}
|
|
2080
|
-
|
|
2067
|
+
`,$c=b.span`
|
|
2081
2068
|
display: inline-flex;
|
|
2082
2069
|
align-items: center;
|
|
2083
2070
|
justify-content: center;
|
|
2084
2071
|
gap: inherit;
|
|
2085
|
-
`,
|
|
2072
|
+
`,wc=b.span`
|
|
2086
2073
|
display: inline-flex;
|
|
2087
2074
|
align-items: center;
|
|
2088
2075
|
justify-content: center;
|
|
2089
2076
|
flex-shrink: 0;
|
|
2090
2077
|
color: inherit;
|
|
2091
|
-
`,
|
|
2078
|
+
`,kc=b.span`
|
|
2092
2079
|
display: inline-flex;
|
|
2093
2080
|
align-items: center;
|
|
2094
2081
|
justify-content: center;
|
|
@@ -2101,7 +2088,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2101
2088
|
cursor: pointer;
|
|
2102
2089
|
color: inherit;
|
|
2103
2090
|
|
|
2104
|
-
transition: opacity
|
|
2091
|
+
transition: opacity var(--ksd-tag-transition);
|
|
2105
2092
|
|
|
2106
2093
|
&:hover {
|
|
2107
2094
|
opacity: 0.7;
|
|
@@ -2113,78 +2100,78 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2113
2100
|
|
|
2114
2101
|
/* 图标尺寸 */
|
|
2115
2102
|
svg {
|
|
2116
|
-
width:
|
|
2117
|
-
height:
|
|
2103
|
+
width: var(--ksd-tag-${({size:e})=>e}-close-icon-size);
|
|
2104
|
+
height: var(--ksd-tag-${({size:e})=>e}-close-icon-size);
|
|
2118
2105
|
}
|
|
2119
|
-
`,
|
|
2106
|
+
`,Sc=b.button`
|
|
2120
2107
|
display: inline-flex;
|
|
2121
2108
|
align-items: center;
|
|
2122
2109
|
justify-content: center;
|
|
2123
2110
|
box-sizing: border-box;
|
|
2124
|
-
gap:
|
|
2111
|
+
gap: var(--ksd-tag-${({size:e})=>e}-gap);
|
|
2125
2112
|
|
|
2126
|
-
height:
|
|
2127
|
-
padding-inline:
|
|
2113
|
+
height: var(--ksd-tag-${({size:e})=>e}-height);
|
|
2114
|
+
padding-inline: var(--ksd-tag-${({size:e})=>e}-padding-inline);
|
|
2128
2115
|
|
|
2129
|
-
font-family:
|
|
2130
|
-
font-size:
|
|
2131
|
-
line-height:
|
|
2132
|
-
font-weight:
|
|
2133
|
-
color:
|
|
2116
|
+
font-family: var(--ksd-typography-font-family);
|
|
2117
|
+
font-size: var(--ksd-tag-${({size:e})=>e}-font-size);
|
|
2118
|
+
line-height: var(--ksd-tag-${({size:e})=>e}-line-height);
|
|
2119
|
+
font-weight: var(--ksd-tag-font-weight);
|
|
2120
|
+
color: var(--ksd-tag-default-text);
|
|
2134
2121
|
|
|
2135
|
-
background:
|
|
2136
|
-
border: 1px solid
|
|
2137
|
-
border-radius:
|
|
2122
|
+
background: var(--ksd-tag-default-bg);
|
|
2123
|
+
border: 1px solid var(--ksd-tag-default-border);
|
|
2124
|
+
border-radius: var(--ksd-tag-border-radius);
|
|
2138
2125
|
|
|
2139
2126
|
cursor: pointer;
|
|
2140
2127
|
user-select: none;
|
|
2141
2128
|
white-space: nowrap;
|
|
2142
2129
|
|
|
2143
2130
|
transition:
|
|
2144
|
-
background
|
|
2145
|
-
border-color
|
|
2131
|
+
background var(--ksd-tag-transition),
|
|
2132
|
+
border-color var(--ksd-tag-transition);
|
|
2146
2133
|
|
|
2147
2134
|
&:hover:not(:disabled) {
|
|
2148
|
-
background:
|
|
2149
|
-
border-color:
|
|
2135
|
+
background: var(--ksd-tag-default-bg-hover);
|
|
2136
|
+
border-color: var(--ksd-tag-default-border-hover);
|
|
2150
2137
|
}
|
|
2151
2138
|
|
|
2152
2139
|
&:active:not(:disabled) {
|
|
2153
|
-
background:
|
|
2154
|
-
border-color:
|
|
2140
|
+
background: var(--ksd-tag-default-bg-active);
|
|
2141
|
+
border-color: var(--ksd-tag-default-border-active);
|
|
2155
2142
|
}
|
|
2156
2143
|
|
|
2157
2144
|
&:disabled {
|
|
2158
2145
|
cursor: not-allowed;
|
|
2159
|
-
opacity:
|
|
2146
|
+
opacity: var(--ksd-tag-disabled-opacity);
|
|
2160
2147
|
}
|
|
2161
2148
|
|
|
2162
2149
|
&:focus-visible {
|
|
2163
|
-
outline: 2px solid
|
|
2150
|
+
outline: 2px solid var(--ksd-tag-default-border-checked);
|
|
2164
2151
|
outline-offset: 2px;
|
|
2165
2152
|
}
|
|
2166
2153
|
|
|
2167
2154
|
svg {
|
|
2168
|
-
width:
|
|
2169
|
-
height:
|
|
2155
|
+
width: var(--ksd-tag-${({size:e})=>e}-icon-size);
|
|
2156
|
+
height: var(--ksd-tag-${({size:e})=>e}-icon-size);
|
|
2170
2157
|
}
|
|
2171
|
-
`,
|
|
2172
|
-
${
|
|
2158
|
+
`,tt=c.forwardRef(({variant:e="default",size:t="md",color:r="default",bordered:o=!1,closable:n=!1,checkable:s=!1,checked:a=!1,icon:l,disabled:d=!1,className:u,children:h,onClose:p,onChange:f,onClick:x},m)=>{const g=s?"checkable":e,$=s?a:!1,k=()=>{d||(s&&f&&f(!$),x&&x())},v=w=>{d||g==="checkable"&&(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),k())},j=w=>{w.stopPropagation(),p&&!d&&p()};return i.jsx(yc,{ref:m,variant:g,size:t,color:r,bordered:o,checked:$,closable:n,isDisabled:d,className:u,onClick:g==="checkable"?k:x,onKeyDown:v,"data-variant":g,"data-size":t,"data-color":r,"data-checked":$?"true":void 0,"data-disabled":d?"true":void 0,tabIndex:g==="checkable"&&!d?0:void 0,role:g==="checkable"?"checkbox":void 0,"aria-checked":g==="checkable"?$:void 0,"aria-disabled":d,children:i.jsxs($c,{children:[l&&i.jsx(wc,{"aria-hidden":"true",children:l}),h,n&&i.jsx(kc,{size:t,onClick:j,"aria-label":"关闭",role:"button",tabIndex:d?-1:0,onKeyDown:w=>{!d&&(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),j(w))},"aria-disabled":d,children:i.jsx(dr,{})})]})})});tt.displayName="Tag";const xr=c.forwardRef(({size:e="md",className:t,children:r="New Tag",...o},n)=>{const s=c.useRef(null),a=n||s,{buttonProps:l}=X.useButton({...o,elementType:"button"},s);return i.jsxs(Sc,{...Re(l,{ref:a,className:t}),size:e,"data-size":e,children:[i.jsx(lr,{}),r]})});xr.displayName="Tag.Add";tt.Add=xr;const Cc=["sm","md","lg"],jc=(e,t,r,o,n)=>r?n.components.select.border.disabled:t?n.components.select.border.error:e?n.components.select.border.focus:o?n.components.select.border.hover:n.components.select.border.default,Ec=(e,t,r)=>{const o=r.components.select.size[e];return S.css`
|
|
2159
|
+
${t?`min-height: ${o.height};`:`height: ${o.height};`}
|
|
2173
2160
|
font-size: ${o.fontSize};
|
|
2174
2161
|
padding-inline: ${o.paddingInline};
|
|
2175
|
-
${
|
|
2162
|
+
${t?"padding-block: 4px;":""}
|
|
2176
2163
|
|
|
2177
2164
|
svg {
|
|
2178
2165
|
/* No global svg sizing here to avoid affecting Tag icons */
|
|
2179
2166
|
}
|
|
2180
|
-
`},
|
|
2167
|
+
`},on=b.div`
|
|
2181
2168
|
display: ${({fullWidth:e})=>e?"flex":"inline-flex"};
|
|
2182
2169
|
flex-direction: column;
|
|
2183
2170
|
width: ${({fullWidth:e})=>e?"100%":"200px"};
|
|
2184
2171
|
min-width: 120px;
|
|
2185
2172
|
position: relative;
|
|
2186
2173
|
box-sizing: border-box;
|
|
2187
|
-
`,
|
|
2174
|
+
`,nn=b.button`
|
|
2188
2175
|
/* 基础重置 */
|
|
2189
2176
|
position: relative;
|
|
2190
2177
|
display: inline-flex;
|
|
@@ -2195,12 +2182,12 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2195
2182
|
|
|
2196
2183
|
/* 样式 */
|
|
2197
2184
|
border: 1px solid;
|
|
2198
|
-
border-color: ${({isFocused:e,isError:
|
|
2185
|
+
border-color: ${({isFocused:e,isError:t,isDisabled:r,isHovered:o,isOpen:n,theme:s})=>jc(e||!!n,!!t,!!r,!!o,s)};
|
|
2199
2186
|
border-radius: ${({theme:e})=>e.components.select.borderRadius};
|
|
2200
2187
|
|
|
2201
|
-
background: ${({isDisabled:e,theme:
|
|
2188
|
+
background: ${({isDisabled:e,theme:t})=>e?t.components.select.background.disabled:t.components.select.background.default};
|
|
2202
2189
|
|
|
2203
|
-
color: ${({isDisabled:e,isError:
|
|
2190
|
+
color: ${({isDisabled:e,isError:t,theme:r})=>e?r.components.select.text.disabled:t?r.components.select.text.error:r.components.select.text.default};
|
|
2204
2191
|
|
|
2205
2192
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
2206
2193
|
outline: none;
|
|
@@ -2208,21 +2195,21 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2208
2195
|
transition: all ${({theme:e})=>e.components.select.transition};
|
|
2209
2196
|
|
|
2210
2197
|
/* 尺寸 */
|
|
2211
|
-
${({size:e,isMultiple:
|
|
2198
|
+
${({size:e,isMultiple:t,theme:r})=>Ec(e,!!t,r)}
|
|
2212
2199
|
|
|
2213
2200
|
/* 禁用状态 */
|
|
2214
|
-
${({isDisabled:e})=>e&&
|
|
2201
|
+
${({isDisabled:e})=>e&&S.css`
|
|
2215
2202
|
opacity: 0.6;
|
|
2216
2203
|
`}
|
|
2217
|
-
`,
|
|
2204
|
+
`,Jt=b.span`
|
|
2218
2205
|
flex: 1;
|
|
2219
2206
|
overflow: hidden;
|
|
2220
2207
|
text-overflow: ellipsis;
|
|
2221
2208
|
white-space: nowrap;
|
|
2222
2209
|
text-align: left;
|
|
2223
2210
|
margin-right: 8px;
|
|
2224
|
-
color: ${({isPlaceholder:e,theme:
|
|
2225
|
-
`,
|
|
2211
|
+
color: ${({isPlaceholder:e,theme:t})=>e?t.components.select.text.placeholder:"inherit"};
|
|
2212
|
+
`,sn=b.span`
|
|
2226
2213
|
display: inline-flex;
|
|
2227
2214
|
align-items: center;
|
|
2228
2215
|
justify-content: center;
|
|
@@ -2234,10 +2221,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2234
2221
|
opacity: 0.5;
|
|
2235
2222
|
|
|
2236
2223
|
svg {
|
|
2237
|
-
width: ${({size:e,theme:
|
|
2238
|
-
height: ${({size:e,theme:
|
|
2224
|
+
width: ${({size:e,theme:t})=>e?t.components.select.size[e].iconSize:"16px"};
|
|
2225
|
+
height: ${({size:e,theme:t})=>e?t.components.select.size[e].iconSize:"16px"};
|
|
2239
2226
|
}
|
|
2240
|
-
`,
|
|
2227
|
+
`,an=b.div`
|
|
2241
2228
|
background: ${({theme:e})=>e.components.select.popover.background};
|
|
2242
2229
|
border: ${({theme:e})=>e.components.select.popover.border};
|
|
2243
2230
|
border-radius: ${({theme:e})=>e.components.select.popover.borderRadius};
|
|
@@ -2248,7 +2235,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2248
2235
|
max-height: 300px;
|
|
2249
2236
|
display: flex;
|
|
2250
2237
|
flex-direction: column;
|
|
2251
|
-
`,
|
|
2238
|
+
`,vr=b.ul`
|
|
2252
2239
|
margin: 0;
|
|
2253
2240
|
padding: 0;
|
|
2254
2241
|
list-style: none;
|
|
@@ -2267,7 +2254,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2267
2254
|
background: rgba(0,0,0,0.2);
|
|
2268
2255
|
border-radius: 4px;
|
|
2269
2256
|
}
|
|
2270
|
-
`,
|
|
2257
|
+
`,ln=b.li`
|
|
2271
2258
|
position: relative;
|
|
2272
2259
|
display: flex;
|
|
2273
2260
|
align-items: center;
|
|
@@ -2281,41 +2268,41 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2281
2268
|
user-select: none;
|
|
2282
2269
|
font-size: ${({theme:e})=>e.components.select.option.fontSize};
|
|
2283
2270
|
|
|
2284
|
-
background: ${({isSelected:e,isFocused:
|
|
2271
|
+
background: ${({isSelected:e,isFocused:t,theme:r})=>e?r.components.select.option.background.selected:t?r.components.select.option.background.focused:r.components.select.option.background.default};
|
|
2285
2272
|
|
|
2286
|
-
color: ${({isSelected:e,isDisabled:
|
|
2273
|
+
color: ${({isSelected:e,isDisabled:t,theme:r})=>t?r.components.select.option.text.disabled:e?r.components.select.option.text.selected:r.components.select.option.text.default};
|
|
2287
2274
|
|
|
2288
2275
|
&:hover {
|
|
2289
|
-
background: ${({isSelected:e,isDisabled:
|
|
2276
|
+
background: ${({isSelected:e,isDisabled:t,theme:r})=>t?"transparent":e?r.components.select.option.background.selected:r.components.select.option.background.hover};
|
|
2290
2277
|
}
|
|
2291
2278
|
|
|
2292
2279
|
&:last-child {
|
|
2293
2280
|
margin-bottom: 0;
|
|
2294
2281
|
}
|
|
2295
|
-
`,
|
|
2282
|
+
`,cn=b.span`
|
|
2296
2283
|
flex: 1;
|
|
2297
2284
|
overflow: hidden;
|
|
2298
2285
|
text-overflow: ellipsis;
|
|
2299
2286
|
white-space: nowrap;
|
|
2300
|
-
`,
|
|
2287
|
+
`,dn=b.span`
|
|
2301
2288
|
margin-left: 8px;
|
|
2302
2289
|
display: flex;
|
|
2303
2290
|
align-items: center;
|
|
2304
2291
|
color: ${({theme:e})=>e.components.select.option.text.selected};
|
|
2305
2292
|
font-size: 14px;
|
|
2306
|
-
`,
|
|
2293
|
+
`,un=b.div`
|
|
2307
2294
|
display: flex;
|
|
2308
2295
|
align-items: center;
|
|
2309
2296
|
justify-content: center;
|
|
2310
2297
|
padding: 8px;
|
|
2311
2298
|
color: ${({theme:e})=>e.components.select.text.placeholder};
|
|
2312
2299
|
font-size: ${({theme:e})=>e.global.typography.fontSize.xs};
|
|
2313
|
-
`,
|
|
2300
|
+
`,zc=b.div`
|
|
2314
2301
|
padding: 8px 12px;
|
|
2315
2302
|
color: ${({theme:e})=>e.components.select.text.disabled};
|
|
2316
2303
|
font-size: ${({theme:e})=>e.global.typography.fontSize.xs};
|
|
2317
2304
|
text-align: center;
|
|
2318
|
-
`,
|
|
2305
|
+
`,fn=b.div`
|
|
2319
2306
|
flex: 1;
|
|
2320
2307
|
display: flex;
|
|
2321
2308
|
flex-wrap: wrap;
|
|
@@ -2323,20 +2310,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2323
2310
|
align-items: center;
|
|
2324
2311
|
min-height: 22px;
|
|
2325
2312
|
padding-right: 4px;
|
|
2326
|
-
`,
|
|
2313
|
+
`,pn=b.span`
|
|
2327
2314
|
display: inline-flex;
|
|
2328
2315
|
align-items: center;
|
|
2329
2316
|
margin-right: 8px;
|
|
2330
2317
|
flex-shrink: 0;
|
|
2331
2318
|
pointer-events: none;
|
|
2332
|
-
`;function
|
|
2319
|
+
`;function Tc({children:e,state:t,offset:r=4,triggerRef:o,placement:n="bottom start",...s}){const a=c.useRef(null),[l,d]=c.useState(void 0);c.useLayoutEffect(()=>{o.current&&d(o.current.getBoundingClientRect().width)},[o,t.isOpen]);const{overlayProps:u}=X.useOverlay({...s,shouldCloseOnBlur:!1,isDismissable:!0,onClose:t.close},a),{overlayProps:h,placement:p}=X.useOverlayPosition({targetRef:o,overlayRef:a,placement:n,offset:r,isOpen:t.isOpen,onClose:t.close});return c.useEffect(()=>{if(!t.isOpen)return;const f=x=>{const m=x.target,g=a.current,$=o.current;g&&!g.contains(m)&&$&&!$.contains(m)&&t.close()};return document.addEventListener("mousedown",f),document.addEventListener("focusin",f),()=>{document.removeEventListener("mousedown",f),document.removeEventListener("focusin",f)}},[t.isOpen,t.close,o]),i.jsx(X.Overlay,{children:i.jsx(X.FocusScope,{restoreFocus:!0,children:i.jsxs(an,{...u,...h,ref:a,"data-placement":p,style:{...h.style,zIndex:1e4,width:l?`${l}px`:"auto",minWidth:l?`${l}px`:"120px"},children:[i.jsx(X.DismissButton,{onDismiss:t.close}),e,i.jsx(X.DismissButton,{onDismiss:t.close})]})})})}function Rc({state:e,...t}){const r=c.useRef(null),{listBoxProps:o}=X.useListBox(t,e,r);return i.jsx(vr,{...o,ref:r,children:[...e.collection].map(n=>i.jsx(hn,{item:n,state:e},n.key))})}function hn({item:e,state:t,isMultiple:r}){const o=c.useRef(null),{optionProps:n,isSelected:s,isFocused:a,isDisabled:l}=X.useOption({key:e.key},t,o);return i.jsxs(ln,{...n,ref:o,isSelected:s,isFocused:a,isDisabled:l,children:[r&&i.jsx(pn,{"aria-hidden":"true",onClick:d=>d.stopPropagation(),children:i.jsx(De,{checked:s,disabled:l,tabIndex:-1})}),i.jsx(cn,{children:e.rendered}),!r&&s&&i.jsx(dn,{"aria-hidden":"true",children:i.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}function Lc({state:e}){const t=c.useRef(null),{listBoxProps:r}=X.useListBox({selectionMode:"multiple"},e,t);return i.jsx(vr,{...r,ref:t,children:[...e.collection].map(o=>i.jsx(hn,{item:o,state:e,isMultiple:!0},o.key))})}const Mc=c.forwardRef(function(t,r){const{selectionMode:o="single",loading:n,disabled:s,size:a="md",fullWidth:l=!1,width:d,className:u,style:h,placeholder:p="请选择",label:f,description:x,errorMessage:m,maxTagCount:g,value:$,defaultValue:k,onChange:v,selectedKey:j,defaultSelectedKey:w,selectedKeys:y,defaultSelectedKeys:R,onSelectionChange:z,options:A,children:O}=t,L=o==="multiple",B=L?void 0:$??j,U=L?$??y:void 0,re=L?void 0:k??w,K=L?k??R:void 0,V=te=>{v==null||v(te),z==null||z(te)},Q=c.useMemo(()=>A&&A.length>0?A.map(te=>i.jsx(en,{textValue:typeof te.label=="string"?te.label:String(te.value),children:te.label},te.value)):O,[A,O]),D={...t,children:Q,selectedKey:B,defaultSelectedKey:re,onSelectionChange:V},I=c.useRef(null),F=r||I,_=c.useRef(null),q=gc(D),C=rn({...D,selectionMode:"multiple",selectedKeys:U,defaultSelectedKeys:K,onSelectionChange:V}),[E,M]=c.useState(!1),T=L?E:q.isOpen,N=c.useMemo(()=>{if(!L)return[];const te=[],je=C.selectionManager.selectedKeys;for(const Ue of C.collection)je.has(Ue.key)&&te.push({key:Ue.key,rendered:Ue.rendered});return te},[L,C.selectionManager.selectedKeys,C.collection]),{visibleTags:J,overflowCount:oe}=c.useMemo(()=>!L||N.length===0?{visibleTags:[],overflowCount:0}:g!==void 0&&N.length>g?{visibleTags:N.slice(0,g),overflowCount:N.length-g}:{visibleTags:N,overflowCount:0},[L,N,g]),{labelProps:le,triggerProps:Me,valueProps:Ie,menuProps:P,descriptionProps:se,errorMessageProps:he}=X.useSelect(D,q,F),Ce=te=>{_.current=te.pointerType,te.pointerType!=="touch"&&te.pointerType!=="keyboard"&&F.current&&Bt(F.current)},st=te=>{const je=te.pointerType||_.current;if(je!=="keyboard")if(L)M(!E);else{const Ue=je==="mouse"||je==="pen"?null:"first";q.toggle(Ue)}},{buttonProps:zt}=X.useButton({...Me,onPressStart:Ce,onPress:st},F),jn=te=>{const je=new Set(C.selectionManager.selectedKeys);je.delete(te),C.selectionManager.setSelectedKeys(je),V(je)},En=()=>L?N.length===0?i.jsx(Jt,{isPlaceholder:!0,children:p}):i.jsxs(fn,{children:[J.map(te=>i.jsx(tt,{size:"sm",closable:!0,onClose:()=>jn(te.key),children:te.rendered},te.key)),oe>0&&i.jsxs(tt,{size:"sm",children:["+",oe]})]}):i.jsx(Jt,{...Ie,isPlaceholder:!q.selectedItem,children:q.selectedItem?q.selectedItem.rendered:p}),zn=L?{isOpen:E,close:()=>M(!1)}:q;return i.jsxs(on,{fullWidth:l,className:u,style:{width:d,...h},children:[f&&i.jsx("label",{...le,style:{fontSize:"12px",marginBottom:"4px",display:"block",color:"inherit"},children:f}),!L&&i.jsx(X.HiddenSelect,{state:q,triggerRef:F,label:f,name:t.name,isDisabled:s}),i.jsxs(nn,{...zt,ref:F,size:a,fullWidth:l,isOpen:T,isDisabled:s,isError:!!m,isMultiple:L,children:[En(),i.jsx(sn,{isOpen:T,"aria-hidden":"true",size:a,children:i.jsx(nt,{width:12,height:12})})]}),T&&i.jsx(Tc,{state:zn,triggerRef:F,placement:"bottom start",offset:4,children:n?i.jsxs(un,{children:[i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{animation:"spin 1s linear infinite",marginRight:8},children:[i.jsx("style",{children:"@keyframes spin { 100% { transform: rotate(360deg); } }"}),i.jsx("path",{d:"M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"加载中..."]}):L?i.jsx(Lc,{state:C}):i.jsx(Rc,{...P,state:q})}),x&&i.jsx("div",{...se,style:{fontSize:"12px",marginTop:"4px",opacity:.6},children:x}),m&&i.jsx("div",{...he,style:{fontSize:"12px",marginTop:"4px",color:"#ff4d4f"},children:m})]})}),Et=Mc;Et.Item=en;Et.Section=ac;const Ic=["sm","md","lg"],Nc=["default","bordered","striped"],Pc={sm:4,md:4,lg:6},_e=e=>`${Pc[e??"md"]}px`,Yr=b.div`
|
|
2333
2320
|
width: ${e=>e.fullWidth?"100%":"auto"};
|
|
2334
2321
|
overflow: auto;
|
|
2335
2322
|
/* 移除边框,设计稿中表格没有外围边框 */
|
|
2336
2323
|
scrollbar-width: ${e=>e.showScrollbar?"thin":"none"};
|
|
2337
2324
|
scrollbar-color: ${({theme:e})=>e.semantic.colors.border.primary} transparent;
|
|
2338
|
-
border-top-left-radius: ${e=>
|
|
2339
|
-
border-top-right-radius: ${e=>
|
|
2325
|
+
border-top-left-radius: ${e=>_e(e.size)};
|
|
2326
|
+
border-top-right-radius: ${e=>_e(e.size)};
|
|
2340
2327
|
|
|
2341
2328
|
&::-webkit-scrollbar {
|
|
2342
2329
|
width: ${e=>e.showScrollbar?"8px":"0px"};
|
|
@@ -2352,16 +2339,16 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2352
2339
|
background: transparent;
|
|
2353
2340
|
}
|
|
2354
2341
|
|
|
2355
|
-
${e=>e.scrollX&&
|
|
2342
|
+
${e=>e.scrollX&&S.css`
|
|
2356
2343
|
max-width: ${typeof e.scrollX=="number"?`${e.scrollX}px`:e.scrollX};
|
|
2357
2344
|
`}
|
|
2358
2345
|
|
|
2359
|
-
${e=>e.scrollY&&
|
|
2346
|
+
${e=>e.scrollY&&S.css`
|
|
2360
2347
|
max-height: ${typeof e.scrollY=="number"?`${e.scrollY}px`:e.scrollY};
|
|
2361
2348
|
`}
|
|
2362
|
-
`,
|
|
2349
|
+
`,Ac=b.table`
|
|
2363
2350
|
width: 100%;
|
|
2364
|
-
${e=>e.scrollX&&
|
|
2351
|
+
${e=>e.scrollX&&S.css`
|
|
2365
2352
|
min-width: ${typeof e.scrollX=="number"?`${e.scrollX}px`:e.scrollX};
|
|
2366
2353
|
`}
|
|
2367
2354
|
border-collapse: separate;
|
|
@@ -2370,24 +2357,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2370
2357
|
font-family: ${({theme:e})=>e.semantic.typography.component.fontSizeSm};
|
|
2371
2358
|
background-color: ${({theme:e})=>e.semantic.colors.background.surface};
|
|
2372
2359
|
|
|
2373
|
-
${e=>e.variant==="bordered"&&
|
|
2360
|
+
${e=>e.variant==="bordered"&&S.css`
|
|
2374
2361
|
border: 1px solid ${e.theme.semantic.colors.border.primary};
|
|
2375
|
-
border-radius: ${
|
|
2362
|
+
border-radius: ${_e(e.size)} ${_e(e.size)} 0 0;
|
|
2376
2363
|
`}
|
|
2377
2364
|
|
|
2378
|
-
${e=>e.variant==="striped"&&
|
|
2365
|
+
${e=>e.variant==="striped"&&S.css`
|
|
2379
2366
|
tbody tr:nth-of-type(even) {
|
|
2380
2367
|
--row-bg: ${e.theme.semantic.colors.background.surfaceSubtle};
|
|
2381
2368
|
}
|
|
2382
2369
|
`}
|
|
2383
|
-
`,
|
|
2370
|
+
`,Fc=b.thead`
|
|
2384
2371
|
background-color: ${({theme:e})=>e.semantic.colors.background.surfaceSubtle};
|
|
2385
2372
|
position: sticky;
|
|
2386
2373
|
top: 0;
|
|
2387
2374
|
z-index: 10;
|
|
2388
|
-
`,
|
|
2375
|
+
`,Dc=b.tr`
|
|
2389
2376
|
border-bottom: 1px solid ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2390
|
-
`,
|
|
2377
|
+
`,Zr=b.th`
|
|
2391
2378
|
padding: ${e=>{switch(e.size){case"sm":return"8px 12px";case"lg":return"16px 16px";case"md":default:return"12px 16px"}}};
|
|
2392
2379
|
text-align: ${e=>e.align||"left"};
|
|
2393
2380
|
font-weight: 400; /* Regular font weight based on design (H9/H11) */
|
|
@@ -2398,24 +2385,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2398
2385
|
position: ${e=>e.fixed?"sticky":"static"};
|
|
2399
2386
|
background-color: ${({theme:e})=>e.semantic.colors.background.surfaceSubtle};
|
|
2400
2387
|
|
|
2401
|
-
${e=>e.width&&
|
|
2388
|
+
${e=>e.width&&S.css`
|
|
2402
2389
|
width: ${typeof e.width=="number"?`${e.width}px`:e.width};
|
|
2403
2390
|
`}
|
|
2404
2391
|
|
|
2405
|
-
${e=>e.fixed==="left"&&
|
|
2392
|
+
${e=>e.fixed==="left"&&S.css`
|
|
2406
2393
|
left: 0;
|
|
2407
2394
|
z-index: 11;
|
|
2408
2395
|
/* 调整固定列阴影,使其更柔和 */
|
|
2409
2396
|
box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2410
2397
|
`}
|
|
2411
2398
|
|
|
2412
|
-
${e=>e.fixed==="right"&&
|
|
2399
|
+
${e=>e.fixed==="right"&&S.css`
|
|
2413
2400
|
right: 0;
|
|
2414
2401
|
z-index: 11;
|
|
2415
2402
|
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2416
2403
|
`}
|
|
2417
2404
|
|
|
2418
|
-
${e=>e.sortable&&
|
|
2405
|
+
${e=>e.sortable&&S.css`
|
|
2419
2406
|
cursor: pointer;
|
|
2420
2407
|
transition: background-color 0.15s ease;
|
|
2421
2408
|
|
|
@@ -2425,13 +2412,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2425
2412
|
`}
|
|
2426
2413
|
|
|
2427
2414
|
&:first-of-type {
|
|
2428
|
-
border-top-left-radius: ${e=>
|
|
2415
|
+
border-top-left-radius: ${e=>_e(e.size)};
|
|
2429
2416
|
}
|
|
2430
2417
|
|
|
2431
2418
|
&:last-of-type {
|
|
2432
|
-
border-top-right-radius: ${e=>
|
|
2419
|
+
border-top-right-radius: ${e=>_e(e.size)};
|
|
2433
2420
|
}
|
|
2434
|
-
`,
|
|
2421
|
+
`,Oc=b.span`
|
|
2435
2422
|
display: inline-flex;
|
|
2436
2423
|
flex-direction: column;
|
|
2437
2424
|
align-items: center;
|
|
@@ -2452,15 +2439,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2452
2439
|
color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2453
2440
|
opacity: 1;
|
|
2454
2441
|
}
|
|
2455
|
-
`,
|
|
2442
|
+
`,Bc=b.tbody``,Dt=b.tr`
|
|
2456
2443
|
/* 定义背景色变量,用于同步固定列的背景 */
|
|
2457
2444
|
--row-bg: ${({theme:e})=>e.semantic.colors.background.surface};
|
|
2458
2445
|
|
|
2459
|
-
${e=>e.isSubRow&&
|
|
2446
|
+
${e=>e.isSubRow&&S.css`
|
|
2460
2447
|
--row-bg: ${e.theme.semantic.colors.background.surfaceSubtle};
|
|
2461
2448
|
`}
|
|
2462
2449
|
|
|
2463
|
-
${e=>e.selected&&
|
|
2450
|
+
${e=>e.selected&&S.css`
|
|
2464
2451
|
--row-bg: ${e.theme.semantic.colors.brand.primarySubtle};
|
|
2465
2452
|
`}
|
|
2466
2453
|
|
|
@@ -2476,11 +2463,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2476
2463
|
border-bottom: none;
|
|
2477
2464
|
}
|
|
2478
2465
|
|
|
2479
|
-
${e=>(e.selectable||e.expandable)&&
|
|
2466
|
+
${e=>(e.selectable||e.expandable)&&S.css`
|
|
2480
2467
|
cursor: pointer;
|
|
2481
2468
|
`}
|
|
2482
2469
|
|
|
2483
|
-
${e=>
|
|
2470
|
+
${e=>S.css`
|
|
2484
2471
|
&:hover {
|
|
2485
2472
|
--row-bg: ${e.selected?e.theme.semantic.colors.brand.primarySubtle:e.theme.semantic.colors.background.surfaceSubtle};
|
|
2486
2473
|
}
|
|
@@ -2489,10 +2476,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2489
2476
|
--row-bg: ${e.selected?e.theme.semantic.colors.brand.primarySubtle:e.theme.semantic.colors.background.surfaceStrong};
|
|
2490
2477
|
}
|
|
2491
2478
|
`}
|
|
2492
|
-
`,
|
|
2479
|
+
`,ct=b.td`
|
|
2493
2480
|
padding: ${e=>{switch(e.size){case"sm":return"8px 12px";case"lg":return"16px 16px";case"md":default:return"12px 16px"}}};
|
|
2494
2481
|
|
|
2495
|
-
${e=>e.level&&e.level>0&&
|
|
2482
|
+
${e=>e.level&&e.level>0&&S.css`
|
|
2496
2483
|
padding-left: ${16+e.level*24}px;
|
|
2497
2484
|
`}
|
|
2498
2485
|
|
|
@@ -2504,27 +2491,27 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2504
2491
|
background-color: ${e=>e.fixed?"var(--row-bg, inherit)":"inherit"};
|
|
2505
2492
|
transition: background-color 0.15s ease;
|
|
2506
2493
|
|
|
2507
|
-
${e=>e.width&&
|
|
2494
|
+
${e=>e.width&&S.css`
|
|
2508
2495
|
width: ${typeof e.width=="number"?`${e.width}px`:e.width};
|
|
2509
2496
|
`}
|
|
2510
2497
|
|
|
2511
|
-
${e=>e.fixed==="left"&&
|
|
2498
|
+
${e=>e.fixed==="left"&&S.css`
|
|
2512
2499
|
left: 0;
|
|
2513
2500
|
z-index: 9;
|
|
2514
2501
|
box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2515
2502
|
`}
|
|
2516
2503
|
|
|
2517
|
-
${e=>e.fixed==="right"&&
|
|
2504
|
+
${e=>e.fixed==="right"&&S.css`
|
|
2518
2505
|
right: 0;
|
|
2519
2506
|
z-index: 9;
|
|
2520
2507
|
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2521
2508
|
`}
|
|
2522
|
-
`,
|
|
2509
|
+
`,Xr=b.div`
|
|
2523
2510
|
display: flex;
|
|
2524
2511
|
align-items: center;
|
|
2525
2512
|
justify-content: center;
|
|
2526
2513
|
width: 40px;
|
|
2527
|
-
`,
|
|
2514
|
+
`,Kc=b.button`
|
|
2528
2515
|
display: inline-flex;
|
|
2529
2516
|
align-items: center;
|
|
2530
2517
|
justify-content: center;
|
|
@@ -2547,37 +2534,37 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2547
2534
|
height: 16px;
|
|
2548
2535
|
transform: ${e=>e.expanded?"rotate(90deg)":"none"};
|
|
2549
2536
|
}
|
|
2550
|
-
`,
|
|
2537
|
+
`,Vc=b.div`
|
|
2551
2538
|
padding: 48px 24px;
|
|
2552
2539
|
text-align: center;
|
|
2553
2540
|
color: ${({theme:e})=>e.semantic.colors.text.tertiary};
|
|
2554
2541
|
font-size: 12px;
|
|
2555
|
-
`,
|
|
2556
|
-
${e=>e.ellipsis&&
|
|
2542
|
+
`,_c=b.div`
|
|
2543
|
+
${e=>e.ellipsis&&S.css`
|
|
2557
2544
|
overflow: hidden;
|
|
2558
2545
|
text-overflow: ellipsis;
|
|
2559
2546
|
white-space: nowrap;
|
|
2560
2547
|
`}
|
|
2561
2548
|
|
|
2562
|
-
${e=>e.wrapText&&
|
|
2549
|
+
${e=>e.wrapText&&S.css`
|
|
2563
2550
|
white-space: normal;
|
|
2564
2551
|
word-break: break-word;
|
|
2565
2552
|
`}
|
|
2566
|
-
`,
|
|
2553
|
+
`,Hc=Ic,Wc=Nc;function Uc({columns:e,dataSource:t,size:r="md",variant:o="default",bordered:n=!1,fullWidth:s=!0,scroll:a,selectable:l=!1,selectionMode:d="multiple",selectedKeys:u,onSelectionChange:h,expandable:p=!1,expandedKeys:f,onExpandChange:x,expandedRowRender:m,sortConfig:g,onSortChange:$,onRowClick:k,emptyText:v="暂无数据",className:j,wrapText:w=!1,loading:y=!1},R){const[z,A]=c.useState(new Set),[O,L]=c.useState(new Set),[B,U]=c.useState(!1),re=c.useRef(null),K=c.useRef(null),V=u??z,Q=c.useCallback(E=>{const M=E==="all"?new Set(t.map(T=>T.id)):E;u||A(M),h==null||h(M)},[u,h,t]),D=f??O,I=c.useCallback(E=>{const M=new Set(D);M.has(E)?M.delete(E):M.add(E),f||L(M),x==null||x(M)},[D,f,x]),F=c.useCallback(E=>{if(!$)return;let M="asc";(g==null?void 0:g.key)===E&&(g.direction==="asc"?M="desc":g.direction==="desc"&&(M=null)),$(E,M)},[g,$]),_=c.useMemo(()=>!l||d==="single"?!1:V==="all"?!0:t.length===0?!1:t.every(E=>V.has(E.id)),[l,d,V,t]),q=c.useMemo(()=>{if(!l||d==="single"||V==="all"||t.length===0)return!1;const E=t.filter(M=>V.has(M.id)).length;return E>0&&E<t.length},[l,d,V,t]);c.useEffect(()=>{const E=re.current;if(!E)return;const M=()=>{U(!0),K.current&&window.clearTimeout(K.current),K.current=window.setTimeout(()=>{U(!1)},800)};return E.addEventListener("scroll",M,{passive:!0}),()=>{E.removeEventListener("scroll",M),K.current&&window.clearTimeout(K.current)}},[]);const C=c.useCallback((E,M=0)=>E.flatMap((T,N)=>{const J=D.has(T.id),oe=V instanceof Set&&V.has(T.id),le=T.children&&T.children.length>0,Me=i.jsxs(Dt,{selectable:l,selected:oe,expandable:p,expanded:J,level:M,onClick:()=>{l&&d==="single"&&Q(new Set([T.id])),k==null||k(T,N)},children:[l&&i.jsx(ct,{size:r,width:48,align:"center",children:i.jsx(Xr,{onClick:se=>se.stopPropagation(),children:d==="single"?i.jsx(gr,{checked:oe,onChange:()=>{Q(new Set([T.id]))}}):i.jsx(De,{checked:oe,onChange:se=>{const he=new Set(V==="all"?t.map(Ce=>Ce.id):V);se?he.add(T.id):he.delete(T.id),Q(he)}})})},"selection-column"),e.map((se,he)=>{const Ce=T[se.key],st=he===0;return i.jsx(ct,{size:r,fixed:se.fixed,align:se.align,width:se.width,level:st?M:0,children:i.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[st&&p&&le&&i.jsx(Kc,{expanded:J,onClick:zt=>{zt.stopPropagation(),I(T.id)},"aria-label":J?"收起":"展开",children:i.jsx(Ee,{})}),i.jsx(_c,{ellipsis:se.ellipsis,wrapText:w,children:se.render?se.render(Ce,T,N):Ce})]})},se.key)})]},T.id),Ie=J&&m&&i.jsx(Dt,{isSubRow:!0,children:i.jsx(ct,{colSpan:e.length+(l?1:0),size:r,children:m(T,N)})},`${T.id}-expanded`),P=J&&le?C(T.children,M+1):[];return[Me,Ie,...P].filter(Boolean)}),[e,r,p,D,V,l,d,m,w,I,Q,k]);return t.length===0&&!y?i.jsx(Yr,{size:r,ref:re,fullWidth:s,scrollX:a==null?void 0:a.x,scrollY:a==null?void 0:a.y,showScrollbar:B,className:j,children:i.jsx(Vc,{children:v})}):i.jsx(Yr,{size:r,ref:re,fullWidth:s,scrollX:a==null?void 0:a.x,scrollY:a==null?void 0:a.y,showScrollbar:B,className:j,children:i.jsxs(Ac,{ref:R,size:r,variant:n?"bordered":o,scrollX:a==null?void 0:a.x,children:[i.jsx(Fc,{children:i.jsxs(Dc,{children:[l&&i.jsx(Zr,{size:r,width:48,align:"center",children:d==="multiple"&&i.jsx(Xr,{children:i.jsx(De,{checked:_,indeterminate:q,onChange:E=>{Q(E?"all":new Set)}})})},"selection-column"),e.map(E=>i.jsx(Zr,{size:r,fixed:E.fixed,align:E.align,width:E.width,sortable:E.sortable,onClick:()=>E.sortable&&F(E.key),children:i.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"},children:[i.jsx("span",{children:E.title}),E.sortable&&i.jsxs(Oc,{direction:(g==null?void 0:g.key)===E.key?g.direction:void 0,children:[i.jsx(ar,{"data-active":(g==null?void 0:g.key)===E.key&&g.direction==="asc"}),i.jsx(nt,{"data-active":(g==null?void 0:g.key)===E.key&&g.direction==="desc"})]})]})},E.key))]})}),i.jsx(Bc,{children:y?i.jsx(Dt,{children:i.jsx(ct,{colSpan:e.length+(l?1:0),size:r,children:i.jsx("div",{style:{textAlign:"center",padding:"24px"},children:"加载中..."})})}):C(t)})]})})}const bn=c.forwardRef(Uc);bn.displayName="Table";const Yc=bn;function Zc(e={}){let{isReadOnly:t}=e,[r,o]=yt(e.isSelected,e.defaultSelected||!1,e.onChange),[n]=c.useState(r);function s(d){t||o(d)}function a(){t||o(!r)}var l;return{isSelected:r,defaultSelected:(l=e.defaultSelected)!==null&&l!==void 0?l:n,setSelected:s,toggle:a}}const Xc=["sm","md"],Gc=(e,t)=>{const r=t.components.switch.size[e];return S.css`
|
|
2567
2554
|
/* 提供尺寸相关的 CSS 变量,方便内部元素计算占位 */
|
|
2568
|
-
--switch-thumb-size: ${
|
|
2569
|
-
--switch-inner-gap: ${
|
|
2555
|
+
--switch-thumb-size: ${r.thumbSize};
|
|
2556
|
+
--switch-inner-gap: ${t.components.switch.gap};
|
|
2570
2557
|
|
|
2571
|
-
min-width: ${
|
|
2572
|
-
height: ${
|
|
2573
|
-
font-size: ${
|
|
2558
|
+
min-width: ${r.width};
|
|
2559
|
+
height: ${r.height};
|
|
2560
|
+
font-size: ${r.fontSize};
|
|
2574
2561
|
|
|
2575
2562
|
/* 滑块尺寸 - 使用后代选择器 */
|
|
2576
2563
|
& span[data-thumb] {
|
|
2577
|
-
width: ${
|
|
2578
|
-
height: ${
|
|
2564
|
+
width: ${r.thumbSize};
|
|
2565
|
+
height: ${r.thumbSize};
|
|
2579
2566
|
}
|
|
2580
|
-
`},
|
|
2567
|
+
`},qc=b.label`
|
|
2581
2568
|
/* 基础布局 */
|
|
2582
2569
|
position: relative;
|
|
2583
2570
|
display: inline-flex;
|
|
@@ -2587,7 +2574,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2587
2574
|
user-select: none;
|
|
2588
2575
|
|
|
2589
2576
|
/* 背景和圆角 - 使用 Tier 3 Token */
|
|
2590
|
-
background: ${({isSelected:e,isDisabled:
|
|
2577
|
+
background: ${({isSelected:e,isDisabled:t,theme:r})=>t?r.components.switch.background.disabled:e?r.components.switch.background.checked:r.components.switch.background.unchecked};
|
|
2591
2578
|
border-radius: ${({theme:e})=>e.components.switch.borderRadius};
|
|
2592
2579
|
|
|
2593
2580
|
/*
|
|
@@ -2597,10 +2584,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2597
2584
|
* - 上下始终3px
|
|
2598
2585
|
*/
|
|
2599
2586
|
padding: 3px;
|
|
2600
|
-
${({hasInnerLabel:e,isSelected:
|
|
2601
|
-
padding-left: ${
|
|
2602
|
-
padding-right: ${
|
|
2603
|
-
`:
|
|
2587
|
+
${({hasInnerLabel:e,isSelected:t})=>e?S.css`
|
|
2588
|
+
padding-left: ${t?"8px":"3px"};
|
|
2589
|
+
padding-right: ${t?"3px":"8px"};
|
|
2590
|
+
`:S.css`
|
|
2604
2591
|
padding-left: 3px;
|
|
2605
2592
|
padding-right: 3px;
|
|
2606
2593
|
`}
|
|
@@ -2609,20 +2596,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2609
2596
|
transition: background-color ${({theme:e})=>e.components.switch.transition};
|
|
2610
2597
|
|
|
2611
2598
|
/* 尺寸样式 */
|
|
2612
|
-
${({size:e,theme:
|
|
2599
|
+
${({size:e,theme:t})=>Gc(e,t)}
|
|
2613
2600
|
|
|
2614
2601
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
2615
|
-
${({isFocusVisible:e,theme:
|
|
2602
|
+
${({isFocusVisible:e,theme:t})=>e&&S.css`
|
|
2616
2603
|
outline: none;
|
|
2617
|
-
box-shadow: 0 0 0 ${
|
|
2604
|
+
box-shadow: 0 0 0 ${t.components.switch.focusRing.offset} ${t.components.switch.focusRing.color};
|
|
2618
2605
|
`}
|
|
2619
2606
|
|
|
2620
2607
|
/* 禁用状态 */
|
|
2621
|
-
${({isDisabled:e,theme:
|
|
2622
|
-
opacity: ${
|
|
2608
|
+
${({isDisabled:e,theme:t})=>e&&S.css`
|
|
2609
|
+
opacity: ${t.components.switch.disabled.opacity};
|
|
2623
2610
|
cursor: not-allowed;
|
|
2624
2611
|
`}
|
|
2625
|
-
`,
|
|
2612
|
+
`,Jc=b.span`
|
|
2626
2613
|
display: flex;
|
|
2627
2614
|
align-items: center;
|
|
2628
2615
|
width: 100%;
|
|
@@ -2632,16 +2619,16 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2632
2619
|
|
|
2633
2620
|
/* 当存在内部文字时,为滑块预留占位,避免文字与滑块重叠
|
|
2634
2621
|
预留尺寸 = 滑块尺寸 + 设计间距 */
|
|
2635
|
-
${({hasInnerLabel:e,isSelected:
|
|
2636
|
-
padding-right: ${
|
|
2637
|
-
padding-left: ${
|
|
2622
|
+
${({hasInnerLabel:e,isSelected:t,theme:r})=>e&&S.css`
|
|
2623
|
+
padding-right: ${t?`calc(var(--switch-thumb-size) + ${r.components.switch.gap})`:"0"};
|
|
2624
|
+
padding-left: ${t?"0":`calc(var(--switch-thumb-size) + ${r.components.switch.gap})`};
|
|
2638
2625
|
`}
|
|
2639
2626
|
|
|
2640
2627
|
/* 有文字时,根据选中状态调整文字位置 */
|
|
2641
|
-
${({hasInnerLabel:e,isSelected:
|
|
2642
|
-
justify-content: ${
|
|
2628
|
+
${({hasInnerLabel:e,isSelected:t})=>e&&S.css`
|
|
2629
|
+
justify-content: ${t?"flex-start":"flex-end"};
|
|
2643
2630
|
`}
|
|
2644
|
-
`,
|
|
2631
|
+
`,Qc=b.span`
|
|
2645
2632
|
display: inline-flex;
|
|
2646
2633
|
align-items: center;
|
|
2647
2634
|
color: ${({theme:e})=>e.components.switch.text.color};
|
|
@@ -2652,7 +2639,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2652
2639
|
user-select: none;
|
|
2653
2640
|
position: relative;
|
|
2654
2641
|
z-index: 2;
|
|
2655
|
-
`,
|
|
2642
|
+
`,ed=b.span`
|
|
2656
2643
|
display: block;
|
|
2657
2644
|
position: absolute;
|
|
2658
2645
|
top: 50%;
|
|
@@ -2662,10 +2649,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2662
2649
|
box-shadow: ${({theme:e})=>e.components.switch.thumb.shadow};
|
|
2663
2650
|
|
|
2664
2651
|
/* 位置控制:未选中在左,选中在右 */
|
|
2665
|
-
${({isSelected:e})=>e?
|
|
2652
|
+
${({isSelected:e})=>e?S.css`
|
|
2666
2653
|
right: 0;
|
|
2667
2654
|
left: auto;
|
|
2668
|
-
`:
|
|
2655
|
+
`:S.css`
|
|
2669
2656
|
left: 0;
|
|
2670
2657
|
right: auto;
|
|
2671
2658
|
`}
|
|
@@ -2673,20 +2660,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2673
2660
|
/* 平滑的位置过渡动画 */
|
|
2674
2661
|
transition: left ${({theme:e})=>e.components.switch.transition},
|
|
2675
2662
|
right ${({theme:e})=>e.components.switch.transition};
|
|
2676
|
-
`,
|
|
2663
|
+
`,td=b.div`
|
|
2677
2664
|
display: flex;
|
|
2678
2665
|
align-items: center;
|
|
2679
2666
|
gap: 8px;
|
|
2680
|
-
`,
|
|
2667
|
+
`,rd=b.span`
|
|
2681
2668
|
font-size: ${({theme:e})=>e.global.typography.fontSize.sm};
|
|
2682
|
-
color: ${({isDisabled:e,theme:
|
|
2669
|
+
color: ${({isDisabled:e,theme:t})=>e?t.semantic.colors.text.disabled:t.semantic.colors.text.primary};
|
|
2683
2670
|
user-select: none;
|
|
2684
2671
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
2685
|
-
`,
|
|
2672
|
+
`,od=Xc,gn=c.forwardRef(({size:e="md",checkedLabel:t,uncheckedLabel:r,disabled:o=!1,value:n,defaultValue:s,children:a,className:l,isSelected:d,defaultSelected:u,...h},p)=>{const m=Zc({...h,isSelected:n??d,defaultSelected:s??u}),g=c.useRef(null),$=p||g,{inputProps:k}=X.useSwitch({...h,isDisabled:o},m,g),{isFocusVisible:v,focusProps:j}=X.useFocusRing(),w=m.isSelected?t:r,y=!!(t||r),R=i.jsxs(qc,{size:e,isSelected:m.isSelected,isDisabled:o,isFocusVisible:v,hasInnerLabel:y,className:l,"data-selected":m.isSelected?"true":void 0,"data-disabled":o?"true":void 0,children:[i.jsx(X.VisuallyHidden,{children:i.jsx("input",{...Re(k,j),ref:$})}),i.jsxs(Jc,{isSelected:m.isSelected,hasInnerLabel:y,children:[i.jsx(ed,{isSelected:m.isSelected,"data-thumb":!0,"aria-hidden":"true"}),y&&w&&i.jsx(Qc,{isSelected:m.isSelected,children:w})]})]});return a?i.jsxs(td,{children:[R,i.jsx(rd,{isDisabled:o,onClick:()=>{o||m.toggle()},children:a})]}):R});gn.displayName="Switch";const nd=b.div`
|
|
2686
2673
|
display: flex;
|
|
2687
2674
|
align-items: center;
|
|
2688
2675
|
gap: ${({theme:e})=>e.components.transfer.container.gap};
|
|
2689
|
-
`,
|
|
2676
|
+
`,id=b.div`
|
|
2690
2677
|
width: ${({theme:e})=>e.components.transfer.panel.width};
|
|
2691
2678
|
height: ${({theme:e})=>e.components.transfer.panel.height};
|
|
2692
2679
|
background: ${({theme:e})=>e.components.transfer.panel.background};
|
|
@@ -2695,7 +2682,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2695
2682
|
display: flex;
|
|
2696
2683
|
flex-direction: column;
|
|
2697
2684
|
overflow: hidden;
|
|
2698
|
-
`,
|
|
2685
|
+
`,sd=b.div`
|
|
2699
2686
|
display: flex;
|
|
2700
2687
|
align-items: center;
|
|
2701
2688
|
justify-content: space-between;
|
|
@@ -2705,13 +2692,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2705
2692
|
color: ${({theme:e})=>e.components.transfer.header.color};
|
|
2706
2693
|
background: ${({theme:e})=>e.components.transfer.header.background};
|
|
2707
2694
|
flex-shrink: 0;
|
|
2708
|
-
`,
|
|
2695
|
+
`,ad=b.span`
|
|
2709
2696
|
display: flex;
|
|
2710
2697
|
align-items: center;
|
|
2711
2698
|
gap: 8px;
|
|
2712
|
-
`,
|
|
2699
|
+
`,ld=b.span`
|
|
2713
2700
|
color: ${({theme:e})=>e.semantic.colors.text.transferHeader};
|
|
2714
|
-
`,
|
|
2701
|
+
`,cd=b.div`
|
|
2715
2702
|
padding: 10px 0;
|
|
2716
2703
|
display: flex;
|
|
2717
2704
|
flex-shrink: 0;
|
|
@@ -2724,7 +2711,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2724
2711
|
min-width: 100%; /* 防止内容溢出 */
|
|
2725
2712
|
}
|
|
2726
2713
|
}
|
|
2727
|
-
`,
|
|
2714
|
+
`,dd=b.div`
|
|
2728
2715
|
flex: 1;
|
|
2729
2716
|
overflow-y: auto;
|
|
2730
2717
|
display: flex;
|
|
@@ -2747,7 +2734,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2747
2734
|
&::-webkit-scrollbar-thumb:hover {
|
|
2748
2735
|
background: ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2749
2736
|
}
|
|
2750
|
-
`,
|
|
2737
|
+
`,ud=b.div`
|
|
2751
2738
|
display: flex;
|
|
2752
2739
|
align-items: center;
|
|
2753
2740
|
height: ${({theme:e})=>e.components.transfer.item.height};
|
|
@@ -2758,20 +2745,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2758
2745
|
user-select: none;
|
|
2759
2746
|
transition: ${({theme:e})=>e.components.transfer.transition};
|
|
2760
2747
|
padding: ${({theme:e})=>e.components.transfer.item.padding};
|
|
2761
|
-
color: ${({theme:e,selected:
|
|
2748
|
+
color: ${({theme:e,selected:t,disabled:r})=>r?e.components.transfer.item.text.disabled:t?e.components.transfer.item.text.selected:e.components.transfer.item.text.default};
|
|
2762
2749
|
|
|
2763
|
-
`,
|
|
2750
|
+
`,fd=b.span`
|
|
2764
2751
|
flex: 1;
|
|
2765
2752
|
overflow: hidden;
|
|
2766
2753
|
text-overflow: ellipsis;
|
|
2767
2754
|
white-space: nowrap;
|
|
2768
|
-
`,
|
|
2755
|
+
`,pd=b.div`
|
|
2769
2756
|
display: flex;
|
|
2770
2757
|
align-items: center;
|
|
2771
2758
|
gap: ${({theme:e})=>e.components.transfer.item.gap};
|
|
2772
2759
|
flex: 1;
|
|
2773
2760
|
overflow: hidden;
|
|
2774
|
-
`,
|
|
2761
|
+
`,hd=b.button`
|
|
2775
2762
|
display: flex;
|
|
2776
2763
|
align-items: center;
|
|
2777
2764
|
justify-content: center;
|
|
@@ -2791,20 +2778,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2791
2778
|
width: 16px;
|
|
2792
2779
|
height: 16px;
|
|
2793
2780
|
}
|
|
2794
|
-
`,
|
|
2781
|
+
`,bd=b.div`
|
|
2795
2782
|
display: flex;
|
|
2796
2783
|
flex-direction: column;
|
|
2797
2784
|
gap: ${({theme:e})=>e.components.transfer.operations.gap};
|
|
2798
2785
|
align-items: center;
|
|
2799
|
-
`,
|
|
2786
|
+
`,be=b.div`
|
|
2800
2787
|
display: flex;
|
|
2801
2788
|
align-items: center;
|
|
2802
2789
|
justify-content: center;
|
|
2803
2790
|
width: ${({theme:e})=>e.components.transfer.operations.width};
|
|
2804
2791
|
height: ${({theme:e})=>e.components.transfer.operations.height};
|
|
2805
2792
|
border-radius: 50%;
|
|
2806
|
-
border: 1px solid ${({theme:e,disabled:
|
|
2807
|
-
background: ${({theme:e,disabled:
|
|
2793
|
+
border: 1px solid ${({theme:e,disabled:t,active:r})=>t?e.components.transfer.operations.borderColor.disabled:r?e.components.transfer.operations.borderColor.active:e.components.transfer.operations.borderColor.default};
|
|
2794
|
+
background: ${({theme:e,disabled:t})=>t?"#F0F0F0":e.semantic.colors.background.surface};
|
|
2808
2795
|
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
2809
2796
|
transition: all 0.2s ease;
|
|
2810
2797
|
opacity: ${({disabled:e})=>e?.5:1};
|
|
@@ -2812,14 +2799,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2812
2799
|
svg {
|
|
2813
2800
|
width: ${({theme:e})=>e.components.transfer.operations.iconSize};
|
|
2814
2801
|
height: ${({theme:e})=>e.components.transfer.operations.iconSize};
|
|
2815
|
-
color: ${({theme:e,disabled:
|
|
2802
|
+
color: ${({theme:e,disabled:t,active:r})=>t?e.components.transfer.operations.iconColor.disabled:r?e.components.transfer.operations.iconColor.active:e.components.transfer.operations.iconColor.default};
|
|
2816
2803
|
}
|
|
2817
2804
|
|
|
2818
2805
|
&:hover {
|
|
2819
|
-
border-color: ${({theme:e,disabled:
|
|
2806
|
+
border-color: ${({theme:e,disabled:t})=>!t&&e.components.transfer.operations.borderColor.active};
|
|
2820
2807
|
|
|
2821
2808
|
svg {
|
|
2822
|
-
color: ${({theme:e,disabled:
|
|
2809
|
+
color: ${({theme:e,disabled:t})=>!t&&e.components.transfer.operations.iconColor.active};
|
|
2823
2810
|
}
|
|
2824
2811
|
}
|
|
2825
2812
|
|
|
@@ -2830,7 +2817,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2830
2817
|
color: ${({theme:e})=>e.components.transfer.operations.iconColor.active};
|
|
2831
2818
|
}
|
|
2832
2819
|
}
|
|
2833
|
-
`,
|
|
2820
|
+
`,gd=b.div`
|
|
2834
2821
|
display: flex;
|
|
2835
2822
|
align-items: center;
|
|
2836
2823
|
height: ${({theme:e})=>e.components.transfer.footer.height};
|
|
@@ -2840,14 +2827,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2840
2827
|
border-top: ${({theme:e})=>e.components.transfer.footer.borderTop};
|
|
2841
2828
|
margin-top: ${({theme:e})=>e.components.transfer.footer.marginTop};
|
|
2842
2829
|
flex-shrink: 0;
|
|
2843
|
-
`,
|
|
2830
|
+
`,md=b.div`
|
|
2844
2831
|
display: flex;
|
|
2845
2832
|
align-items: center;
|
|
2846
2833
|
justify-content: center;
|
|
2847
2834
|
height: 100%;
|
|
2848
2835
|
color: ${({theme:e})=>e.components.transfer.empty.color};
|
|
2849
2836
|
font-size: ${({theme:e})=>e.components.transfer.empty.fontSize};
|
|
2850
|
-
`,
|
|
2837
|
+
`,xd=b.div`
|
|
2851
2838
|
display: flex;
|
|
2852
2839
|
align-items: center;
|
|
2853
2840
|
justify-content: space-between;
|
|
@@ -2856,15 +2843,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2856
2843
|
flex-shrink: 0;
|
|
2857
2844
|
font-size: 12px;
|
|
2858
2845
|
color: ${({theme:e})=>e.semantic.colors.text.secondary};
|
|
2859
|
-
`,
|
|
2846
|
+
`,vd=b.div`
|
|
2860
2847
|
display: flex;
|
|
2861
2848
|
align-items: center;
|
|
2862
2849
|
gap: 8px;
|
|
2863
|
-
`,
|
|
2850
|
+
`,yd=b.div`
|
|
2864
2851
|
display: flex;
|
|
2865
2852
|
align-items: center;
|
|
2866
2853
|
gap: 4px;
|
|
2867
|
-
`,
|
|
2854
|
+
`,Gr=b.button`
|
|
2868
2855
|
display: flex;
|
|
2869
2856
|
align-items: center;
|
|
2870
2857
|
justify-content: center;
|
|
@@ -2886,7 +2873,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2886
2873
|
width: 14px;
|
|
2887
2874
|
height: 14px;
|
|
2888
2875
|
}
|
|
2889
|
-
`;
|
|
2876
|
+
`;b.select`
|
|
2890
2877
|
height: 24px;
|
|
2891
2878
|
padding: 0 20px 0 8px;
|
|
2892
2879
|
border: 1px solid ${({theme:e})=>e.semantic.colors.border.primary};
|
|
@@ -2900,9 +2887,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2900
2887
|
&:hover {
|
|
2901
2888
|
border-color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2902
2889
|
}
|
|
2903
|
-
`;const
|
|
2890
|
+
`;const qr=({direction:e,dataSource:t,selectedKeys:r,disabled:o,showSearch:n,searchPlaceholder:s,filterOption:a,render:l,onItemSelectChange:d,title:u,showSelectAll:h=!0,footer:p,locale:f,header:x,onClearAll:m,clearMode:g="all",oneWay:$=!1,onItemDelete:k,pagination:v})=>{const j=S.useTheme(),[w,y]=c.useState(""),[R,z]=c.useState(1),[A,O]=c.useState(typeof v=="object"&&v.pageSize?v.pageSize:10),L=c.useMemo(()=>w?a?t.filter(T=>a(w,T)):t.filter(T=>{const N=String(T.title||""),J=String(T.description||"");return N.toLowerCase().includes(w.toLowerCase())||J.toLowerCase().includes(w.toLowerCase())}):t,[t,w,a]),B=c.useMemo(()=>L.filter(T=>!T.disabled),[L]),U=v&&!l,re=c.useMemo(()=>{if(!U)return L;const T=(R-1)*A,N=T+A;return L.slice(T,N)},[L,R,A,U]),K=U?re:L,V=c.useMemo(()=>U?Math.ceil(L.length/A):1,[L.length,A,U]),Q=c.useCallback(T=>{z(T)},[]),D=c.useCallback(T=>{O(T),z(1)},[]),I=c.useMemo(()=>B.length===0?!1:B.every(T=>r.has(T.key)),[B,r]),F=c.useMemo(()=>{const T=B.filter(N=>r.has(N.key)).length;return T>0&&T<B.length},[B,r]),_=c.useCallback(T=>{const N=new Set(r);B.forEach(J=>{T?N.add(J.key):N.delete(J.key)}),d(N)},[B,r,d]),q=c.useCallback(T=>{const N=new Set(r);N.has(T)?N.delete(T):N.add(T),d(N)},[r,d]),C=T=>l?l(T):T.title,E=B.filter(T=>r.has(T.key)).length,M=()=>i.jsxs(sd,{children:[i.jsxs(ad,{children:[h&&B.length>0&&i.jsx(De,{checked:I,indeterminate:F,onChange:_,disabled:o}),u]}),i.jsxs(ld,{children:[E,"/",t.length]})]});return i.jsxs(id,{children:[x?x({direction:e,selectedCount:E,totalCount:t.length,selectedKeys:r,onSelectAll:_,title:u,showSelectAll:h,disabled:o,onClearAll:m,clearMode:g}):M(),n&&i.jsx(cd,{children:i.jsx(fr,{suffix:i.jsx(Co,{style:{color:j.components.transfer.search.iconColor}}),size:"sm",value:w,onChange:T=>y(T.target.value),placeholder:s||(f==null?void 0:f.searchPlaceholder)||"请输入搜索内容",disabled:o,"aria-label":"搜索输入框",fullWidth:!0})}),i.jsx(dd,{children:K.length===0?i.jsx(md,{children:(f==null?void 0:f.notFoundContent)||"暂无数据"}):K.map(T=>i.jsxs(ud,{disabled:o||T.disabled,selected:r.has(T.key),onClick:()=>{!o&&!T.disabled&&q(T.key)},children:[i.jsxs(pd,{children:[(!$||e==="left")&&i.jsx(De,{checked:r.has(T.key),disabled:o||T.disabled,onClick:N=>{N.stopPropagation()}}),i.jsx(fd,{children:C(T)})]}),$&&e==="right"&&k&&i.jsx(hd,{onClick:N=>{N.stopPropagation(),!o&&!T.disabled&&k(T.key)},disabled:o||T.disabled,children:i.jsx(So,{})})]},T.key))}),U&&L.length>0&&i.jsxs(xd,{children:[i.jsxs(vd,{children:[typeof v=="object"&&v.showPageInfo!==!1&&i.jsxs("span",{children:[(R-1)*A+1,"-",Math.min(R*A,L.length)," / ",L.length]}),typeof v=="object"&&v.showSizeChanger&&i.jsx(Et,{value:A.toString(),onChange:T=>D(Number(T)),options:(v.pageSizeOptions||[10,20,50]).map(T=>({value:T.toString(),label:`${T} 条/页`})),style:{width:"80px",height:"24px",minWidth:"80px"},disabled:o})]}),i.jsxs(yd,{children:[i.jsx(Gr,{onClick:()=>Q(R-1),disabled:R===1,children:i.jsx(Ge,{})}),i.jsxs("span",{children:[R," / ",V]}),i.jsx(Gr,{onClick:()=>Q(R+1),disabled:R===V,children:i.jsx(Ee,{})})]})]}),p&&i.jsx(gd,{children:p({direction:e})})]})},mn=({dataSource:e=[],targetKeys:t,defaultTargetKeys:r=[],onChange:o,titles:n=["源列表","目标列表"],showSearch:s=!1,searchPlaceholder:a=["搜索源列表","搜索目标列表"],filterOption:l,render:d,disabled:u=!1,className:h,style:p,operations:f,showSelectAll:x=!0,footer:m,locale:g,header:$,oneWay:k=!1,actions:v,pagination:j})=>{const[w,y]=c.useState(new Set(r)),R=t!==void 0,z=c.useMemo(()=>R?new Set(t):w,[R,t,w]),[A,O]=c.useState(new Set),[L,B]=c.useState(new Set),U=c.useMemo(()=>e.filter(C=>!z.has(C.key)),[e,z]),re=c.useMemo(()=>e.filter(C=>z.has(C.key)),[e,z]),K=c.useCallback(()=>{const C=new Set(z),E=Array.from(A);E.forEach(M=>{C.add(M)}),R||y(C),O(new Set),o==null||o(Array.from(C),"right",E)},[z,A,R,o]),V=c.useCallback(()=>{const C=new Set(z),E=Array.from(L);E.forEach(M=>{C.delete(M)}),R||y(C),B(new Set),o==null||o(Array.from(C),"left",E)},[z,L,R,o]),Q=c.useCallback(()=>{const C=new Set(z),E=U.filter(M=>!M.disabled).map(M=>M.key);E.forEach(M=>{C.add(M)}),R||y(C),O(new Set),o==null||o(Array.from(C),"right",E)},[z,U,R,o]),D=c.useCallback(()=>{const C=new Set(z),E=Array.from(z).filter(M=>{const T=e.find(N=>N.key===M);return T&&!T.disabled});E.forEach(M=>{C.delete(M)}),R||y(C),B(new Set),o==null||o(Array.from(C),"left",E)},[z,e,R,o]),I=c.useCallback(C=>{const E=new Set(z);E.delete(C),R||y(E),o==null||o(Array.from(E),"left",[C])},[z,R,o]),F=A.size>0&&!u,_=L.size>0&&!u,q=()=>{if(v&&typeof v=="object"&&!Array.isArray(v)){const{left:C,right:E}=v;return k?E?typeof E=="function"?i.jsx(c.Fragment,{children:E(Array.from(A))},"right"):i.jsx(c.Fragment,{children:E},"right"):i.jsxs(be,{onClick:K,disabled:!F,children:[i.jsx(Ee,{}),f==null?void 0:f[0]]}):i.jsxs(i.Fragment,{children:[C?typeof C=="function"?i.jsx(c.Fragment,{children:C(Array.from(A))},"left"):i.jsx(c.Fragment,{children:C},"left"):i.jsxs(be,{onClick:K,disabled:!F,children:[i.jsx(Ee,{}),f==null?void 0:f[0]]}),E?typeof E=="function"?i.jsx(c.Fragment,{children:E(Array.from(L))},"right"):i.jsx(c.Fragment,{children:E},"right"):i.jsxs(be,{onClick:V,disabled:!_,children:[i.jsx(Ge,{}),f==null?void 0:f[1]]})]})}if(v&&Array.isArray(v)){if(k){const M=v[0];return M?typeof M=="string"?i.jsx(be,{onClick:K,disabled:!F,children:M}):c.isValidElement(M)?i.jsx(c.Fragment,{children:M},"action-0"):typeof M=="function"?i.jsx(c.Fragment,{children:M(Array.from(A))},"action-0"):i.jsx(c.Fragment,{children:M},"action-0"):i.jsxs(be,{onClick:K,disabled:!F,children:[i.jsx(Ee,{}),f==null?void 0:f[0]]})}const C=v[0],E=v[1];return i.jsxs(i.Fragment,{children:[C?typeof C=="string"?i.jsx(be,{onClick:K,disabled:!F,children:C}):c.isValidElement(C)?i.jsx(c.Fragment,{children:C},"left"):typeof C=="function"?i.jsx(c.Fragment,{children:C(Array.from(A))},"left"):i.jsx(c.Fragment,{children:C},"left"):i.jsxs(be,{onClick:K,disabled:!F,children:[i.jsx(Ee,{}),f==null?void 0:f[0]]}),E?typeof E=="string"?i.jsx(be,{onClick:V,disabled:!_,children:E}):c.isValidElement(E)?i.jsx(c.Fragment,{children:E},"right"):typeof E=="function"?i.jsx(c.Fragment,{children:E(Array.from(L))},"right"):i.jsx(c.Fragment,{children:E},"right"):i.jsxs(be,{onClick:V,disabled:!_,children:[i.jsx(Ge,{}),f==null?void 0:f[1]]})]})}return k?i.jsxs(be,{onClick:K,disabled:!F,children:[i.jsx(Ee,{}),f==null?void 0:f[0]]}):i.jsxs(i.Fragment,{children:[i.jsxs(be,{onClick:K,disabled:!F,children:[i.jsx(Ee,{}),f==null?void 0:f[0]]}),i.jsxs(be,{onClick:V,disabled:!_,children:[i.jsx(Ge,{}),f==null?void 0:f[1]]})]})};return i.jsxs(nd,{className:h,style:p,children:[i.jsx(qr,{direction:"left",dataSource:U,selectedKeys:A,disabled:u,showSearch:s,searchPlaceholder:a[0],filterOption:l,render:d,onItemSelectChange:O,title:n[0],showSelectAll:x,footer:m,locale:g,header:$,onClearAll:Q,clearMode:"all",oneWay:k,pagination:j}),i.jsx(bd,{children:q()}),i.jsx(qr,{direction:"right",dataSource:re,selectedKeys:L,disabled:u,showSearch:s,searchPlaceholder:a[1],filterOption:l,render:d,onItemSelectChange:B,title:n[1],showSelectAll:x,footer:m,locale:g,header:$,onClearAll:D,clearMode:"all",oneWay:k,onItemDelete:k?I:void 0,pagination:j})]})};mn.displayName="Transfer";const $d=["idle","uploading","success","error"],wd=b.div`
|
|
2904
2891
|
width: 100%;
|
|
2905
|
-
`,
|
|
2892
|
+
`,kd=b.div`
|
|
2906
2893
|
position: relative;
|
|
2907
2894
|
display: flex;
|
|
2908
2895
|
flex-direction: column;
|
|
@@ -2910,80 +2897,80 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2910
2897
|
justify-content: center;
|
|
2911
2898
|
gap: 24px;
|
|
2912
2899
|
padding: 40px 0;
|
|
2913
|
-
border: 1px solid ${({theme:e,isDragActive:
|
|
2900
|
+
border: 1px solid ${({theme:e,isDragActive:t})=>t?e.semantic.colors.brand.primary:e.semantic.colors.border.primary};
|
|
2914
2901
|
border-radius: 16px;
|
|
2915
|
-
background: ${({theme:e,isDragActive:
|
|
2902
|
+
background: ${({theme:e,isDragActive:t})=>t?"#EEF6FD":e.semantic.colors.background.surface};
|
|
2916
2903
|
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
2917
2904
|
transition: all 0.2s ease;
|
|
2918
2905
|
outline: none;
|
|
2919
2906
|
|
|
2920
|
-
${({isDisabled:e,theme:
|
|
2907
|
+
${({isDisabled:e,theme:t})=>!e&&S.css`
|
|
2921
2908
|
&:hover {
|
|
2922
|
-
border-color: ${
|
|
2909
|
+
border-color: ${t.semantic.colors.brand.primary};
|
|
2923
2910
|
}
|
|
2924
2911
|
|
|
2925
2912
|
&:focus-visible {
|
|
2926
|
-
border-color: ${
|
|
2913
|
+
border-color: ${t.semantic.colors.brand.primary};
|
|
2927
2914
|
box-shadow: 0 0 0 4px rgba(44, 111, 231, 0.18);
|
|
2928
2915
|
}
|
|
2929
2916
|
`}
|
|
2930
2917
|
|
|
2931
|
-
${({isDisabled:e,theme:
|
|
2918
|
+
${({isDisabled:e,theme:t})=>e&&S.css`
|
|
2932
2919
|
opacity: 0.5;
|
|
2933
|
-
background: ${
|
|
2920
|
+
background: ${t.semantic.colors.background.secondary};
|
|
2934
2921
|
`}
|
|
2935
|
-
`,
|
|
2922
|
+
`,Sd=b.div`
|
|
2936
2923
|
width: 100px;
|
|
2937
2924
|
height: 100px;
|
|
2938
2925
|
display: flex;
|
|
2939
2926
|
align-items: center;
|
|
2940
2927
|
justify-content: center;
|
|
2941
|
-
`,
|
|
2928
|
+
`,Cd=b.div`
|
|
2942
2929
|
display: flex;
|
|
2943
2930
|
flex-direction: column;
|
|
2944
2931
|
align-items: center;
|
|
2945
2932
|
gap: 4px;
|
|
2946
2933
|
width: 100%;
|
|
2947
2934
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2948
|
-
`,
|
|
2935
|
+
`,jd=b.div`
|
|
2949
2936
|
font-size: 14px;
|
|
2950
2937
|
line-height: 20px;
|
|
2951
2938
|
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2952
2939
|
text-align: center;
|
|
2953
2940
|
width: 100%;
|
|
2954
|
-
`,
|
|
2941
|
+
`,Jr=b.p`
|
|
2955
2942
|
font-size: 12px;
|
|
2956
2943
|
line-height: 18px;
|
|
2957
2944
|
color: rgba(10, 24, 51, 0.4);
|
|
2958
2945
|
margin: 0;
|
|
2959
2946
|
white-space: pre;
|
|
2960
|
-
`,
|
|
2947
|
+
`,Qr=b.span`
|
|
2961
2948
|
color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2962
2949
|
cursor: pointer;
|
|
2963
2950
|
|
|
2964
2951
|
&:hover {
|
|
2965
2952
|
text-decoration: underline;
|
|
2966
2953
|
}
|
|
2967
|
-
`,
|
|
2954
|
+
`,Ed=b.div`
|
|
2968
2955
|
display: flex;
|
|
2969
2956
|
flex-direction: column;
|
|
2970
2957
|
gap: 16px;
|
|
2971
2958
|
margin-top: 16px;
|
|
2972
2959
|
width: 100%;
|
|
2973
|
-
`,
|
|
2960
|
+
`,zd=b.div`
|
|
2974
2961
|
display: flex;
|
|
2975
2962
|
flex-direction: column;
|
|
2976
2963
|
gap: 0;
|
|
2977
2964
|
width: 100%;
|
|
2978
|
-
`,
|
|
2965
|
+
`,Td=b.div`
|
|
2979
2966
|
display: flex;
|
|
2980
2967
|
align-items: center;
|
|
2981
2968
|
gap: 8px;
|
|
2982
2969
|
padding: 7px 8px;
|
|
2983
2970
|
border-radius: 4px;
|
|
2984
|
-
background: ${({status:e,theme:
|
|
2971
|
+
background: ${({status:e,theme:t})=>e==="success"?"#FAFAFB":e==="error"?"#FEF6F1":t.semantic.colors.background.surface};
|
|
2985
2972
|
flex: 1;
|
|
2986
|
-
`,
|
|
2973
|
+
`,Rd=b.span`
|
|
2987
2974
|
display: inline-flex;
|
|
2988
2975
|
align-items: center;
|
|
2989
2976
|
justify-content: center;
|
|
@@ -2991,24 +2978,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2991
2978
|
height: 16px;
|
|
2992
2979
|
flex-shrink: 0;
|
|
2993
2980
|
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2994
|
-
`,
|
|
2981
|
+
`,Ld=b.div`
|
|
2995
2982
|
flex: 1;
|
|
2996
2983
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2997
2984
|
font-size: 12px;
|
|
2998
2985
|
line-height: 18px;
|
|
2999
|
-
color: ${({status:e,theme:
|
|
2986
|
+
color: ${({status:e,theme:t})=>e==="error"?t.semantic.colors.state.danger:t.semantic.colors.text.primary};
|
|
3000
2987
|
overflow: hidden;
|
|
3001
2988
|
text-overflow: ellipsis;
|
|
3002
2989
|
white-space: nowrap;
|
|
3003
|
-
`,
|
|
2990
|
+
`,Md=b.span`
|
|
3004
2991
|
display: inline-flex;
|
|
3005
2992
|
align-items: center;
|
|
3006
2993
|
justify-content: center;
|
|
3007
2994
|
width: 16px;
|
|
3008
2995
|
height: 16px;
|
|
3009
2996
|
flex-shrink: 0;
|
|
3010
|
-
color: ${({status:e,theme:
|
|
3011
|
-
|
|
2997
|
+
color: ${({status:e,theme:t})=>e==="success"?t.semantic.colors.state.success:e==="error"?t.semantic.colors.state.danger:t.semantic.colors.text.secondary};
|
|
2998
|
+
`,Id=b.button`
|
|
3012
2999
|
display: inline-flex;
|
|
3013
3000
|
align-items: center;
|
|
3014
3001
|
justify-content: center;
|
|
@@ -3031,25 +3018,25 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3031
3018
|
outline-offset: 2px;
|
|
3032
3019
|
border-radius: 2px;
|
|
3033
3020
|
}
|
|
3034
|
-
`,
|
|
3021
|
+
`,Nd=b.div`
|
|
3035
3022
|
display: flex;
|
|
3036
3023
|
align-items: center;
|
|
3037
3024
|
gap: 16px;
|
|
3038
3025
|
height: 16px;
|
|
3039
3026
|
margin-top: 0;
|
|
3040
|
-
`,
|
|
3027
|
+
`,Pd=b.div`
|
|
3041
3028
|
flex: 1;
|
|
3042
3029
|
height: 6px;
|
|
3043
3030
|
background: ${({theme:e})=>e.semantic.colors.background.secondary};
|
|
3044
3031
|
border-radius: 5px;
|
|
3045
3032
|
overflow: hidden;
|
|
3046
|
-
`,
|
|
3033
|
+
`,Ad=b.div`
|
|
3047
3034
|
height: 100%;
|
|
3048
3035
|
width: ${({percent:e})=>e}%;
|
|
3049
3036
|
background: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
3050
3037
|
border-radius: 12px;
|
|
3051
3038
|
transition: width 0.3s ease;
|
|
3052
|
-
`,
|
|
3039
|
+
`,Fd=b.span`
|
|
3053
3040
|
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
3054
3041
|
font-size: 12px;
|
|
3055
3042
|
line-height: 18px;
|
|
@@ -3058,7 +3045,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3058
3045
|
flex-shrink: 0;
|
|
3059
3046
|
width: 40px;
|
|
3060
3047
|
text-align: right;
|
|
3061
|
-
`,
|
|
3048
|
+
`,Dd=b.input`
|
|
3062
3049
|
position: absolute;
|
|
3063
3050
|
width: 1px;
|
|
3064
3051
|
height: 1px;
|
|
@@ -3068,72 +3055,67 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3068
3055
|
clip: rect(0, 0, 0, 0);
|
|
3069
3056
|
white-space: nowrap;
|
|
3070
3057
|
border-width: 0;
|
|
3071
|
-
`,
|
|
3072
|
-
background:
|
|
3073
|
-
border: ${({
|
|
3074
|
-
box-shadow: ${({
|
|
3075
|
-
border-radius:
|
|
3076
|
-
transition:
|
|
3058
|
+
`,Od=$d,Bd=()=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"100",viewBox:"0 0 100 100",fill:"none",children:[i.jsxs("g",{clipPath:"url(#clip0_6955_14967)",children:[i.jsx("path",{d:"M6.25 63.1836L28.525 52.195C28.8475 52.0359 29.2023 51.9531 29.5619 51.9531H70.6424C71.0049 51.9531 71.3625 52.0372 71.687 52.1988L93.75 63.1836V91.4062C93.75 92.7007 92.7007 93.75 91.4062 93.75H8.59375C7.29932 93.75 6.25 92.7007 6.25 91.4062V63.1836Z",fill:"#F0F0F0"}),i.jsx("path",{d:"M6.25 63.1836H34.4859C35.7804 63.1836 36.8297 64.2329 36.8297 65.5273V69.8906C36.8297 71.185 37.879 72.2344 39.1734 72.2344H60.7687C62.0632 72.2344 63.1125 71.185 63.1125 69.8906V65.5273C63.1125 64.2329 64.1618 63.1836 65.4562 63.1836H93.75V92.9688C93.75 93.176 93.6677 93.3747 93.5212 93.5212C93.3747 93.6677 93.1759 93.75 92.9688 93.75H7.03125C6.82405 93.75 6.62534 93.6677 6.47882 93.5212C6.33231 93.3747 6.25 93.176 6.25 92.9688V63.1836Z",fill:"#FAFAFB"}),i.jsx("path",{d:"M19.1445 39.9733C19.3009 39.41 20.0994 39.41 20.2558 39.9733C20.797 41.9242 22.3218 43.449 24.2727 43.9902C24.836 44.1466 24.836 44.9451 24.2727 45.1015C22.3218 45.6427 20.797 47.1675 20.2558 49.1184C20.0994 49.6817 19.3009 49.6817 19.1445 49.1184C18.6033 47.1675 17.0785 45.6427 15.1276 45.1015C14.5642 44.9451 14.5643 44.1466 15.1276 43.9902C17.0785 43.449 18.6033 41.9242 19.1445 39.9733Z",fill:"#F0F0F0"}),i.jsx("path",{d:"M78.1066 35.6488C78.3468 34.7837 79.573 34.7837 79.8132 35.6488C80.6443 38.6449 82.9858 40.9864 85.9819 41.8175C86.8469 42.0577 86.8469 43.2839 85.9819 43.5241C82.9858 44.3552 80.6443 46.6968 79.8132 49.6929C79.573 50.5579 78.3468 50.5579 78.1066 49.6929C77.2755 46.6968 74.9339 44.3552 71.9379 43.5241C71.0728 43.2839 71.0728 42.0577 71.9379 41.8175C74.9339 40.9864 77.2755 38.6449 78.1066 35.6488Z",fill:"#F0F0F0"}),i.jsx("path",{d:"M49.0173 14.5685C49.733 13.8105 50.9389 13.8105 51.6547 14.5685L62.8375 26.4101C63.9294 27.5668 63.1096 29.469 61.5188 29.4691H57.591C56.0884 29.4691 54.8704 30.6871 54.8704 32.1897L54.8703 41C54.8703 41.5523 54.4226 42 53.8703 42H46.8015C46.2492 42 45.8015 41.5523 45.8015 41L45.8016 32.1897C45.8016 30.6871 44.5835 29.4691 43.0809 29.4691H39.1532C37.5623 29.4691 36.7424 27.5669 37.8345 26.4101L49.0173 14.5685Z",fill:"#F0F0F0"})]}),i.jsx("defs",{children:i.jsx("clipPath",{id:"clip0_6955_14967",children:i.jsx("rect",{width:"100",height:"100",fill:"white"})})})]}),Kd=()=>i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("path",{d:"M9 1H3.5C2.67157 1 2 1.67157 2 2.5V13.5C2 14.3284 2.67157 15 3.5 15H12.5C13.3284 15 14 14.3284 14 13.5V6M9 1L14 6M9 1V6H14",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),i.jsx("path",{d:"M5 7H7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"}),i.jsx("path",{d:"M5 10H11",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]}),Vd=()=>i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),i.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),_d=()=>i.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),i.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),Hd=()=>i.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M3.5 4.5H12.5M6.5 7V11.5M9.5 7V11.5M10.5 4.5V2.5C10.5 2.22386 10.2761 2 10 2H6C5.72386 2 5.5 2.22386 5.5 2.5V4.5M4.5 4.5H11.5V13C11.5 13.2761 11.2761 13.5 11 13.5H5C4.72386 13.5 4.5 13.2761 4.5 13V4.5Z",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),Wd=()=>`upload-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,xn=c.forwardRef(({accept:e,multiple:t=!1,maxSize:r,maxCount:o,disabled:n=!1,fileList:s,defaultFileList:a=[],onChange:l,beforeUpload:d,customRequest:u,mainText:h,secondaryText:p,fileTypeHint:f,downloadTemplateText:x,onDownloadTemplate:m,className:g,icon:$},k)=>{const v=c.useRef(null),j=c.useRef(null),[w,y]=c.useState(a),[R,z]=c.useState(!1),A=s!==void 0,O=A?s:w,L=C=>{A||y(C),l==null||l(C)},B=async C=>{if(!C||C.length===0)return;const E=Array.from(C);if(o&&O.length+E.length>o){console.warn(`最多只能上传 ${o} 个文件`);return}const M=[];for(const N of E){if(r&&N.size>r){console.warn(`文件 ${N.name} 超过大小限制`);continue}if(d)try{if(!await d(N))continue}catch(oe){console.error("beforeUpload error:",oe);continue}const J={uid:Wd(),name:N.name,file:N,status:"uploading",percent:0};M.push(J)}if(M.length===0)return;const T=[...O,...M];L(T),M.forEach(N=>{u?u({file:N.file,onProgress:J=>{L(T.map(oe=>oe.uid===N.uid?{...oe,percent:J}:oe))},onSuccess:()=>{L(T.map(J=>J.uid===N.uid?{...J,status:"success",percent:100}:J))},onError:J=>{L(T.map(oe=>oe.uid===N.uid?{...oe,status:"error",error:J.message}:oe))}}):U(N.uid,T)})},U=(C,E)=>{let M=0;const T=setInterval(()=>{M+=10,M>=100?(clearInterval(T),L(E.map(N=>N.uid===C?{...N,status:"success",percent:100}:N))):L(E.map(N=>N.uid===C?{...N,percent:M}:N))},200)},re=C=>{B(C.target.files),v.current&&(v.current.value="")},K=C=>{C.preventDefault(),C.stopPropagation(),n||z(!0)},V=C=>{C.preventDefault(),C.stopPropagation(),z(!1)},Q=C=>{C.preventDefault(),C.stopPropagation()},D=C=>{if(C.preventDefault(),C.stopPropagation(),z(!1),n)return;const E=C.dataTransfer.files;B(E)},I=()=>{var C;n||(C=v.current)==null||C.click()},F=C=>{const E=O.filter(M=>M.uid!==C);L(E)},{buttonProps:_}=X.useButton({onPress:I,isDisabled:n},j),q=C=>{switch(C){case"success":return i.jsx(Vd,{});case"error":return i.jsx(_d,{});default:return null}};return i.jsxs(wd,{ref:k,className:g,children:[i.jsxs(kd,{..._,ref:j,isDragActive:R,isDisabled:n,onDragEnter:K,onDragLeave:V,onDragOver:Q,onDrop:D,role:"button",tabIndex:n?-1:0,"aria-label":"上传文件区域",children:[i.jsx(Sd,{children:$||i.jsx(Bd,{})}),i.jsxs(Cd,{children:[i.jsx(jd,{children:h||i.jsxs(i.Fragment,{children:["将文件拖到此处,或",i.jsx(Qr,{children:"点击上传"})]})}),p&&i.jsx(Jr,{children:p}),(f||x)&&i.jsxs(Jr,{children:[f,x&&m&&i.jsxs(i.Fragment,{children:[" ",i.jsx(Qr,{onClick:C=>{C.stopPropagation(),m()},children:x})]})]})]}),i.jsx(Dd,{ref:v,type:"file",accept:e,multiple:t,onChange:re,disabled:n,"aria-hidden":"true"})]}),O.length>0&&i.jsx(Ed,{children:O.map(C=>i.jsxs(zd,{status:C.status,children:[i.jsxs(Td,{status:C.status,children:[i.jsx(Rd,{children:i.jsx(Kd,{})}),i.jsx(Ld,{status:C.status,children:C.name}),(C.status==="success"||C.status==="error")&&i.jsxs(i.Fragment,{children:[i.jsx(Md,{status:C.status,children:q(C.status)}),i.jsx(Id,{onClick:()=>F(C.uid),"aria-label":`删除文件 ${C.name}`,children:i.jsx(Hd,{})})]})]}),C.status==="uploading"&&i.jsxs(Nd,{children:[i.jsx(Pd,{children:i.jsx(Ad,{percent:C.percent||0})}),i.jsxs(Fd,{children:[C.percent||0,"%"]})]})]},C.uid))})]})});xn.displayName="Upload";const Ud=b.div`
|
|
3059
|
+
background: var(--ksd-card-bg);
|
|
3060
|
+
border: ${({variant:e})=>e==="outlined"?"1px solid var(--ksd-card-border)":"none"};
|
|
3061
|
+
box-shadow: ${({variant:e})=>e==="elevated"?"var(--ksd-card-shadow-elevated)":"none"};
|
|
3062
|
+
border-radius: var(--ksd-card-radius);
|
|
3063
|
+
transition: var(--ksd-card-transition);
|
|
3077
3064
|
display: flex;
|
|
3078
3065
|
flex-direction: column;
|
|
3079
|
-
overflow: hidden;
|
|
3066
|
+
overflow: hidden;
|
|
3080
3067
|
|
|
3081
|
-
${({hoverable:e,
|
|
3068
|
+
${({hoverable:e,variant:t})=>e&&`
|
|
3082
3069
|
cursor: pointer;
|
|
3083
3070
|
&:hover {
|
|
3084
|
-
box-shadow: ${t==="elevated"?
|
|
3085
|
-
border-color: ${t==="outlined"?
|
|
3071
|
+
box-shadow: ${t==="elevated"?"var(--ksd-card-shadow-elevated-hover)":"none"};
|
|
3072
|
+
border-color: ${t==="outlined"?"var(--ksd-card-border-hover)":"transparent"};
|
|
3086
3073
|
}
|
|
3087
3074
|
`}
|
|
3088
|
-
`,
|
|
3075
|
+
`,Yd=b.div`
|
|
3089
3076
|
display: flex;
|
|
3090
3077
|
align-items: center;
|
|
3091
3078
|
justify-content: space-between;
|
|
3092
|
-
padding:
|
|
3093
|
-
border-bottom:
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
font-
|
|
3098
|
-
font-weight: ${({tokens:e})=>e.header.title.fontWeight};
|
|
3079
|
+
padding: var(--ksd-card-header-padding);
|
|
3080
|
+
border-bottom: var(--ksd-card-header-border-bottom);
|
|
3081
|
+
`,Zd=b.div`
|
|
3082
|
+
color: var(--ksd-card-title-color);
|
|
3083
|
+
font-size: var(--ksd-card-title-font-size);
|
|
3084
|
+
font-weight: var(--ksd-card-title-font-weight);
|
|
3099
3085
|
flex: 1;
|
|
3100
|
-
/* Allow title to wrap if needed, or keep ellipsis */
|
|
3101
3086
|
overflow: hidden;
|
|
3102
3087
|
text-overflow: ellipsis;
|
|
3103
3088
|
white-space: nowrap;
|
|
3104
|
-
`,
|
|
3105
|
-
color:
|
|
3106
|
-
font-size:
|
|
3089
|
+
`,Xd=b.div`
|
|
3090
|
+
color: var(--ksd-card-extra-color);
|
|
3091
|
+
font-size: var(--ksd-card-extra-font-size);
|
|
3107
3092
|
margin-left: 16px;
|
|
3108
|
-
`,
|
|
3109
|
-
padding: ${({
|
|
3093
|
+
`,Gd=b.div`
|
|
3094
|
+
padding: ${({padding:e})=>e||"var(--ksd-card-padding-md)"};
|
|
3110
3095
|
flex: 1;
|
|
3111
|
-
|
|
3112
|
-
color: ${({tokens:e})=>e.header.title.color};
|
|
3096
|
+
color: var(--ksd-card-title-color);
|
|
3113
3097
|
font-size: 14px;
|
|
3114
3098
|
line-height: 1.6;
|
|
3115
|
-
`,
|
|
3099
|
+
`,qd=b.div`
|
|
3116
3100
|
width: 100%;
|
|
3117
3101
|
position: relative;
|
|
3118
3102
|
|
|
3119
3103
|
> * {
|
|
3120
3104
|
display: block;
|
|
3121
3105
|
width: 100%;
|
|
3122
|
-
/* Ensure image covers the area nicely */
|
|
3123
3106
|
object-fit: cover;
|
|
3124
3107
|
}
|
|
3125
3108
|
|
|
3126
3109
|
img {
|
|
3127
|
-
/* If it's the first child, top radius matches card */
|
|
3128
3110
|
&:first-of-type {
|
|
3129
|
-
border-radius:
|
|
3111
|
+
border-radius: var(--ksd-card-cover-radius);
|
|
3130
3112
|
}
|
|
3131
3113
|
}
|
|
3132
|
-
`,
|
|
3133
|
-
padding:
|
|
3134
|
-
background:
|
|
3135
|
-
border-top:
|
|
3136
|
-
`,
|
|
3114
|
+
`,Jd=b.div`
|
|
3115
|
+
padding: var(--ksd-card-footer-padding);
|
|
3116
|
+
background: var(--ksd-card-footer-bg);
|
|
3117
|
+
border-top: var(--ksd-card-footer-border-top);
|
|
3118
|
+
`,vn=c.forwardRef(({title:e,extra:t,cover:r,footer:o,hoverable:n=!1,variant:s="elevated",bodyPadding:a,children:l,className:d,...u},h)=>i.jsxs(Ud,{ref:h,variant:s,hoverable:n,className:d,...u,children:[r&&i.jsx(qd,{children:r}),(e||t)&&i.jsxs(Yd,{children:[e&&i.jsx(Zd,{children:e}),t&&i.jsx(Xd,{children:t})]}),i.jsx(Gd,{padding:a,children:l}),o&&i.jsx(Jd,{children:o})]}));vn.displayName="Card";const yn=({global:e,semantic:t})=>({container:{background:{default:t.colors.background.surface},border:{default:t.colors.border.primary,hover:t.colors.border.strong},shadow:{elevated:"0px 4px 24px 0px rgba(0, 0, 0, 0.04)",elevatedHover:"0px 8px 32px 0px rgba(0, 0, 0, 0.08)",outlined:"none",filled:"none"},radius:e.radii.r6,transition:"all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)"},padding:{sm:e.spacing.md,md:e.spacing.xl,lg:e.spacing.xxl},header:{padding:`${e.spacing.lg} ${e.spacing.xl} ${e.spacing.md}`,borderBottom:"none",title:{color:t.colors.text.primary,fontSize:e.typography.fontSize.md,fontWeight:e.typography.fontWeight.semibold},extra:{color:t.colors.text.secondary,fontSize:e.typography.fontSize.sm}},cover:{radius:`${e.radii.r6} ${e.radii.r6} 0 0`},footer:{padding:`${e.spacing.md} ${e.spacing.xl}`,background:"transparent",borderTop:`1px solid ${t.colors.border.primary}`}}),Qd=S.keyframes`
|
|
3137
3119
|
from {
|
|
3138
3120
|
opacity: 0;
|
|
3139
3121
|
transform: scale(0.96);
|
|
@@ -3142,7 +3124,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3142
3124
|
opacity: 1;
|
|
3143
3125
|
transform: scale(1);
|
|
3144
3126
|
}
|
|
3145
|
-
`,
|
|
3127
|
+
`,eu=b.div`
|
|
3146
3128
|
z-index: ${({theme:e})=>e.components.tooltip.zIndex};
|
|
3147
3129
|
|
|
3148
3130
|
padding: ${({theme:e})=>e.components.tooltip.padding};
|
|
@@ -3157,7 +3139,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3157
3139
|
font-size: ${({theme:e})=>e.components.tooltip.fontSize};
|
|
3158
3140
|
line-height: ${({theme:e})=>e.components.tooltip.lineHeight};
|
|
3159
3141
|
|
|
3160
|
-
animation: ${
|
|
3142
|
+
animation: ${Qd} ${({theme:e})=>e.components.tooltip.animation.duration}
|
|
3161
3143
|
${({theme:e})=>e.components.tooltip.animation.easing} forwards;
|
|
3162
3144
|
|
|
3163
3145
|
/* 根据 placement 设置 transform-origin */
|
|
@@ -3165,7 +3147,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3165
3147
|
|
|
3166
3148
|
/* 确保文字不会换行太频繁 */
|
|
3167
3149
|
word-wrap: break-word;
|
|
3168
|
-
`,
|
|
3150
|
+
`,tu=b.div`
|
|
3169
3151
|
position: absolute;
|
|
3170
3152
|
width: ${({theme:e})=>e.components.tooltip.arrow.size};
|
|
3171
3153
|
height: ${({theme:e})=>e.components.tooltip.arrow.size};
|
|
@@ -3197,5 +3179,5 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3197
3179
|
top: 50%;
|
|
3198
3180
|
transform: translateY(-50%);
|
|
3199
3181
|
`;default:return""}}}
|
|
3200
|
-
`,ti=f.forwardRef(({children:e,content:r,placement:t="top",offset:o=8,delay:n=0,closeDelay:i=0,disabled:s=!1,showArrow:a=!0,open:d,defaultOpen:c=!1,onOpenChange:p,className:m,style:b},h)=>{if(typeof document>"u")return e;const[g,y]=f.useState(c),$=d!==void 0,k=$?d:g,w=f.useRef(null),C=f.useRef(null),v=f.useRef(null),x=f.useRef(null),[j,E]=f.useState({top:0,left:0}),z=f.useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null),x.current&&(clearTimeout(x.current),x.current=null)},[]),I=f.useCallback(_=>{s||($||y(_),p==null||p(_))},[s,$,p]),M=f.useCallback(()=>{s||(z(),n>0?v.current=setTimeout(()=>{I(!0)},n):I(!0))},[s,n,z,I]),O=f.useCallback(()=>{z(),i>0?x.current=setTimeout(()=>{I(!1)},i):I(!1)},[i,z,I]),{hoverProps:D}=de.useHover({isDisabled:s,onHoverStart:M,onHoverEnd:O}),{focusWithinProps:V}=de.useFocusWithin({isDisabled:s,onFocusWithin:()=>M(),onBlurWithin:()=>O()}),F=f.useCallback(()=>{if(!w.current||!C.current)return;const _=w.current.getBoundingClientRect(),H=C.current.getBoundingClientRect(),X=window.scrollX,u=window.scrollY;let T=0,R=0;switch(t){case"top":T=_.top+u-H.height-o,R=_.left+X+(_.width-H.width)/2;break;case"bottom":T=_.bottom+u+o,R=_.left+X+(_.width-H.width)/2;break;case"left":T=_.top+u+(_.height-H.height)/2,R=_.left+X-H.width-o;break;case"right":T=_.top+u+(_.height-H.height)/2,R=_.right+X+o;break}E({top:T,left:R})},[t,o]);if(f.useEffect(()=>{if(!k)return;F();const _=()=>F();return window.addEventListener("scroll",_,!0),window.addEventListener("resize",_),()=>{window.removeEventListener("scroll",_,!0),window.removeEventListener("resize",_)}},[k,F]),f.useEffect(()=>()=>z(),[z]),!f.isValidElement(e))return console.warn("Tooltip: children must be a valid React element"),e;const P=et(D,V,{ref:w,"aria-describedby":k?"kai-tooltip":void 0}),K=l.jsx("span",{...P,style:{display:"inline-block"},children:e}),B=k&&!s&&r?Er.createPortal(l.jsxs(Hu,{ref:_=>{C.current=_,typeof h=="function"?h(_):h&&(h.current=_)},id:"kai-tooltip",role:"tooltip",placement:t,className:m,style:{...b,position:"absolute",top:j.top,left:j.left},"data-placement":t,children:[a&&l.jsx(Wu,{placement:t}),r]}),document.body):null;return l.jsxs(l.Fragment,{children:[K,B]})});ti.displayName="Tooltip";const Uu=({global:e,semantic:r})=>({primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},text:{default:r.colors.text.onBrand},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},secondary:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceSubtle},text:{default:r.colors.brand.primary},border:{default:r.colors.border.primary,hover:r.colors.brand.primary,active:r.colors.brand.primaryActive},shadow:{default:"none"}},text:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"#F0F0F0"},text:{default:r.colors.brand.primary},border:{default:"transparent",hover:"transparent",active:"transparent"}},danger:{background:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive},text:{default:r.colors.state.dangerOn},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},gradient:{background:{default:e.gradients.blueViolet,gradientFrom:"#0194FF",gradientTo:"#D581FF"},text:{default:e.colors.common.white},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},disabled:{background:{default:r.colors.border.primary},text:{default:r.colors.text.disabled},opacity:.6},size:{sm:{height:"24px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"},md:{height:"32px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"}},borderRadius:e.radii.r3,fontWeight:e.typography.fontWeight.regular,gap:e.spacing.sm,transition:"0.2s ease"}),Yu=({global:e,semantic:r})=>({appearance:{solid:{primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},border:{default:"transparent"},icon:{default:r.colors.text.onBrand}},neutral:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceStrong},border:{default:"transparent"},icon:{default:r.colors.text.primary}},danger:{background:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive},border:{default:"transparent"},icon:{default:r.colors.state.dangerOn}}},outline:{primary:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:r.colors.brand.primary,hover:r.colors.brand.primary,active:r.colors.brand.primary},icon:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceStrong},border:{default:r.colors.border.primary,hover:r.colors.border.strong,active:r.colors.border.strong},icon:{default:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.text.primary}},danger:{background:{default:"transparent",hover:r.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:r.colors.state.danger,hover:r.colors.state.danger,active:r.colors.state.danger},icon:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive}}},ghost:{primary:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:"transparent"},icon:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:"rgba(10, 24, 51, 0.05)",active:"rgba(10, 24, 51, 0.1)"},border:{default:"transparent"},icon:{default:r.colors.text.primary}},danger:{background:{default:"transparent",hover:r.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:"transparent"},icon:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive}}}},disabled:{background:r.colors.background.surfaceSubtle,border:r.colors.border.primary,icon:r.colors.text.disabled,opacity:.6},size:{sm:{edge:"24px",iconSize:"16px"},md:{edge:"32px",iconSize:"18px"},lg:{edge:"40px",iconSize:"20px"}},borderRadius:e.radii.r3,transition:"0.2s ease",focusRing:{color:"rgba(44, 111, 231, 0.35)",offset:"2px",width:"2px"}}),Zu=({global:e,semantic:r})=>({default:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceSubtle},text:{default:r.colors.text.primary},border:{default:r.colors.border.primary},shadow:{default:e.shadows.l1,hover:e.shadows.l3}},primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},text:{default:r.colors.text.onBrand},border:{default:"transparent"},shadow:{default:e.shadows.l1,hover:e.shadows.l3}},disabled:{background:{default:r.colors.border.primary},text:{default:r.colors.text.disabled},opacity:.6},size:{sm:{size:"32px"},md:{size:"40px"},lg:{size:"48px"}},icon:{size:e.typography.fontSize.lg},description:{fontSize:e.typography.fontSize.xs,lineHeight:`${e.typography.lineHeight.tight}`}}),Xu=({global:e,semantic:r})=>({control:{size:"16px",borderRadius:e.radii.r2,borderWidth:"1px",background:{default:e.colors.common.white,checked:r.colors.brand.primary,disabled:e.colors.neutral[100],disabledChecked:e.colors.blue[200]},borderColor:{default:e.colors.neutral[400],hover:r.colors.brand.primary,checked:r.colors.brand.primary,disabled:e.colors.neutral[400],disabledChecked:e.colors.blue[200]},icon:{color:e.colors.common.white,size:"10px"}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:e.spacing.sm,text:{label:{fontSize:e.typography.fontSize.xs,lineHeight:"18px",color:e.colors.word[900],disabled:e.colors.word[300],fontWeight:e.typography.fontWeight.regular}},transition:"0.16s ease"}),Gu=({global:e})=>({control:{size:"16px",borderRadius:"999px",borderWidth:"1.5px",background:e.colors.common.white,borderColor:{default:e.colors.neutral[300],hover:e.colors.blue[500],checked:e.colors.blue[500],disabled:e.colors.neutral[200]},indicator:{size:"8px",color:e.colors.blue[500],disabled:e.colors.word[300]}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:"0.5rem",text:{label:{fontSize:e.typography.fontSize.xs,color:e.colors.word[900],disabled:e.colors.word[300],fontWeight:e.typography.fontWeight.regular},description:{color:e.colors.word[600],disabled:e.colors.word[300],fontSize:e.typography.fontSize.xs}},disabled:{opacity:.55},transition:"0.16s ease"}),qu=({global:e,semantic:r})=>({size:{sm:{width:"36px",height:"20px",thumbSize:"16px",fontSize:e.typography.fontSize.xs,paddingInline:"6px"},md:{width:"44px",height:"24px",thumbSize:"18px",fontSize:e.typography.fontSize.xs,paddingInline:"8px"}},background:{unchecked:e.colors.neutral[300],checked:r.colors.brand.primary,disabled:e.colors.neutral[200]},thumb:{background:e.colors.common.white,shadow:"0 1px 3px rgba(0, 0, 0, 0.12)"},text:{color:e.colors.common.white,fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular},borderRadius:e.radii.r5,gap:e.spacing.xs,transition:"0.2s cubic-bezier(0.4, 0, 0.2, 1)",disabled:{opacity:.5},focusRing:{color:"rgba(44, 111, 231, 0.3)",offset:"2px"}}),Ju=({global:e,semantic:r})=>({size:{sm:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"18px"}},border:{default:r.colors.border.primary,hover:r.colors.border.strong,focus:r.colors.brand.primary,error:r.colors.state.danger,disabled:r.colors.border.primary},background:{default:r.colors.background.surface,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled,error:r.colors.state.danger,counter:r.colors.text.caption},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.2s ease"}),Qu=({global:e,semantic:r})=>({size:{sm:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"18px"}},border:{default:r.colors.border.primary,hover:r.colors.border.strong,focus:r.colors.brand.primary,error:r.colors.state.danger,disabled:r.colors.border.primary},background:{default:r.colors.background.surface,hover:r.colors.background.surface,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled,error:r.colors.state.danger},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.2s ease",popover:{background:r.colors.background.surface,border:`1px solid ${r.colors.border.primary}`,borderRadius:e.radii.r3,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.08)",padding:"4px"},option:{height:"32px",paddingInline:"8px",fontSize:e.typography.fontSize.xs,borderRadius:e.radii.r2,gap:"8px",background:{default:"transparent",hover:r.colors.background.surfaceSubtle,selected:r.colors.brand.primarySubtle,focused:r.colors.background.surfaceSubtle},text:{default:r.colors.text.primary,hover:r.colors.text.primary,selected:r.colors.brand.primary,disabled:r.colors.text.disabled}}}),ef=({global:e,semantic:r})=>({controls:{default:"buttons"},size:{md:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.sm},lg:{height:"32px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.sm}},input:{width:"40px",height:"18px",paddingInline:e.spacing.sm,fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular,lineHeight:"18px",fontFamily:e.typography.fontFamily},control:{side:{buttonSizeSm:"20px",buttonSizeLg:"28px",inset:"1px",gap:"8px",iconSize:"12px",widthsm:"100px",widthLg:"116px"},arrows:{buttonSizeSm:"10px",buttonSizeLg:"14px",iconSize:"12px",gap:"0px",widthsm:"72px",widthLg:"80px"}},borderRadius:e.radii.r3,border:{default:r.colors.border.strong,hover:r.colors.brand.primaryHover,disabled:r.colors.border.strong},background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled},transition:"0.2s ease"}),tf=({global:e,semantic:r})=>({border:{default:r.colors.border.primary},background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle},text:{default:r.colors.text.secondary,title:r.colors.text.primary},divider:r.colors.border.primary,arrow:{default:r.colors.text.secondary},padding:{header:"12px 24px",content:"0 24px 12px 24px"},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.3s cubic-bezier(0.4, 0, 0.2, 1)",arrowSize:"16px"}),rf=({global:e,semantic:r,mode:t})=>{const o=t==="dark";return{colors:{default:{background:{default:o?"rgba(148, 163, 184, 0.15)":e.colors.neutral[100],hover:o?"rgba(148, 163, 184, 0.2)":e.colors.neutral[200],active:o?"rgba(148, 163, 184, 0.25)":e.colors.neutral[300],checked:r.colors.brand.primary,checkedHover:r.colors.brand.primaryHover,checkedActive:r.colors.brand.primaryActive},text:{default:o?e.colors.word[100]:"rgba(10, 24, 51, 0.7)",checked:e.colors.common.white},border:{default:o?"rgba(148, 163, 184, 0.28)":e.colors.neutral[400],hover:o?"rgba(148, 163, 184, 0.38)":e.colors.neutral[500],active:o?"rgba(148, 163, 184, 0.48)":e.colors.word[600],checked:r.colors.brand.primary,checkedHover:r.colors.brand.primaryHover,checkedActive:r.colors.brand.primaryActive}},red:{background:{default:o?"rgba(170, 14, 41, 0.12)":"rgba(170, 14, 41, 0.08)",hover:o?"rgba(170, 14, 41, 0.16)":"rgba(170, 14, 41, 0.12)",active:o?"rgba(170, 14, 41, 0.2)":"rgba(170, 14, 41, 0.16)"},text:{default:o?e.colors.red[300]:e.colors.red[700]},border:{default:o?"rgba(170, 14, 41, 0.3)":"rgba(170, 14, 41, 0.25)"}},orange:{background:{default:o?"rgba(237, 154, 0, 0.12)":"rgba(237, 154, 0, 0.08)",hover:o?"rgba(237, 154, 0, 0.16)":"rgba(237, 154, 0, 0.12)",active:o?"rgba(237, 154, 0, 0.2)":"rgba(237, 154, 0, 0.16)"},text:{default:o?e.colors.orange[300]:e.colors.orange[500]},border:{default:o?"rgba(237, 154, 0, 0.3)":"rgba(237, 154, 0, 0.25)"}},yellow:{background:{default:o?"rgba(250, 208, 0, 0.12)":"rgba(250, 208, 0, 0.08)",hover:o?"rgba(250, 208, 0, 0.16)":"rgba(250, 208, 0, 0.12)",active:o?"rgba(250, 208, 0, 0.2)":"rgba(250, 208, 0, 0.16)"},text:{default:o?e.colors.yellow[300]:e.colors.yellow[500]},border:{default:o?"rgba(250, 208, 0, 0.3)":"rgba(250, 208, 0, 0.25)"}},green:{background:{default:o?"rgba(51, 189, 72, 0.12)":"rgba(51, 189, 72, 0.08)",hover:o?"rgba(51, 189, 72, 0.16)":"rgba(51, 189, 72, 0.12)",active:o?"rgba(51, 189, 72, 0.2)":"rgba(51, 189, 72, 0.16)"},text:{default:o?e.colors.green[300]:e.colors.green[500]},border:{default:o?"rgba(51, 189, 72, 0.3)":"rgba(51, 189, 72, 0.25)"}},lavender:{background:{default:o?"rgba(99, 79, 214, 0.12)":"rgba(99, 79, 214, 0.08)",hover:o?"rgba(99, 79, 214, 0.16)":"rgba(99, 79, 214, 0.12)",active:o?"rgba(99, 79, 214, 0.2)":"rgba(99, 79, 214, 0.16)"},text:{default:o?e.colors.lavender[300]:e.colors.lavender[500]},border:{default:o?"rgba(99, 79, 214, 0.3)":"rgba(99, 79, 214, 0.25)"}},lilac:{background:{default:o?"rgba(159, 58, 214, 0.12)":"rgba(159, 58, 214, 0.08)",hover:o?"rgba(159, 58, 214, 0.16)":"rgba(159, 58, 214, 0.12)",active:o?"rgba(159, 58, 214, 0.2)":"rgba(159, 58, 214, 0.16)"},text:{default:o?e.colors.lilac[300]:e.colors.lilac[500]},border:{default:o?"rgba(159, 58, 214, 0.3)":"rgba(159, 58, 214, 0.25)"}},carmine:{background:{default:o?"rgba(214, 58, 191, 0.12)":"rgba(214, 58, 191, 0.08)",hover:o?"rgba(214, 58, 191, 0.16)":"rgba(214, 58, 191, 0.12)",active:o?"rgba(214, 58, 191, 0.2)":"rgba(214, 58, 191, 0.16)"},text:{default:o?e.colors.carmine[300]:e.colors.carmine[500]},border:{default:o?"rgba(214, 58, 191, 0.3)":"rgba(214, 58, 191, 0.25)"}},rose:{background:{default:o?"rgba(229, 30, 100, 0.12)":"rgba(229, 30, 100, 0.08)",hover:o?"rgba(229, 30, 100, 0.16)":"rgba(229, 30, 100, 0.12)",active:o?"rgba(229, 30, 100, 0.2)":"rgba(229, 30, 100, 0.16)"},text:{default:o?e.colors.rose[300]:e.colors.rose[500]},border:{default:o?"rgba(229, 30, 100, 0.3)":"rgba(229, 30, 100, 0.25)"}},mint:{background:{default:o?"rgba(71, 192, 214, 0.12)":"rgba(71, 192, 214, 0.08)",hover:o?"rgba(71, 192, 214, 0.16)":"rgba(71, 192, 214, 0.12)",active:o?"rgba(71, 192, 214, 0.2)":"rgba(71, 192, 214, 0.16)"},text:{default:o?e.colors.mint[300]:e.colors.mint[500]},border:{default:o?"rgba(71, 192, 214, 0.3)":"rgba(71, 192, 214, 0.25)"}},olive:{background:{default:o?"rgba(187, 214, 36, 0.12)":"rgba(187, 214, 36, 0.08)",hover:o?"rgba(187, 214, 36, 0.16)":"rgba(187, 214, 36, 0.12)",active:o?"rgba(187, 214, 36, 0.2)":"rgba(187, 214, 36, 0.16)"},text:{default:o?e.colors.olive[300]:e.colors.olive[500]},border:{default:o?"rgba(187, 214, 36, 0.3)":"rgba(187, 214, 36, 0.25)"}},blue:{background:{default:o?"rgba(44, 111, 231, 0.12)":"rgba(44, 111, 231, 0.08)",hover:o?"rgba(44, 111, 231, 0.16)":"rgba(44, 111, 231, 0.12)",active:o?"rgba(44, 111, 231, 0.2)":"rgba(44, 111, 231, 0.16)"},text:{default:r.colors.brand.primary},border:{default:o?"rgba(44, 111, 231, 0.3)":"rgba(44, 111, 231, 0.25)"}}},size:{sm:{height:"18px",fontSize:"10px",lineHeight:"16px",paddingInline:e.spacing.sm,gap:e.spacing.xs,iconSize:"12px",closeIconSize:"8px"},md:{height:"24px",fontSize:"10px",lineHeight:"16px",paddingInline:e.spacing.sm,gap:e.spacing.xs,iconSize:"14px",closeIconSize:"10px"},lg:{height:"32px",fontSize:e.typography.fontSize.xs,lineHeight:"20px",paddingInline:e.spacing.md,gap:e.spacing.sm,iconSize:"16px",closeIconSize:"12px"}},fontWeight:e.typography.fontWeight.regular,borderRadius:e.radii.r2,transition:"0.2s ease",disabled:{opacity:.5}}},of=({global:e,mode:r})=>{const t=r==="dark";return{background:{base:t?"rgba(148, 163, 184, 0.12)":"rgba(10, 24, 51, 0.05)",highlight:t?"rgba(148, 163, 184, 0.22)":"rgba(10, 24, 51, 0.12)"},animation:{duration:"1.4s",easing:"ease-in-out"},radius:{sm:e.radii.r2,md:e.radii.r3,lg:e.radii.r4,pill:e.radii.r5,circle:e.radii.r0},block:{height:"16px"},text:{lineHeight:"12px",gap:e.spacing.sm,lastLineWidth:"62%"},circle:{size:"40px"}}},nf=({global:e,semantic:r,mode:t})=>{const o=t==="dark";return{circle:{size:{md:"32px",sm:"24px"},fontSize:{md:e.typography.fontSize.sm,sm:e.typography.fontSize.xs},iconSize:{md:"14px",sm:"10px"}},dot:{size:{md:"10px",sm:"8px"},pulseColor:o?"rgba(44, 111, 231, 0.35)":"rgba(44, 111, 231, 0.25)"},line:{color:{default:r.colors.border.primary,active:r.colors.brand.primary},size:"1px"},text:{title:{color:{default:r.colors.text.primary,active:r.colors.brand.primary,error:r.colors.state.danger,waiting:r.colors.text.tertiary},fontWeight:e.typography.fontWeight.medium,fontSize:e.typography.fontSize.sm},description:{color:r.colors.text.secondary,fontSize:e.typography.fontSize.xs}},state:{process:{color:r.colors.brand.primary,bg:r.colors.brand.primary},wait:{color:r.colors.text.tertiary,bg:o?"rgba(148, 163, 184, 0.2)":e.colors.neutral[200]},finish:{color:r.colors.brand.primary,bg:o?"rgba(44, 111, 231, 0.15)":r.colors.brand.primarySubtle},error:{color:r.colors.state.danger,bg:o?"rgba(170, 14, 41, 0.15)":r.colors.state.dangerSubtle}},gap:e.spacing.sm}},sf=({global:e,semantic:r,mode:t})=>{const o=t==="dark";return{container:{width:{expanded:"240px",collapsed:"68px"},background:o?r.colors.background.surface:e.colors.common.white,border:`1px solid ${r.colors.border.primary}`,padding:e.spacing.lg},item:{height:"40px",paddingInline:e.spacing.lg,fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.regular,iconSize:"20px",gap:e.spacing.sm,borderRadius:e.radii.r3,background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"},text:{default:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.text.primary},transition:"0.2s ease"},subItem:{paddingLeft:"20px",background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"}},group:{marginTop:e.spacing.xl,marginBottom:e.spacing.md,gap:e.spacing.xs},groupTitle:{height:"18px",fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular,color:r.colors.text.secondary,paddingInline:"0",marginBottom:e.spacing.sm},scrollbar:{width:"8px",thumbColor:o?"rgba(255, 255, 255, 0.2)":"rgba(0, 0, 0, 0.2)",trackColor:"transparent"},popover:{background:o?r.colors.background.surface:e.colors.common.white,border:`1px solid ${r.colors.border.primary}`,borderRadius:e.radii.r4,boxShadow:o?"0 4px 12px rgba(0, 0, 0, 0.4)":"0 4px 12px rgba(0, 0, 0, 0.08)",padding:e.spacing.xs,item:{background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"},text:{default:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.brand.primary}}}}},af=({semantic:e})=>({variant:{primary:{text:{default:e.colors.brand.primary,hover:"#2468f2",active:"#2055c6",disabled:e.colors.text.disabled},decoration:{default:"none",hover:"none"}},neutral:{text:{default:e.colors.text.primary,hover:e.colors.brand.primary,active:"#2055c6",disabled:e.colors.text.disabled},decoration:{default:"none",hover:"none"}}},size:{sm:{fontSize:"12px"},md:{fontSize:"14px"},lg:{fontSize:"16px"}},transition:"0.2s ease",borderRadius:"4px",focusRing:{color:e.colors.brand.primary,offset:"2px"}}),lf=({global:e,semantic:r})=>({container:{gap:e.spacing.lg},panel:{width:"204px",height:"240px",background:r.colors.background.surface,border:`1px solid ${r.colors.border.neutral}`,borderRadius:e.radii.r2},header:{height:"40px",padding:"11px 16px",fontSize:e.typography.fontSize.xs,color:r.colors.text.transferHeader,background:r.colors.background.surfaceSubtle},list:{height:"calc(100% - 100px)",gap:e.spacing.sm,padding:"0px 16px 8px 16px"},item:{height:e.spacing.xxl,fontSize:e.typography.fontSize.xs,borderRadius:e.radii.r2,gap:e.spacing.sm,padding:`${e.spacing.sm} 0px`,text:{default:r.colors.text.transferHeader,selected:r.colors.text.primary,disabled:r.colors.text.disabled},checkboxSize:e.spacing.lg},operations:{gap:e.spacing.sm,borderRadius:e.radii.r2,borderColor:{default:r.colors.border.neutral,disabled:r.colors.border.neutral,active:r.colors.brand.primary},backgroundColor:{default:r.colors.background.surface,disabled:e.colors.word[50],active:r.colors.background.surface},width:e.spacing.xxl,height:e.spacing.xxl,iconSize:e.spacing.lg,iconColor:{default:e.colors.word[700],disabled:r.colors.text.transferOperationDisabled,active:e.colors.blue[500]}},footer:{height:e.spacing.xxl,paddingInline:e.spacing.sm,fontSize:e.typography.fontSize.xs,color:r.colors.text.secondary,borderTop:`1px solid ${r.colors.border.divider}`,marginTop:e.spacing.md},empty:{color:r.colors.text.tertiary,fontSize:e.typography.fontSize.sm},search:{width:"184px",iconColor:`${e.colors.word[900]}66`},transition:"all 0.2s ease"}),cf=({global:e,semantic:r,mode:t})=>({size:{sm:{width:"400px",maxWidth:"90vw",padding:e.spacing.lg,headerPadding:`${e.spacing.lg} ${e.spacing.xl}`,footerPadding:`${e.spacing.md} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.md},md:{width:"520px",maxWidth:"90vw",padding:e.spacing.xl,headerPadding:`${e.spacing.lg} ${e.spacing.xl}`,footerPadding:`${e.spacing.md} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.lg},lg:{width:"720px",maxWidth:"90vw",padding:e.spacing.xl,headerPadding:`20px ${e.spacing.xl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.lg},xl:{width:"920px",maxWidth:"90vw",padding:e.spacing.xxl,headerPadding:`${e.spacing.xl} ${e.spacing.xxl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xxl}`,titleFontSize:e.typography.fontSize.lg},fullscreen:{width:"100vw",maxWidth:"100vw",padding:e.spacing.xxl,headerPadding:`${e.spacing.xl} ${e.spacing.xxl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xxl}`,titleFontSize:e.typography.fontSize.lg}},overlay:{background:t==="light"?"rgba(10, 24, 51, 0.38)":"rgba(0, 0, 0, 0.55)",backdropFilter:"blur(4px)"},container:{background:r.colors.background.surface,borderRadius:e.radii.r5,boxShadow:t==="light"?e.shadows.l3:r.shadows.elevation.medium,border:t==="light"?"none":`1px solid ${r.colors.border.primary}`,maxHeight:"85vh"},header:{background:"transparent",borderBottom:`1px solid ${r.colors.border.divider}`,minHeight:"56px",gap:e.spacing.sm},title:{color:r.colors.text.primary,fontWeight:e.typography.fontWeight.semibold,lineHeight:"1.4"},description:{color:r.colors.text.secondary,fontSize:e.typography.fontSize.sm,lineHeight:"1.5",marginTop:e.spacing.xs},closeButton:{size:"32px",iconSize:"16px",color:r.colors.text.tertiary,hoverColor:r.colors.text.primary,hoverBackground:r.colors.background.surfaceStrong,borderRadius:e.radii.r3},content:{color:r.colors.text.primary,fontSize:e.typography.fontSize.sm,lineHeight:"1.6",maxHeight:"calc(85vh - 160px)"},footer:{background:"transparent",borderTop:`1px solid ${r.colors.border.divider}`,minHeight:"56px",gap:e.spacing.sm,justifyContent:"flex-end"},animation:{duration:"0.22s",easing:"cubic-bezier(0.22, 0.61, 0.36, 1)",scaleFrom:"0.95",scaleTo:"1"},zIndex:{overlay:1e3,container:1001},transition:"0.2s ease"}),df=({global:e,semantic:r,mode:t})=>({background:t==="light"?"rgba(10, 24, 51, 0.9)":"rgba(255, 255, 255, 0.92)",color:t==="light"?"#ffffff":r.colors.text.primary,borderRadius:e.radii.r3,boxShadow:t==="light"?"0 4px 12px rgba(0, 0, 0, 0.15)":"0 4px 12px rgba(0, 0, 0, 0.3)",padding:`${e.spacing.xs} ${e.spacing.sm}`,maxWidth:"280px",fontSize:e.typography.fontSize.sm,lineHeight:"1.5",arrow:{size:"8px"},animation:{duration:"0.15s",easing:"cubic-bezier(0.16, 1, 0.3, 1)"},zIndex:1100}),ri=e=>({button:Uu(e),floatButton:Zu(e),iconButton:Yu(e),checkbox:Xu(e),radio:Gu(e),switch:qu(e),input:Ju(e),select:Qu(e),numberfield:ef(e),collapse:tf(e),tag:rf(e),skeleton:of(e),stepper:nf(e),menu:sf(e),link:af(e),transfer:lf(e),modal:cf(e),card:ei(e),tooltip:df(e)}),Zr=(e,r="light")=>{const t={colors:Re.globalColors,spacing:Re.globalSpacing,radii:Re.globalRadii,typography:Re.globalTypography,shadows:Re.globalShadows,gradients:Re.globalGradients};return{global:t,semantic:e,components:ri({global:t,semantic:e,mode:r})}},oi=Zr(Re.lightSemantic,"light"),ni=Zr(Re.darkSemantic,"dark");var uf=function(r){return ff(r)&&!pf(r)};function ff(e){return!!e&&typeof e=="object"}function pf(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||gf(e)}var hf=typeof Symbol=="function"&&Symbol.for,bf=hf?Symbol.for("react.element"):60103;function gf(e){return e.$$typeof===bf}function mf(e){return Array.isArray(e)?[]:{}}function Et(e,r){return r.clone!==!1&&r.isMergeableObject(e)?ft(mf(e),e,r):e}function xf(e,r,t){return e.concat(r).map(function(o){return Et(o,t)})}function yf(e,r){if(!r.customMerge)return ft;var t=r.customMerge(e);return typeof t=="function"?t:ft}function vf(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function Ao(e){return Object.keys(e).concat(vf(e))}function ii(e,r){try{return r in e}catch{return!1}}function $f(e,r){return ii(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function wf(e,r,t){var o={};return t.isMergeableObject(e)&&Ao(e).forEach(function(n){o[n]=Et(e[n],t)}),Ao(r).forEach(function(n){$f(e,n)||(ii(e,n)&&t.isMergeableObject(r[n])?o[n]=yf(n,t)(e[n],r[n],t):o[n]=Et(r[n],t))}),o}function ft(e,r,t){t=t||{},t.arrayMerge=t.arrayMerge||xf,t.isMergeableObject=t.isMergeableObject||uf,t.cloneUnlessOtherwiseSpecified=Et;var o=Array.isArray(r),n=Array.isArray(e),i=o===n;return i?o?t.arrayMerge(e,r,t):wf(e,r,t):Et(r,t)}ft.all=function(r,t){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(o,n){return ft(o,n,t)},{})};var kf=ft,Sf=kf;const Cf=li(Sf),jf=e=>{const r=re.c(9),{children:t,mode:o,theme:n}=e,s=(o===void 0?"light":o)==="dark"?ni:oi;let a;e:{if(!n){a=s;break e}const b=n;let h;r[0]!==s||r[1]!==b?(h=Cf(s,b),r[0]=s,r[1]=b,r[2]=h):h=r[2],a=h}const d=a;let c;r[3]===Symbol.for("react.memo_cache_sentinel")?(c={display:"contents"},r[3]=c):c=r[3];let p;r[4]!==t?(p=l.jsx(de.OverlayProvider,{style:c,children:t}),r[4]=t,r[5]=p):p=r[5];let m;return r[6]!==d||r[7]!==p?(m=l.jsx(Re.CustomThemeProvider,{theme:d,children:p}),r[6]=d,r[7]=p,r[8]=m):m=r[8],m};Object.defineProperty(exports,"CustomThemeProvider",{enumerable:!0,get:()=>Re.CustomThemeProvider});Object.defineProperty(exports,"darkSemantic",{enumerable:!0,get:()=>Re.darkSemantic});Object.defineProperty(exports,"globalColors",{enumerable:!0,get:()=>Re.globalColors});Object.defineProperty(exports,"globalGradients",{enumerable:!0,get:()=>Re.globalGradients});Object.defineProperty(exports,"globalRadii",{enumerable:!0,get:()=>Re.globalRadii});Object.defineProperty(exports,"globalShadows",{enumerable:!0,get:()=>Re.globalShadows});Object.defineProperty(exports,"globalSpacing",{enumerable:!0,get:()=>Re.globalSpacing});Object.defineProperty(exports,"globalTypography",{enumerable:!0,get:()=>Re.globalTypography});Object.defineProperty(exports,"lightSemantic",{enumerable:!0,get:()=>Re.lightSemantic});exports.BUTTON_SIZES=Vi;exports.BUTTON_VARIANTS=Bi;exports.Button=Ko;exports.Card=Qn;exports.Checkbox=st;exports.CheckboxButton=ln;exports.CheckboxWrapper=Yn;exports.Collapse=cn;exports.CollapseItem=dn;exports.DesignThemeProvider=jf;exports.EmptyState=pd;exports.FloatButton=un;exports.ICON_BUTTON_APPEARANCES=Ji;exports.ICON_BUTTON_SIZES=es;exports.ICON_BUTTON_TONES=Qi;exports.IconButton=Bo;exports.Input=Dr;exports.Link=mn;exports.LinkRoot=gn;exports.ListBoxContent=Yr;exports.ListBoxPopup=Kn;exports.LoadingWrapper=Wn;exports.Menu=fn;exports.MenuGroup=hn;exports.MenuItem=pn;exports.Modal=Cn;exports.NumberInput=jn;exports.OptionIcon=Hn;exports.OptionItem=Bn;exports.OptionText=Vn;exports.PROGRESS_SIZES=Nc;exports.PROGRESS_STATUSES=Ic;exports.PROGRESS_TYPES=Mc;exports.Progress=Ln;exports.Radio=Hr;exports.SHAPES=el;exports.SWITCH_SIZES=Vd;exports.Select=qt;exports.SelectIcon=Dn;exports.SelectTrigger=On;exports.SelectValue=jr;exports.SelectWrapper=Fn;exports.Skeleton=Tn;exports.Step=zn;exports.Stepper=Rn;exports.SubMenuItem=bn;exports.SubMenuPopover=Kr;exports.Switch=Gn;exports.TABLE_SIZES=zd;exports.TABLE_VARIANTS=Ld;exports.TYPES=Qa;exports.Table=Nd;exports.Tag=jt;exports.TagAdd=Ur;exports.TagsContainer=Un;exports.Tooltip=ti;exports.Transfer=qn;exports.UPLOAD_STATUSES=Eu;exports.Upload=Jn;exports.createComponentTokens=ri;exports.createDesignTheme=Zr;exports.defaultDarkDesignTheme=ni;exports.defaultLightDesignTheme=oi;exports.getCardTokens=ei;exports.selectSizes=dd;exports.skeletonRadii=dc;exports.skeletonVariants=cc;
|
|
3182
|
+
`,$n=c.forwardRef(({children:e,content:t,placement:r="top",offset:o=8,delay:n=0,closeDelay:s=0,disabled:a=!1,showArrow:l=!0,open:d,defaultOpen:u=!1,onOpenChange:h,className:p,style:f},x)=>{if(typeof document>"u")return e;const[m,g]=c.useState(u),$=d!==void 0,k=$?d:m,v=c.useRef(null),j=c.useRef(null),w=c.useRef(null),y=c.useRef(null),[R,z]=c.useState({top:0,left:0}),A=c.useCallback(()=>{w.current&&(clearTimeout(w.current),w.current=null),y.current&&(clearTimeout(y.current),y.current=null)},[]),O=c.useCallback(I=>{a||($||g(I),h==null||h(I))},[a,$,h]),L=c.useCallback(()=>{a||(A(),n>0?w.current=setTimeout(()=>{O(!0)},n):O(!0))},[a,n,A,O]),B=c.useCallback(()=>{A(),s>0?y.current=setTimeout(()=>{O(!1)},s):O(!1)},[s,A,O]),{hoverProps:U}=X.useHover({isDisabled:a,onHoverStart:L,onHoverEnd:B}),{focusWithinProps:re}=X.useFocusWithin({isDisabled:a,onFocusWithin:()=>L(),onBlurWithin:()=>B()}),K=c.useCallback(()=>{if(!v.current||!j.current)return;const I=v.current.getBoundingClientRect(),F=j.current.getBoundingClientRect(),_=window.scrollX,q=window.scrollY;let C=0,E=0;switch(r){case"top":C=I.top+q-F.height-o,E=I.left+_+(I.width-F.width)/2;break;case"bottom":C=I.bottom+q+o,E=I.left+_+(I.width-F.width)/2;break;case"left":C=I.top+q+(I.height-F.height)/2,E=I.left+_-F.width-o;break;case"right":C=I.top+q+(I.height-F.height)/2,E=I.right+_+o;break}z({top:C,left:E})},[r,o]);if(c.useEffect(()=>{if(!k)return;K();const I=()=>K();return window.addEventListener("scroll",I,!0),window.addEventListener("resize",I),()=>{window.removeEventListener("scroll",I,!0),window.removeEventListener("resize",I)}},[k,K]),c.useEffect(()=>()=>A(),[A]),!c.isValidElement(e))return console.warn("Tooltip: children must be a valid React element"),e;const V=Re(U,re,{ref:v,"aria-describedby":k?"kai-tooltip":void 0}),Q=i.jsx("span",{...V,style:{display:"inline-block"},children:e}),D=k&&!a&&t?Qt.createPortal(i.jsxs(eu,{ref:I=>{j.current=I,typeof x=="function"?x(I):x&&(x.current=I)},id:"kai-tooltip",role:"tooltip",placement:r,className:p,style:{...f,position:"absolute",top:R.top,left:R.left},"data-placement":r,children:[l&&i.jsx(tu,{placement:r}),t]}),document.body):null;return i.jsxs(i.Fragment,{children:[Q,D]})});$n.displayName="Tooltip";const ru=({global:e,semantic:t})=>({primary:{background:{default:t.colors.brand.primary,hover:t.colors.brand.primaryHover,active:t.colors.brand.primaryActive},text:{default:t.colors.text.onBrand},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},secondary:{background:{default:t.colors.background.surface,hover:t.colors.background.surfaceSubtle,active:t.colors.background.surfaceSubtle},text:{default:t.colors.brand.primary},border:{default:t.colors.border.primary,hover:t.colors.brand.primary,active:t.colors.brand.primaryActive},shadow:{default:"none"}},text:{background:{default:"transparent",hover:t.colors.brand.primarySubtle,active:"#F0F0F0"},text:{default:t.colors.brand.primary},border:{default:"transparent",hover:"transparent",active:"transparent"}},danger:{background:{default:t.colors.state.danger,hover:t.colors.state.dangerHover,active:t.colors.state.dangerActive},text:{default:t.colors.state.dangerOn},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},gradient:{background:{default:e.gradients.blueViolet,gradientFrom:"#0194FF",gradientTo:"#D581FF"},text:{default:e.colors.common.white},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},disabled:{background:{default:t.colors.border.primary},text:{default:t.colors.text.disabled},opacity:.6},size:{sm:{height:"24px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"},md:{height:"32px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"}},borderRadius:e.radii.r3,fontWeight:e.typography.fontWeight.regular,gap:e.spacing.sm,transition:"0.2s ease"}),ou=({global:e,semantic:t})=>({appearance:{solid:{primary:{background:{default:t.colors.brand.primary,hover:t.colors.brand.primaryHover,active:t.colors.brand.primaryActive},border:{default:"transparent"},icon:{default:t.colors.text.onBrand}},neutral:{background:{default:t.colors.background.surface,hover:t.colors.background.surfaceSubtle,active:t.colors.background.surfaceStrong},border:{default:"transparent"},icon:{default:t.colors.text.primary}},danger:{background:{default:t.colors.state.danger,hover:t.colors.state.dangerHover,active:t.colors.state.dangerActive},border:{default:"transparent"},icon:{default:t.colors.state.dangerOn}}},outline:{primary:{background:{default:"transparent",hover:t.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:t.colors.brand.primary,hover:t.colors.brand.primary,active:t.colors.brand.primary},icon:{default:t.colors.brand.primary,hover:t.colors.brand.primaryHover,active:t.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:t.colors.background.surfaceSubtle,active:t.colors.background.surfaceStrong},border:{default:t.colors.border.primary,hover:t.colors.border.strong,active:t.colors.border.strong},icon:{default:t.colors.text.primary,hover:t.colors.text.primary,active:t.colors.text.primary}},danger:{background:{default:"transparent",hover:t.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:t.colors.state.danger,hover:t.colors.state.danger,active:t.colors.state.danger},icon:{default:t.colors.state.danger,hover:t.colors.state.dangerHover,active:t.colors.state.dangerActive}}},ghost:{primary:{background:{default:"transparent",hover:t.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:"transparent"},icon:{default:t.colors.brand.primary,hover:t.colors.brand.primaryHover,active:t.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:"rgba(10, 24, 51, 0.05)",active:"rgba(10, 24, 51, 0.1)"},border:{default:"transparent"},icon:{default:t.colors.text.primary}},danger:{background:{default:"transparent",hover:t.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:"transparent"},icon:{default:t.colors.state.danger,hover:t.colors.state.dangerHover,active:t.colors.state.dangerActive}}}},disabled:{background:t.colors.background.surfaceSubtle,border:t.colors.border.primary,icon:t.colors.text.disabled,opacity:.6},size:{sm:{edge:"24px",iconSize:"16px"},md:{edge:"32px",iconSize:"18px"},lg:{edge:"40px",iconSize:"20px"}},borderRadius:e.radii.r3,transition:"0.2s ease",focusRing:{color:"rgba(44, 111, 231, 0.35)",offset:"2px",width:"2px"}}),nu=({global:e,semantic:t})=>({default:{background:{default:t.colors.background.surface,hover:t.colors.background.surfaceSubtle,active:t.colors.background.surfaceSubtle},text:{default:t.colors.text.primary},border:{default:t.colors.border.primary},shadow:{default:e.shadows.l1,hover:e.shadows.l3}},primary:{background:{default:t.colors.brand.primary,hover:t.colors.brand.primaryHover,active:t.colors.brand.primaryActive},text:{default:t.colors.text.onBrand},border:{default:"transparent"},shadow:{default:e.shadows.l1,hover:e.shadows.l3}},disabled:{background:{default:t.colors.border.primary},text:{default:t.colors.text.disabled},opacity:.6},size:{sm:{size:"32px"},md:{size:"40px"},lg:{size:"48px"}},icon:{size:e.typography.fontSize.lg},description:{fontSize:e.typography.fontSize.xs,lineHeight:`${e.typography.lineHeight.tight}`}}),iu=({global:e,semantic:t})=>({control:{size:"16px",borderRadius:e.radii.r2,borderWidth:"1px",background:{default:e.colors.common.white,checked:t.colors.brand.primary,disabled:e.colors.neutral[100],disabledChecked:e.colors.blue[200]},borderColor:{default:e.colors.neutral[400],hover:t.colors.brand.primary,checked:t.colors.brand.primary,disabled:e.colors.neutral[400],disabledChecked:e.colors.blue[200]},icon:{color:e.colors.common.white,size:"10px"}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:e.spacing.sm,text:{label:{fontSize:e.typography.fontSize.xs,lineHeight:"18px",color:e.colors.word[900],disabled:e.colors.word[300],fontWeight:e.typography.fontWeight.regular}},transition:"0.16s ease"}),su=({global:e})=>({control:{size:"16px",borderRadius:"999px",borderWidth:"1.5px",background:e.colors.common.white,borderColor:{default:e.colors.neutral[300],hover:e.colors.blue[500],checked:e.colors.blue[500],disabled:e.colors.neutral[200]},indicator:{size:"8px",color:e.colors.blue[500],disabled:e.colors.word[300]}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:"0.5rem",text:{label:{fontSize:e.typography.fontSize.xs,color:e.colors.word[900],disabled:e.colors.word[300],fontWeight:e.typography.fontWeight.regular},description:{color:e.colors.word[600],disabled:e.colors.word[300],fontSize:e.typography.fontSize.xs}},disabled:{opacity:.55},transition:"0.16s ease"}),au=({global:e,semantic:t})=>({size:{sm:{width:"36px",height:"20px",thumbSize:"16px",fontSize:e.typography.fontSize.xs,paddingInline:"6px"},md:{width:"44px",height:"24px",thumbSize:"18px",fontSize:e.typography.fontSize.xs,paddingInline:"8px"}},background:{unchecked:e.colors.neutral[300],checked:t.colors.brand.primary,disabled:e.colors.neutral[200]},thumb:{background:e.colors.common.white,shadow:"0 1px 3px rgba(0, 0, 0, 0.12)"},text:{color:e.colors.common.white,fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular},borderRadius:e.radii.r5,gap:e.spacing.xs,transition:"0.2s cubic-bezier(0.4, 0, 0.2, 1)",disabled:{opacity:.5},focusRing:{color:"rgba(44, 111, 231, 0.3)",offset:"2px"}}),lu=({global:e,semantic:t})=>({size:{sm:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"18px"}},border:{default:t.colors.border.primary,hover:t.colors.border.strong,focus:t.colors.brand.primary,error:t.colors.state.danger,disabled:t.colors.border.primary},background:{default:t.colors.background.surface,disabled:t.colors.background.secondary},text:{default:t.colors.text.primary,placeholder:t.colors.text.placeholder,disabled:t.colors.text.disabled,error:t.colors.state.danger,counter:t.colors.text.caption},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.2s ease"}),cu=({global:e,semantic:t})=>({size:{sm:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"18px"}},border:{default:t.colors.border.primary,hover:t.colors.border.strong,focus:t.colors.brand.primary,error:t.colors.state.danger,disabled:t.colors.border.primary},background:{default:t.colors.background.surface,hover:t.colors.background.surface,disabled:t.colors.background.secondary},text:{default:t.colors.text.primary,placeholder:t.colors.text.placeholder,disabled:t.colors.text.disabled,error:t.colors.state.danger},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.2s ease",popover:{background:t.colors.background.surface,border:`1px solid ${t.colors.border.primary}`,borderRadius:e.radii.r3,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.08)",padding:"4px"},option:{height:"32px",paddingInline:"8px",fontSize:e.typography.fontSize.xs,borderRadius:e.radii.r2,gap:"8px",background:{default:"transparent",hover:t.colors.background.surfaceSubtle,selected:t.colors.brand.primarySubtle,focused:t.colors.background.surfaceSubtle},text:{default:t.colors.text.primary,hover:t.colors.text.primary,selected:t.colors.brand.primary,disabled:t.colors.text.disabled}}}),du=({global:e,semantic:t})=>({controls:{default:"buttons"},size:{md:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.sm},lg:{height:"32px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.sm}},input:{width:"40px",height:"18px",paddingInline:e.spacing.sm,fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular,lineHeight:"18px",fontFamily:e.typography.fontFamily},control:{side:{buttonSizeSm:"20px",buttonSizeLg:"28px",inset:"1px",gap:"8px",iconSize:"12px",widthsm:"100px",widthLg:"116px"},arrows:{buttonSizeSm:"10px",buttonSizeLg:"14px",iconSize:"12px",gap:"0px",widthsm:"72px",widthLg:"80px"}},borderRadius:e.radii.r3,border:{default:t.colors.border.strong,hover:t.colors.brand.primaryHover,disabled:t.colors.border.strong},background:{default:t.colors.background.surface,hover:t.colors.background.surfaceSubtle,disabled:t.colors.background.secondary},text:{default:t.colors.text.primary,placeholder:t.colors.text.placeholder,disabled:t.colors.text.disabled},transition:"0.2s ease"}),uu=({global:e,semantic:t})=>({border:{default:t.colors.border.primary},background:{default:t.colors.background.surface,hover:t.colors.background.surfaceSubtle},text:{default:t.colors.text.secondary,title:t.colors.text.primary},divider:t.colors.border.primary,arrow:{default:t.colors.text.secondary},padding:{header:"12px 24px",content:"0 24px 12px 24px"},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.3s cubic-bezier(0.4, 0, 0.2, 1)",arrowSize:"16px"}),fu=({global:e,semantic:t,mode:r})=>{const o=r==="dark";return{colors:{default:{background:{default:o?"rgba(148, 163, 184, 0.15)":e.colors.neutral[100],hover:o?"rgba(148, 163, 184, 0.2)":e.colors.neutral[200],active:o?"rgba(148, 163, 184, 0.25)":e.colors.neutral[300],checked:t.colors.brand.primary,checkedHover:t.colors.brand.primaryHover,checkedActive:t.colors.brand.primaryActive},text:{default:o?e.colors.word[100]:"rgba(10, 24, 51, 0.7)",checked:e.colors.common.white},border:{default:o?"rgba(148, 163, 184, 0.28)":e.colors.neutral[400],hover:o?"rgba(148, 163, 184, 0.38)":e.colors.neutral[500],active:o?"rgba(148, 163, 184, 0.48)":e.colors.word[600],checked:t.colors.brand.primary,checkedHover:t.colors.brand.primaryHover,checkedActive:t.colors.brand.primaryActive}},red:{background:{default:o?"rgba(170, 14, 41, 0.12)":"rgba(170, 14, 41, 0.08)",hover:o?"rgba(170, 14, 41, 0.16)":"rgba(170, 14, 41, 0.12)",active:o?"rgba(170, 14, 41, 0.2)":"rgba(170, 14, 41, 0.16)"},text:{default:o?e.colors.red[300]:e.colors.red[700]},border:{default:o?"rgba(170, 14, 41, 0.3)":"rgba(170, 14, 41, 0.25)"}},orange:{background:{default:o?"rgba(237, 154, 0, 0.12)":"rgba(237, 154, 0, 0.08)",hover:o?"rgba(237, 154, 0, 0.16)":"rgba(237, 154, 0, 0.12)",active:o?"rgba(237, 154, 0, 0.2)":"rgba(237, 154, 0, 0.16)"},text:{default:o?e.colors.orange[300]:e.colors.orange[500]},border:{default:o?"rgba(237, 154, 0, 0.3)":"rgba(237, 154, 0, 0.25)"}},yellow:{background:{default:o?"rgba(250, 208, 0, 0.12)":"rgba(250, 208, 0, 0.08)",hover:o?"rgba(250, 208, 0, 0.16)":"rgba(250, 208, 0, 0.12)",active:o?"rgba(250, 208, 0, 0.2)":"rgba(250, 208, 0, 0.16)"},text:{default:o?e.colors.yellow[300]:e.colors.yellow[500]},border:{default:o?"rgba(250, 208, 0, 0.3)":"rgba(250, 208, 0, 0.25)"}},green:{background:{default:o?"rgba(51, 189, 72, 0.12)":"rgba(51, 189, 72, 0.08)",hover:o?"rgba(51, 189, 72, 0.16)":"rgba(51, 189, 72, 0.12)",active:o?"rgba(51, 189, 72, 0.2)":"rgba(51, 189, 72, 0.16)"},text:{default:o?e.colors.green[300]:e.colors.green[500]},border:{default:o?"rgba(51, 189, 72, 0.3)":"rgba(51, 189, 72, 0.25)"}},lavender:{background:{default:o?"rgba(99, 79, 214, 0.12)":"rgba(99, 79, 214, 0.08)",hover:o?"rgba(99, 79, 214, 0.16)":"rgba(99, 79, 214, 0.12)",active:o?"rgba(99, 79, 214, 0.2)":"rgba(99, 79, 214, 0.16)"},text:{default:o?e.colors.lavender[300]:e.colors.lavender[500]},border:{default:o?"rgba(99, 79, 214, 0.3)":"rgba(99, 79, 214, 0.25)"}},lilac:{background:{default:o?"rgba(159, 58, 214, 0.12)":"rgba(159, 58, 214, 0.08)",hover:o?"rgba(159, 58, 214, 0.16)":"rgba(159, 58, 214, 0.12)",active:o?"rgba(159, 58, 214, 0.2)":"rgba(159, 58, 214, 0.16)"},text:{default:o?e.colors.lilac[300]:e.colors.lilac[500]},border:{default:o?"rgba(159, 58, 214, 0.3)":"rgba(159, 58, 214, 0.25)"}},carmine:{background:{default:o?"rgba(214, 58, 191, 0.12)":"rgba(214, 58, 191, 0.08)",hover:o?"rgba(214, 58, 191, 0.16)":"rgba(214, 58, 191, 0.12)",active:o?"rgba(214, 58, 191, 0.2)":"rgba(214, 58, 191, 0.16)"},text:{default:o?e.colors.carmine[300]:e.colors.carmine[500]},border:{default:o?"rgba(214, 58, 191, 0.3)":"rgba(214, 58, 191, 0.25)"}},rose:{background:{default:o?"rgba(229, 30, 100, 0.12)":"rgba(229, 30, 100, 0.08)",hover:o?"rgba(229, 30, 100, 0.16)":"rgba(229, 30, 100, 0.12)",active:o?"rgba(229, 30, 100, 0.2)":"rgba(229, 30, 100, 0.16)"},text:{default:o?e.colors.rose[300]:e.colors.rose[500]},border:{default:o?"rgba(229, 30, 100, 0.3)":"rgba(229, 30, 100, 0.25)"}},mint:{background:{default:o?"rgba(71, 192, 214, 0.12)":"rgba(71, 192, 214, 0.08)",hover:o?"rgba(71, 192, 214, 0.16)":"rgba(71, 192, 214, 0.12)",active:o?"rgba(71, 192, 214, 0.2)":"rgba(71, 192, 214, 0.16)"},text:{default:o?e.colors.mint[300]:e.colors.mint[500]},border:{default:o?"rgba(71, 192, 214, 0.3)":"rgba(71, 192, 214, 0.25)"}},olive:{background:{default:o?"rgba(187, 214, 36, 0.12)":"rgba(187, 214, 36, 0.08)",hover:o?"rgba(187, 214, 36, 0.16)":"rgba(187, 214, 36, 0.12)",active:o?"rgba(187, 214, 36, 0.2)":"rgba(187, 214, 36, 0.16)"},text:{default:o?e.colors.olive[300]:e.colors.olive[500]},border:{default:o?"rgba(187, 214, 36, 0.3)":"rgba(187, 214, 36, 0.25)"}},blue:{background:{default:o?"rgba(44, 111, 231, 0.12)":"rgba(44, 111, 231, 0.08)",hover:o?"rgba(44, 111, 231, 0.16)":"rgba(44, 111, 231, 0.12)",active:o?"rgba(44, 111, 231, 0.2)":"rgba(44, 111, 231, 0.16)"},text:{default:t.colors.brand.primary},border:{default:o?"rgba(44, 111, 231, 0.3)":"rgba(44, 111, 231, 0.25)"}}},size:{sm:{height:"18px",fontSize:"10px",lineHeight:"16px",paddingInline:e.spacing.sm,gap:e.spacing.xs,iconSize:"12px",closeIconSize:"8px"},md:{height:"24px",fontSize:"10px",lineHeight:"16px",paddingInline:e.spacing.sm,gap:e.spacing.xs,iconSize:"14px",closeIconSize:"10px"},lg:{height:"32px",fontSize:e.typography.fontSize.xs,lineHeight:"20px",paddingInline:e.spacing.md,gap:e.spacing.sm,iconSize:"16px",closeIconSize:"12px"}},fontWeight:e.typography.fontWeight.regular,borderRadius:e.radii.r2,transition:"0.2s ease",disabled:{opacity:.5}}},pu=({global:e,mode:t})=>{const r=t==="dark";return{background:{base:r?"rgba(148, 163, 184, 0.12)":"rgba(10, 24, 51, 0.05)",highlight:r?"rgba(148, 163, 184, 0.22)":"rgba(10, 24, 51, 0.12)"},animation:{duration:"1.4s",easing:"ease-in-out"},radius:{sm:e.radii.r2,md:e.radii.r3,lg:e.radii.r4,pill:e.radii.r5,circle:e.radii.r0},block:{height:"16px"},text:{lineHeight:"12px",gap:e.spacing.sm,lastLineWidth:"62%"},circle:{size:"40px"}}},hu=({global:e,semantic:t,mode:r})=>{const o=r==="dark";return{circle:{size:{md:"32px",sm:"24px"},fontSize:{md:e.typography.fontSize.sm,sm:e.typography.fontSize.xs},iconSize:{md:"14px",sm:"10px"}},dot:{size:{md:"10px",sm:"8px"},pulseColor:o?"rgba(44, 111, 231, 0.35)":"rgba(44, 111, 231, 0.25)"},line:{color:{default:t.colors.border.primary,active:t.colors.brand.primary},size:"1px"},text:{title:{color:{default:t.colors.text.primary,active:t.colors.brand.primary,error:t.colors.state.danger,waiting:t.colors.text.tertiary},fontWeight:e.typography.fontWeight.medium,fontSize:e.typography.fontSize.sm},description:{color:t.colors.text.secondary,fontSize:e.typography.fontSize.xs}},state:{process:{color:t.colors.brand.primary,bg:t.colors.brand.primary},wait:{color:t.colors.text.tertiary,bg:o?"rgba(148, 163, 184, 0.2)":e.colors.neutral[200]},finish:{color:t.colors.brand.primary,bg:o?"rgba(44, 111, 231, 0.15)":t.colors.brand.primarySubtle},error:{color:t.colors.state.danger,bg:o?"rgba(170, 14, 41, 0.15)":t.colors.state.dangerSubtle}},gap:e.spacing.sm}},bu=({global:e,semantic:t,mode:r})=>{const o=r==="dark";return{container:{width:{expanded:"240px",collapsed:"68px"},background:o?t.colors.background.surface:e.colors.common.white,border:`1px solid ${t.colors.border.primary}`,padding:e.spacing.lg},item:{height:"40px",paddingInline:e.spacing.lg,fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.regular,iconSize:"20px",gap:e.spacing.sm,borderRadius:e.radii.r3,background:{default:"transparent",hover:o?t.colors.background.surfaceStrong:t.colors.background.surfaceSubtle,active:o?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"},text:{default:t.colors.text.primary,hover:t.colors.text.primary,active:t.colors.text.primary},transition:"0.2s ease"},subItem:{paddingLeft:"20px",background:{default:"transparent",hover:o?t.colors.background.surfaceStrong:t.colors.background.surfaceSubtle,active:o?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"}},group:{marginTop:e.spacing.xl,marginBottom:e.spacing.md,gap:e.spacing.xs},groupTitle:{height:"18px",fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular,color:t.colors.text.secondary,paddingInline:"0",marginBottom:e.spacing.sm},scrollbar:{width:"8px",thumbColor:o?"rgba(255, 255, 255, 0.2)":"rgba(0, 0, 0, 0.2)",trackColor:"transparent"},popover:{background:o?t.colors.background.surface:e.colors.common.white,border:`1px solid ${t.colors.border.primary}`,borderRadius:e.radii.r4,boxShadow:o?"0 4px 12px rgba(0, 0, 0, 0.4)":"0 4px 12px rgba(0, 0, 0, 0.08)",padding:e.spacing.xs,item:{background:{default:"transparent",hover:o?t.colors.background.surfaceStrong:t.colors.background.surfaceSubtle,active:o?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"},text:{default:t.colors.text.primary,hover:t.colors.text.primary,active:t.colors.brand.primary}}}}},gu=({semantic:e})=>({variant:{primary:{text:{default:e.colors.brand.primary,hover:"#2468f2",active:"#2055c6",disabled:e.colors.text.disabled},decoration:{default:"none",hover:"none"}},neutral:{text:{default:e.colors.text.primary,hover:e.colors.brand.primary,active:"#2055c6",disabled:e.colors.text.disabled},decoration:{default:"none",hover:"none"}}},size:{sm:{fontSize:"12px"},md:{fontSize:"14px"},lg:{fontSize:"16px"}},transition:"0.2s ease",borderRadius:"4px",focusRing:{color:e.colors.brand.primary,offset:"2px"}}),mu=({global:e,semantic:t})=>({container:{gap:e.spacing.lg},panel:{width:"204px",height:"240px",background:t.colors.background.surface,border:`1px solid ${t.colors.border.neutral}`,borderRadius:e.radii.r2},header:{height:"40px",padding:"11px 16px",fontSize:e.typography.fontSize.xs,color:t.colors.text.transferHeader,background:t.colors.background.surfaceSubtle},list:{height:"calc(100% - 100px)",gap:e.spacing.sm,padding:"0px 16px 8px 16px"},item:{height:e.spacing.xxl,fontSize:e.typography.fontSize.xs,borderRadius:e.radii.r2,gap:e.spacing.sm,padding:`${e.spacing.sm} 0px`,text:{default:t.colors.text.transferHeader,selected:t.colors.text.primary,disabled:t.colors.text.disabled},checkboxSize:e.spacing.lg},operations:{gap:e.spacing.sm,borderRadius:e.radii.r2,borderColor:{default:t.colors.border.neutral,disabled:t.colors.border.neutral,active:t.colors.brand.primary},backgroundColor:{default:t.colors.background.surface,disabled:e.colors.word[50],active:t.colors.background.surface},width:e.spacing.xxl,height:e.spacing.xxl,iconSize:e.spacing.lg,iconColor:{default:e.colors.word[700],disabled:t.colors.text.transferOperationDisabled,active:e.colors.blue[500]}},footer:{height:e.spacing.xxl,paddingInline:e.spacing.sm,fontSize:e.typography.fontSize.xs,color:t.colors.text.secondary,borderTop:`1px solid ${t.colors.border.divider}`,marginTop:e.spacing.md},empty:{color:t.colors.text.tertiary,fontSize:e.typography.fontSize.sm},search:{width:"184px",iconColor:`${e.colors.word[900]}66`},transition:"all 0.2s ease"}),xu=({global:e,semantic:t,mode:r})=>({size:{sm:{width:"400px",maxWidth:"90vw",padding:e.spacing.lg,headerPadding:`${e.spacing.lg} ${e.spacing.xl}`,footerPadding:`${e.spacing.md} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.md},md:{width:"520px",maxWidth:"90vw",padding:e.spacing.xl,headerPadding:`${e.spacing.lg} ${e.spacing.xl}`,footerPadding:`${e.spacing.md} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.lg},lg:{width:"720px",maxWidth:"90vw",padding:e.spacing.xl,headerPadding:`20px ${e.spacing.xl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.lg},xl:{width:"920px",maxWidth:"90vw",padding:e.spacing.xxl,headerPadding:`${e.spacing.xl} ${e.spacing.xxl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xxl}`,titleFontSize:e.typography.fontSize.lg},fullscreen:{width:"100vw",maxWidth:"100vw",padding:e.spacing.xxl,headerPadding:`${e.spacing.xl} ${e.spacing.xxl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xxl}`,titleFontSize:e.typography.fontSize.lg}},overlay:{background:r==="light"?"rgba(10, 24, 51, 0.38)":"rgba(0, 0, 0, 0.55)",backdropFilter:"blur(4px)"},container:{background:t.colors.background.surface,borderRadius:e.radii.r5,boxShadow:r==="light"?e.shadows.l3:t.shadows.elevation.medium,border:r==="light"?"none":`1px solid ${t.colors.border.primary}`,maxHeight:"85vh"},header:{background:"transparent",borderBottom:`1px solid ${t.colors.border.divider}`,minHeight:"56px",gap:e.spacing.sm},title:{color:t.colors.text.primary,fontWeight:e.typography.fontWeight.semibold,lineHeight:"1.4"},description:{color:t.colors.text.secondary,fontSize:e.typography.fontSize.sm,lineHeight:"1.5",marginTop:e.spacing.xs},closeButton:{size:"32px",iconSize:"16px",color:t.colors.text.tertiary,hoverColor:t.colors.text.primary,hoverBackground:t.colors.background.surfaceStrong,borderRadius:e.radii.r3},content:{color:t.colors.text.primary,fontSize:e.typography.fontSize.sm,lineHeight:"1.6",maxHeight:"calc(85vh - 160px)"},footer:{background:"transparent",borderTop:`1px solid ${t.colors.border.divider}`,minHeight:"56px",gap:e.spacing.sm,justifyContent:"flex-end"},animation:{duration:"0.22s",easing:"cubic-bezier(0.22, 0.61, 0.36, 1)",scaleFrom:"0.95",scaleTo:"1"},zIndex:{overlay:1e3,container:1001},transition:"0.2s ease"}),vu=({global:e,semantic:t,mode:r})=>({background:r==="light"?"rgba(10, 24, 51, 0.9)":"rgba(255, 255, 255, 0.92)",color:r==="light"?"#ffffff":t.colors.text.primary,borderRadius:e.radii.r3,boxShadow:r==="light"?"0 4px 12px rgba(0, 0, 0, 0.15)":"0 4px 12px rgba(0, 0, 0, 0.3)",padding:`${e.spacing.xs} ${e.spacing.sm}`,maxWidth:"280px",fontSize:e.typography.fontSize.sm,lineHeight:"1.5",arrow:{size:"8px"},animation:{duration:"0.15s",easing:"cubic-bezier(0.16, 1, 0.3, 1)"},zIndex:1100}),wn=e=>({button:ru(e),floatButton:nu(e),iconButton:ou(e),checkbox:iu(e),radio:su(e),switch:au(e),input:lu(e),select:cu(e),numberfield:du(e),collapse:uu(e),tag:fu(e),skeleton:pu(e),stepper:hu(e),menu:bu(e),link:gu(e),transfer:mu(e),modal:xu(e),card:yn(e),tooltip:vu(e)}),yr=(e,t="light")=>{const r={colors:ae.globalColors,spacing:ae.globalSpacing,radii:ae.globalRadii,typography:ae.globalTypography,shadows:ae.globalShadows,gradients:ae.globalGradients};return{global:r,semantic:e,components:wn({global:r,semantic:e,mode:t})}},kn=yr(ae.lightSemantic,"light"),Sn=yr(ae.darkSemantic,"dark");var yu=function(t){return $u(t)&&!wu(t)};function $u(e){return!!e&&typeof e=="object"}function wu(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||Cu(e)}var ku=typeof Symbol=="function"&&Symbol.for,Su=ku?Symbol.for("react.element"):60103;function Cu(e){return e.$$typeof===Su}function ju(e){return Array.isArray(e)?[]:{}}function rt(e,t){return t.clone!==!1&&t.isMergeableObject(e)?He(ju(e),e,t):e}function Eu(e,t,r){return e.concat(t).map(function(o){return rt(o,r)})}function zu(e,t){if(!t.customMerge)return He;var r=t.customMerge(e);return typeof r=="function"?r:He}function Tu(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function eo(e){return Object.keys(e).concat(Tu(e))}function Cn(e,t){try{return t in e}catch{return!1}}function Ru(e,t){return Cn(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function Lu(e,t,r){var o={};return r.isMergeableObject(e)&&eo(e).forEach(function(n){o[n]=rt(e[n],r)}),eo(t).forEach(function(n){Ru(e,n)||(Cn(e,n)&&r.isMergeableObject(t[n])?o[n]=zu(n,r)(e[n],t[n],r):o[n]=rt(t[n],r))}),o}function He(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||Eu,r.isMergeableObject=r.isMergeableObject||yu,r.cloneUnlessOtherwiseSpecified=rt;var o=Array.isArray(t),n=Array.isArray(e),s=o===n;return s?o?r.arrayMerge(e,t,r):Lu(e,t,r):rt(t,r)}He.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(o,n){return He(o,n,r)},{})};var Mu=He,Iu=Mu;const Nu=Xi(Iu),Pu=({children:e,mode:t="light",theme:r})=>{const o=t==="dark"?Sn:kn,n=c.useMemo(()=>r?Nu(o,r):o,[o,r]);return i.jsx(ae.CustomThemeProvider,{theme:n,children:i.jsx(X.OverlayProvider,{style:{display:"contents"},children:e})})};Object.defineProperty(exports,"CustomThemeProvider",{enumerable:!0,get:()=>ae.CustomThemeProvider});Object.defineProperty(exports,"darkSemantic",{enumerable:!0,get:()=>ae.darkSemantic});Object.defineProperty(exports,"globalColors",{enumerable:!0,get:()=>ae.globalColors});Object.defineProperty(exports,"globalGradients",{enumerable:!0,get:()=>ae.globalGradients});Object.defineProperty(exports,"globalRadii",{enumerable:!0,get:()=>ae.globalRadii});Object.defineProperty(exports,"globalShadows",{enumerable:!0,get:()=>ae.globalShadows});Object.defineProperty(exports,"globalSpacing",{enumerable:!0,get:()=>ae.globalSpacing});Object.defineProperty(exports,"globalTypography",{enumerable:!0,get:()=>ae.globalTypography});Object.defineProperty(exports,"lightSemantic",{enumerable:!0,get:()=>ae.lightSemantic});exports.BUTTON_SIZES=ai;exports.BUTTON_VARIANTS=si;exports.Button=so;exports.Card=vn;exports.Checkbox=De;exports.CheckboxButton=Eo;exports.CheckboxWrapper=pn;exports.Collapse=zo;exports.CollapseItem=To;exports.DesignThemeProvider=Pu;exports.EmptyState=zc;exports.FloatButton=Ro;exports.ICON_BUTTON_APPEARANCES=gi;exports.ICON_BUTTON_SIZES=xi;exports.ICON_BUTTON_TONES=mi;exports.IconButton=ao;exports.Input=fr;exports.Link=Ao;exports.LinkRoot=Po;exports.ListBoxContent=vr;exports.ListBoxPopup=an;exports.LoadingWrapper=un;exports.Menu=Lo;exports.MenuGroup=Io;exports.MenuItem=Mo;exports.Modal=Ho;exports.NumberInput=Wo;exports.OptionIcon=dn;exports.OptionItem=ln;exports.OptionText=cn;exports.PROGRESS_SIZES=Zl;exports.PROGRESS_STATUSES=Xl;exports.PROGRESS_TYPES=Yl;exports.Progress=Go;exports.Radio=gr;exports.SHAPES=ba;exports.SWITCH_SIZES=od;exports.Select=Et;exports.SelectIcon=sn;exports.SelectTrigger=nn;exports.SelectValue=Jt;exports.SelectWrapper=on;exports.Skeleton=Yo;exports.Step=Xo;exports.Stepper=Zo;exports.SubMenuItem=No;exports.SubMenuPopover=pr;exports.Switch=gn;exports.TABLE_SIZES=Hc;exports.TABLE_VARIANTS=Wc;exports.TYPES=ha;exports.Table=Yc;exports.Tag=tt;exports.TagAdd=xr;exports.TagsContainer=fn;exports.Tooltip=$n;exports.Transfer=mn;exports.UPLOAD_STATUSES=Od;exports.Upload=xn;exports.createComponentTokens=wn;exports.createDesignTheme=yr;exports.defaultDarkDesignTheme=Sn;exports.defaultLightDesignTheme=kn;exports.getCardTokens=yn;exports.selectSizes=Cc;exports.skeletonRadii=Cl;exports.skeletonVariants=Sl;
|
|
3201
3183
|
//# sourceMappingURL=index.cjs.map
|