@donkit-ai/design-system 1.1.20 → 1.1.22
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.js +3 -3
- package/dist/index.es.js +2 -2
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ae;function me(){if(ae)return H;ae=1;var s=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(
|
|
9
|
+
*/var ae;function me(){if(ae)return H;ae=1;var s=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function r(c,n,a){var i=null;if(a!==void 0&&(i=""+a),n.key!==void 0&&(i=""+n.key),"key"in n){a={};for(var d in n)d!=="key"&&(a[d]=n[d])}else a=n;return n=a.ref,{$$typeof:s,type:c,key:i,ref:n!==void 0?n:null,props:a}}return H.Fragment=e,H.jsx=r,H.jsxs=r,H}var q={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var oe;function pe(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){function s(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===O?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case E:return"Fragment";case S:return"Profiler";case R:return"StrictMode";case F:return"Suspense";case v:return"SuspenseList";case C:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case _:return"Portal";case $:return o.displayName||"Context";case N:return(o._context.displayName||"Context")+".Consumer";case M:var x=o.render;return o=o.displayName,o||(o=x.displayName||x.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case I:return x=o.displayName||null,x!==null?x:s(o.type)||"Memo";case A:x=o._payload,o=o._init;try{return s(o(x))}catch{}}return null}function e(o){return""+o}function r(o){try{e(o);var x=!1}catch{x=!0}if(x){x=console;var y=x.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return y.call(x,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),e(o)}}function
|
|
17
|
+
*/var oe;function pe(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){function s(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===O?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case E:return"Fragment";case S:return"Profiler";case R:return"StrictMode";case F:return"Suspense";case v:return"SuspenseList";case C:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case _:return"Portal";case $:return o.displayName||"Context";case N:return(o._context.displayName||"Context")+".Consumer";case M:var x=o.render;return o=o.displayName,o||(o=x.displayName||x.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case I:return x=o.displayName||null,x!==null?x:s(o.type)||"Memo";case A:x=o._payload,o=o._init;try{return s(o(x))}catch{}}return null}function e(o){return""+o}function r(o){try{e(o);var x=!1}catch{x=!0}if(x){x=console;var y=x.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return y.call(x,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),e(o)}}function c(o){if(o===E)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===A)return"<...>";try{var x=s(o);return x?"<"+x+">":"<...>"}catch{return"<...>"}}function n(){var o=B.A;return o===null?null:o.getOwner()}function a(){return Error("react-stack-top-frame")}function i(o){if(X.call(o,"key")){var x=Object.getOwnPropertyDescriptor(o,"key").get;if(x&&x.isReactWarning)return!1}return o.key!==void 0}function d(o,x){function y(){D||(D=!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)",x))}y.isReactWarning=!0,Object.defineProperty(o,"key",{get:y,configurable:!0})}function b(){var o=s(this.type);return Y[o]||(Y[o]=!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.")),o=this.props.ref,o!==void 0?o:null}function f(o,x,y,k,J,ee){var g=y.ref;return o={$$typeof:j,type:o,key:x,props:y,_owner:k},(g!==void 0?g:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:b}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ee}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function m(o,x,y,k,J,ee){var g=x.children;if(g!==void 0)if(k)if(Z(g)){for(k=0;k<g.length;k++)p(g[k]);Object.freeze&&Object.freeze(g)}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 p(g);if(X.call(x,"key")){g=s(o);var W=Object.keys(x).filter(function(fe){return fe!=="key"});k=0<W.length?"{key: someKey, "+W.join(": ..., ")+": ...}":"{key: someKey}",U[g+k]||(W=0<W.length?"{"+W.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,k,g,W,g),U[g+k]=!0)}if(g=null,y!==void 0&&(r(y),g=""+y),i(x)&&(r(x.key),g=""+x.key),"key"in x){y={};for(var te in x)te!=="key"&&(y[te]=x[te])}else y=x;return g&&d(y,typeof o=="function"?o.displayName||o.name||"Unknown":o),f(o,g,y,n(),J,ee)}function p(o){h(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===A&&(o._payload.status==="fulfilled"?h(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function h(o){return typeof o=="object"&&o!==null&&o.$$typeof===j}var c=u,j=Symbol.for("react.transitional.element"),_=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),$=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),C=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),B=c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,Z=Array.isArray,w=console.createTask?console.createTask:function(){return null};c={react_stack_bottom_frame:function(o){return o()}};var D,Y={},G=c.react_stack_bottom_frame.bind(c,a)(),Q=w(l(a)),U={};q.Fragment=E,q.jsx=function(o,x,y){var k=1e4>B.recentlyCreatedOwnerStacks++;return m(o,x,y,!1,k?Error("react-stack-top-frame"):G,k?w(l(o)):Q)},q.jsxs=function(o,x,y){var k=1e4>B.recentlyCreatedOwnerStacks++;return m(o,x,y,!0,k?Error("react-stack-top-frame"):G,k?w(l(o)):Q)}}()),q}process.env.NODE_ENV==="production"?se.exports=me():se.exports=pe();var t=se.exports;function ce({size:s="m",color:e="default",className:r="",...l}){return t.jsx("span",{className:["ds-spinner",`ds-spinner--${s}`,`ds-spinner--${e}`,r].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...l})}function ie({children:s,variant:e="primary",size:r="m",fullWidth:l=!1,icon:n,disabled:a=!1,state:i="idle",onClick:d,type:b="button",href:f,"aria-label":m,...p}){const h=n&&!s,c=i==="loading",j=r==="l"?"s":"xs",_=["ds-button",`ds-button--${e}`,`ds-button--${r}`,l&&"ds-button--full",h&&"ds-button--icon-only"].filter(Boolean).join(" "),E=i!=="idle"?i:void 0,R=t.jsxs(t.Fragment,{children:[c&&t.jsx(ce,{size:j}),!c&&n&&!h&&t.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n}),s,!c&&h&&t.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n})]});if(f){const S=N=>{if(a||c){N.preventDefault();return}N.metaKey||N.ctrlKey||N.button===1||(N.preventDefault(),d==null||d(N))};return t.jsx("a",{className:_,href:a||c?void 0:f,onClick:S,"aria-label":m,"aria-disabled":a||c?"true":void 0,"aria-busy":c?"true":void 0,"data-state":E,...p,children:R})}return t.jsx("button",{type:b,className:_,disabled:a,onClick:c?void 0:d,"aria-label":m,"aria-busy":c?"true":void 0,"data-state":E,...p,children:R})}function be({label:s,error:e,hint:r,fullWidth:l=!0,icon:n,iconRight:a,onIconRightClick:i,size:d="m",disabled:b,id:f,...m}){const p=f||`input-${u.useId()}`,h=r?`${p}-hint`:void 0,c=e?`${p}-error`:void 0,j=c||h;return t.jsxs("div",{className:`ds-input-wrapper ${l?"ds-input-wrapper--full":""} ${b?"ds-input-wrapper--disabled":""} ${e?"ds-input-wrapper--error":""}`,children:[s&&t.jsx("label",{className:"ds-input-label",htmlFor:p,children:s}),t.jsxs("div",{className:"ds-input-container",children:[n&&t.jsx("span",{className:`ds-input-icon ds-input-icon--${d}`,"aria-hidden":"true",children:n}),t.jsx("input",{id:p,className:`ds-input ds-input--${d} ${n?"ds-input--with-icon":""} ${a?"ds-input--with-icon-right":""} ${e?"ds-input--error":""}`,disabled:b,"aria-invalid":e?"true":"false","aria-describedby":j,...m}),a&&t.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${d}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:a})]}),r&&!e&&t.jsx("span",{id:h,className:"ds-input-hint",children:r}),t.jsx("div",{className:"ds-input-error-wrap",children:t.jsx("div",{className:"ds-input-error-inner",children:e&&t.jsx("span",{id:c,className:"ds-input-error",role:"alert",children:e})})})]})}function he({label:s,error:e,hint:r,fullWidth:l=!0,size:n="m",disabled:a,id:i,resize:d=!0,rows:b=3,...f}){const m=i||`textarea-${u.useId()}`,p=r?`${m}-hint`:void 0,h=e?`${m}-error`:void 0,c=h||p;return t.jsxs("div",{className:`ds-textarea-wrapper ${l?"ds-textarea-wrapper--full":""} ${a?"ds-textarea-wrapper--disabled":""}`,children:[s&&t.jsx("label",{className:"ds-textarea-label",htmlFor:m,children:s}),t.jsx("textarea",{id:m,className:`ds-textarea ds-textarea--${n} ${e?"ds-textarea--error":""} ${d?"":"ds-textarea--no-resize"}`,disabled:a,"aria-invalid":e?"true":"false","aria-describedby":c,rows:b,...f}),r&&!e&&t.jsx("span",{id:p,className:"ds-textarea-hint",children:r}),e&&t.jsx("span",{id:h,className:"ds-textarea-error",role:"alert",children:e})]})}function xe({label:s,value:e,onChange:r,options:l=[],placeholder:n="Select option",error:a,fullWidth:i=!0,size:d="m",disabled:b=!1,id:f,...m}){const[p,h]=u.useState(!1),[c,j]=u.useState(!1),[_,E]=u.useState({}),[R,S]=u.useState("down"),N=u.useRef(null),$=u.useRef(null),M=u.useRef(null),F=f||`select-${u.useId()}`,v=`${F}-label`,I=a?`${F}-error`:void 0,A=150,C=()=>{c||(j(!0),M.current=setTimeout(()=>{h(!1),j(!1)},A))};u.useEffect(()=>()=>clearTimeout(M.current),[]);const O=()=>{var o;const w=(o=N.current)==null?void 0:o.getBoundingClientRect();if(!w)return;const D=window.innerHeight,Y=D-w.bottom,G=w.top,U=Y<300&&G>Y;S(U?"up":"down"),E(U?{bottom:D-w.top+4,left:w.left,width:w.width}:{top:w.bottom+4,left:w.left,width:w.width})};u.useEffect(()=>{if(p)return O(),window.addEventListener("scroll",O,!0),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",O)}},[p]),u.useEffect(()=>{const w=D=>{N.current&&!N.current.contains(D.target)&&$.current&&!$.current.contains(D.target)&&C()};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[c]);const B=l.find(w=>w.value===e),X=d==="xs"?P[1]:d==="small"?P[2]:P[3],Z=p&&t.jsx("div",{ref:$,role:"listbox","aria-labelledby":s?v:void 0,className:["ds-select-dropdown",`ds-select-dropdown--${d}`,`ds-select-dropdown--${R}`,c&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:_,children:l.map(w=>t.jsx("button",{type:"button",role:"option","aria-selected":e===w.value,className:`ds-select-option ds-select-option--${d} ${e===w.value?"ds-select-option--selected":""}`,onClick:()=>{r==null||r(w.value),C()},children:w.label},w.value))});return t.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${b?"ds-select-wrapper--disabled":""}`,children:[s&&t.jsx("label",{id:v,className:"ds-select-label",children:s}),t.jsx("div",{className:"ds-select-container",ref:N,children:t.jsxs("button",{type:"button",id:F,role:"combobox","aria-haspopup":"listbox","aria-expanded":p,"aria-labelledby":s?v:void 0,"aria-invalid":a?"true":"false","aria-describedby":I,className:`ds-select-trigger ds-select-trigger--${d} ${a?"ds-select-trigger--error":""}`,onClick:()=>{b||(p?C():(clearTimeout(M.current),j(!1),h(!0)))},disabled:b,...m,children:[t.jsx("span",{className:B?"":"ds-select-placeholder",children:(B==null?void 0:B.label)||n}),t.jsx(T.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${p&&R==="down"?"ds-select-icon--open":""} ${p&&R==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),a&&t.jsx("span",{id:I,className:"ds-select-error",role:"alert",children:a}),typeof document<"u"&&K.createPortal(Z,document.body)]})}function ve({label:s,value:e=0,onChange:r,min:l=0,max:n=100,step:a=1,size:i="m",disabled:d=!1,hint:b,error:f,...m}){const p=()=>{if(d)return;const R=Math.min(Number(e)+a,n);r==null||r(R)},h=()=>{if(d)return;const R=Math.max(Number(e)-a,l);r==null||r(R)},c=R=>{if(d)return;const S=R.target.value;if(S===""){r==null||r(l);return}const N=Number(S);if(!isNaN(N)){const $=Math.min(Math.max(N,l),n);r==null||r($)}},j=["ds-stepper-wrapper",d&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),_=["ds-stepper",`ds-stepper--${i}`,d&&"ds-stepper--disabled"].filter(Boolean).join(" "),E=i==="xs"?P[1]:i==="small"?P[2]:P[3];return t.jsxs("div",{className:j,children:[s&&t.jsx("label",{className:"ds-stepper-label",children:s}),t.jsxs("div",{className:_,children:[t.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:h,disabled:d||e<=l,"aria-label":"Decrease",children:t.jsx(T.Minus,{size:E,strokeWidth:1.5})}),t.jsx("input",{type:"number",className:"ds-stepper-input",value:e,onChange:c,min:l,max:n,step:a,disabled:d,...m}),t.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:p,disabled:d||e>=n,"aria-label":"Increase",children:t.jsx(T.Plus,{size:E,strokeWidth:1.5})})]}),b&&!f&&t.jsx("div",{className:"ds-stepper-hint",children:b}),f&&t.jsx("div",{className:"ds-stepper-error",children:f})]})}function je({children:s,padding:e="m",variant:r="info",hover:l=!1,onClick:n,href:a,disabled:i=!1,...d}){const f=(l?"interactive":r)==="interactive"||n||a,m=["ds-card",`ds-card--${e}`,f&&"ds-card--interactive"].filter(Boolean).join(" ");if(a){const c=j=>{if(i){j.preventDefault();return}j.metaKey||j.ctrlKey||j.button===1||(j.preventDefault(),n==null||n(j))};return t.jsx("a",{className:m,href:i?void 0:a,onClick:c,"aria-disabled":i?"true":void 0,...d,children:s})}const p=f&&n?"button":"div",h=f&&n?{type:"button",onClick:n,disabled:i}:{};return t.jsx(p,{className:m,role:f&&!n?"article":void 0,...h,...d,children:s})}function _e({children:s,...e}){return t.jsx("h1",{className:"ds-h1",...e,children:s})}function we({children:s,...e}){return t.jsx("h2",{className:"ds-h2",...e,children:s})}function Ne({children:s,...e}){return t.jsx("h3",{className:"ds-h3",...e,children:s})}function ye({children:s,...e}){return t.jsx("h4",{className:"ds-h4",...e,children:s})}function Ee({children:s,secondary:e=!1,...r}){return t.jsx("p",{className:`ds-p1 ${e?"ds-p1--secondary":""}`,...r,children:s})}function Re({children:s,secondary:e=!1,...r}){return t.jsx("p",{className:`ds-p2 ${e?"ds-p2--secondary":""}`,...r,children:s})}function Te({children:s,secondary:e=!1,...r}){return t.jsx("p",{className:`ds-p3 ${e?"ds-p3--secondary":""}`,...r,children:s})}function ke({children:s,variant:e="default",size:r="m",role:l,...n}){const a=["ds-badge",`ds-badge--${e}`,`ds-badge--${r}`].filter(Boolean).join(" "),i=l||(["info","success","warning","error"].includes(e)?"status":void 0);return t.jsx("span",{className:a,role:i,...n,children:s})}const ge={info:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};function Se({children:s,variant:e="info",title:r,onClose:l,role:n,...a}){const i=ge[e],d=n||(e==="error"?"alert":"status");return t.jsxs("div",{className:`ds-alert ds-alert--${e} ${r?"":"ds-alert--no-title"}`,role:d,...a,children:[i&&t.jsx("div",{className:"ds-alert__icon",children:t.jsx(i,{size:P[3],strokeWidth:1.5})}),t.jsxs("div",{className:"ds-alert__content",children:[r&&t.jsx("div",{className:"ds-alert__title",children:r}),s&&t.jsx("div",{className:"ds-alert__message",children:s})]}),l&&t.jsx("button",{type:"button",className:"ds-alert__close",onClick:l,"aria-label":"Close alert",children:t.jsx(T.X,{size:P[3],strokeWidth:1.5})})]})}const $e=200;function Ie({children:s,title:e,onClose:r,size:l="m",...n}){const a=u.useRef(null),i=u.useId(),[d,b]=u.useState(!1),f=()=>{!r||d||(b(!0),setTimeout(()=>{b(!1),r()},$e))};u.useEffect(()=>{const c=_=>{_.key==="Escape"&&f()},j=_=>{a.current&&!a.current.contains(_.target)&&f()};return document.addEventListener("keydown",c),document.addEventListener("mousedown",j),()=>{document.removeEventListener("keydown",c),document.removeEventListener("mousedown",j)}},[r,d]);const m=u.Children.toArray(s),p=m.find(c=>(c==null?void 0:c.type)===re),h=m.filter(c=>(c==null?void 0:c.type)!==re);return t.jsx("div",{className:["ds-modal-overlay",d&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...n,children:t.jsxs("div",{className:`ds-modal ds-modal--${l}`,ref:a,role:"dialog","aria-modal":"true","aria-labelledby":e?i:void 0,children:[(e||r)&&t.jsxs("div",{className:"ds-modal__header",children:[e&&t.jsx("h3",{id:i,className:"ds-modal__title",children:e}),r&&t.jsx(ie,{variant:"ghost",size:"small",icon:t.jsx(T.X,{size:P[2],strokeWidth:1.5}),onClick:f,"aria-label":"Close modal"})]}),t.jsx("div",{className:"ds-modal__body",children:h}),p]})})}function re({children:s}){return t.jsx("div",{className:"ds-modal__footer",children:s})}function de({children:s,title:e="Code",defaultExpanded:r=!1,expanded:l,onToggle:n,padding:a="s",className:i="",...d}){const[b,f]=u.useState(r),m=l!==void 0,p=m?l:b,h=()=>{m?n==null||n(!l):f(j=>!j)},c=["ds-code-accordion",`ds-code-accordion--${a}`,p&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return t.jsxs("div",{className:c,...d,children:[t.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:h,"aria-expanded":p,children:[t.jsx("span",{className:"ds-code-accordion__title",children:e}),t.jsx(T.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${p?"ds-code-accordion__icon--expanded":""}`})]}),t.jsx("div",{className:"ds-code-accordion__content",children:t.jsx("pre",{className:"ds-code-accordion__pre",children:t.jsx("code",{children:s})})})]})}function Ae({children:s,block:e=!1,collapsible:r=!1,title:l="Code",defaultExpanded:n=!1,...a}){return e?r?t.jsx(de,{title:l,defaultExpanded:n,...a,children:s}):t.jsx("pre",{className:"ds-code-block",...a,children:t.jsx("code",{children:s})}):t.jsx("code",{className:"ds-code-inline",...a,children:s})}function Pe({href:s,children:e,onClick:r,target:l,rel:n,...a}){const d=l==="_blank"?n?`${n} noopener noreferrer`:"noopener noreferrer":n;return t.jsx("a",{href:s,className:"ds-link",onClick:r,target:l,rel:d,...a,children:e})}function Oe({children:s,size:e="m",variant:r="ghost",...l}){return t.jsx("div",{className:"ds-tabs",role:"tablist",...l,children:u.Children.map(s,n=>u.isValidElement(n)?u.cloneElement(n,{size:e,variant:r}):n)})}function Be({children:s,selected:e=!1,onClick:r,size:l="m",variant:n="ghost",disabled:a=!1,icon:i,href:d,...b}){const f=i&&!s,m=["ds-tab",`ds-tab--${l}`,`ds-tab--${n}`,e&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),p=t.jsxs(t.Fragment,{children:[i&&t.jsx("span",{className:"ds-tab-icon",children:i}),s]});if(d){const h=c=>{if(a){c.preventDefault();return}c.metaKey||c.ctrlKey||c.button===1||(c.preventDefault(),r==null||r(c))};return t.jsx("a",{role:"tab","aria-current":e?"page":void 0,"aria-disabled":a?"true":void 0,className:m,href:a?void 0:d,onClick:h,...b,children:p})}return t.jsx("button",{role:"tab","aria-selected":e,className:m,onClick:r,disabled:a,...b,children:p})}function Ce({options:s,value:e,onChange:r,size:l="m",disabled:n=!1}){const a=u.useRef(null),i=u.useRef(null),[d,b]=u.useState(!1),f=u.useRef(!1),m=u.useRef(null),p=u.useRef(null),h=()=>{if(!a.current)return;const c=a.current.querySelector(`[data-value="${e}"]`);if(!c)return;const j=a.current.getBoundingClientRect(),_=c.getBoundingClientRect(),E=_.left-j.left,R=_.width;i.current?(i.current.style.transition=f.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=E+"px",i.current.style.width=R+"px",f.current=!1):(b(!0),requestAnimationFrame(()=>{if(!i.current||!a.current)return;const S=a.current.querySelector(`[data-value="${e}"]`);if(!S)return;const N=a.current.getBoundingClientRect(),$=S.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=$.left-N.left+"px",i.current.style.width=$.width+"px"}))};return p.current=h,u.useLayoutEffect(()=>{const c=m.current!==e;m.current=e,f.current=d&&c,h()}),u.useEffect(()=>{if(!a.current)return;const c=new ResizeObserver(()=>{f.current=!1,p.current()});return c.observe(a.current),()=>c.disconnect()},[]),t.jsxs("div",{className:["ds-seg",`ds-seg--${l}`,n&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:a,role:"group",children:[d&&t.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),s.map(c=>t.jsxs("button",{type:"button","data-value":c.value,className:["ds-seg__btn",e===c.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!n&&r(c.value),"aria-pressed":e===c.value,disabled:n,children:[c.icon&&t.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:c.icon}),c.label]},c.value))]})}function Le({children:s,title:e,defaultExpanded:r=!1,expanded:l,onToggle:n,padding:a="m",...i}){const[d,b]=u.useState(r),f=l!==void 0,m=f?l:d,p=()=>{f?n==null||n(!l):b(c=>!c)},h=["ds-accordion",`ds-accordion--${a}`,m&&"ds-accordion--expanded"].filter(Boolean).join(" ");return t.jsxs("div",{className:h,...i,children:[t.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:p,"aria-expanded":m,children:[t.jsx("span",{className:"ds-accordion__title",children:e}),t.jsx(T.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-accordion__icon ${m?"ds-accordion__icon--expanded":""}`})]}),t.jsx("div",{className:"ds-accordion__content",children:t.jsx("div",{className:"ds-accordion__content-inner",children:s})})]})}const L=8,z=8;function De(s,e,r){const l=window.innerWidth;let n,a;switch(s){case"top":n=e.top-r.height-L,a=e.left+e.width/2-r.width/2;break;case"bottom":n=e.bottom+L,a=e.left+e.width/2-r.width/2;break;case"left":n=e.top+e.height/2-r.height/2,a=e.left-r.width-L;break;case"right":n=e.top+e.height/2-r.height/2,a=e.right+L;break;default:n=e.bottom+L,a=e.left}const i=Math.max(z,Math.min(l-r.width-z,a)),d=a-i;return{top:n,left:i,arrowOffset:d}}function Me(s,e,r){const l=window.innerWidth,n=window.innerHeight;if(s.top>=e+L+z)return"top";if(n-s.bottom>=e+L+z)return"bottom";if(l-s.right>=r+L+z)return"right";if(s.left>=r+L+z)return"left";const a=Math.max(s.top,n-s.bottom,s.left,l-s.right);return a===s.top?"top":a===n-s.bottom?"bottom":a===l-s.right?"right":"left"}function Fe({children:s,content:e,position:r,...l}){const[n,a]=u.useState(!1),[i,d]=u.useState({visibility:"hidden"}),[b,f]=u.useState(r||"top"),m=u.useRef(null),p=u.useRef(null),h=u.useRef(!1),c=()=>{if(!m.current||!p.current)return;const _=m.current.getBoundingClientRect(),E=p.current.getBoundingClientRect(),R=r||Me(_,E.height,E.width),{top:S,left:N,arrowOffset:$}=De(R,_,E);f(R),d({position:"fixed",top:S,left:N,visibility:"visible","--arrow-offset":`${$}px`})};if(u.useEffect(()=>{if(!n)return;d({position:"fixed",visibility:"hidden"});const _=requestAnimationFrame(c);return window.addEventListener("scroll",c,!0),window.addEventListener("resize",c),()=>{cancelAnimationFrame(_),window.removeEventListener("scroll",c,!0),window.removeEventListener("resize",c)}},[n,r]),u.useEffect(()=>{if(!n)return;const _=E=>{m.current&&!m.current.contains(E.target)&&a(!1)};return document.addEventListener("touchstart",_),()=>document.removeEventListener("touchstart",_)},[n]),!e)return s;const j=n&&t.jsx("div",{ref:p,className:`ds-tooltip ds-tooltip--${b}`,role:"tooltip",style:i,children:e});return t.jsxs("div",{ref:m,className:"ds-tooltip-wrapper",onMouseEnter:()=>{h.current||a(!0)},onMouseLeave:()=>{h.current||a(!1)},onTouchStart:()=>{h.current=!0,a(_=>!_)},...l,children:[s,typeof document<"u"&&K.createPortal(j,document.body)]})}function We({checked:s=!1,onChange:e,size:r="m",disabled:l=!1,label:n,id:a,...i}){const d=a||`toggle-${u.useId()}`,b=["ds-toggle",`ds-toggle--${r}`,l&&"ds-toggle--disabled"].filter(Boolean).join(" ");return t.jsxs("label",{className:b,htmlFor:d,children:[t.jsx("input",{type:"checkbox",id:d,className:"ds-toggle__input",checked:s,onChange:f=>e==null?void 0:e(f.target.checked),disabled:l,...i}),t.jsx("span",{className:"ds-toggle__track",children:t.jsx("span",{className:"ds-toggle__thumb"})}),n&&t.jsx("span",{className:"ds-toggle__label",children:n})]})}function ze({checked:s=!1,onChange:e,size:r="m",disabled:l=!1,label:n,id:a,...i}){const d=a||`checkbox-${u.useId()}`,b=["ds-checkbox",`ds-checkbox--${r}`,l&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=r==="xs"?10:r==="small"?14:r==="large"?20:16;return t.jsxs("label",{className:b,htmlFor:d,children:[t.jsx("input",{type:"checkbox",id:d,className:"ds-checkbox__input",checked:s,onChange:m=>e==null?void 0:e(m.target.checked),disabled:l,...i}),t.jsx("span",{className:"ds-checkbox__box",children:s&&t.jsx(T.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),n&&t.jsx("span",{className:"ds-checkbox__label",children:n})]})}function Ve({checked:s=!1,onChange:e,size:r="m",disabled:l=!1,label:n,name:a,value:i,id:d,...b}){const f=d||`radio-${u.useId()}`,m=["ds-radio",`ds-radio--${r}`,l&&"ds-radio--disabled"].filter(Boolean).join(" ");return t.jsxs("label",{className:m,htmlFor:f,children:[t.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:s,onChange:p=>e==null?void 0:e(p.target.checked),disabled:l,name:a,value:i,...b}),t.jsx("span",{className:"ds-radio__circle",children:t.jsx("span",{className:"ds-radio__dot"})}),n&&t.jsx("span",{className:"ds-radio__label",children:n})]})}function Ye({width:s,height:e,shape:r="rect",className:l="",style:n={},...a}){return t.jsx("span",{className:["ds-skeleton",`ds-skeleton--${r}`,l].filter(Boolean).join(" "),style:{width:s,height:e,...n},"aria-hidden":"true",...a})}function Ue(s){let e=2166136261;for(let r=0;r<s.length;r++)e^=s.charCodeAt(r),e=Math.imul(e,16777619)>>>0;return e%360}function He(s){if(!s)return"";const e=s.trim().split(/\s+/);return e.length>=2?(e[0][0]+e[1][0]).toUpperCase():s[0].toUpperCase()}function qe({seed:s,icon:e,src:r,size:l=32,className:n="",style:a={},...i}){const d=Ue(s??""),[b,f]=u.useState(!1),m=e??t.jsx("span",{className:"ds-avatar__initials",children:He(s)});return t.jsx("div",{className:["ds-avatar",n].filter(Boolean).join(" "),style:{width:l,height:l,"--ds-avatar-h":d,...a},"aria-hidden":"true",...i,children:r&&!b?t.jsx("img",{src:r,alt:"",onError:()=>f(!0)}):m})}function Xe({children:s,size:e="compact",stickyTop:r,maxHeight:l,className:n="",style:a={},...i}){const d={...l?{maxHeight:l}:{},...r!==void 0?{"--ds-table-sticky-top":typeof r=="number"?`${r}px`:r}:{},...a};return t.jsx("div",{className:["ds-table-wrap",l?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:d,children:t.jsx("table",{className:["ds-table",`ds-table--${e}`,n].filter(Boolean).join(" "),...i,children:s})})}function Ge({children:s,...e}){return t.jsx("thead",{...e,children:s})}function Je({children:s,...e}){return t.jsx("tbody",{...e,children:s})}function Ke({children:s,interactive:e,selected:r,subheader:l,className:n="",onClick:a,...i}){return t.jsx("tr",{className:["ds-table-row",e||a?"ds-table-row--interactive":"",r?"ds-table-row--selected":"",l?"ds-table-row--subheader":"",n].filter(Boolean).join(" "),onClick:a,...i,children:s})}function Ze({children:s,colSpan:e=999,...r}){return t.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...r,children:t.jsx("td",{colSpan:e,children:s})})}function Qe({children:s,align:e="left",sortDir:r,onSort:l,width:n,className:a="",style:i={},...d}){const b=!!l||r!==void 0,f=r==="asc"?T.ChevronUp:r==="desc"?T.ChevronDown:T.ChevronsUpDown;return t.jsx("th",{className:["ds-th",b?"ds-th--sortable":"",r?"ds-th--sorted":"",e!=="left"?`ds-table-cell--${e}`:"",a].filter(Boolean).join(" "),onClick:l,style:{width:n,...i},...d,children:b?t.jsxs("span",{className:"ds-th__inner",children:[s,t.jsx("span",{className:"ds-th__sort-icon",children:t.jsx(f,{size:11,strokeWidth:2.5})})]}):s})}function et({children:s,align:e="left",secondary:r,muted:l,truncate:n,nowrap:a,className:i="",...d}){return t.jsx("td",{className:["ds-td",e!=="left"?`ds-table-cell--${e}`:"",r?"ds-table-cell--secondary":"",l?"ds-table-cell--muted":"",n?"ds-table-cell--truncate":"",a?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...d,children:s})}function tt({icon:s,title:e,description:r,action:l,size:n="m",className:a="",...i}){return t.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${n}`,a].filter(Boolean).join(" "),...i,children:[s&&t.jsx("div",{className:"ds-empty-state__icon",children:s}),t.jsx("div",{className:"ds-empty-state__title",children:e}),r&&t.jsx("div",{className:"ds-empty-state__description",children:r}),l&&t.jsx("div",{className:"ds-empty-state__action",children:l})]})}function st({trigger:s,items:e=[],open:r,onOpenChange:l,align:n="left",className:a="",style:i,...d}){const[b,f]=u.useState(!1),[m,p]=u.useState(!1),h=r!==void 0,c=h?r:b,j=u.useRef(null),_=u.useRef(null),[E,R]=u.useState({}),S=u.useRef(null),N=150,$=()=>{if(h)l==null||l(!1);else{if(m)return;p(!0),S.current=setTimeout(()=>{f(!1),p(!1)},N)}},M=()=>{const v=!c;h?l==null||l(v):v?(clearTimeout(S.current),p(!1),f(!0)):$()};u.useEffect(()=>()=>clearTimeout(S.current),[]),u.useEffect(()=>{if(!c)return;const v=()=>{var A;const I=(A=j.current)==null?void 0:A.getBoundingClientRect();I&&R(n==="right"?{top:I.bottom+4,right:window.innerWidth-I.right}:{top:I.bottom+4,left:I.left})};return v(),window.addEventListener("scroll",v,!0),window.addEventListener("resize",v),()=>{window.removeEventListener("scroll",v,!0),window.removeEventListener("resize",v)}},[c,n]),u.useEffect(()=>{if(!c)return;const v=A=>{var C,O;!((C=j.current)!=null&&C.contains(A.target))&&!((O=_.current)!=null&&O.contains(A.target))&&$()},I=A=>{A.key==="Escape"&&$()};return document.addEventListener("mousedown",v),document.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",v),document.removeEventListener("keydown",I)}},[c]);const F=c&&t.jsx("div",{ref:_,className:["ds-dropdown__menu",`ds-dropdown__menu--${n}`,m&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:E,children:e.map((v,I)=>{if(v.separator)return t.jsx("div",{className:"ds-dropdown__separator"},I);if(v.type==="section")return t.jsxs("div",{className:"ds-dropdown__section",children:[v.label&&t.jsx("div",{className:"ds-dropdown__section-label",children:v.label}),t.jsx("div",{className:"ds-dropdown__section-content",children:v.content})]},I);const A=!!v.href,C=A?"a":"button",O=A?{href:v.disabled?void 0:v.href,"aria-disabled":v.disabled?"true":void 0}:{type:"button",disabled:v.disabled};return t.jsxs(C,{className:["ds-dropdown__item",v.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...O,onClick:()=>{var B;(B=v.onClick)==null||B.call(v),$()},children:[v.icon&&t.jsx("span",{className:"ds-dropdown__item-icon",children:v.icon}),t.jsx("span",{className:"ds-dropdown__item-label",children:v.label}),v.shortcut&&t.jsx("span",{className:"ds-dropdown__item-shortcut",children:v.shortcut})]},I)})});return t.jsxs("div",{ref:j,className:["ds-dropdown",a].filter(Boolean).join(" "),style:i,...d,children:[t.jsx("div",{className:"ds-dropdown__trigger",onClick:M,children:s}),typeof document<"u"&&K.createPortal(F,document.body)]})}const le={default:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};let V=[];const ne=new Set;function ue(){ne.forEach(s=>s([...V]))}function rt(s){V=[...V,s],ue()}function nt(s){V=V.filter(e=>e.id!==s),ue()}function at(){const s=(e,r={})=>{rt({id:`${Date.now()}-${Math.random()}`,message:e,type:"default",duration:4e3,...r})};return s.success=(e,r)=>s(e,{...r,type:"success"}),s.error=(e,r)=>s(e,{...r,type:"error"}),s.warning=(e,r)=>s(e,{...r,type:"warning"}),{toast:s}}function ot({data:s,onDismiss:e}){const[r,l]=u.useState(!1),n=u.useRef(null);u.useEffect(()=>(requestAnimationFrame(()=>l(!0)),s.duration>0&&(n.current=setTimeout(()=>a(),s.duration)),()=>clearTimeout(n.current)),[]);function a(){l(!1),setTimeout(()=>e(s.id),250)}const i=le[s.type]??le.default;return t.jsxs("div",{className:["ds-toast",`ds-toast--${s.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:s.type==="error"?"alert":"status","aria-live":"polite",children:[t.jsx("div",{className:"ds-toast__icon",children:t.jsx(i,{size:P[3],strokeWidth:1.5})}),t.jsx("span",{className:"ds-toast__message",children:s.message}),t.jsx("button",{className:"ds-toast__close",onClick:a,"aria-label":"Закрыть",children:t.jsx(T.X,{size:P[3],strokeWidth:1.5})})]})}function lt({position:s="bottom-right"}){const[e,r]=u.useState(()=>[...V]);return u.useEffect(()=>(ne.add(r),()=>ne.delete(r)),[]),!e.length||typeof document>"u"?null:K.createPortal(t.jsx("div",{className:["ds-toast-container",`ds-toast-container--${s}`].join(" "),children:e.map(l=>t.jsx(ot,{data:l,onDismiss:nt},l.id))}),document.body)}exports.Accordion=Le;exports.Alert=Se;exports.Avatar=qe;exports.Badge=ke;exports.Button=ie;exports.Card=je;exports.Checkbox=ze;exports.Code=Ae;exports.CodeAccordion=de;exports.Dropdown=st;exports.EmptyState=tt;exports.H1=_e;exports.H2=we;exports.H3=Ne;exports.H4=ye;exports.Input=be;exports.Link=Pe;exports.Modal=Ie;exports.ModalFooter=re;exports.P1=Ee;exports.P2=Re;exports.P3=Te;exports.Radio=Ve;exports.SegmentedControl=Ce;exports.Select=xe;exports.Skeleton=Ye;exports.Spinner=ce;exports.Stepper=ve;exports.Tab=Be;exports.Table=Xe;exports.TableBody=Je;exports.TableHead=Ge;exports.TableRow=Ke;exports.TableSubheaderRow=Ze;exports.Tabs=Oe;exports.Td=et;exports.Textarea=he;exports.Th=Qe;exports.ToastContainer=lt;exports.Toggle=We;exports.Tooltip=Fe;exports.iconSizes=P;exports.useToast=at;
|
|
22
|
+
<%s key={someKey} {...props} />`,k,g,W,g),U[g+k]=!0)}if(g=null,y!==void 0&&(r(y),g=""+y),i(x)&&(r(x.key),g=""+x.key),"key"in x){y={};for(var te in x)te!=="key"&&(y[te]=x[te])}else y=x;return g&&d(y,typeof o=="function"?o.displayName||o.name||"Unknown":o),f(o,g,y,n(),J,ee)}function p(o){h(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===A&&(o._payload.status==="fulfilled"?h(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function h(o){return typeof o=="object"&&o!==null&&o.$$typeof===j}var l=u,j=Symbol.for("react.transitional.element"),_=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),$=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),C=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),B=l.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,Z=Array.isArray,w=console.createTask?console.createTask:function(){return null};l={react_stack_bottom_frame:function(o){return o()}};var D,Y={},G=l.react_stack_bottom_frame.bind(l,a)(),Q=w(c(a)),U={};q.Fragment=E,q.jsx=function(o,x,y){var k=1e4>B.recentlyCreatedOwnerStacks++;return m(o,x,y,!1,k?Error("react-stack-top-frame"):G,k?w(c(o)):Q)},q.jsxs=function(o,x,y){var k=1e4>B.recentlyCreatedOwnerStacks++;return m(o,x,y,!0,k?Error("react-stack-top-frame"):G,k?w(c(o)):Q)}}()),q}process.env.NODE_ENV==="production"?se.exports=me():se.exports=pe();var t=se.exports;function le({size:s="m",color:e="default",className:r="",...c}){return t.jsx("span",{className:["ds-spinner",`ds-spinner--${s}`,`ds-spinner--${e}`,r].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...c})}function ie({children:s,variant:e="primary",size:r="m",fullWidth:c=!1,icon:n,disabled:a=!1,state:i="idle",onClick:d,type:b="button",href:f,"aria-label":m,...p}){const h=n&&!s,l=i==="loading",j=r==="l"?"s":"xs",_=["ds-button",`ds-button--${e}`,`ds-button--${r}`,c&&"ds-button--full",h&&"ds-button--icon-only"].filter(Boolean).join(" "),E=i!=="idle"?i:void 0,R=t.jsxs(t.Fragment,{children:[l&&t.jsx(le,{size:j}),!l&&n&&!h&&t.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n}),s,!l&&h&&t.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n})]});if(f){const S=N=>{if(a||l){N.preventDefault();return}N.metaKey||N.ctrlKey||N.button===1||(N.preventDefault(),d==null||d(N))};return t.jsx("a",{className:_,href:a||l?void 0:f,onClick:S,"aria-label":m,"aria-disabled":a||l?"true":void 0,"aria-busy":l?"true":void 0,"data-state":E,...p,children:R})}return t.jsx("button",{type:b,className:_,disabled:a,onClick:l?void 0:d,"aria-label":m,"aria-busy":l?"true":void 0,"data-state":E,...p,children:R})}function be({label:s,error:e,hint:r,fullWidth:c=!0,icon:n,iconRight:a,onIconRightClick:i,size:d="m",disabled:b,id:f,...m}){const p=f||`input-${u.useId()}`,h=r?`${p}-hint`:void 0,l=e?`${p}-error`:void 0,j=l||h;return t.jsxs("div",{className:`ds-input-wrapper ${c?"ds-input-wrapper--full":""} ${b?"ds-input-wrapper--disabled":""} ${e?"ds-input-wrapper--error":""}`,children:[s&&t.jsx("label",{className:"ds-input-label",htmlFor:p,children:s}),t.jsxs("div",{className:"ds-input-container",children:[n&&t.jsx("span",{className:`ds-input-icon ds-input-icon--${d}`,"aria-hidden":"true",children:n}),t.jsx("input",{id:p,className:`ds-input ds-input--${d} ${n?"ds-input--with-icon":""} ${a?"ds-input--with-icon-right":""} ${e?"ds-input--error":""}`,disabled:b,"aria-invalid":e?"true":"false","aria-describedby":j,...m}),a&&t.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${d}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:a})]}),r&&!e&&t.jsx("span",{id:h,className:"ds-input-hint",children:r}),t.jsx("div",{className:"ds-input-error-wrap",children:t.jsx("div",{className:"ds-input-error-inner",children:e&&t.jsx("span",{id:l,className:"ds-input-error",role:"alert",children:e})})})]})}function he({label:s,error:e,hint:r,fullWidth:c=!0,size:n="m",disabled:a,id:i,resize:d=!0,rows:b=3,...f}){const m=i||`textarea-${u.useId()}`,p=r?`${m}-hint`:void 0,h=e?`${m}-error`:void 0,l=h||p;return t.jsxs("div",{className:`ds-textarea-wrapper ${c?"ds-textarea-wrapper--full":""} ${a?"ds-textarea-wrapper--disabled":""}`,children:[s&&t.jsx("label",{className:"ds-textarea-label",htmlFor:m,children:s}),t.jsx("textarea",{id:m,className:`ds-textarea ds-textarea--${n} ${e?"ds-textarea--error":""} ${d?"":"ds-textarea--no-resize"}`,disabled:a,"aria-invalid":e?"true":"false","aria-describedby":l,rows:b,...f}),r&&!e&&t.jsx("span",{id:p,className:"ds-textarea-hint",children:r}),e&&t.jsx("span",{id:h,className:"ds-textarea-error",role:"alert",children:e})]})}function xe({label:s,value:e,onChange:r,options:c=[],placeholder:n="Select option",error:a,fullWidth:i=!0,size:d="m",disabled:b=!1,id:f,...m}){const[p,h]=u.useState(!1),[l,j]=u.useState(!1),[_,E]=u.useState({}),[R,S]=u.useState("down"),N=u.useRef(null),$=u.useRef(null),M=u.useRef(null),F=f||`select-${u.useId()}`,v=`${F}-label`,I=a?`${F}-error`:void 0,A=150,C=()=>{l||(j(!0),M.current=setTimeout(()=>{h(!1),j(!1)},A))};u.useEffect(()=>()=>clearTimeout(M.current),[]);const O=()=>{var o;const w=(o=N.current)==null?void 0:o.getBoundingClientRect();if(!w)return;const D=window.innerHeight,Y=D-w.bottom,G=w.top,U=Y<300&&G>Y;S(U?"up":"down"),E(U?{bottom:D-w.top+4,left:w.left,width:w.width}:{top:w.bottom+4,left:w.left,width:w.width})};u.useEffect(()=>{if(p)return O(),window.addEventListener("scroll",O,!0),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",O)}},[p]),u.useEffect(()=>{const w=D=>{N.current&&!N.current.contains(D.target)&&$.current&&!$.current.contains(D.target)&&C()};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[l]);const B=c.find(w=>w.value===e),X=d==="xs"?P[1]:d==="small"?P[2]:P[3],Z=p&&t.jsx("div",{ref:$,role:"listbox","aria-labelledby":s?v:void 0,className:["ds-select-dropdown",`ds-select-dropdown--${d}`,`ds-select-dropdown--${R}`,l&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:_,children:c.map(w=>t.jsx("button",{type:"button",role:"option","aria-selected":e===w.value,className:`ds-select-option ds-select-option--${d} ${e===w.value?"ds-select-option--selected":""}`,onClick:()=>{r==null||r(w.value),C()},children:w.label},w.value))});return t.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${b?"ds-select-wrapper--disabled":""}`,children:[s&&t.jsx("label",{id:v,className:"ds-select-label",children:s}),t.jsx("div",{className:"ds-select-container",ref:N,children:t.jsxs("button",{type:"button",id:F,role:"combobox","aria-haspopup":"listbox","aria-expanded":p,"aria-labelledby":s?v:void 0,"aria-invalid":a?"true":"false","aria-describedby":I,className:`ds-select-trigger ds-select-trigger--${d} ${a?"ds-select-trigger--error":""}`,onClick:()=>{b||(p?C():(clearTimeout(M.current),j(!1),h(!0)))},disabled:b,...m,children:[t.jsx("span",{className:B?"":"ds-select-placeholder",children:(B==null?void 0:B.label)||n}),t.jsx(T.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${p&&R==="down"?"ds-select-icon--open":""} ${p&&R==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),a&&t.jsx("span",{id:I,className:"ds-select-error",role:"alert",children:a}),typeof document<"u"&&K.createPortal(Z,document.body)]})}function ve({label:s,value:e=0,onChange:r,min:c=0,max:n=100,step:a=1,size:i="m",disabled:d=!1,hint:b,error:f,...m}){const p=()=>{if(d)return;const R=Math.min(Number(e)+a,n);r==null||r(R)},h=()=>{if(d)return;const R=Math.max(Number(e)-a,c);r==null||r(R)},l=R=>{if(d)return;const S=R.target.value;if(S===""){r==null||r(c);return}const N=Number(S);if(!isNaN(N)){const $=Math.min(Math.max(N,c),n);r==null||r($)}},j=["ds-stepper-wrapper",d&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),_=["ds-stepper",`ds-stepper--${i}`,d&&"ds-stepper--disabled"].filter(Boolean).join(" "),E=i==="xs"?P[1]:i==="small"?P[2]:P[3];return t.jsxs("div",{className:j,children:[s&&t.jsx("label",{className:"ds-stepper-label",children:s}),t.jsxs("div",{className:_,children:[t.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:h,disabled:d||e<=c,"aria-label":"Decrease",children:t.jsx(T.Minus,{size:E,strokeWidth:1.5})}),t.jsx("input",{type:"number",className:"ds-stepper-input",value:e,onChange:l,min:c,max:n,step:a,disabled:d,...m}),t.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:p,disabled:d||e>=n,"aria-label":"Increase",children:t.jsx(T.Plus,{size:E,strokeWidth:1.5})})]}),b&&!f&&t.jsx("div",{className:"ds-stepper-hint",children:b}),f&&t.jsx("div",{className:"ds-stepper-error",children:f})]})}function je({children:s,padding:e="m",variant:r="info",hover:c=!1,onClick:n,href:a,disabled:i=!1,...d}){const f=(c?"interactive":r)==="interactive"||n||a,m=["ds-card",`ds-card--${e}`,f&&"ds-card--interactive"].filter(Boolean).join(" ");if(a){const l=j=>{if(i){j.preventDefault();return}j.metaKey||j.ctrlKey||j.button===1||(j.preventDefault(),n==null||n(j))};return t.jsx("a",{className:m,href:i?void 0:a,onClick:l,"aria-disabled":i?"true":void 0,...d,children:s})}const p=f&&n?"button":"div",h=f&&n?{type:"button",onClick:n,disabled:i}:{};return t.jsx(p,{className:m,role:f&&!n?"article":void 0,...h,...d,children:s})}function _e({children:s,...e}){return t.jsx("h1",{className:"ds-h1",...e,children:s})}function we({children:s,...e}){return t.jsx("h2",{className:"ds-h2",...e,children:s})}function Ne({children:s,...e}){return t.jsx("h3",{className:"ds-h3",...e,children:s})}function ye({children:s,...e}){return t.jsx("h4",{className:"ds-h4",...e,children:s})}function Ee({children:s,secondary:e=!1,...r}){return t.jsx("p",{className:`ds-p1 ${e?"ds-p1--secondary":""}`,...r,children:s})}function Re({children:s,secondary:e=!1,...r}){return t.jsx("p",{className:`ds-p2 ${e?"ds-p2--secondary":""}`,...r,children:s})}function Te({children:s,secondary:e=!1,...r}){return t.jsx("p",{className:`ds-p3 ${e?"ds-p3--secondary":""}`,...r,children:s})}function ke({children:s,variant:e="default",size:r="m",role:c,...n}){const a=["ds-badge",`ds-badge--${e}`,`ds-badge--${r}`].filter(Boolean).join(" "),i=c||(["info","success","warning","error"].includes(e)?"status":void 0);return t.jsx("span",{className:a,role:i,...n,children:s})}const ge={info:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};function Se({children:s,variant:e="info",title:r,onClose:c,role:n,...a}){const i=ge[e],d=n||(e==="error"?"alert":"status");return t.jsxs("div",{className:`ds-alert ds-alert--${e} ${r?"":"ds-alert--no-title"}`,role:d,...a,children:[i&&t.jsx("div",{className:"ds-alert__icon",children:t.jsx(i,{size:P[3],strokeWidth:1.5})}),t.jsxs("div",{className:"ds-alert__content",children:[r&&t.jsx("div",{className:"ds-alert__title",children:r}),s&&t.jsx("div",{className:"ds-alert__message",children:s})]}),c&&t.jsx("button",{type:"button",className:"ds-alert__close",onClick:c,"aria-label":"Close alert",children:t.jsx(T.X,{size:P[3],strokeWidth:1.5})})]})}const $e=200;function Ie({children:s,title:e,onClose:r,size:c="m",...n}){const a=u.useRef(null),i=u.useId(),[d,b]=u.useState(!1),f=()=>{!r||d||(b(!0),setTimeout(()=>{b(!1),r()},$e))};u.useEffect(()=>{const l=_=>{_.key==="Escape"&&f()},j=_=>{a.current&&!a.current.contains(_.target)&&f()};return document.addEventListener("keydown",l),document.addEventListener("mousedown",j),()=>{document.removeEventListener("keydown",l),document.removeEventListener("mousedown",j)}},[r,d]);const m=u.Children.toArray(s),p=m.find(l=>(l==null?void 0:l.type)===re),h=m.filter(l=>(l==null?void 0:l.type)!==re);return t.jsx("div",{className:["ds-modal-overlay",d&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...n,children:t.jsxs("div",{className:`ds-modal ds-modal--${c}`,ref:a,role:"dialog","aria-modal":"true","aria-labelledby":e?i:void 0,children:[(e||r)&&t.jsxs("div",{className:"ds-modal__header",children:[e&&t.jsx("h3",{id:i,className:"ds-modal__title",children:e}),r&&t.jsx(ie,{variant:"ghost",size:"small",icon:t.jsx(T.X,{size:P[2],strokeWidth:1.5}),onClick:f,"aria-label":"Close modal"})]}),t.jsx("div",{className:"ds-modal__body",children:h}),p]})})}function re({children:s}){return t.jsx("div",{className:"ds-modal__footer",children:s})}function de({children:s,title:e="Code",defaultExpanded:r=!1,expanded:c,onToggle:n,padding:a="s",className:i="",...d}){const[b,f]=u.useState(r),m=c!==void 0,p=m?c:b,h=()=>{m?n==null||n(!c):f(j=>!j)},l=["ds-code-accordion",`ds-code-accordion--${a}`,p&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return t.jsxs("div",{className:l,...d,children:[t.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:h,"aria-expanded":p,children:[t.jsx("span",{className:"ds-code-accordion__title",children:e}),t.jsx(T.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${p?"ds-code-accordion__icon--expanded":""}`})]}),t.jsx("div",{className:"ds-code-accordion__content",children:t.jsx("div",{className:"ds-code-accordion__inner",children:t.jsx("pre",{className:"ds-code-accordion__pre",children:t.jsx("code",{children:s})})})})]})}function Ae({children:s,block:e=!1,collapsible:r=!1,title:c="Code",defaultExpanded:n=!1,...a}){return e?r?t.jsx(de,{title:c,defaultExpanded:n,...a,children:s}):t.jsx("pre",{className:"ds-code-block",...a,children:t.jsx("code",{children:s})}):t.jsx("code",{className:"ds-code-inline",...a,children:s})}function Pe({href:s,children:e,onClick:r,target:c,rel:n,...a}){const d=c==="_blank"?n?`${n} noopener noreferrer`:"noopener noreferrer":n;return t.jsx("a",{href:s,className:"ds-link",onClick:r,target:c,rel:d,...a,children:e})}function Oe({children:s,size:e="m",variant:r="ghost",...c}){return t.jsx("div",{className:"ds-tabs",role:"tablist",...c,children:u.Children.map(s,n=>u.isValidElement(n)?u.cloneElement(n,{size:e,variant:r}):n)})}function Be({children:s,selected:e=!1,onClick:r,size:c="m",variant:n="ghost",disabled:a=!1,icon:i,href:d,...b}){const f=i&&!s,m=["ds-tab",`ds-tab--${c}`,`ds-tab--${n}`,e&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),p=t.jsxs(t.Fragment,{children:[i&&t.jsx("span",{className:"ds-tab-icon",children:i}),s]});if(d){const h=l=>{if(a){l.preventDefault();return}l.metaKey||l.ctrlKey||l.button===1||(l.preventDefault(),r==null||r(l))};return t.jsx("a",{role:"tab","aria-current":e?"page":void 0,"aria-disabled":a?"true":void 0,className:m,href:a?void 0:d,onClick:h,...b,children:p})}return t.jsx("button",{role:"tab","aria-selected":e,className:m,onClick:r,disabled:a,...b,children:p})}function Ce({options:s,value:e,onChange:r,size:c="m",disabled:n=!1}){const a=u.useRef(null),i=u.useRef(null),[d,b]=u.useState(!1),f=u.useRef(!1),m=u.useRef(null),p=u.useRef(null),h=()=>{if(!a.current)return;const l=a.current.querySelector(`[data-value="${e}"]`);if(!l)return;const j=a.current.getBoundingClientRect(),_=l.getBoundingClientRect(),E=_.left-j.left,R=_.width;i.current?(i.current.style.transition=f.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=E+"px",i.current.style.width=R+"px",f.current=!1):(b(!0),requestAnimationFrame(()=>{if(!i.current||!a.current)return;const S=a.current.querySelector(`[data-value="${e}"]`);if(!S)return;const N=a.current.getBoundingClientRect(),$=S.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=$.left-N.left+"px",i.current.style.width=$.width+"px"}))};return p.current=h,u.useLayoutEffect(()=>{const l=m.current!==e;m.current=e,f.current=d&&l,h()}),u.useEffect(()=>{if(!a.current)return;const l=new ResizeObserver(()=>{f.current=!1,p.current()});return l.observe(a.current),()=>l.disconnect()},[]),t.jsxs("div",{className:["ds-seg",`ds-seg--${c}`,n&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:a,role:"group",children:[d&&t.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),s.map(l=>t.jsxs("button",{type:"button","data-value":l.value,className:["ds-seg__btn",e===l.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!n&&r(l.value),"aria-pressed":e===l.value,disabled:n,children:[l.icon&&t.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:l.icon}),l.label]},l.value))]})}function Le({children:s,title:e,defaultExpanded:r=!1,expanded:c,onToggle:n,padding:a="m",...i}){const[d,b]=u.useState(r),f=c!==void 0,m=f?c:d,p=()=>{f?n==null||n(!c):b(l=>!l)},h=["ds-accordion",`ds-accordion--${a}`,m&&"ds-accordion--expanded"].filter(Boolean).join(" ");return t.jsxs("div",{className:h,...i,children:[t.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:p,"aria-expanded":m,children:[t.jsx("span",{className:"ds-accordion__title",children:e}),t.jsx(T.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-accordion__icon ${m?"ds-accordion__icon--expanded":""}`})]}),t.jsx("div",{className:"ds-accordion__content",children:t.jsx("div",{className:"ds-accordion__content-inner",children:t.jsx("div",{className:"ds-accordion__content-body",children:s})})})]})}const L=8,z=8;function De(s,e,r){const c=window.innerWidth;let n,a;switch(s){case"top":n=e.top-r.height-L,a=e.left+e.width/2-r.width/2;break;case"bottom":n=e.bottom+L,a=e.left+e.width/2-r.width/2;break;case"left":n=e.top+e.height/2-r.height/2,a=e.left-r.width-L;break;case"right":n=e.top+e.height/2-r.height/2,a=e.right+L;break;default:n=e.bottom+L,a=e.left}const i=Math.max(z,Math.min(c-r.width-z,a)),d=a-i;return{top:n,left:i,arrowOffset:d}}function Me(s,e,r){const c=window.innerWidth,n=window.innerHeight;if(s.top>=e+L+z)return"top";if(n-s.bottom>=e+L+z)return"bottom";if(c-s.right>=r+L+z)return"right";if(s.left>=r+L+z)return"left";const a=Math.max(s.top,n-s.bottom,s.left,c-s.right);return a===s.top?"top":a===n-s.bottom?"bottom":a===c-s.right?"right":"left"}function Fe({children:s,content:e,position:r,...c}){const[n,a]=u.useState(!1),[i,d]=u.useState({visibility:"hidden"}),[b,f]=u.useState(r||"top"),m=u.useRef(null),p=u.useRef(null),h=u.useRef(!1),l=()=>{if(!m.current||!p.current)return;const _=m.current.getBoundingClientRect(),E=p.current.getBoundingClientRect(),R=r||Me(_,E.height,E.width),{top:S,left:N,arrowOffset:$}=De(R,_,E);f(R),d({position:"fixed",top:S,left:N,visibility:"visible","--arrow-offset":`${$}px`})};if(u.useEffect(()=>{if(!n)return;d({position:"fixed",visibility:"hidden"});const _=requestAnimationFrame(l);return window.addEventListener("scroll",l,!0),window.addEventListener("resize",l),()=>{cancelAnimationFrame(_),window.removeEventListener("scroll",l,!0),window.removeEventListener("resize",l)}},[n,r]),u.useEffect(()=>{if(!n)return;const _=E=>{m.current&&!m.current.contains(E.target)&&a(!1)};return document.addEventListener("touchstart",_),()=>document.removeEventListener("touchstart",_)},[n]),!e)return s;const j=n&&t.jsx("div",{ref:p,className:`ds-tooltip ds-tooltip--${b}`,role:"tooltip",style:i,children:e});return t.jsxs("div",{ref:m,className:"ds-tooltip-wrapper",onMouseEnter:()=>{h.current||a(!0)},onMouseLeave:()=>{h.current||a(!1)},onTouchStart:()=>{h.current=!0,a(_=>!_)},...c,children:[s,typeof document<"u"&&K.createPortal(j,document.body)]})}function We({checked:s=!1,onChange:e,size:r="m",disabled:c=!1,label:n,id:a,...i}){const d=a||`toggle-${u.useId()}`,b=["ds-toggle",`ds-toggle--${r}`,c&&"ds-toggle--disabled"].filter(Boolean).join(" ");return t.jsxs("label",{className:b,htmlFor:d,children:[t.jsx("input",{type:"checkbox",id:d,className:"ds-toggle__input",checked:s,onChange:f=>e==null?void 0:e(f.target.checked),disabled:c,...i}),t.jsx("span",{className:"ds-toggle__track",children:t.jsx("span",{className:"ds-toggle__thumb"})}),n&&t.jsx("span",{className:"ds-toggle__label",children:n})]})}function ze({checked:s=!1,onChange:e,size:r="m",disabled:c=!1,label:n,id:a,...i}){const d=a||`checkbox-${u.useId()}`,b=["ds-checkbox",`ds-checkbox--${r}`,c&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=r==="xs"?10:r==="small"?14:r==="large"?20:16;return t.jsxs("label",{className:b,htmlFor:d,children:[t.jsx("input",{type:"checkbox",id:d,className:"ds-checkbox__input",checked:s,onChange:m=>e==null?void 0:e(m.target.checked),disabled:c,...i}),t.jsx("span",{className:"ds-checkbox__box",children:s&&t.jsx(T.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),n&&t.jsx("span",{className:"ds-checkbox__label",children:n})]})}function Ve({checked:s=!1,onChange:e,size:r="m",disabled:c=!1,label:n,name:a,value:i,id:d,...b}){const f=d||`radio-${u.useId()}`,m=["ds-radio",`ds-radio--${r}`,c&&"ds-radio--disabled"].filter(Boolean).join(" ");return t.jsxs("label",{className:m,htmlFor:f,children:[t.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:s,onChange:p=>e==null?void 0:e(p.target.checked),disabled:c,name:a,value:i,...b}),t.jsx("span",{className:"ds-radio__circle",children:t.jsx("span",{className:"ds-radio__dot"})}),n&&t.jsx("span",{className:"ds-radio__label",children:n})]})}function Ye({width:s,height:e,shape:r="rect",className:c="",style:n={},...a}){return t.jsx("span",{className:["ds-skeleton",`ds-skeleton--${r}`,c].filter(Boolean).join(" "),style:{width:s,height:e,...n},"aria-hidden":"true",...a})}function Ue(s){let e=2166136261;for(let r=0;r<s.length;r++)e^=s.charCodeAt(r),e=Math.imul(e,16777619)>>>0;return e%360}function He(s){if(!s)return"";const e=s.trim().split(/\s+/);return e.length>=2?(e[0][0]+e[1][0]).toUpperCase():s[0].toUpperCase()}function qe({seed:s,icon:e,src:r,size:c=32,className:n="",style:a={},...i}){const d=Ue(s??""),[b,f]=u.useState(!1),m=e??t.jsx("span",{className:"ds-avatar__initials",children:He(s)});return t.jsx("div",{className:["ds-avatar",n].filter(Boolean).join(" "),style:{width:c,height:c,"--ds-avatar-h":d,...a},"aria-hidden":"true",...i,children:r&&!b?t.jsx("img",{src:r,alt:"",onError:()=>f(!0)}):m})}function Xe({children:s,size:e="compact",stickyTop:r,maxHeight:c,className:n="",style:a={},...i}){const d={...c?{maxHeight:c}:{},...r!==void 0?{"--ds-table-sticky-top":typeof r=="number"?`${r}px`:r}:{},...a};return t.jsx("div",{className:["ds-table-wrap",c?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:d,children:t.jsx("table",{className:["ds-table",`ds-table--${e}`,n].filter(Boolean).join(" "),...i,children:s})})}function Ge({children:s,...e}){return t.jsx("thead",{...e,children:s})}function Je({children:s,...e}){return t.jsx("tbody",{...e,children:s})}function Ke({children:s,interactive:e,selected:r,subheader:c,className:n="",onClick:a,...i}){return t.jsx("tr",{className:["ds-table-row",e||a?"ds-table-row--interactive":"",r?"ds-table-row--selected":"",c?"ds-table-row--subheader":"",n].filter(Boolean).join(" "),onClick:a,...i,children:s})}function Ze({children:s,colSpan:e=999,...r}){return t.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...r,children:t.jsx("td",{colSpan:e,children:s})})}function Qe({children:s,align:e="left",sortDir:r,onSort:c,width:n,className:a="",style:i={},...d}){const b=!!c||r!==void 0,f=r==="asc"?T.ChevronUp:r==="desc"?T.ChevronDown:T.ChevronsUpDown;return t.jsx("th",{className:["ds-th",b?"ds-th--sortable":"",r?"ds-th--sorted":"",e!=="left"?`ds-table-cell--${e}`:"",a].filter(Boolean).join(" "),onClick:c,style:{width:n,...i},...d,children:b?t.jsxs("span",{className:"ds-th__inner",children:[s,t.jsx("span",{className:"ds-th__sort-icon",children:t.jsx(f,{size:11,strokeWidth:2.5})})]}):s})}function et({children:s,align:e="left",secondary:r,muted:c,truncate:n,nowrap:a,className:i="",...d}){return t.jsx("td",{className:["ds-td",e!=="left"?`ds-table-cell--${e}`:"",r?"ds-table-cell--secondary":"",c?"ds-table-cell--muted":"",n?"ds-table-cell--truncate":"",a?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...d,children:s})}function tt({icon:s,title:e,description:r,action:c,size:n="m",className:a="",...i}){return t.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${n}`,a].filter(Boolean).join(" "),...i,children:[s&&t.jsx("div",{className:"ds-empty-state__icon",children:s}),t.jsx("div",{className:"ds-empty-state__title",children:e}),r&&t.jsx("div",{className:"ds-empty-state__description",children:r}),c&&t.jsx("div",{className:"ds-empty-state__action",children:c})]})}function st({trigger:s,items:e=[],open:r,onOpenChange:c,align:n="left",className:a="",style:i,...d}){const[b,f]=u.useState(!1),[m,p]=u.useState(!1),h=r!==void 0,l=h?r:b,j=u.useRef(null),_=u.useRef(null),[E,R]=u.useState({}),S=u.useRef(null),N=150,$=()=>{if(h)c==null||c(!1);else{if(m)return;p(!0),S.current=setTimeout(()=>{f(!1),p(!1)},N)}},M=()=>{const v=!l;h?c==null||c(v):v?(clearTimeout(S.current),p(!1),f(!0)):$()};u.useEffect(()=>()=>clearTimeout(S.current),[]),u.useEffect(()=>{if(!l)return;const v=()=>{var A;const I=(A=j.current)==null?void 0:A.getBoundingClientRect();I&&R(n==="right"?{top:I.bottom+4,right:window.innerWidth-I.right}:{top:I.bottom+4,left:I.left})};return v(),window.addEventListener("scroll",v,!0),window.addEventListener("resize",v),()=>{window.removeEventListener("scroll",v,!0),window.removeEventListener("resize",v)}},[l,n]),u.useEffect(()=>{if(!l)return;const v=A=>{var C,O;!((C=j.current)!=null&&C.contains(A.target))&&!((O=_.current)!=null&&O.contains(A.target))&&$()},I=A=>{A.key==="Escape"&&$()};return document.addEventListener("mousedown",v),document.addEventListener("keydown",I),()=>{document.removeEventListener("mousedown",v),document.removeEventListener("keydown",I)}},[l]);const F=l&&t.jsx("div",{ref:_,className:["ds-dropdown__menu",`ds-dropdown__menu--${n}`,m&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:E,children:e.map((v,I)=>{if(v.separator)return t.jsx("div",{className:"ds-dropdown__separator"},I);if(v.type==="section")return t.jsxs("div",{className:"ds-dropdown__section",children:[v.label&&t.jsx("div",{className:"ds-dropdown__section-label",children:v.label}),t.jsx("div",{className:"ds-dropdown__section-content",children:v.content})]},I);const A=!!v.href,C=A?"a":"button",O=A?{href:v.disabled?void 0:v.href,"aria-disabled":v.disabled?"true":void 0}:{type:"button",disabled:v.disabled};return t.jsxs(C,{className:["ds-dropdown__item",v.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...O,onClick:()=>{var B;(B=v.onClick)==null||B.call(v),$()},children:[v.icon&&t.jsx("span",{className:"ds-dropdown__item-icon",children:v.icon}),t.jsx("span",{className:"ds-dropdown__item-label",children:v.label}),v.shortcut&&t.jsx("span",{className:"ds-dropdown__item-shortcut",children:v.shortcut})]},I)})});return t.jsxs("div",{ref:j,className:["ds-dropdown",a].filter(Boolean).join(" "),style:i,...d,children:[t.jsx("div",{className:"ds-dropdown__trigger",onClick:M,children:s}),typeof document<"u"&&K.createPortal(F,document.body)]})}const ce={default:T.Info,success:T.CheckCircle,warning:T.AlertTriangle,error:T.XCircle};let V=[];const ne=new Set;function ue(){ne.forEach(s=>s([...V]))}function rt(s){V=[...V,s],ue()}function nt(s){V=V.filter(e=>e.id!==s),ue()}function at(){const s=(e,r={})=>{rt({id:`${Date.now()}-${Math.random()}`,message:e,type:"default",duration:4e3,...r})};return s.success=(e,r)=>s(e,{...r,type:"success"}),s.error=(e,r)=>s(e,{...r,type:"error"}),s.warning=(e,r)=>s(e,{...r,type:"warning"}),{toast:s}}function ot({data:s,onDismiss:e}){const[r,c]=u.useState(!1),n=u.useRef(null);u.useEffect(()=>(requestAnimationFrame(()=>c(!0)),s.duration>0&&(n.current=setTimeout(()=>a(),s.duration)),()=>clearTimeout(n.current)),[]);function a(){c(!1),setTimeout(()=>e(s.id),250)}const i=ce[s.type]??ce.default;return t.jsxs("div",{className:["ds-toast",`ds-toast--${s.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:s.type==="error"?"alert":"status","aria-live":"polite",children:[t.jsx("div",{className:"ds-toast__icon",children:t.jsx(i,{size:P[3],strokeWidth:1.5})}),t.jsx("span",{className:"ds-toast__message",children:s.message}),t.jsx("button",{className:"ds-toast__close",onClick:a,"aria-label":"Закрыть",children:t.jsx(T.X,{size:P[3],strokeWidth:1.5})})]})}function ct({position:s="bottom-right"}){const[e,r]=u.useState(()=>[...V]);return u.useEffect(()=>(ne.add(r),()=>ne.delete(r)),[]),!e.length||typeof document>"u"?null:K.createPortal(t.jsx("div",{className:["ds-toast-container",`ds-toast-container--${s}`].join(" "),children:e.map(c=>t.jsx(ot,{data:c,onDismiss:nt},c.id))}),document.body)}exports.Accordion=Le;exports.Alert=Se;exports.Avatar=qe;exports.Badge=ke;exports.Button=ie;exports.Card=je;exports.Checkbox=ze;exports.Code=Ae;exports.CodeAccordion=de;exports.Dropdown=st;exports.EmptyState=tt;exports.H1=_e;exports.H2=we;exports.H3=Ne;exports.H4=ye;exports.Input=be;exports.Link=Pe;exports.Modal=Ie;exports.ModalFooter=re;exports.P1=Ee;exports.P2=Re;exports.P3=Te;exports.Radio=Ve;exports.SegmentedControl=Ce;exports.Select=xe;exports.Skeleton=Ye;exports.Spinner=le;exports.Stepper=ve;exports.Tab=Be;exports.Table=Xe;exports.TableBody=Je;exports.TableHead=Ge;exports.TableRow=Ke;exports.TableSubheaderRow=Ze;exports.Tabs=Oe;exports.Td=et;exports.Textarea=he;exports.Th=Qe;exports.ToastContainer=ct;exports.Toggle=We;exports.Tooltip=Fe;exports.iconSizes=P;exports.useToast=at;
|
package/dist/index.es.js
CHANGED
|
@@ -839,7 +839,7 @@ function Se({
|
|
|
839
839
|
]
|
|
840
840
|
}
|
|
841
841
|
),
|
|
842
|
-
/* @__PURE__ */ t.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ t.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ t.jsx("code", { children: s }) }) })
|
|
842
|
+
/* @__PURE__ */ t.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ t.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ t.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ t.jsx("code", { children: s }) }) }) })
|
|
843
843
|
] });
|
|
844
844
|
}
|
|
845
845
|
function st({ children: s, block: e = !1, collapsible: r = !1, title: l = "Code", defaultExpanded: n = !1, ...a }) {
|
|
@@ -1008,7 +1008,7 @@ function lt({
|
|
|
1008
1008
|
]
|
|
1009
1009
|
}
|
|
1010
1010
|
),
|
|
1011
|
-
/* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content-inner", children: s }) })
|
|
1011
|
+
/* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ t.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
|
|
1012
1012
|
] });
|
|
1013
1013
|
}
|
|
1014
1014
|
const M = 8, Y = 8;
|
package/dist/tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--color-info: #60A5FA;--color-info-dark: #2563EB;--color-success: #00C86E;--color-success-dark: #00A055;--color-warning: #FFBB00;--color-warning-dark: #D97706;--color-error: #FF1200;--color-error-dark: #DC2626;--color-surface-0: #0E0F11;--color-surface-1: #16181C;--color-surface-2: #1E2026;--color-surface-3: #262830;--color-fg-primary: rgba(248, 249, 250, .92);--color-fg-secondary: rgba(248, 249, 250, .65);--color-fg-disabled: rgba(248, 249, 250, .3);--color-state-hover: rgba(248, 249, 250, .07);--color-state-active: rgba(248, 249, 250, .12);--color-state-selected: rgba(248, 249, 250, .1);--color-border-light: rgba(248, 249, 250, .08);--color-border-default: rgba(248, 249, 250, .2);--color-border-strong: rgba(248, 249, 250, .4);--color-border-focus: rgba(248, 249, 250, .5);--color-accent-default: var(--color-red);--color-accent-hover: var(--color-red-light);--color-accent-fg: var(--color-white);--color-accent-hover-fg: var(--color-accent-fg);--color-accent-bg: rgba(234, 100, 100, .12);--color-status-info: var(--color-info);--color-status-info-bg: rgba(37, 99, 235, .15);--color-status-success: var(--color-success);--color-status-success-bg: rgba(0, 160, 85, .15);--color-status-warning: var(--color-warning);--color-status-warning-bg: rgba(217, 119, 6, .15);--color-status-error: var(--color-error);--color-status-error-bg: rgba(220, 38, 38, .15);--color-overlay: rgba(14, 15, 17, .65);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-6: 12px;--radius-8: 16px;--radius-full: 9999px;--height-1: 24px;--height-2: 32px;--height-3: 44px;--height-4: 56px;--icon-1: 16px;--icon-2: 20px;--icon-3: 24px;--icon-4: 28px;--icon-5: 48px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--tracking-4xl: 0;--tracking-3xl: 0;--tracking-2xl: 0;--tracking-xl: 0;--tracking-lg: .02em;--tracking-md: .04em;--tracking-sm: .06em;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-dropdown: 400;--z-toast: 500;--z-tooltip: 600;--layout-padding-x: 16px;--layout-padding-y: 32px;--layout-header-height: 64px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-ui: inherit;--ui-font-weight: var(--font-weight-medium);--ui-tracking: 0;--tab-tracking: 0;--ui-text-transform: none;--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-md);--tab-font-size-m: var(--text-lg);--tab-font-size-l: var(--text-lg);--label-font-size: var(--text-md);--label-color: var(--color-fg-primary);--label-tracking: 0;--label-text-transform: none;--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--btn-padding-ratio: .5;--btn-font-weight: var(--font-weight-medium);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-md);--btn-font-size-m: var(--text-lg);--btn-font-size-l: var(--text-xl);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-3);--btn-icon-size-l: var(--icon-4);--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-border-strong);--btn-secondary-hover-bg: var(--color-state-hover);--btn-secondary-hover-color: var(--btn-secondary-color);--badge-font-size-s: var(--text-sm);--badge-font-size-m: var(--text-md);--badge-tracking: var(--ui-tracking);--badge-text-transform: var(--ui-text-transform);--card-border: var(--color-border-light);--card-hover-transform: none;--table-th-font-family: var(--font-ui);--table-th-font-size: inherit;--table-th-color: var(--color-fg-secondary);--table-th-weight: var(--font-weight-semibold);--table-th-tracking: 0;--table-th-text-transform: none;--table-wrap-border: var(--color-border-light);--table-row-border: var(--color-border-light);--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: var(--font-ui);--table-subrow-tracking: 0;--table-subrow-transform: none;--color-accent-2: #FFCD1B;--color-accent-2-bg: rgba(255, 205, 27, .1);--color-accent-2-fg: #0A0A0B;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1280px}[data-variant=edgy]{--color-surface-0: #0A0A0B;--color-surface-1: #111114;--color-surface-2: #18181C;--color-surface-3: #1F1F24;--color-border-light: rgba(255, 250, 250, .05);--color-border-default: rgba(255, 250, 250, .1);--color-border-strong: rgba(255, 250, 250, .22);--color-border-focus: rgba(255, 250, 250, .42);--shadow-1: 0 2px 12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 250, 250, .05);--shadow-2: 0 8px 32px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 250, 250, .06);--shadow-3: 0 20px 60px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 250, 250, .07);--font-ui: "Fira Code", monospace;--ui-font-weight: var(--font-weight-regular);--ui-tracking: .15em;--tab-tracking: .1em;--ui-text-transform: uppercase;--btn-padding-ratio: .62;--btn-font-weight: var(--font-weight-regular);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-sm);--btn-font-size-m: var(--text-sm);--btn-font-size-l: var(--text-sm);--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-sm);--tab-font-size-m: var(--text-sm);--tab-font-size-l: var(--text-sm);--label-font-size: var(--text-sm);--label-color: var(--color-fg-secondary);--field-border: rgba(248, 249, 250, .2);--field-border-active: rgba(248, 249, 250, .4);--btn-icon-size-xs: 16px;--btn-icon-size-s: 16px;--btn-icon-size-m: 18px;--btn-icon-size-l: 20px;--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-accent-2);--btn-secondary-hover-bg: var(--color-accent-2);--btn-secondary-hover-color: var(--color-accent-2-fg);--badge-tracking: 0;--badge-text-transform: none;--card-border: rgba(255, 250, 250, .12);--card-hover-transform: translateY(-3px);--table-th-font-family: "Fira Code", monospace;--table-th-color: var(--color-accent-default);--table-th-weight: var(--font-weight-regular);--table-th-tracking: .15em;--table-th-text-transform: uppercase;--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: "Fira Code", monospace;--table-subrow-tracking: .15em;--table-subrow-transform: uppercase;--color-accent-hover: var(--color-accent-2);--color-accent-hover-fg: var(--color-accent-2-fg)}[data-theme=light]{--color-surface-0: #F8F9FA;--color-surface-1: #F2F2F2;--color-surface-2: #E8E8E8;--color-surface-3: #F8F9FA;--color-fg-primary: rgba(14, 15, 17, .95);--color-fg-secondary: rgba(14, 15, 17, .65);--color-fg-disabled: rgba(14, 15, 17, .3);--color-state-hover: rgba(14, 15, 17, .05);--color-state-active: rgba(14, 15, 17, .1);--color-state-selected: rgba(14, 15, 17, .08);--color-accent-hover: var(--color-red-dark);--color-border-light: rgba(14, 15, 17, .1);--color-border-default: rgba(14, 15, 17, .2);--color-border-strong: rgba(14, 15, 17, .4);--color-border-focus: rgba(14, 15, 17, .5);--color-overlay: rgba(14, 15, 17, .6);--shadow-1: 0 2px 8px rgba(0, 0, 0, .1);--shadow-2: 0 8px 24px rgba(0, 0, 0, .14);--shadow-3: 0 16px 48px rgba(0, 0, 0, .18);--color-status-info: var(--color-info-dark);--color-status-info-bg: rgba(96, 165, 250, .15);--color-status-success: var(--color-success-dark);--color-status-success-bg: rgba(0, 200, 110, .15);--color-status-warning: var(--color-warning-dark);--color-status-warning-bg: rgba(255, 187, 0, .15);--color-status-error: var(--color-error-dark);--color-status-error-bg: rgba(255, 18, 0, .15)}[data-variant=edgy][data-theme=light]{--color-accent-hover: var(--color-accent-2);--color-accent-hover-fg: var(--color-accent-2-fg);--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--card-border: var(--color-border-light);--shadow-1: 0 2px 8px rgba(0, 0, 0, .1), 0 0 0 1px rgba(14, 15, 17, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .14), 0 0 0 1px rgba(14, 15, 17, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .18), 0 0 0 1px rgba(14, 15, 17, .1)}@media (min-width: 768px){:root{--text-4xl: 40px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 24px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--tracking-lg: .02em;--tracking-md: .02em;--tracking-sm: .04em;--layout-padding-x: 20px;--layout-padding-y: 48px;--layout-header-height: 72px}}@media (min-width: 1280px){:root{--layout-padding-x: 24px;--layout-padding-y: 64px}}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-0);color:var(--color-fg-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}*{box-sizing:border-box}}.ds-spinner{display:inline-block;border-radius:var(--radius-full);border-style:solid;border-color:currentColor;border-top-color:transparent;flex-shrink:0;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner--xs{width:12px;height:12px;border-width:1.5px}.ds-spinner--s{width:16px;height:16px;border-width:2px}.ds-spinner--m{width:20px;height:20px;border-width:2px}.ds-spinner--l{width:24px;height:24px;border-width:2.5px}.ds-spinner--xl{width:32px;height:32px;border-width:3px}.ds-spinner--default{color:var(--color-accent-default)}.ds-spinner--secondary{color:var(--color-fg-secondary)}.ds-spinner--on-accent{color:var(--color-accent-fg)}@media (prefers-reduced-motion: reduce){.ds-spinner{animation-duration:.01ms;animation-iteration-count:1}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--btn-font-weight);font-family:var(--font-ui);letter-spacing:var(--ui-tracking);text-transform:var(--ui-text-transform);line-height:1;border:none;cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{background-color:transparent!important;color:var(--color-fg-disabled)!important;border-color:var(--color-border-default)!important;border-width:1px;border-style:solid;cursor:not-allowed;pointer-events:none}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz);height:var(--_btn-icon-sz)}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l)}.ds-button--primary{color:var(--color-accent-fg);background-color:var(--color-accent-default)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg)}.ds-button--secondary{color:var(--btn-secondary-color);background-color:transparent;border:1px solid var(--btn-secondary-border)}.ds-button--secondary:before,.ds-button--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--btn-secondary-hover-bg)}.ds-button--ghost{color:var(--color-fg-secondary);background-color:transparent}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-button--danger{color:var(--color-accent-fg);background-color:var(--color-error-dark)}.ds-button--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:#b91c1c}.ds-button--xs{height:var(--height-1);padding:0 calc(var(--height-1) * var(--btn-padding-ratio));font-size:var(--btn-font-size-xs);border-radius:var(--radius-2)}.ds-button--s{height:var(--height-2);padding:0 calc(var(--height-2) * var(--btn-padding-ratio));font-size:var(--btn-font-size-s);border-radius:var(--radius-2)}.ds-button--m{height:var(--height-3);padding:0 calc(var(--height-3) * var(--btn-padding-ratio));font-size:var(--btn-font-size-m);border-radius:var(--radius-3)}.ds-button--l{height:var(--height-4);padding:0 calc(var(--height-4) * var(--btn-padding-ratio));font-size:var(--btn-font-size-l);border-radius:var(--radius-3);gap:var(--space-3)}.ds-button--full{width:100%}.ds-button--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-button[data-state=loading]{cursor:not-allowed;pointer-events:none;opacity:.7}.ds-button[data-state=success]{background-color:var(--color-status-success-bg);border:1px solid var(--color-status-success);color:var(--color-status-success)}.ds-button[data-state=error]{background-color:var(--color-status-error-bg);border:1px solid var(--color-status-error);color:var(--color-status-error)}[data-variant=edgy] .ds-button{border-radius:0}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-input-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal);line-height:1.5}.ds-input::placeholder{color:var(--color-fg-secondary)}.ds-input:hover:not(:disabled){border-color:var(--field-border-active)}.ds-input:focus,.ds-input:active{outline:none;border-color:var(--field-border-active)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1);padding:0 calc(var(--height-1) / 4);font-size:var(--text-sm);border-radius:var(--radius-2)}.ds-input--s{height:var(--height-2);padding:0 calc(var(--height-2) / 4);font-size:var(--text-md);border-radius:var(--radius-2)}.ds-input--m{height:var(--height-3);padding:0 calc(var(--height-3) / 4);font-size:var(--text-lg);border-radius:var(--radius-3)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1) / 4 + 16px + var(--height-1) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2) / 4 + 20px + var(--height-2) / 4)}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3) / 4 + 24px + var(--height-3) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1) / 4 + 16px + var(--height-1) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2) / 4 + 20px + var(--height-2) / 4)}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3) / 4 + 24px + var(--height-3) / 4)}.ds-input-icon{position:absolute;display:flex;align-items:center;color:var(--color-fg-secondary);pointer-events:none}.ds-input-icon--xs{left:6px}.ds-input-icon--s{left:8px}.ds-input-icon--m{left:11px}.ds-input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-normal);padding:0}.ds-input-icon-right:hover{color:var(--color-fg-primary)}.ds-input-icon-right--xs{right:6px}.ds-input-icon-right--s{right:8px}.ds-input-icon-right--m{right:11px}.ds-input-hint{font-size:var(--text-md);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-fast)}.ds-input-wrapper--error .ds-input-error-wrap{grid-template-rows:1fr}.ds-input-error-inner{overflow:hidden}.ds-input-error{display:block;padding-top:var(--space-1);font-size:var(--text-md);color:var(--color-error)}[data-variant=edgy] .ds-input{border-radius:0}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-textarea-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-textarea{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal);line-height:1.5;resize:vertical;background:linear-gradient(315deg,transparent 5px,var(--field-border) 5px,var(--field-border) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border) 10px,var(--field-border) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea::placeholder{color:var(--color-fg-secondary)}.ds-textarea::-webkit-resizer{display:none}.ds-textarea:hover:not(:disabled){border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:focus,.ds-textarea:active{outline:none;border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:disabled{cursor:not-allowed}.ds-textarea--error{border-color:var(--color-error);background:linear-gradient(315deg,transparent 5px,var(--color-error) 5px,var(--color-error) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--color-error) 10px,var(--color-error) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea--no-resize{resize:none;background:none}.ds-textarea--xs{padding:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-2)}.ds-textarea--s{padding:var(--space-2) var(--space-3);font-size:var(--text-md);border-radius:var(--radius-2)}.ds-textarea--m{padding:var(--space-3);font-size:var(--text-lg);border-radius:var(--radius-3)}.ds-textarea-hint{font-size:var(--text-md);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md);color:var(--color-error)}[data-variant=edgy] .ds-textarea{border-radius:0}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-select-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-select-container{position:relative}.ds-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);cursor:pointer;transition:border-color var(--transition-normal);text-align:left;line-height:1.5}.ds-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger:hover:not(:disabled){border-color:var(--field-border-active)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1);padding:0 calc(var(--height-1) / 4);font-size:var(--text-sm);border-radius:var(--radius-2)}.ds-select-trigger--s{height:var(--height-2);padding:0 calc(var(--height-2) / 4);font-size:var(--text-md);border-radius:var(--radius-2)}.ds-select-trigger--m{height:var(--height-3);padding:0 calc(var(--height-3) / 4);font-size:var(--text-lg);border-radius:var(--radius-3)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal)}.ds-select-icon--open{transform:rotate(180deg)}.ds-select-icon--up{transform:rotate(0)}@keyframes ds-select-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ds-select-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-select-dropdown{position:fixed;background-color:var(--color-surface-0);border:1px solid var(--field-border);box-shadow:var(--shadow-1);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.ds-select-dropdown--down{animation:ds-select-in-down var(--transition-fast) ease}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--transition-fast) ease forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--transition-fast) ease}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--transition-fast) ease forwards}@media (prefers-reduced-motion: reduce){.ds-select-dropdown{animation:none!important}}.ds-select-dropdown--s{border-radius:var(--radius-2)}.ds-select-dropdown--m{border-radius:var(--radius-3)}.ds-select-option{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;position:relative;isolation:isolate}.ds-select-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-select-option--s{min-height:var(--height-2);padding:var(--space-2) calc(var(--height-2) / 4);font-size:var(--text-md)}.ds-select-option--m{min-height:var(--height-3);padding:var(--space-2) calc(var(--height-3) / 4);font-size:var(--text-lg)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-error{font-size:var(--text-md);color:var(--color-error)}[data-variant=edgy] .ds-select-trigger,[data-variant=edgy] .ds-select-dropdown,[data-variant=edgy] .ds-select-option{border-radius:0}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-stepper-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-stepper{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--field-border);border-radius:var(--radius-2);transition:border-color var(--transition-normal)}.ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--field-border-active)}.ds-stepper:focus-within{border-color:var(--field-border-active)}.ds-stepper--disabled{cursor:not-allowed}.ds-stepper-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast);flex-shrink:0;position:relative;isolation:isolate}.ds-stepper-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-fast)}.ds-stepper-button:hover:not(:disabled){color:var(--color-fg-primary)}.ds-stepper-button:hover:not(:disabled):before{background-color:var(--color-state-hover)}.ds-stepper-button:active:not(:disabled):before{background-color:var(--color-state-active)}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2) 0 0 var(--radius-2);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2) var(--radius-2) 0;border-left:1px solid var(--field-border)}.ds-stepper-input{width:80px;text-align:center;border:none;background-color:transparent;color:var(--color-fg-primary);font-size:var(--text-lg);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:disabled{cursor:not-allowed}.ds-stepper-input::-webkit-inner-spin-button,.ds-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-stepper-input[type=number]{-moz-appearance:textfield}.ds-stepper--xs{height:var(--height-1)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm);letter-spacing:var(--tracking-sm);padding:0 var(--space-2)}.ds-stepper--s{height:var(--height-2)}.ds-stepper--s .ds-stepper-button{width:var(--height-2);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md);letter-spacing:var(--tracking-md);padding:0 var(--space-2)}.ds-stepper--m{height:var(--height-3)}.ds-stepper--m .ds-stepper-button{width:var(--height-3);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg);letter-spacing:var(--tracking-lg);padding:0 var(--space-3)}.ds-stepper-hint{font-size:var(--text-md);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md);letter-spacing:var(--tracking-md);color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper{border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:focus-within{border-color:var(--color-status-error)}.ds-stepper-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-stepper-wrapper--disabled *{cursor:not-allowed}[data-variant=edgy] .ds-stepper,[data-variant=edgy] .ds-stepper-button--minus,[data-variant=edgy] .ds-stepper-button--plus{border-radius:0}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3);border:1px solid var(--card-border);transition:border-color var(--transition-normal),background-color var(--transition-normal),transform var(--transition-normal);text-decoration:none;color:inherit}.ds-card--interactive{cursor:pointer;background-color:var(--color-surface-1);border:none;position:relative;isolation:isolate}.ds-card--interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform)}.ds-card--interactive:hover:not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-card--outline{background-color:transparent;border:1px solid var(--card-border);cursor:pointer;transition:border-color var(--transition-normal),transform var(--transition-normal)}.ds-card--outline:hover:not([aria-disabled=true]){border-color:var(--color-border-strong);transform:var(--card-hover-transform)}.ds-card[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3);gap:var(--space-2)}.ds-card--m{padding:var(--space-4);gap:var(--space-3)}.ds-card--l{padding:var(--space-6);gap:var(--space-4)}[data-variant=edgy] .ds-card{border-radius:0}.ds-h1{font-size:var(--text-4xl);font-weight:var(--font-weight-regular);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl);font-weight:var(--font-weight-regular);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl);font-weight:var(--font-weight-regular);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl);font-weight:var(--font-weight-regular);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-lg);margin:0}.ds-p1--secondary{color:var(--color-fg-secondary)}.ds-p2{font-size:var(--text-md);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-md);margin:0}.ds-p2--secondary{color:var(--color-fg-secondary)}.ds-p3{font-size:var(--text-sm);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-sm);margin:0}.ds-p3--secondary{color:var(--color-fg-secondary)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:var(--ui-font-weight);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--s{padding:2px var(--space-2);font-size:var(--badge-font-size-s);border-radius:var(--radius-2)}.ds-badge--m{padding:3px var(--space-3);font-size:var(--badge-font-size-m);border-radius:var(--radius-3)}.ds-badge--default{background-color:var(--color-state-selected);color:var(--color-fg-secondary)}.ds-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info)}.ds-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.ds-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.ds-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--accent{background-color:var(--color-accent-bg);color:var(--color-accent-default)}.ds-badge--danger{background-color:var(--color-status-error-bg);color:var(--color-status-error)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}[data-variant=edgy] .ds-badge{border-radius:0}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-3)}.ds-alert--no-title{align-items:center}.ds-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-alert:not(.ds-alert--no-title) .ds-alert__icon{margin-top:2px}.ds-alert__content{flex:1;min-width:0}.ds-alert__title{font-size:var(--text-lg);font-weight:var(--font-weight-regular);margin-bottom:var(--space-2)}.ds-alert__message{font-size:var(--text-md);line-height:1.5}.ds-alert__close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-normal)}.ds-alert__close:hover{opacity:1}.ds-alert--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-alert--info .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-alert--success .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-alert--warning .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-alert--error .ds-alert__message{color:var(--color-fg-primary)}[data-variant=edgy] .ds-alert{border-radius:0}@keyframes ds-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);overflow-y:auto;animation:ds-modal-backdrop-in var(--transition-normal) ease}.ds-modal{background-color:var(--color-surface-1);border-radius:var(--radius-4);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;animation:ds-modal-content-in var(--transition-normal) ease .05s both}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out .2s ease forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out .2s ease forwards}@media (prefers-reduced-motion: reduce){.ds-modal-overlay,.ds-modal-overlay--closing,.ds-modal,.ds-modal-overlay--closing .ds-modal{animation:none}}.ds-modal--s{width:100%;max-width:400px}.ds-modal--m{width:100%;max-width:600px}.ds-modal--l{width:100%;max-width:900px}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6)}.ds-modal__title{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0}.ds-modal__body{padding:0 var(--space-6) var(--space-6);flex:1}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-6);background-color:var(--color-surface-1);position:relative;z-index:10;border-bottom-left-radius:var(--space-3);border-bottom-right-radius:var(--space-3)}[data-variant=edgy] .ds-modal{border-radius:0}.ds-code-accordion{min-width:0}.ds-code-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3);color:var(--color-fg-primary);font-size:var(--text-lg);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-code-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3) var(--radius-3) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__title{font-weight:var(--font-weight-regular)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal)}.ds-code-accordion__icon--expanded{transform:rotate(180deg)}.ds-code-accordion__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-normal)}.ds-code-accordion--expanded .ds-code-accordion__content{grid-template-rows:1fr}.ds-code-accordion__pre{overflow:hidden;overflow-x:auto;font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3) var(--radius-3);line-height:1.6;margin:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal) .05s,visibility 0s var(--transition-normal)}.ds-code-accordion--expanded .ds-code-accordion__pre{opacity:1;visibility:visible;transition:opacity var(--transition-normal) .05s,visibility 0s 0s}.ds-code-accordion--s .ds-code-accordion__header,.ds-code-accordion--s .ds-code-accordion__pre{padding:var(--space-2)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4)}.ds-code-accordion__pre code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 640px){.ds-code-accordion__header{font-size:var(--text-md)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3)}}[data-variant=edgy] .ds-code-accordion,[data-variant=edgy] .ds-code-accordion__header,[data-variant=edgy] .ds-code-accordion__pre{border-radius:0}.ds-code-inline{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:2px 6px;border-radius:var(--radius-3);white-space:nowrap}.ds-code-block{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3);border-radius:var(--radius-3);overflow-x:auto;line-height:1.6;margin:0}.ds-code-block code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}[data-variant=edgy] .ds-code-block,[data-variant=edgy] .ds-code-inline{border-radius:0}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast),text-decoration var(--transition-fast);font-size:inherit;font-weight:inherit;line-height:inherit}.ds-link:hover{color:var(--color-accent-hover);text-decoration:underline}.ds-link:active{color:var(--color-accent-hover)}.ds-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:var(--ui-font-weight);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--transition-normal),background-color var(--transition-normal);white-space:nowrap;text-decoration:none}.ds-tab--ghost{border:none;color:var(--color-fg-secondary);position:relative;isolation:isolate}.ds-tab--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-tab--ghost.ds-tab--selected{color:var(--color-fg-primary)}.ds-tab--ghost.ds-tab--selected:before{background-color:var(--color-state-selected)}.ds-tab--xs{height:var(--height-1);padding:0 calc(var(--height-1) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2)}.ds-tab--s{height:var(--height-2);padding:0 calc(var(--height-2) / 2);font-size:var(--tab-font-size-s);border-radius:var(--radius-2)}.ds-tab--m{height:var(--height-3);padding:0 calc(var(--height-3) / 2);font-size:var(--tab-font-size-m);border-radius:var(--radius-3)}.ds-tab--l{height:var(--height-4);padding:0 calc(var(--height-4) / 2);font-size:var(--tab-font-size-l);border-radius:var(--radius-3);gap:var(--space-3)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}[data-variant=edgy] .ds-tab{border-radius:0}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:var(--color-surface-1)}.ds-seg--disabled{opacity:.5;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3) - 2px);pointer-events:none;z-index:0}.ds-seg__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-md);letter-spacing:var(--ui-tracking);text-transform:var(--ui-text-transform);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3) - 2px);white-space:nowrap;transition:color var(--transition-fast)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn--active{color:var(--color-fg-primary)}.ds-seg__btn-icon{display:flex;align-items:center;flex-shrink:0}.ds-seg--s .ds-seg__btn{height:var(--height-1);padding:0 var(--space-2);font-size:var(--text-sm)}.ds-seg--m .ds-seg__btn{height:var(--height-2);padding:0 var(--space-3)}.ds-seg--l .ds-seg__btn{height:var(--height-3);padding:0 var(--space-4);font-size:var(--text-lg)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}[data-variant=edgy] .ds-seg,[data-variant=edgy] .ds-seg__pill,[data-variant=edgy] .ds-seg__btn{border-radius:0}.ds-accordion{min-width:0}.ds-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3);color:var(--color-fg-primary);font-size:var(--text-xl);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3) var(--radius-3) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__title{font-weight:var(--font-weight-regular)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal)}.ds-accordion__icon--expanded{transform:rotate(180deg)}.ds-accordion__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-normal)}.ds-accordion--expanded .ds-accordion__content{grid-template-rows:1fr}.ds-accordion__content-inner{overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-surface-1);border-radius:0 0 var(--radius-3) var(--radius-3);opacity:0;visibility:hidden;transition:opacity var(--transition-normal) .05s,visibility 0s var(--transition-normal)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal) .05s,visibility 0s 0s}.ds-accordion--s .ds-accordion__header{padding:var(--space-3)}.ds-accordion--s .ds-accordion__content-inner{padding:var(--space-3);gap:var(--space-2)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4)}.ds-accordion--m .ds-accordion__content-inner{padding:var(--space-4);gap:var(--space-3)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-6);gap:var(--space-4)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4);gap:var(--space-3)}}[data-variant=edgy] .ds-accordion,[data-variant=edgy] .ds-accordion__header,[data-variant=edgy] .ds-accordion__content-inner{border-radius:0}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{background-color:var(--color-surface-3);color:var(--color-fg-secondary);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2);white-space:normal;word-wrap:break-word;pointer-events:none;line-height:1.4}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border-default)}.ds-tooltip--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-border-default)}.ds-tooltip--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-border-default)}.ds-tooltip--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-border-default)}.ds-tooltip--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-right-color:var(--color-surface-3);z-index:1}[data-variant=edgy] .ds-tooltip{border-radius:0}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ds-toggle--disabled{opacity:.5;cursor:not-allowed}.ds-toggle__input{position:absolute;opacity:0;pointer-events:none}.ds-toggle__track{position:relative;display:flex;align-items:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);flex-shrink:0}.ds-toggle__input:checked+.ds-toggle__track{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-toggle__input:not(:checked)+.ds-toggle__track:hover{border-color:var(--field-border-active)}.ds-toggle__thumb{background-color:var(--color-accent-fg);border-radius:50%;transition:transform var(--transition-normal);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1) * 1.75);height:var(--icon-1);border-radius:calc(var(--icon-1) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1) - 4px);height:calc(var(--icon-1) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2) * 1.75);height:var(--icon-2);border-radius:calc(var(--icon-2) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2) - 4px);height:calc(var(--icon-2) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3) * 1.75);height:var(--icon-3);border-radius:calc(var(--icon-3) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3) - 4px);height:calc(var(--icon-3) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4) * 1.75);height:var(--icon-4);border-radius:calc(var(--icon-4) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4) - 6px);height:calc(var(--icon-4) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ds-checkbox--disabled{opacity:.5;cursor:not-allowed}.ds-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ds-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);flex-shrink:0;border-radius:4px}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-checkbox__input:not(:checked)+.ds-checkbox__box:hover{border-color:var(--field-border-active)}.ds-checkbox__icon{color:var(--color-accent-fg)}.ds-checkbox__label{font-size:var(--text-lg);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1);height:var(--icon-1)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2);height:var(--icon-2)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3);height:var(--icon-3)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4);height:var(--icon-4)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg)}[data-variant=edgy] .ds-checkbox__box{border-radius:0}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ds-radio--disabled{opacity:.5;cursor:not-allowed}.ds-radio__input{position:absolute;opacity:0;pointer-events:none}.ds-radio__circle{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);flex-shrink:0;border-radius:50%}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-radio__input:not(:checked)+.ds-radio__circle:hover{border-color:var(--field-border-active)}.ds-radio__dot{background-color:var(--color-accent-fg);border-radius:50%;opacity:0;transition:opacity var(--transition-normal)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1);height:var(--icon-1)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm)}.ds-radio--s .ds-radio__circle{width:var(--icon-2);height:var(--icon-2)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md)}.ds-radio--m .ds-radio__circle{width:var(--icon-3);height:var(--icon-3)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg)}.ds-radio--l .ds-radio__circle{width:var(--icon-4);height:var(--icon-4)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg)}.ds-skeleton{display:block;background-color:var(--color-surface-2);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ds-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ds-skeleton--rect{border-radius:var(--radius-2)}.ds-skeleton--circle{border-radius:var(--radius-full)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2)}[data-variant=edgy] .ds-skeleton--rect,[data-variant=edgy] .ds-skeleton--text{border-radius:0}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.ds-avatar{flex-shrink:0;border-radius:var(--radius-full);display:grid;place-items:center;border:1px solid var(--color-border-default);background-color:hsl(var(--ds-avatar-h, 220) 22% 88%);color:hsl(var(--ds-avatar-h, 220) 30% 35%);overflow:hidden}[data-theme=dark] .ds-avatar,:root:not([data-theme=light]) .ds-avatar{background-color:hsl(var(--ds-avatar-h, 220) 18% 22%);color:hsl(var(--ds-avatar-h, 220) 40% 72%)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-3);border:1px solid var(--table-wrap-border)}.ds-table-wrap--scroll{overflow-y:auto}.ds-table-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-table-wrap::-webkit-scrollbar{height:6px;width:6px}.ds-table-wrap::-webkit-scrollbar-track{background:transparent}.ds-table-wrap::-webkit-scrollbar-thumb{background-color:var(--color-border-default);border-radius:var(--radius-full)}.ds-table-wrap::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-1)}.ds-table thead{background-color:var(--color-surface-2)}.ds-table th{font-family:var(--table-th-font-family);font-weight:var(--table-th-weight);font-size:var(--table-th-font-size);color:var(--table-th-color);letter-spacing:var(--table-th-tracking);text-transform:var(--table-th-text-transform);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:var(--ds-table-sticky-top, 0px);z-index:2;background-color:var(--color-surface-2);box-shadow:0 1px 0 var(--table-row-border)}.ds-th--sortable{cursor:pointer}.ds-th--sortable:hover{color:var(--color-fg-primary)}.ds-table td{text-align:left;color:var(--color-fg-primary);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--compact th,.ds-table--compact td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3) var(--space-4);font-size:var(--text-md);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast)}.ds-table-row--interactive:hover{background-color:var(--color-state-hover)}.ds-table-row--interactive:active{background-color:var(--color-state-active)}.ds-table-row--selected,.ds-table-row--selected.ds-table-row--interactive:hover{background-color:var(--color-state-selected)}.ds-table-cell--center{text-align:center}.ds-table-cell--right{text-align:right}.ds-table-cell--secondary{color:var(--color-fg-secondary)}.ds-table-cell--muted{color:var(--color-fg-disabled)}.ds-table-cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-table-cell--nowrap{white-space:nowrap}.ds-th__inner{display:inline-flex;align-items:center;gap:var(--space-1)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast)}.ds-th--sorted .ds-th__sort-icon{opacity:1;color:var(--color-accent-default)}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.7}.ds-table-row--subheader td{font-family:var(--table-subrow-font);color:var(--table-subrow-color);background-color:var(--table-subrow-bg);letter-spacing:var(--table-subrow-tracking);text-transform:var(--table-subrow-transform);font-weight:var(--table-th-weight);border-top:1px solid var(--table-row-border);border-bottom:1px solid var(--table-row-border);pointer-events:none;-webkit-user-select:none;user-select:none}[data-variant=edgy] .ds-table-wrap{border-radius:0}.ds-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ds-empty-state__icon{color:var(--color-fg-disabled);flex-shrink:0;display:flex;align-items:center}.ds-empty-state--s .ds-empty-state__icon svg{width:var(--icon-3);height:var(--icon-3)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5);height:var(--icon-5)}.ds-empty-state__title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6);gap:var(--space-2)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm)}.ds-empty-state--m{padding:var(--space-10);gap:var(--space-3)}.ds-empty-state--l{padding:var(--space-16);gap:var(--space-4)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl)}.ds-empty-state__action{margin-top:var(--space-1)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown__trigger{display:inline-flex}@keyframes ds-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-dropdown__menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;background-color:var(--color-surface-0);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-2);animation:ds-dropdown-in var(--transition-fast) ease}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--transition-fast) ease forwards}@media (prefers-reduced-motion: reduce){.ds-dropdown__menu{animation:none!important}}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--height-2);padding:0 var(--space-3);background:none;border:none;border-radius:var(--radius-2);cursor:pointer;font-size:var(--text-md);font-family:var(--font-ui);font-weight:var(--font-weight-regular);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-dropdown__item:disabled,.ds-dropdown__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-dropdown__item--danger{color:var(--color-status-error)}.ds-dropdown__item--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0}.ds-dropdown__item-label{flex:1}.ds-dropdown__item-shortcut{font-size:var(--text-sm);color:var(--color-fg-disabled);padding-left:var(--space-3)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2) 0}.ds-dropdown__section{padding:var(--space-2) var(--space-2) var(--space-2)}.ds-dropdown__section-label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-2);padding:0 var(--space-1)}[data-variant=edgy] .ds-dropdown__menu,[data-variant=edgy] .ds-dropdown__item{border-radius:0}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6);right:var(--space-6);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6);left:var(--space-6);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6);right:var(--space-6);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6);left:var(--space-6);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-3);box-shadow:var(--shadow-3);font-size:var(--text-md);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.ds-toast--visible{opacity:1;transform:translateY(0)}.ds-toast--default{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-toast--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-toast--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-toast--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:0;display:flex;align-items:center;transition:opacity var(--transition-normal)}.ds-toast__close:hover{opacity:1}[data-variant=edgy] .ds-toast{border-radius:0}
|
|
1
|
+
@layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--color-info: #60A5FA;--color-info-dark: #2563EB;--color-success: #00C86E;--color-success-dark: #00A055;--color-warning: #FFBB00;--color-warning-dark: #D97706;--color-error: #FF1200;--color-error-dark: #DC2626;--color-surface-0: #0E0F11;--color-surface-1: #16181C;--color-surface-2: #1E2026;--color-surface-3: #262830;--color-fg-primary: rgba(248, 249, 250, .92);--color-fg-secondary: rgba(248, 249, 250, .65);--color-fg-disabled: rgba(248, 249, 250, .3);--color-state-hover: rgba(248, 249, 250, .07);--color-state-active: rgba(248, 249, 250, .12);--color-state-selected: rgba(248, 249, 250, .1);--color-border-light: rgba(248, 249, 250, .08);--color-border-default: rgba(248, 249, 250, .2);--color-border-strong: rgba(248, 249, 250, .4);--color-border-focus: rgba(248, 249, 250, .5);--color-accent-default: var(--color-red);--color-accent-hover: var(--color-red-light);--color-accent-fg: var(--color-white);--color-accent-hover-fg: var(--color-accent-fg);--color-accent-bg: rgba(234, 100, 100, .12);--color-status-info: var(--color-info);--color-status-info-bg: rgba(37, 99, 235, .15);--color-status-success: var(--color-success);--color-status-success-bg: rgba(0, 160, 85, .15);--color-status-warning: var(--color-warning);--color-status-warning-bg: rgba(217, 119, 6, .15);--color-status-error: var(--color-error);--color-status-error-bg: rgba(220, 38, 38, .15);--color-overlay: rgba(14, 15, 17, .65);--shadow-1: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(248, 249, 250, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5), 0 0 0 1px rgba(248, 249, 250, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(248, 249, 250, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-6: 12px;--radius-8: 16px;--radius-full: 9999px;--height-1: 24px;--height-2: 32px;--height-3: 44px;--height-4: 56px;--icon-1: 16px;--icon-2: 20px;--icon-3: 24px;--icon-4: 28px;--icon-5: 48px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-4xl: 32px;--text-3xl: 28px;--text-2xl: 24px;--text-xl: 20px;--text-lg: 16px;--text-md: 14px;--text-sm: 12px;--tracking-4xl: 0;--tracking-3xl: 0;--tracking-2xl: 0;--tracking-xl: 0;--tracking-lg: .02em;--tracking-md: .04em;--tracking-sm: .06em;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-dropdown: 400;--z-toast: 500;--z-tooltip: 600;--layout-padding-x: 16px;--layout-padding-y: 32px;--layout-header-height: 64px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-ui: inherit;--ui-font-weight: var(--font-weight-medium);--ui-tracking: 0;--tab-tracking: 0;--ui-text-transform: none;--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-md);--tab-font-size-m: var(--text-lg);--tab-font-size-l: var(--text-lg);--label-font-size: var(--text-md);--label-color: var(--color-fg-primary);--label-tracking: 0;--label-text-transform: none;--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--btn-padding-ratio: .5;--btn-font-weight: var(--font-weight-medium);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-md);--btn-font-size-m: var(--text-lg);--btn-font-size-l: var(--text-xl);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-3);--btn-icon-size-l: var(--icon-4);--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-border-strong);--btn-secondary-hover-bg: var(--color-state-hover);--btn-secondary-hover-color: var(--btn-secondary-color);--badge-font-size-s: var(--text-sm);--badge-font-size-m: var(--text-md);--badge-tracking: var(--ui-tracking);--badge-text-transform: var(--ui-text-transform);--card-border: var(--color-border-light);--card-hover-transform: none;--table-th-font-family: var(--font-ui);--table-th-font-size: inherit;--table-th-color: var(--color-fg-secondary);--table-th-weight: var(--font-weight-semibold);--table-th-tracking: 0;--table-th-text-transform: none;--table-wrap-border: var(--color-border-light);--table-row-border: var(--color-border-light);--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: var(--font-ui);--table-subrow-tracking: 0;--table-subrow-transform: none;--color-accent-2: #FFCD1B;--color-accent-2-bg: rgba(255, 205, 27, .1);--color-accent-2-fg: #0A0A0B;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1280px}[data-variant=edgy]{--color-surface-0: #0A0A0B;--color-surface-1: #111114;--color-surface-2: #18181C;--color-surface-3: #1F1F24;--color-border-light: rgba(255, 250, 250, .05);--color-border-default: rgba(255, 250, 250, .1);--color-border-strong: rgba(255, 250, 250, .22);--color-border-focus: rgba(255, 250, 250, .42);--shadow-1: 0 2px 12px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 250, 250, .05);--shadow-2: 0 8px 32px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 250, 250, .06);--shadow-3: 0 20px 60px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 250, 250, .07);--font-ui: "Fira Code", monospace;--ui-font-weight: var(--font-weight-regular);--ui-tracking: .15em;--tab-tracking: .1em;--ui-text-transform: uppercase;--btn-padding-ratio: .62;--btn-font-weight: var(--font-weight-regular);--btn-font-size-xs: var(--text-sm);--btn-font-size-s: var(--text-sm);--btn-font-size-m: var(--text-sm);--btn-font-size-l: var(--text-sm);--tab-font-size-xs: var(--text-sm);--tab-font-size-s: var(--text-sm);--tab-font-size-m: var(--text-sm);--tab-font-size-l: var(--text-sm);--label-font-size: var(--text-sm);--label-color: var(--color-fg-secondary);--field-border: rgba(248, 249, 250, .2);--field-border-active: rgba(248, 249, 250, .4);--btn-icon-size-xs: 16px;--btn-icon-size-s: 16px;--btn-icon-size-m: 18px;--btn-icon-size-l: 20px;--btn-secondary-color: var(--color-fg-primary);--btn-secondary-border: var(--color-border-default);--btn-secondary-hover-border: var(--color-accent-2);--btn-secondary-hover-bg: var(--color-accent-2);--btn-secondary-hover-color: var(--color-accent-2-fg);--badge-tracking: 0;--badge-text-transform: none;--card-border: rgba(255, 250, 250, .12);--card-hover-transform: translateY(-3px);--table-th-font-family: "Fira Code", monospace;--table-th-color: var(--color-accent-default);--table-th-weight: var(--font-weight-regular);--table-th-tracking: .15em;--table-th-text-transform: uppercase;--table-subrow-bg: var(--color-surface-2);--table-subrow-color: var(--color-fg-secondary);--table-subrow-font: "Fira Code", monospace;--table-subrow-tracking: .15em;--table-subrow-transform: uppercase;--color-accent-hover: var(--color-accent-2);--color-accent-hover-fg: var(--color-accent-2-fg)}[data-theme=light]{--color-surface-0: #F8F9FA;--color-surface-1: #F2F2F2;--color-surface-2: #E8E8E8;--color-surface-3: #F8F9FA;--color-fg-primary: rgba(14, 15, 17, .95);--color-fg-secondary: rgba(14, 15, 17, .65);--color-fg-disabled: rgba(14, 15, 17, .3);--color-state-hover: rgba(14, 15, 17, .05);--color-state-active: rgba(14, 15, 17, .1);--color-state-selected: rgba(14, 15, 17, .08);--color-accent-hover: var(--color-red-dark);--color-border-light: rgba(14, 15, 17, .1);--color-border-default: rgba(14, 15, 17, .2);--color-border-strong: rgba(14, 15, 17, .4);--color-border-focus: rgba(14, 15, 17, .5);--color-overlay: rgba(14, 15, 17, .6);--shadow-1: 0 2px 8px rgba(0, 0, 0, .1);--shadow-2: 0 8px 24px rgba(0, 0, 0, .14);--shadow-3: 0 16px 48px rgba(0, 0, 0, .18);--color-status-info: var(--color-info-dark);--color-status-info-bg: rgba(96, 165, 250, .15);--color-status-success: var(--color-success-dark);--color-status-success-bg: rgba(0, 200, 110, .15);--color-status-warning: var(--color-warning-dark);--color-status-warning-bg: rgba(255, 187, 0, .15);--color-status-error: var(--color-error-dark);--color-status-error-bg: rgba(255, 18, 0, .15)}[data-variant=edgy][data-theme=light]{--color-accent-hover: var(--color-accent-2);--color-accent-hover-fg: var(--color-accent-2-fg);--field-border: var(--color-border-default);--field-border-active: var(--color-border-strong);--card-border: var(--color-border-light);--shadow-1: 0 2px 8px rgba(0, 0, 0, .1), 0 0 0 1px rgba(14, 15, 17, .06);--shadow-2: 0 8px 24px rgba(0, 0, 0, .14), 0 0 0 1px rgba(14, 15, 17, .08);--shadow-3: 0 16px 48px rgba(0, 0, 0, .18), 0 0 0 1px rgba(14, 15, 17, .1)}@media (min-width: 768px){:root{--text-4xl: 40px;--text-3xl: 36px;--text-2xl: 28px;--text-xl: 24px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--tracking-lg: .02em;--tracking-md: .02em;--tracking-sm: .04em;--layout-padding-x: 20px;--layout-padding-y: 48px;--layout-header-height: 72px}}@media (min-width: 1280px){:root{--layout-padding-x: 24px;--layout-padding-y: 64px}}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-surface-0);color:var(--color-fg-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}*{box-sizing:border-box}}.ds-spinner{display:inline-block;border-radius:var(--radius-full);border-style:solid;border-color:currentColor;border-top-color:transparent;flex-shrink:0;animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner--xs{width:12px;height:12px;border-width:1.5px}.ds-spinner--s{width:16px;height:16px;border-width:2px}.ds-spinner--m{width:20px;height:20px;border-width:2px}.ds-spinner--l{width:24px;height:24px;border-width:2.5px}.ds-spinner--xl{width:32px;height:32px;border-width:3px}.ds-spinner--default{color:var(--color-accent-default)}.ds-spinner--secondary{color:var(--color-fg-secondary)}.ds-spinner--on-accent{color:var(--color-accent-fg)}@media (prefers-reduced-motion: reduce){.ds-spinner{animation-duration:.01ms;animation-iteration-count:1}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--btn-font-weight);font-family:var(--font-ui);letter-spacing:var(--ui-tracking);text-transform:var(--ui-text-transform);line-height:1;border:none;cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{background-color:transparent!important;color:var(--color-fg-disabled)!important;border-color:var(--color-border-default)!important;border-width:1px;border-style:solid;cursor:not-allowed;pointer-events:none}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz);height:var(--_btn-icon-sz)}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l)}.ds-button--primary{color:var(--color-accent-fg);background-color:var(--color-accent-default)}.ds-button--primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-hover);color:var(--color-accent-hover-fg)}.ds-button--secondary{color:var(--btn-secondary-color);background-color:transparent;border:1px solid var(--btn-secondary-border)}.ds-button--secondary:before,.ds-button--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--btn-secondary-hover-border);color:var(--btn-secondary-hover-color)}.ds-button--secondary:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--btn-secondary-hover-bg)}.ds-button--ghost{color:var(--color-fg-secondary);background-color:transparent}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-button--ghost:hover:not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-button--danger{color:var(--color-accent-fg);background-color:var(--color-error-dark)}.ds-button--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:#b91c1c}.ds-button--xs{height:var(--height-1);padding:0 calc(var(--height-1) * var(--btn-padding-ratio));font-size:var(--btn-font-size-xs);border-radius:var(--radius-2)}.ds-button--s{height:var(--height-2);padding:0 calc(var(--height-2) * var(--btn-padding-ratio));font-size:var(--btn-font-size-s);border-radius:var(--radius-2)}.ds-button--m{height:var(--height-3);padding:0 calc(var(--height-3) * var(--btn-padding-ratio));font-size:var(--btn-font-size-m);border-radius:var(--radius-3)}.ds-button--l{height:var(--height-4);padding:0 calc(var(--height-4) * var(--btn-padding-ratio));font-size:var(--btn-font-size-l);border-radius:var(--radius-3);gap:var(--space-3)}.ds-button--full{width:100%}.ds-button--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-button[data-state=loading]{cursor:not-allowed;pointer-events:none;opacity:.7}.ds-button[data-state=success]{background-color:var(--color-status-success-bg);border:1px solid var(--color-status-success);color:var(--color-status-success)}.ds-button[data-state=error]{background-color:var(--color-status-error-bg);border:1px solid var(--color-status-error);color:var(--color-status-error)}[data-variant=edgy] .ds-button{border-radius:0}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-input-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-input-container{position:relative;display:flex;align-items:center}.ds-input{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal);line-height:1.5}.ds-input::placeholder{color:var(--color-fg-secondary)}.ds-input:hover:not(:disabled){border-color:var(--field-border-active)}.ds-input:focus,.ds-input:active{outline:none;border-color:var(--field-border-active)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1);padding:0 calc(var(--height-1) / 4);font-size:var(--text-sm);border-radius:var(--radius-2)}.ds-input--s{height:var(--height-2);padding:0 calc(var(--height-2) / 4);font-size:var(--text-md);border-radius:var(--radius-2)}.ds-input--m{height:var(--height-3);padding:0 calc(var(--height-3) / 4);font-size:var(--text-lg);border-radius:var(--radius-3)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1) / 4 + 16px + var(--height-1) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2) / 4 + 20px + var(--height-2) / 4)}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3) / 4 + 24px + var(--height-3) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1) / 4 + 16px + var(--height-1) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2) / 4 + 20px + var(--height-2) / 4)}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3) / 4 + 24px + var(--height-3) / 4)}.ds-input-icon{position:absolute;display:flex;align-items:center;color:var(--color-fg-secondary);pointer-events:none}.ds-input-icon--xs{left:6px}.ds-input-icon--s{left:8px}.ds-input-icon--m{left:11px}.ds-input-icon-right{position:absolute;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-normal);padding:0}.ds-input-icon-right:hover{color:var(--color-fg-primary)}.ds-input-icon-right--xs{right:6px}.ds-input-icon-right--s{right:8px}.ds-input-icon-right--m{right:11px}.ds-input-hint{font-size:var(--text-md);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-fast)}.ds-input-wrapper--error .ds-input-error-wrap{grid-template-rows:1fr}.ds-input-error-inner{overflow:hidden}.ds-input-error{display:block;padding-top:var(--space-1);font-size:var(--text-md);color:var(--color-error)}[data-variant=edgy] .ds-input{border-radius:0}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-textarea-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-textarea{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);transition:border-color var(--transition-normal);line-height:1.5;resize:vertical;background:linear-gradient(315deg,transparent 5px,var(--field-border) 5px,var(--field-border) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border) 10px,var(--field-border) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea::placeholder{color:var(--color-fg-secondary)}.ds-textarea::-webkit-resizer{display:none}.ds-textarea:hover:not(:disabled){border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:focus,.ds-textarea:active{outline:none;border-color:var(--field-border-active);background:linear-gradient(315deg,transparent 5px,var(--field-border-active) 5px,var(--field-border-active) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--field-border-active) 10px,var(--field-border-active) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea:disabled{cursor:not-allowed}.ds-textarea--error{border-color:var(--color-error);background:linear-gradient(315deg,transparent 5px,var(--color-error) 5px,var(--color-error) 6px,transparent 6px),linear-gradient(315deg,transparent 10px,var(--color-error) 10px,var(--color-error) 11px,transparent 11px);background-repeat:no-repeat;background-position:bottom right;background-size:16px 16px}.ds-textarea--no-resize{resize:none;background:none}.ds-textarea--xs{padding:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-2)}.ds-textarea--s{padding:var(--space-2) var(--space-3);font-size:var(--text-md);border-radius:var(--radius-2)}.ds-textarea--m{padding:var(--space-3);font-size:var(--text-lg);border-radius:var(--radius-3)}.ds-textarea-hint{font-size:var(--text-md);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md);color:var(--color-error)}[data-variant=edgy] .ds-textarea{border-radius:0}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-select-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-select-container{position:relative}.ds-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:1px solid var(--field-border);cursor:pointer;transition:border-color var(--transition-normal);text-align:left;line-height:1.5}.ds-select-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-select-trigger:hover:not(:disabled){border-color:var(--field-border-active)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1);padding:0 calc(var(--height-1) / 4);font-size:var(--text-sm);border-radius:var(--radius-2)}.ds-select-trigger--s{height:var(--height-2);padding:0 calc(var(--height-2) / 4);font-size:var(--text-md);border-radius:var(--radius-2)}.ds-select-trigger--m{height:var(--height-3);padding:0 calc(var(--height-3) / 4);font-size:var(--text-lg);border-radius:var(--radius-3)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal)}.ds-select-icon--open{transform:rotate(180deg)}.ds-select-icon--up{transform:rotate(0)}@keyframes ds-select-in-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ds-select-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-select-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.ds-select-dropdown{position:fixed;background-color:var(--color-surface-0);border:1px solid var(--field-border);box-shadow:var(--shadow-1);z-index:var(--z-dropdown);max-height:300px;overflow-y:auto}.ds-select-dropdown--down{animation:ds-select-in-down var(--transition-fast) ease}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--transition-fast) ease forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--transition-fast) ease}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--transition-fast) ease forwards}@media (prefers-reduced-motion: reduce){.ds-select-dropdown{animation:none!important}}.ds-select-dropdown--s{border-radius:var(--radius-2)}.ds-select-dropdown--m{border-radius:var(--radius-3)}.ds-select-option{width:100%;font-family:inherit;color:var(--color-fg-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;position:relative;isolation:isolate}.ds-select-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-select-option--s{min-height:var(--height-2);padding:var(--space-2) calc(var(--height-2) / 4);font-size:var(--text-md)}.ds-select-option--m{min-height:var(--height-3);padding:var(--space-2) calc(var(--height-3) / 4);font-size:var(--text-lg)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-error{font-size:var(--text-md);color:var(--color-error)}[data-variant=edgy] .ds-select-trigger,[data-variant=edgy] .ds-select-dropdown,[data-variant=edgy] .ds-select-option{border-radius:0}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.ds-stepper-label{font-family:var(--font-ui);font-size:var(--label-font-size);font-weight:var(--font-weight-regular);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color)}.ds-stepper{display:flex;align-items:stretch;width:fit-content;border:1px solid var(--field-border);border-radius:var(--radius-2);transition:border-color var(--transition-normal)}.ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--field-border-active)}.ds-stepper:focus-within{border-color:var(--field-border-active)}.ds-stepper--disabled{cursor:not-allowed}.ds-stepper-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast);flex-shrink:0;position:relative;isolation:isolate}.ds-stepper-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-fast)}.ds-stepper-button:hover:not(:disabled){color:var(--color-fg-primary)}.ds-stepper-button:hover:not(:disabled):before{background-color:var(--color-state-hover)}.ds-stepper-button:active:not(:disabled):before{background-color:var(--color-state-active)}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2) 0 0 var(--radius-2);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2) var(--radius-2) 0;border-left:1px solid var(--field-border)}.ds-stepper-input{width:80px;text-align:center;border:none;background-color:transparent;color:var(--color-fg-primary);font-size:var(--text-lg);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:disabled{cursor:not-allowed}.ds-stepper-input::-webkit-inner-spin-button,.ds-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ds-stepper-input[type=number]{-moz-appearance:textfield}.ds-stepper--xs{height:var(--height-1)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm);letter-spacing:var(--tracking-sm);padding:0 var(--space-2)}.ds-stepper--s{height:var(--height-2)}.ds-stepper--s .ds-stepper-button{width:var(--height-2);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md);letter-spacing:var(--tracking-md);padding:0 var(--space-2)}.ds-stepper--m{height:var(--height-3)}.ds-stepper--m .ds-stepper-button{width:var(--height-3);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg);letter-spacing:var(--tracking-lg);padding:0 var(--space-3)}.ds-stepper-hint{font-size:var(--text-md);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md);letter-spacing:var(--tracking-md);color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper{border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:hover:not(.ds-stepper--disabled){border-color:var(--color-status-error)}.ds-stepper-wrapper--error .ds-stepper:focus-within{border-color:var(--color-status-error)}.ds-stepper-wrapper--disabled{opacity:.5;cursor:not-allowed}.ds-stepper-wrapper--disabled *{cursor:not-allowed}[data-variant=edgy] .ds-stepper,[data-variant=edgy] .ds-stepper-button--minus,[data-variant=edgy] .ds-stepper-button--plus{border-radius:0}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3);border:1px solid var(--card-border);transition:border-color var(--transition-normal),background-color var(--transition-normal),transform var(--transition-normal);text-decoration:none;color:inherit}.ds-card--interactive{cursor:pointer;background-color:var(--color-surface-1);border:none;position:relative;isolation:isolate}.ds-card--interactive:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform)}.ds-card--interactive:hover:not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-card--outline{background-color:transparent;border:1px solid var(--card-border);cursor:pointer;transition:border-color var(--transition-normal),transform var(--transition-normal)}.ds-card--outline:hover:not([aria-disabled=true]){border-color:var(--color-border-strong);transform:var(--card-hover-transform)}.ds-card[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3);gap:var(--space-2)}.ds-card--m{padding:var(--space-4);gap:var(--space-3)}.ds-card--l{padding:var(--space-6);gap:var(--space-4)}[data-variant=edgy] .ds-card{border-radius:0}.ds-h1{font-size:var(--text-4xl);font-weight:var(--font-weight-regular);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl);font-weight:var(--font-weight-regular);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl);font-weight:var(--font-weight-regular);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl);font-weight:var(--font-weight-regular);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-lg);margin:0}.ds-p1--secondary{color:var(--color-fg-secondary)}.ds-p2{font-size:var(--text-md);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-md);margin:0}.ds-p2--secondary{color:var(--color-fg-secondary)}.ds-p3{font-size:var(--text-sm);font-weight:var(--font-weight-regular);line-height:1.5;color:var(--color-fg-primary);letter-spacing:var(--tracking-sm);margin:0}.ds-p3--secondary{color:var(--color-fg-secondary)}.ds-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-weight:var(--ui-font-weight);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--s{padding:2px var(--space-2);font-size:var(--badge-font-size-s);border-radius:var(--radius-2)}.ds-badge--m{padding:3px var(--space-3);font-size:var(--badge-font-size-m);border-radius:var(--radius-3)}.ds-badge--default{background-color:var(--color-state-selected);color:var(--color-fg-secondary)}.ds-badge--info{background-color:var(--color-status-info-bg);color:var(--color-status-info)}.ds-badge--success{background-color:var(--color-status-success-bg);color:var(--color-status-success)}.ds-badge--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning)}.ds-badge--error{background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-badge--accent{background-color:var(--color-accent-bg);color:var(--color-accent-default)}.ds-badge--danger{background-color:var(--color-status-error-bg);color:var(--color-status-error)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}[data-variant=edgy] .ds-badge{border-radius:0}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-3)}.ds-alert--no-title{align-items:center}.ds-alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-alert:not(.ds-alert--no-title) .ds-alert__icon{margin-top:2px}.ds-alert__content{flex:1;min-width:0}.ds-alert__title{font-size:var(--text-lg);font-weight:var(--font-weight-regular);margin-bottom:var(--space-2)}.ds-alert__message{font-size:var(--text-md);line-height:1.5}.ds-alert__close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-normal)}.ds-alert__close:hover{opacity:1}.ds-alert--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-alert--info .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-alert--success .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-alert--warning .ds-alert__message{color:var(--color-fg-primary)}.ds-alert--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-alert--error .ds-alert__message{color:var(--color-fg-primary)}[data-variant=edgy] .ds-alert{border-radius:0}@keyframes ds-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ds-modal-content-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);overflow-y:auto;animation:ds-modal-backdrop-in var(--transition-normal) ease}.ds-modal{background-color:var(--color-surface-1);border-radius:var(--radius-4);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;animation:ds-modal-content-in var(--transition-normal) ease .05s both}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out .2s ease forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out .2s ease forwards}@media (prefers-reduced-motion: reduce){.ds-modal-overlay,.ds-modal-overlay--closing,.ds-modal,.ds-modal-overlay--closing .ds-modal{animation:none}}.ds-modal--s{width:100%;max-width:400px}.ds-modal--m{width:100%;max-width:600px}.ds-modal--l{width:100%;max-width:900px}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6)}.ds-modal__title{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);margin:0}.ds-modal__body{padding:0 var(--space-6) var(--space-6);flex:1}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-6);background-color:var(--color-surface-1);position:relative;z-index:10;border-bottom-left-radius:var(--space-3);border-bottom-right-radius:var(--space-3)}[data-variant=edgy] .ds-modal{border-radius:0}.ds-code-accordion{min-width:0}.ds-code-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3);color:var(--color-fg-primary);font-size:var(--text-lg);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-code-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3) var(--radius-3) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__title{font-weight:var(--font-weight-regular)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal)}.ds-code-accordion__icon--expanded{transform:rotate(180deg)}.ds-code-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal)}.ds-code-accordion--expanded .ds-code-accordion__content{grid-template-rows:1fr}.ds-code-accordion__inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal) .05s,visibility 0s var(--transition-normal)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal) .05s,visibility 0s 0s}.ds-code-accordion__pre{overflow-x:auto;font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3) var(--radius-3);line-height:1.6;margin:0}.ds-code-accordion--s .ds-code-accordion__header,.ds-code-accordion--s .ds-code-accordion__pre{padding:var(--space-2)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4)}.ds-code-accordion__pre code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 640px){.ds-code-accordion__header{font-size:var(--text-md)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3)}}[data-variant=edgy] .ds-code-accordion,[data-variant=edgy] .ds-code-accordion__header,[data-variant=edgy] .ds-code-accordion__pre{border-radius:0}@media (prefers-reduced-motion: reduce){.ds-code-accordion__inner{transition:none}}.ds-code-inline{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:2px 6px;border-radius:var(--radius-3);white-space:nowrap}.ds-code-block{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3);border-radius:var(--radius-3);overflow-x:auto;line-height:1.6;margin:0}.ds-code-block code{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}[data-variant=edgy] .ds-code-block,[data-variant=edgy] .ds-code-inline{border-radius:0}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast),text-decoration var(--transition-fast);font-size:inherit;font-weight:inherit;line-height:inherit}.ds-link:hover{color:var(--color-accent-hover);text-decoration:underline}.ds-link:active{color:var(--color-accent-hover)}.ds-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:var(--ui-font-weight);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--transition-normal),background-color var(--transition-normal);white-space:nowrap;text-decoration:none}.ds-tab--ghost{border:none;color:var(--color-fg-secondary);position:relative;isolation:isolate}.ds-tab--ghost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]){color:var(--color-fg-primary)}.ds-tab--ghost:hover:not(.ds-tab--selected):not(:disabled):not([aria-disabled=true]):before{background-color:var(--color-state-hover)}.ds-tab--ghost.ds-tab--selected{color:var(--color-fg-primary)}.ds-tab--ghost.ds-tab--selected:before{background-color:var(--color-state-selected)}.ds-tab--xs{height:var(--height-1);padding:0 calc(var(--height-1) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2)}.ds-tab--s{height:var(--height-2);padding:0 calc(var(--height-2) / 2);font-size:var(--tab-font-size-s);border-radius:var(--radius-2)}.ds-tab--m{height:var(--height-3);padding:0 calc(var(--height-3) / 2);font-size:var(--tab-font-size-m);border-radius:var(--radius-3)}.ds-tab--l{height:var(--height-4);padding:0 calc(var(--height-4) / 2);font-size:var(--tab-font-size-l);border-radius:var(--radius-3);gap:var(--space-3)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}[data-variant=edgy] .ds-tab{border-radius:0}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:var(--color-surface-1)}.ds-seg--disabled{opacity:.5;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3) - 2px);pointer-events:none;z-index:0}.ds-seg__btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui);font-size:var(--text-md);letter-spacing:var(--ui-tracking);text-transform:var(--ui-text-transform);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3) - 2px);white-space:nowrap;transition:color var(--transition-fast)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn--active{color:var(--color-fg-primary)}.ds-seg__btn-icon{display:flex;align-items:center;flex-shrink:0}.ds-seg--s .ds-seg__btn{height:var(--height-1);padding:0 var(--space-2);font-size:var(--text-sm)}.ds-seg--m .ds-seg__btn{height:var(--height-2);padding:0 var(--space-3)}.ds-seg--l .ds-seg__btn{height:var(--height-3);padding:0 var(--space-4);font-size:var(--text-lg)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}[data-variant=edgy] .ds-seg,[data-variant=edgy] .ds-seg__pill,[data-variant=edgy] .ds-seg__btn{border-radius:0}.ds-accordion{min-width:0}.ds-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--color-surface-1);border:none;border-radius:var(--radius-3);color:var(--color-fg-primary);font-size:var(--text-xl);font-family:inherit;cursor:pointer;position:relative;isolation:isolate}.ds-accordion__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;border-radius:inherit;pointer-events:none;z-index:-1;transition:background-color var(--transition-normal)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3) var(--radius-3) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__title{font-weight:var(--font-weight-regular)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal)}.ds-accordion__icon--expanded{transform:rotate(180deg)}.ds-accordion__content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-normal)}.ds-accordion--expanded .ds-accordion__content{grid-template-rows:1fr}.ds-accordion__content-inner{overflow:hidden;min-height:0;opacity:0;visibility:hidden;transition:opacity var(--transition-normal) .05s,visibility 0s var(--transition-normal)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal) .05s,visibility 0s 0s}.ds-accordion__content-body{display:flex;flex-direction:column;background-color:var(--color-surface-1);border-radius:0 0 var(--radius-3) var(--radius-3)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3);gap:var(--space-2)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4);gap:var(--space-3)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6);gap:var(--space-4)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4);gap:var(--space-3)}}[data-variant=edgy] .ds-accordion,[data-variant=edgy] .ds-accordion__header,[data-variant=edgy] .ds-accordion__content-body{border-radius:0}.ds-tooltip-wrapper{position:relative;display:inline-flex}.ds-tooltip{background-color:var(--color-surface-3);color:var(--color-fg-secondary);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2);white-space:normal;word-wrap:break-word;pointer-events:none;line-height:1.4}.ds-tooltip--top:after{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border-default)}.ds-tooltip--top:before{content:"";position:absolute;top:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-top-color:var(--color-surface-3);z-index:1}.ds-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:4px solid transparent;border-bottom-color:var(--color-border-default)}.ds-tooltip--bottom:before{content:"";position:absolute;bottom:100%;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border:3px solid transparent;border-bottom-color:var(--color-surface-3);z-index:1}.ds-tooltip--left:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--color-border-default)}.ds-tooltip--left:before{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-left-color:var(--color-surface-3);z-index:1}.ds-tooltip--right:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:4px solid transparent;border-right-color:var(--color-border-default)}.ds-tooltip--right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:3px solid transparent;border-right-color:var(--color-surface-3);z-index:1}[data-variant=edgy] .ds-tooltip{border-radius:0}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ds-toggle--disabled{opacity:.5;cursor:not-allowed}.ds-toggle__input{position:absolute;opacity:0;pointer-events:none}.ds-toggle__track{position:relative;display:flex;align-items:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);flex-shrink:0}.ds-toggle__input:checked+.ds-toggle__track{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-toggle__input:not(:checked)+.ds-toggle__track:hover{border-color:var(--field-border-active)}.ds-toggle__thumb{background-color:var(--color-accent-fg);border-radius:50%;transition:transform var(--transition-normal);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1) * 1.75);height:var(--icon-1);border-radius:calc(var(--icon-1) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1) - 4px);height:calc(var(--icon-1) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2) * 1.75);height:var(--icon-2);border-radius:calc(var(--icon-2) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2) - 4px);height:calc(var(--icon-2) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3) * 1.75);height:var(--icon-3);border-radius:calc(var(--icon-3) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3) - 4px);height:calc(var(--icon-3) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4) * 1.75);height:var(--icon-4);border-radius:calc(var(--icon-4) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4) - 6px);height:calc(var(--icon-4) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ds-checkbox--disabled{opacity:.5;cursor:not-allowed}.ds-checkbox__input{position:absolute;opacity:0;pointer-events:none}.ds-checkbox__box{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);flex-shrink:0;border-radius:4px}.ds-checkbox__input:checked+.ds-checkbox__box{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-checkbox__input:not(:checked)+.ds-checkbox__box:hover{border-color:var(--field-border-active)}.ds-checkbox__icon{color:var(--color-accent-fg)}.ds-checkbox__label{font-size:var(--text-lg);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1);height:var(--icon-1)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2);height:var(--icon-2)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3);height:var(--icon-3)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4);height:var(--icon-4)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg)}[data-variant=edgy] .ds-checkbox__box{border-radius:0}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.ds-radio--disabled{opacity:.5;cursor:not-allowed}.ds-radio__input{position:absolute;opacity:0;pointer-events:none}.ds-radio__circle{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-1);border:1px solid var(--field-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);flex-shrink:0;border-radius:50%}.ds-radio__input:checked+.ds-radio__circle{background-color:var(--color-accent-default);border-color:var(--color-accent-default)}.ds-radio__input:not(:checked)+.ds-radio__circle:hover{border-color:var(--field-border-active)}.ds-radio__dot{background-color:var(--color-accent-fg);border-radius:50%;opacity:0;transition:opacity var(--transition-normal)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1);height:var(--icon-1)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm)}.ds-radio--s .ds-radio__circle{width:var(--icon-2);height:var(--icon-2)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md)}.ds-radio--m .ds-radio__circle{width:var(--icon-3);height:var(--icon-3)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg)}.ds-radio--l .ds-radio__circle{width:var(--icon-4);height:var(--icon-4)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg)}.ds-skeleton{display:block;background-color:var(--color-surface-2);animation:ds-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ds-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ds-skeleton--rect{border-radius:var(--radius-2)}.ds-skeleton--circle{border-radius:var(--radius-full)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2)}[data-variant=edgy] .ds-skeleton--rect,[data-variant=edgy] .ds-skeleton--text{border-radius:0}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium);line-height:1;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.ds-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.ds-avatar{flex-shrink:0;border-radius:var(--radius-full);display:grid;place-items:center;border:1px solid var(--color-border-default);background-color:hsl(var(--ds-avatar-h, 220) 22% 88%);color:hsl(var(--ds-avatar-h, 220) 30% 35%);overflow:hidden}[data-theme=dark] .ds-avatar,:root:not([data-theme=light]) .ds-avatar{background-color:hsl(var(--ds-avatar-h, 220) 18% 22%);color:hsl(var(--ds-avatar-h, 220) 40% 72%)}.ds-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-3);border:1px solid var(--table-wrap-border)}.ds-table-wrap--scroll{overflow-y:auto}.ds-table-wrap{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent}.ds-table-wrap::-webkit-scrollbar{height:6px;width:6px}.ds-table-wrap::-webkit-scrollbar-track{background:transparent}.ds-table-wrap::-webkit-scrollbar-thumb{background-color:var(--color-border-default);border-radius:var(--radius-full)}.ds-table-wrap::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-1)}.ds-table thead{background-color:var(--color-surface-2)}.ds-table th{font-family:var(--table-th-font-family);font-weight:var(--table-th-weight);font-size:var(--table-th-font-size);color:var(--table-th-color);letter-spacing:var(--table-th-tracking);text-transform:var(--table-th-text-transform);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;position:sticky;top:var(--ds-table-sticky-top, 0px);z-index:2;background-color:var(--color-surface-2);box-shadow:0 1px 0 var(--table-row-border)}.ds-th--sortable{cursor:pointer}.ds-th--sortable:hover{color:var(--color-fg-primary)}.ds-table td{text-align:left;color:var(--color-fg-primary);border-bottom:1px solid var(--table-row-border);vertical-align:middle}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table--compact th,.ds-table--compact td{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3) var(--space-4);font-size:var(--text-md);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast)}.ds-table-row--interactive:hover{background-color:var(--color-state-hover)}.ds-table-row--interactive:active{background-color:var(--color-state-active)}.ds-table-row--selected,.ds-table-row--selected.ds-table-row--interactive:hover{background-color:var(--color-state-selected)}.ds-table-cell--center{text-align:center}.ds-table-cell--right{text-align:right}.ds-table-cell--secondary{color:var(--color-fg-secondary)}.ds-table-cell--muted{color:var(--color-fg-disabled)}.ds-table-cell--truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-table-cell--nowrap{white-space:nowrap}.ds-th__inner{display:inline-flex;align-items:center;gap:var(--space-1)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast)}.ds-th--sorted .ds-th__sort-icon{opacity:1;color:var(--color-accent-default)}.ds-th--sortable:hover .ds-th__sort-icon{opacity:.7}.ds-table-row--subheader td{font-family:var(--table-subrow-font);color:var(--table-subrow-color);background-color:var(--table-subrow-bg);letter-spacing:var(--table-subrow-tracking);text-transform:var(--table-subrow-transform);font-weight:var(--table-th-weight);border-top:1px solid var(--table-row-border);border-bottom:1px solid var(--table-row-border);pointer-events:none;-webkit-user-select:none;user-select:none}[data-variant=edgy] .ds-table-wrap{border-radius:0}.ds-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.ds-empty-state__icon{color:var(--color-fg-disabled);flex-shrink:0;display:flex;align-items:center}.ds-empty-state--s .ds-empty-state__icon svg{width:var(--icon-3);height:var(--icon-3)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5);height:var(--icon-5)}.ds-empty-state__title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6);gap:var(--space-2)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm)}.ds-empty-state--m{padding:var(--space-10);gap:var(--space-3)}.ds-empty-state--l{padding:var(--space-16);gap:var(--space-4)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl)}.ds-empty-state__action{margin-top:var(--space-1)}.ds-dropdown{position:relative;display:inline-block}.ds-dropdown__trigger{display:inline-flex}@keyframes ds-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ds-dropdown__menu{position:fixed;z-index:var(--z-dropdown);min-width:180px;background-color:var(--color-surface-0);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-2);animation:ds-dropdown-in var(--transition-fast) ease}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--transition-fast) ease forwards}@media (prefers-reduced-motion: reduce){.ds-dropdown__menu{animation:none!important}}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;height:var(--height-2);padding:0 var(--space-3);background:none;border:none;border-radius:var(--radius-2);cursor:pointer;font-size:var(--text-md);font-family:var(--font-ui);font-weight:var(--font-weight-regular);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-dropdown__item:disabled,.ds-dropdown__item[aria-disabled=true]{color:var(--color-fg-disabled);cursor:not-allowed}.ds-dropdown__item--danger{color:var(--color-status-error)}.ds-dropdown__item--danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-status-error-bg);color:var(--color-status-error)}.ds-dropdown__item-icon{display:flex;align-items:center;flex-shrink:0}.ds-dropdown__item-label{flex:1}.ds-dropdown__item-shortcut{font-size:var(--text-sm);color:var(--color-fg-disabled);padding-left:var(--space-3)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2) 0}.ds-dropdown__section{padding:var(--space-2) var(--space-2) var(--space-2)}.ds-dropdown__section-label{font-size:var(--text-sm);color:var(--color-fg-secondary);margin-bottom:var(--space-2);padding:0 var(--space-1)}[data-variant=edgy] .ds-dropdown__menu,[data-variant=edgy] .ds-dropdown__item{border-radius:0}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6);right:var(--space-6);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6);left:var(--space-6);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6);right:var(--space-6);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6);left:var(--space-6);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-3);box-shadow:var(--shadow-3);font-size:var(--text-md);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.ds-toast--visible{opacity:1;transform:translateY(0)}.ds-toast--default{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-toast--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-toast--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-toast--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.ds-toast__icon{flex-shrink:0;display:flex;align-items:center}.ds-toast__message{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:0;display:flex;align-items:center;transition:opacity var(--transition-normal)}.ds-toast__close:hover{opacity:1}[data-variant=edgy] .ds-toast{border-radius:0}
|