@donkit-ai/design-system 1.1.27 → 1.1.29
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 +1 -1
- package/dist/index.es.js +1 -1
- package/dist/tokens.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -19,4 +19,4 @@
|
|
|
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} />`,g,S,V,S),U[S+g]=!0)}if(S=null,y!==void 0&&(r(y),S=""+y),i(x)&&(r(x.key),S=""+x.key),"key"in x){y={};for(var te in x)te!=="key"&&(y[te]=x[te])}else y=x;return S&&l(y,typeof c=="function"?c.displayName||c.name||"Unknown":c),f(c,S,y,n(),J,ee)}function h(c){v(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===A&&(c._payload.status==="fulfilled"?v(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function v(c){return typeof c=="object"&&c!==null&&c.$$typeof===_}var d=u,_=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),k=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),L=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),B=d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,Z=Array.isArray,N=console.createTask?console.createTask:function(){return null};d={react_stack_bottom_frame:function(c){return c()}};var F,Y={},G=d.react_stack_bottom_frame.bind(d,a)(),Q=N(o(a)),U={};H.Fragment=R,H.jsx=function(c,x,y){var g=1e4>B.recentlyCreatedOwnerStacks++;return m(c,x,y,!1,g?Error("react-stack-top-frame"):G,g?N(o(c)):Q)},H.jsxs=function(c,x,y){var g=1e4>B.recentlyCreatedOwnerStacks++;return m(c,x,y,!0,g?Error("react-stack-top-frame"):G,g?N(o(c)):Q)}}()),H}process.env.NODE_ENV==="production"?se.exports=he():se.exports=be();var s=se.exports;function ie({size:t="m",color:e="default",className:r="",...o}){return s.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${e}`,r].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...o})}const xe={xs:12,s:14,m:16,l:20};function le({children:t,variant:e="primary",size:r="m",fullWidth:o=!1,icon:n,disabled:a=!1,state:i="idle",onClick:l,type:p="button",href:f,"aria-label":m,...h}){const v=n&&!t,d=i==="loading",_=i==="success",j=i==="error",R=d||_||j,T=r==="l"?"s":"xs",$=xe[r]??16,I=d?s.jsx(ie,{size:T}):_?s.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:s.jsx(E.Check,{size:$,strokeWidth:2.5})}):j?s.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:s.jsx(E.X,{size:$,strokeWidth:2.5})}):null,k=["ds-button",`ds-button--${e}`,`ds-button--${r}`,o&&"ds-button--full",v&&"ds-button--icon-only"].filter(Boolean).join(" "),C=i!=="idle"?i:void 0,L=s.jsxs(s.Fragment,{children:[R?I:n&&s.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n}),t]});if(f){const b=w=>{if(a||d){w.preventDefault();return}w.metaKey||w.ctrlKey||w.button===1||(w.preventDefault(),l==null||l(w))};return s.jsx("a",{className:k,href:a||d?void 0:f,onClick:b,"aria-label":m,"aria-disabled":a||d?"true":void 0,"aria-busy":d?"true":void 0,"data-state":C,...h,children:L})}return s.jsx("button",{type:p,className:k,disabled:a,onClick:d?void 0:l,"aria-label":m,"aria-busy":d?"true":void 0,"data-state":C,...h,children:L})}function ve({label:t,error:e,hint:r,fullWidth:o=!0,icon:n,iconRight:a,onIconRightClick:i,size:l="m",disabled:p,id:f,...m}){const h=f||`input-${u.useId()}`,v=r?`${h}-hint`:void 0,d=e?`${h}-error`:void 0,_=d||v;return s.jsxs("div",{className:`ds-input-wrapper ${o?"ds-input-wrapper--full":""} ${p?"ds-input-wrapper--disabled":""} ${e?"ds-input-wrapper--error":""}`,children:[t&&s.jsx("label",{className:"ds-input-label",htmlFor:h,children:t}),s.jsxs("div",{className:"ds-input-container",children:[n&&s.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:n}),s.jsx("input",{id:h,className:`ds-input ds-input--${l} ${n?"ds-input--with-icon":""} ${a?"ds-input--with-icon-right":""} ${e?"ds-input--error":""}`,disabled:p,"aria-invalid":e?"true":"false","aria-describedby":_,...m}),a&&s.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:a})]}),r&&!e&&s.jsx("span",{id:v,className:"ds-input-hint",children:r}),s.jsx("div",{className:"ds-input-error-wrap",children:s.jsx("div",{className:"ds-input-error-inner",children:e&&s.jsx("span",{id:d,className:"ds-input-error",role:"alert",children:e})})})]})}function _e({label:t,error:e,hint:r,fullWidth:o=!0,size:n="m",disabled:a,id:i,resize:l=!0,rows:p=3,...f}){const m=i||`textarea-${u.useId()}`,h=r?`${m}-hint`:void 0,v=e?`${m}-error`:void 0,d=v||h;return s.jsxs("div",{className:`ds-textarea-wrapper ${o?"ds-textarea-wrapper--full":""} ${a?"ds-textarea-wrapper--disabled":""}`,children:[t&&s.jsx("label",{className:"ds-textarea-label",htmlFor:m,children:t}),s.jsx("textarea",{id:m,className:`ds-textarea ds-textarea--${n} ${e?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:a,"aria-invalid":e?"true":"false","aria-describedby":d,rows:p,...f}),r&&!e&&s.jsx("span",{id:h,className:"ds-textarea-hint",children:r}),e&&s.jsx("span",{id:v,className:"ds-textarea-error",role:"alert",children:e})]})}function je({label:t,value:e,onChange:r,options:o=[],placeholder:n="Select option",error:a,fullWidth:i=!0,size:l="m",disabled:p=!1,id:f,...m}){const[h,v]=u.useState(!1),[d,_]=u.useState(!1),[j,R]=u.useState({}),[T,$]=u.useState("down"),I=u.useRef(null),k=u.useRef(null),C=u.useRef(null),L=f||`select-${u.useId()}`,b=`${L}-label`,w=a?`${L}-error`:void 0,A=150,M=()=>{d||(_(!0),C.current=setTimeout(()=>{v(!1),_(!1)},A))};u.useEffect(()=>()=>clearTimeout(C.current),[]);const O=()=>{var c;const N=(c=I.current)==null?void 0:c.getBoundingClientRect();if(!N)return;const F=window.innerHeight,Y=F-N.bottom,G=N.top,U=Y<300&&G>Y;$(U?"up":"down"),R(U?{bottom:F-N.top+4,left:N.left,width:N.width}:{top:N.bottom+4,left:N.left,width:N.width})};u.useEffect(()=>{if(h)return O(),window.addEventListener("scroll",O,!0),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",O)}},[h]),u.useEffect(()=>{const N=F=>{I.current&&!I.current.contains(F.target)&&k.current&&!k.current.contains(F.target)&&M()};return document.addEventListener("mousedown",N),()=>document.removeEventListener("mousedown",N)},[d]);const B=o.find(N=>N.value===e),X=l==="xs"?P[1]:l==="small"?P[2]:P[3],Z=h&&s.jsx("div",{ref:k,role:"listbox","aria-labelledby":t?b:void 0,className:["ds-select-dropdown",`ds-select-dropdown--${l}`,`ds-select-dropdown--${T}`,d&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:j,children:o.map(N=>s.jsx("button",{type:"button",role:"option","aria-selected":e===N.value,className:`ds-select-option ds-select-option--${l} ${e===N.value?"ds-select-option--selected":""}`,onClick:()=>{r==null||r(N.value),M()},children:N.label},N.value))});return s.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${p?"ds-select-wrapper--disabled":""}`,children:[t&&s.jsx("label",{id:b,className:"ds-select-label",children:t}),s.jsx("div",{className:"ds-select-container",ref:I,children:s.jsxs("button",{type:"button",id:L,role:"combobox","aria-haspopup":"listbox","aria-expanded":h,"aria-labelledby":t?b:void 0,"aria-invalid":a?"true":"false","aria-describedby":w,className:`ds-select-trigger ds-select-trigger--${l} ${a?"ds-select-trigger--error":""}`,onClick:()=>{p||(h?M():(clearTimeout(C.current),_(!1),v(!0)))},disabled:p,...m,children:[s.jsx("span",{className:B?"":"ds-select-placeholder",children:(B==null?void 0:B.label)||n}),s.jsx(E.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${h&&T==="down"?"ds-select-icon--open":""} ${h&&T==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),a&&s.jsx("span",{id:w,className:"ds-select-error",role:"alert",children:a}),typeof document<"u"&&K.createPortal(Z,document.body)]})}function we({label:t,value:e=0,onChange:r,min:o=0,max:n=100,step:a=1,size:i="m",disabled:l=!1,hint:p,error:f,...m}){const h=()=>{if(l)return;const T=Math.min(Number(e)+a,n);r==null||r(T)},v=()=>{if(l)return;const T=Math.max(Number(e)-a,o);r==null||r(T)},d=T=>{if(l)return;const $=T.target.value;if($===""){r==null||r(o);return}const I=Number($);if(!isNaN(I)){const k=Math.min(Math.max(I,o),n);r==null||r(k)}},_=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),j=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),R=i==="xs"?P[1]:i==="small"?P[2]:P[3];return s.jsxs("div",{className:_,children:[t&&s.jsx("label",{className:"ds-stepper-label",children:t}),s.jsxs("div",{className:j,children:[s.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:v,disabled:l||e<=o,"aria-label":"Decrease",children:s.jsx(E.Minus,{size:R,strokeWidth:1.5})}),s.jsx("input",{type:"number",className:"ds-stepper-input",value:e,onChange:d,min:o,max:n,step:a,disabled:l,...m}),s.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:h,disabled:l||e>=n,"aria-label":"Increase",children:s.jsx(E.Plus,{size:R,strokeWidth:1.5})})]}),p&&!f&&s.jsx("div",{className:"ds-stepper-hint",children:p}),f&&s.jsx("div",{className:"ds-stepper-error",children:f})]})}function Ne({children:t,padding:e="m",variant:r="info",hover:o=!1,onClick:n,href:a,disabled:i=!1,...l}){const f=(o?"interactive":r)==="interactive"||n||a,m=["ds-card",`ds-card--${e}`,f&&"ds-card--interactive"].filter(Boolean).join(" ");if(a){const d=_=>{if(i){_.preventDefault();return}_.metaKey||_.ctrlKey||_.button===1||(_.preventDefault(),n==null||n(_))};return s.jsx("a",{className:m,href:i?void 0:a,onClick:d,"aria-disabled":i?"true":void 0,...l,children:t})}const h=f&&n?"button":"div",v=f&&n?{type:"button",onClick:n,disabled:i}:{};return s.jsx(h,{className:m,role:f&&!n?"article":void 0,...v,...l,children:t})}function ye({children:t,...e}){return s.jsx("h1",{className:"ds-h1",...e,children:t})}function Ee({children:t,...e}){return s.jsx("h2",{className:"ds-h2",...e,children:t})}function Re({children:t,...e}){return s.jsx("h3",{className:"ds-h3",...e,children:t})}function Te({children:t,...e}){return s.jsx("h4",{className:"ds-h4",...e,children:t})}function ke({children:t,secondary:e=!1,...r}){return s.jsx("p",{className:`ds-p1 ${e?"ds-p1--secondary":""}`,...r,children:t})}function ge({children:t,secondary:e=!1,...r}){return s.jsx("p",{className:`ds-p2 ${e?"ds-p2--secondary":""}`,...r,children:t})}function Se({children:t,secondary:e=!1,...r}){return s.jsx("p",{className:`ds-p3 ${e?"ds-p3--secondary":""}`,...r,children:t})}function $e({children:t,variant:e="default",size:r="m",role:o,...n}){const a=["ds-badge",`ds-badge--${e}`,`ds-badge--${r}`].filter(Boolean).join(" "),i=o||(["info","success","warning","error"].includes(e)?"status":void 0);return s.jsx("span",{className:a,role:i,...n,children:t})}const Ie={info:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};function Ae({children:t,variant:e="info",title:r,onClose:o,role:n,...a}){const i=Ie[e],l=n||(e==="error"?"alert":"status");return s.jsxs("div",{className:`ds-alert ds-alert--${e} ${r?"":"ds-alert--no-title"}`,role:l,...a,children:[i&&s.jsx("div",{className:"ds-alert__icon",children:s.jsx(i,{size:P[3],strokeWidth:1.5})}),s.jsxs("div",{className:"ds-alert__content",children:[r&&s.jsx("div",{className:"ds-alert__title",children:r}),t&&s.jsx("div",{className:"ds-alert__message",children:t})]}),o&&s.jsx("button",{type:"button",className:"ds-alert__close",onClick:o,"aria-label":"Close alert",children:s.jsx(E.X,{size:P[3],strokeWidth:1.5})})]})}const Pe=200;function Oe({children:t,title:e,onClose:r,size:o="m",...n}){const a=u.useRef(null),i=u.useId(),[l,p]=u.useState(!1),f=()=>{!r||l||(p(!0),setTimeout(()=>{p(!1),r()},Pe))};u.useEffect(()=>{const d=j=>{j.key==="Escape"&&f()},_=j=>{a.current&&!a.current.contains(j.target)&&f()};return document.addEventListener("keydown",d),document.addEventListener("mousedown",_),()=>{document.removeEventListener("keydown",d),document.removeEventListener("mousedown",_)}},[r,l]);const m=u.Children.toArray(t),h=m.find(d=>(d==null?void 0:d.type)===re),v=m.filter(d=>(d==null?void 0:d.type)!==re);return s.jsx("div",{className:["ds-modal-overlay",l&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...n,children:s.jsxs("div",{className:`ds-modal ds-modal--${o}`,ref:a,role:"dialog","aria-modal":"true","aria-labelledby":e?i:void 0,children:[(e||r)&&s.jsxs("div",{className:"ds-modal__header",children:[e&&s.jsx("h3",{id:i,className:"ds-modal__title",children:e}),r&&s.jsx(le,{variant:"ghost",size:"small",icon:s.jsx(E.X,{size:P[2],strokeWidth:1.5}),onClick:f,"aria-label":"Close modal"})]}),s.jsx("div",{className:"ds-modal__body",children:v}),h]})})}function re({children:t}){return s.jsx("div",{className:"ds-modal__footer",children:t})}function de({children:t,title:e="Code",defaultExpanded:r=!1,expanded:o,onToggle:n,padding:a="s",className:i="",...l}){const[p,f]=u.useState(r),m=o!==void 0,h=m?o:p,v=()=>{m?n==null||n(!o):f(_=>!_)},d=["ds-code-accordion",`ds-code-accordion--${a}`,h&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return s.jsxs("div",{className:d,...l,children:[s.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:v,"aria-expanded":h,children:[s.jsx("span",{className:"ds-code-accordion__title",children:e}),s.jsx(E.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${h?"ds-code-accordion__icon--expanded":""}`})]}),s.jsx("div",{className:"ds-code-accordion__content",children:s.jsx("div",{className:"ds-code-accordion__inner",children:s.jsx("pre",{className:"ds-code-accordion__pre",children:s.jsx("code",{children:t})})})})]})}function Be({children:t,block:e=!1,collapsible:r=!1,title:o="Code",defaultExpanded:n=!1,...a}){return e?r?s.jsx(de,{title:o,defaultExpanded:n,...a,children:t}):s.jsx("pre",{className:"ds-code-block",...a,children:s.jsx("code",{children:t})}):s.jsx("code",{className:"ds-code-inline",...a,children:t})}function Ce({href:t,children:e,onClick:r,target:o,rel:n,...a}){const l=o==="_blank"?n?`${n} noopener noreferrer`:"noopener noreferrer":n;return s.jsx("a",{href:t,className:"ds-link",onClick:r,target:o,rel:l,...a,children:e})}function Le({children:t,size:e="m",variant:r="ghost",...o}){return s.jsx("div",{className:"ds-tabs",role:"tablist",...o,children:u.Children.map(t,n=>u.isValidElement(n)?u.cloneElement(n,{size:e,variant:r}):n)})}function Me({children:t,selected:e=!1,onClick:r,size:o="m",variant:n="ghost",disabled:a=!1,icon:i,href:l,...p}){const f=i&&!t,m=["ds-tab",`ds-tab--${o}`,`ds-tab--${n}`,e&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=s.jsxs(s.Fragment,{children:[i&&s.jsx("span",{className:"ds-tab-icon",children:i}),t]});if(l){const v=d=>{if(a){d.preventDefault();return}d.metaKey||d.ctrlKey||d.button===1||(d.preventDefault(),r==null||r(d))};return s.jsx("a",{role:"tab","aria-current":e?"page":void 0,"aria-disabled":a?"true":void 0,className:m,href:a?void 0:l,onClick:v,...p,children:h})}return s.jsx("button",{role:"tab","aria-selected":e,className:m,onClick:r,disabled:a,...p,children:h})}function De({options:t,value:e,onChange:r,size:o="m",disabled:n=!1}){const a=u.useRef(null),i=u.useRef(null),[l,p]=u.useState(!1),f=u.useRef(!1),m=u.useRef(null),h=u.useRef(null),v=()=>{if(!a.current)return;const d=a.current.querySelector(`[data-value="${e}"]`);if(!d)return;const _=a.current.getBoundingClientRect(),j=d.getBoundingClientRect(),R=j.left-_.left,T=j.width;i.current?(i.current.style.transition=f.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=R+"px",i.current.style.width=T+"px",f.current=!1):(p(!0),requestAnimationFrame(()=>{if(!i.current||!a.current)return;const $=a.current.querySelector(`[data-value="${e}"]`);if(!$)return;const I=a.current.getBoundingClientRect(),k=$.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=k.left-I.left+"px",i.current.style.width=k.width+"px"}))};return h.current=v,u.useLayoutEffect(()=>{const d=m.current!==e;m.current=e,f.current=l&&d,v()}),u.useEffect(()=>{if(!a.current)return;const d=new ResizeObserver(()=>{f.current=!1,h.current()});return d.observe(a.current),()=>d.disconnect()},[]),s.jsxs("div",{className:["ds-seg",`ds-seg--${o}`,n&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:a,role:"group",children:[l&&s.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),t.map(d=>s.jsxs("button",{type:"button","data-value":d.value,className:["ds-seg__btn",e===d.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!n&&r(d.value),"aria-pressed":e===d.value,disabled:n,children:[d.icon&&s.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:d.icon}),d.label]},d.value))]})}function Fe({children:t,title:e,defaultExpanded:r=!1,expanded:o,onToggle:n,padding:a="m",...i}){const[l,p]=u.useState(r),f=o!==void 0,m=f?o:l,h=()=>{f?n==null||n(!o):p(d=>!d)},v=["ds-accordion",`ds-accordion--${a}`,m&&"ds-accordion--expanded"].filter(Boolean).join(" ");return s.jsxs("div",{className:v,...i,children:[s.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":m,children:[s.jsx("span",{className:"ds-accordion__title",children:e}),s.jsx(E.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-accordion__icon ${m?"ds-accordion__icon--expanded":""}`})]}),s.jsx("div",{className:"ds-accordion__content",children:s.jsx("div",{className:"ds-accordion__content-inner",children:s.jsx("div",{className:"ds-accordion__content-body",children:t})})})]})}const D=8,W=8;function Ve(t,e,r){const o=window.innerWidth;let n,a;switch(t){case"top":n=e.top-r.height-D,a=e.left+e.width/2-r.width/2;break;case"bottom":n=e.bottom+D,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-D;break;case"right":n=e.top+e.height/2-r.height/2,a=e.right+D;break;default:n=e.bottom+D,a=e.left}const i=Math.max(W,Math.min(o-r.width-W,a)),l=a-i;return{top:n,left:i,arrowOffset:l}}function We(t,e,r){const o=window.innerWidth,n=window.innerHeight;if(t.top>=e+D+W)return"top";if(n-t.bottom>=e+D+W)return"bottom";if(o-t.right>=r+D+W)return"right";if(t.left>=r+D+W)return"left";const a=Math.max(t.top,n-t.bottom,t.left,o-t.right);return a===t.top?"top":a===n-t.bottom?"bottom":a===o-t.right?"right":"left"}function ze({children:t,content:e,position:r,...o}){const[n,a]=u.useState(!1),[i,l]=u.useState({visibility:"hidden"}),[p,f]=u.useState(r||"top"),m=u.useRef(null),h=u.useRef(null),v=u.useRef(!1),d=()=>{if(!m.current||!h.current)return;const j=m.current.getBoundingClientRect(),R=h.current.getBoundingClientRect(),T=r||We(j,R.height,R.width),{top:$,left:I,arrowOffset:k}=Ve(T,j,R);f(T),l({position:"fixed",top:$,left:I,visibility:"visible","--arrow-offset":`${k}px`})};if(u.useEffect(()=>{if(!n)return;l({position:"fixed",visibility:"hidden"});const j=requestAnimationFrame(d);return window.addEventListener("scroll",d,!0),window.addEventListener("resize",d),()=>{cancelAnimationFrame(j),window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)}},[n,r]),u.useEffect(()=>{if(!n)return;const j=R=>{m.current&&!m.current.contains(R.target)&&a(!1)};return document.addEventListener("touchstart",j),()=>document.removeEventListener("touchstart",j)},[n]),!e)return t;const _=n&&s.jsx("div",{ref:h,className:`ds-tooltip ds-tooltip--${p}`,role:"tooltip",style:i,children:e});return s.jsxs("div",{ref:m,className:"ds-tooltip-wrapper",onMouseEnter:()=>{v.current||a(!0)},onMouseLeave:()=>{v.current||a(!1)},onTouchStart:()=>{v.current=!0,a(j=>!j)},...o,children:[t,typeof document<"u"&&K.createPortal(_,document.body)]})}function Ye({checked:t=!1,onChange:e,size:r="m",disabled:o=!1,label:n,id:a,...i}){const l=a||`toggle-${u.useId()}`,p=["ds-toggle",`ds-toggle--${r}`,o&&"ds-toggle--disabled"].filter(Boolean).join(" ");return s.jsxs("label",{className:p,htmlFor:l,children:[s.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:t,onChange:f=>e==null?void 0:e(f.target.checked),disabled:o,...i}),s.jsx("span",{className:"ds-toggle__track",children:s.jsx("span",{className:"ds-toggle__thumb"})}),n&&s.jsx("span",{className:"ds-toggle__label",children:n})]})}function Ue({checked:t=!1,onChange:e,size:r="m",disabled:o=!1,label:n,id:a,...i}){const l=a||`checkbox-${u.useId()}`,p=["ds-checkbox",`ds-checkbox--${r}`,o&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=r==="xs"?10:r==="small"?14:r==="large"?20:16;return s.jsxs("label",{className:p,htmlFor:l,children:[s.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:t,onChange:m=>e==null?void 0:e(m.target.checked),disabled:o,...i}),s.jsx("span",{className:"ds-checkbox__box",children:t&&s.jsx(E.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),n&&s.jsx("span",{className:"ds-checkbox__label",children:n})]})}function qe({checked:t=!1,onChange:e,size:r="m",disabled:o=!1,label:n,name:a,value:i,id:l,...p}){const f=l||`radio-${u.useId()}`,m=["ds-radio",`ds-radio--${r}`,o&&"ds-radio--disabled"].filter(Boolean).join(" ");return s.jsxs("label",{className:m,htmlFor:f,children:[s.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:t,onChange:h=>e==null?void 0:e(h.target.checked),disabled:o,name:a,value:i,...p}),s.jsx("span",{className:"ds-radio__circle",children:s.jsx("span",{className:"ds-radio__dot"})}),n&&s.jsx("span",{className:"ds-radio__label",children:n})]})}function He({width:t,height:e,shape:r="rect",className:o="",style:n={},...a}){return s.jsx("span",{className:["ds-skeleton",`ds-skeleton--${r}`,o].filter(Boolean).join(" "),style:{width:t,height:e,...n},"aria-hidden":"true",...a})}function Xe(t){let e=2166136261;for(let r=0;r<t.length;r++)e^=t.charCodeAt(r),e=Math.imul(e,16777619)>>>0;return e%360}function Ge(t){if(!t)return"";const e=t.trim().split(/\s+/);return e.length>=2?(e[0][0]+e[1][0]).toUpperCase():t[0].toUpperCase()}function Je({seed:t,icon:e,src:r,size:o=32,className:n="",style:a={},...i}){const l=Xe(t??""),[p,f]=u.useState(!1),m=e??s.jsx("span",{className:"ds-avatar__initials",children:Ge(t)});return s.jsx("div",{className:["ds-avatar",n].filter(Boolean).join(" "),style:{width:o,height:o,"--ds-avatar-h":l,...a},"aria-hidden":"true",...i,children:r&&!p?s.jsx("img",{src:r,alt:"",onError:()=>f(!0)}):m})}function Ke({children:t,size:e="compact",stickyTop:r,maxHeight:o,className:n="",style:a={},...i}){const l={...o?{maxHeight:o}:{},...r!==void 0?{"--ds-table-sticky-top":typeof r=="number"?`${r}px`:r}:{},...a};return s.jsx("div",{className:["ds-table-wrap",o?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:s.jsx("table",{className:["ds-table",`ds-table--${e}`,n].filter(Boolean).join(" "),...i,children:t})})}function Ze({children:t,...e}){return s.jsx("thead",{...e,children:t})}function Qe({children:t,...e}){return s.jsx("tbody",{...e,children:t})}function et({children:t,interactive:e,selected:r,subheader:o,className:n="",onClick:a,...i}){return s.jsx("tr",{className:["ds-table-row",e||a?"ds-table-row--interactive":"",r?"ds-table-row--selected":"",o?"ds-table-row--subheader":"",n].filter(Boolean).join(" "),onClick:a,...i,children:t})}function tt({children:t,colSpan:e=999,...r}){return s.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...r,children:s.jsx("td",{colSpan:e,children:t})})}function st({children:t,align:e="left",sortDir:r,onSort:o,width:n,className:a="",style:i={},...l}){const p=!!o||r!==void 0,f=r==="asc"?E.ChevronUp:r==="desc"?E.ChevronDown:E.ChevronsUpDown;return s.jsx("th",{className:["ds-th",p?"ds-th--sortable":"",r?"ds-th--sorted":"",e!=="left"?`ds-table-cell--${e}`:"",a].filter(Boolean).join(" "),onClick:o,style:{width:n,...i},...l,children:p?s.jsxs("span",{className:"ds-th__inner",children:[t,s.jsx("span",{className:"ds-th__sort-icon",children:s.jsx(f,{size:11,strokeWidth:2.5})})]}):t})}function rt({children:t,align:e="left",secondary:r,muted:o,truncate:n,nowrap:a,className:i="",...l}){return s.jsx("td",{className:["ds-td",e!=="left"?`ds-table-cell--${e}`:"",r?"ds-table-cell--secondary":"",o?"ds-table-cell--muted":"",n?"ds-table-cell--truncate":"",a?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:t})}function nt({icon:t,title:e,description:r,action:o,size:n="m",className:a="",...i}){return s.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${n}`,a].filter(Boolean).join(" "),...i,children:[t&&s.jsx("div",{className:"ds-empty-state__icon",children:t}),s.jsx("div",{className:"ds-empty-state__title",children:e}),r&&s.jsx("div",{className:"ds-empty-state__description",children:r}),o&&s.jsx("div",{className:"ds-empty-state__action",children:o})]})}function at({trigger:t,items:e=[],open:r,onOpenChange:o,align:n="left",className:a="",style:i,...l}){const[p,f]=u.useState(!1),[m,h]=u.useState(!1),v=r!==void 0,d=v?r:p,_=u.useRef(null),j=u.useRef(null),[R,T]=u.useState({}),$=u.useRef(null),I=150,k=()=>{if(v)o==null||o(!1);else{if(m)return;h(!0),$.current=setTimeout(()=>{f(!1),h(!1)},I)}},C=()=>{const b=!d;v?o==null||o(b):b?(clearTimeout($.current),h(!1),f(!0)):k()};u.useEffect(()=>()=>clearTimeout($.current),[]),u.useEffect(()=>{if(!d)return;const b=()=>{var A;const w=(A=_.current)==null?void 0:A.getBoundingClientRect();w&&T(n==="right"?{top:w.bottom+4,right:window.innerWidth-w.right}:{top:w.bottom+4,left:w.left})};return b(),window.addEventListener("scroll",b,!0),window.addEventListener("resize",b),()=>{window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",b)}},[d,n]),u.useEffect(()=>{if(!d)return;const b=A=>{var M,O;!((M=_.current)!=null&&M.contains(A.target))&&!((O=j.current)!=null&&O.contains(A.target))&&k()},w=A=>{A.key==="Escape"&&k()};return document.addEventListener("mousedown",b),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",w)}},[d]);const L=d&&s.jsx("div",{ref:j,className:["ds-dropdown__menu",`ds-dropdown__menu--${n}`,m&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:R,children:e.map((b,w)=>{if(b.separator)return s.jsx("div",{className:"ds-dropdown__separator"},w);if(b.type==="section")return s.jsxs("div",{className:"ds-dropdown__section",children:[b.label&&s.jsx("div",{className:"ds-dropdown__section-label",children:b.label}),s.jsx("div",{className:"ds-dropdown__section-content",children:b.content})]},w);const A=!!b.href,M=A?"a":"button",O=A?{href:b.disabled?void 0:b.href,"aria-disabled":b.disabled?"true":void 0}:{type:"button",disabled:b.disabled};return s.jsxs(M,{className:["ds-dropdown__item",b.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...O,onClick:()=>{var B;(B=b.onClick)==null||B.call(b),k()},children:[b.icon&&s.jsx("span",{className:"ds-dropdown__item-icon",children:b.icon}),s.jsx("span",{className:"ds-dropdown__item-label",children:b.label}),b.shortcut&&s.jsx("span",{className:"ds-dropdown__item-shortcut",children:b.shortcut})]},w)})});return s.jsxs("div",{ref:_,className:["ds-dropdown",a].filter(Boolean).join(" "),style:i,...l,children:[s.jsx("div",{className:"ds-dropdown__trigger",onClick:C,children:t}),typeof document<"u"&&K.createPortal(L,document.body)]})}function ot({value:t=0,size:e="m",variant:r="default",showValue:o=!1,min:n=2,animate:a=!0}){const i=Math.min(100,Math.max(0,t)),l=Math.max(n,i),p=r==="auto"?i>=70?"success":i>=50?"warning":"danger":r;return s.jsxs("div",{className:["ds-progress",`ds-progress--${e}`,!a&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[s.jsx("div",{className:"ds-progress__track",children:s.jsx("div",{className:`ds-progress__fill ds-progress__fill--${p}`,style:{width:`${l}%`}})}),o&&s.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const ct=t=>1-Math.pow(1-t,3),it=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function ue(t,{duration:e=600}={}){const[r,o]=u.useState(t),n=u.useRef(t),a=u.useRef(null);return u.useEffect(()=>{if(it()){o(t),n.current=t;return}const i=n.current,l=t-i;if(l===0)return;let p=null;const f=m=>{p||(p=m);const h=Math.min((m-p)/e,1);o(i+l*ct(h)),h<1?a.current=requestAnimationFrame(f):n.current=t};return a.current=requestAnimationFrame(f),()=>cancelAnimationFrame(a.current)},[t,e]),r}function lt({value:t,duration:e=600,decimals:r=0,prefix:o="",suffix:n=""}){const i=ue(t,{duration:e}).toFixed(r);return`${o}${i}${n}`}function fe({threshold:t=.1,rootMargin:e="0px",once:r=!1}={}){const o=u.useRef(null),[n,a]=u.useState(!1);return u.useEffect(()=>{const i=o.current;if(!i)return;const l=new IntersectionObserver(([p])=>{p.isIntersecting?(a(!0),r&&l.disconnect()):r||a(!1)},{threshold:t,rootMargin:e});return l.observe(i),()=>l.disconnect()},[t,e,r]),{ref:o,inView:n}}function dt({children:t,as:e="div",once:r=!1,threshold:o=.1,rootMargin:n="0px",onEnter:a,onLeave:i,...l}){const{ref:p,inView:f}=fe({threshold:o,rootMargin:n,once:r}),m=u.useRef(!1);return u.useEffect(()=>{f&&!m.current&&(a==null||a()),!f&&m.current&&(i==null||i()),m.current=f},[f]),s.jsx(e,{ref:p,...l,children:typeof t=="function"?t(f):t})}const ce={default:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};let z=[];const ne=new Set;function me(){ne.forEach(t=>t([...z]))}function ut(t){z=[...z,t],me()}function ft(t){z=z.filter(e=>e.id!==t),me()}function mt(){const t=(e,r={})=>{ut({id:`${Date.now()}-${Math.random()}`,message:e,type:"default",duration:4e3,...r})};return t.success=(e,r)=>t(e,{...r,type:"success"}),t.error=(e,r)=>t(e,{...r,type:"error"}),t.warning=(e,r)=>t(e,{...r,type:"warning"}),{toast:t}}function pt({data:t,onDismiss:e}){const[r,o]=u.useState(!1),n=u.useRef(null);u.useEffect(()=>(requestAnimationFrame(()=>o(!0)),t.duration>0&&(n.current=setTimeout(()=>a(),t.duration)),()=>clearTimeout(n.current)),[]);function a(){o(!1),setTimeout(()=>e(t.id),250)}const i=ce[t.type]??ce.default;return s.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[s.jsx("div",{className:"ds-toast__icon",children:s.jsx(i,{size:P[3],strokeWidth:1.5})}),s.jsx("span",{className:"ds-toast__message",children:t.message}),s.jsx("button",{className:"ds-toast__close",onClick:a,"aria-label":"Закрыть",children:s.jsx(E.X,{size:P[3],strokeWidth:1.5})})]})}function ht({position:t="bottom-right"}){const[e,r]=u.useState(()=>[...z]);return u.useEffect(()=>(ne.add(r),()=>ne.delete(r)),[]),!e.length||typeof document>"u"?null:K.createPortal(s.jsx("div",{className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:e.map(o=>s.jsx(pt,{data:o,onDismiss:ft},o.id))}),document.body)}exports.Accordion=Fe;exports.Alert=Ae;exports.AnimatedNumber=lt;exports.Avatar=Je;exports.Badge=$e;exports.Button=le;exports.Card=Ne;exports.Checkbox=Ue;exports.Code=Be;exports.CodeAccordion=de;exports.Dropdown=at;exports.EmptyState=nt;exports.H1=ye;exports.H2=Ee;exports.H3=Re;exports.H4=Te;exports.InView=dt;exports.Input=ve;exports.Link=Ce;exports.Modal=Oe;exports.ModalFooter=re;exports.P1=ke;exports.P2=ge;exports.P3=Se;exports.ProgressBar=ot;exports.Radio=qe;exports.SegmentedControl=De;exports.Select=je;exports.Skeleton=He;exports.Spinner=ie;exports.Stepper=we;exports.Tab=Me;exports.Table=Ke;exports.TableBody=Qe;exports.TableHead=Ze;exports.TableRow=et;exports.TableSubheaderRow=tt;exports.Tabs=Le;exports.Td=rt;exports.Textarea=_e;exports.Th=st;exports.ToastContainer=ht;exports.Toggle=Ye;exports.Tooltip=ze;exports.iconSizes=P;exports.useAnimatedNumber=ue;exports.useInView=fe;exports.useToast=mt;
|
|
22
|
+
<%s key={someKey} {...props} />`,g,S,V,S),U[S+g]=!0)}if(S=null,y!==void 0&&(r(y),S=""+y),i(x)&&(r(x.key),S=""+x.key),"key"in x){y={};for(var te in x)te!=="key"&&(y[te]=x[te])}else y=x;return S&&l(y,typeof c=="function"?c.displayName||c.name||"Unknown":c),f(c,S,y,n(),J,ee)}function h(c){v(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===A&&(c._payload.status==="fulfilled"?v(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function v(c){return typeof c=="object"&&c!==null&&c.$$typeof===_}var d=u,_=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),T=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),k=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),L=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),B=d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,Z=Array.isArray,N=console.createTask?console.createTask:function(){return null};d={react_stack_bottom_frame:function(c){return c()}};var F,Y={},G=d.react_stack_bottom_frame.bind(d,a)(),Q=N(o(a)),U={};H.Fragment=R,H.jsx=function(c,x,y){var g=1e4>B.recentlyCreatedOwnerStacks++;return m(c,x,y,!1,g?Error("react-stack-top-frame"):G,g?N(o(c)):Q)},H.jsxs=function(c,x,y){var g=1e4>B.recentlyCreatedOwnerStacks++;return m(c,x,y,!0,g?Error("react-stack-top-frame"):G,g?N(o(c)):Q)}}()),H}process.env.NODE_ENV==="production"?se.exports=he():se.exports=be();var s=se.exports;function ie({size:t="m",color:e="default",className:r="",...o}){return s.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${e}`,r].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...o})}const xe={xs:12,s:14,m:16,l:20};function le({children:t,variant:e="primary",size:r="m",fullWidth:o=!1,icon:n,disabled:a=!1,state:i="idle",onClick:l,type:p="button",href:f,"aria-label":m,...h}){const v=n&&!t,d=i==="loading",_=i==="success",j=i==="error",R=d||_||j,T=r==="xs"?"s":"m",$=xe[r]??16,I=d?s.jsx(ie,{size:T}):_?s.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:s.jsx(E.Check,{size:$,strokeWidth:2.5})}):j?s.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:s.jsx(E.X,{size:$,strokeWidth:2.5})}):null,k=["ds-button",`ds-button--${e}`,`ds-button--${r}`,o&&"ds-button--full",v&&"ds-button--icon-only"].filter(Boolean).join(" "),C=i!=="idle"?i:void 0,L=s.jsxs(s.Fragment,{children:[R?I:n&&s.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n}),t]});if(f){const b=w=>{if(a||d){w.preventDefault();return}w.metaKey||w.ctrlKey||w.button===1||(w.preventDefault(),l==null||l(w))};return s.jsx("a",{className:k,href:a||d?void 0:f,onClick:b,"aria-label":m,"aria-disabled":a||d?"true":void 0,"aria-busy":d?"true":void 0,"data-state":C,...h,children:L})}return s.jsx("button",{type:p,className:k,disabled:a,onClick:d?void 0:l,"aria-label":m,"aria-busy":d?"true":void 0,"data-state":C,...h,children:L})}function ve({label:t,error:e,hint:r,fullWidth:o=!0,icon:n,iconRight:a,onIconRightClick:i,size:l="m",disabled:p,id:f,...m}){const h=f||`input-${u.useId()}`,v=r?`${h}-hint`:void 0,d=e?`${h}-error`:void 0,_=d||v;return s.jsxs("div",{className:`ds-input-wrapper ${o?"ds-input-wrapper--full":""} ${p?"ds-input-wrapper--disabled":""} ${e?"ds-input-wrapper--error":""}`,children:[t&&s.jsx("label",{className:"ds-input-label",htmlFor:h,children:t}),s.jsxs("div",{className:"ds-input-container",children:[n&&s.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:n}),s.jsx("input",{id:h,className:`ds-input ds-input--${l} ${n?"ds-input--with-icon":""} ${a?"ds-input--with-icon-right":""} ${e?"ds-input--error":""}`,disabled:p,"aria-invalid":e?"true":"false","aria-describedby":_,...m}),a&&s.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:a})]}),r&&!e&&s.jsx("span",{id:v,className:"ds-input-hint",children:r}),s.jsx("div",{className:"ds-input-error-wrap",children:s.jsx("div",{className:"ds-input-error-inner",children:e&&s.jsx("span",{id:d,className:"ds-input-error",role:"alert",children:e})})})]})}function _e({label:t,error:e,hint:r,fullWidth:o=!0,size:n="m",disabled:a,id:i,resize:l=!0,rows:p=3,...f}){const m=i||`textarea-${u.useId()}`,h=r?`${m}-hint`:void 0,v=e?`${m}-error`:void 0,d=v||h;return s.jsxs("div",{className:`ds-textarea-wrapper ${o?"ds-textarea-wrapper--full":""} ${a?"ds-textarea-wrapper--disabled":""}`,children:[t&&s.jsx("label",{className:"ds-textarea-label",htmlFor:m,children:t}),s.jsx("textarea",{id:m,className:`ds-textarea ds-textarea--${n} ${e?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:a,"aria-invalid":e?"true":"false","aria-describedby":d,rows:p,...f}),r&&!e&&s.jsx("span",{id:h,className:"ds-textarea-hint",children:r}),e&&s.jsx("span",{id:v,className:"ds-textarea-error",role:"alert",children:e})]})}function je({label:t,value:e,onChange:r,options:o=[],placeholder:n="Select option",error:a,fullWidth:i=!0,size:l="m",disabled:p=!1,id:f,...m}){const[h,v]=u.useState(!1),[d,_]=u.useState(!1),[j,R]=u.useState({}),[T,$]=u.useState("down"),I=u.useRef(null),k=u.useRef(null),C=u.useRef(null),L=f||`select-${u.useId()}`,b=`${L}-label`,w=a?`${L}-error`:void 0,A=150,M=()=>{d||(_(!0),C.current=setTimeout(()=>{v(!1),_(!1)},A))};u.useEffect(()=>()=>clearTimeout(C.current),[]);const O=()=>{var c;const N=(c=I.current)==null?void 0:c.getBoundingClientRect();if(!N)return;const F=window.innerHeight,Y=F-N.bottom,G=N.top,U=Y<300&&G>Y;$(U?"up":"down"),R(U?{bottom:F-N.top+4,left:N.left,width:N.width}:{top:N.bottom+4,left:N.left,width:N.width})};u.useEffect(()=>{if(h)return O(),window.addEventListener("scroll",O,!0),window.addEventListener("resize",O),()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",O)}},[h]),u.useEffect(()=>{const N=F=>{I.current&&!I.current.contains(F.target)&&k.current&&!k.current.contains(F.target)&&M()};return document.addEventListener("mousedown",N),()=>document.removeEventListener("mousedown",N)},[d]);const B=o.find(N=>N.value===e),X=l==="xs"?P[1]:l==="small"?P[2]:P[3],Z=h&&s.jsx("div",{ref:k,role:"listbox","aria-labelledby":t?b:void 0,className:["ds-select-dropdown",`ds-select-dropdown--${l}`,`ds-select-dropdown--${T}`,d&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:j,children:o.map(N=>s.jsx("button",{type:"button",role:"option","aria-selected":e===N.value,className:`ds-select-option ds-select-option--${l} ${e===N.value?"ds-select-option--selected":""}`,onClick:()=>{r==null||r(N.value),M()},children:N.label},N.value))});return s.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${p?"ds-select-wrapper--disabled":""}`,children:[t&&s.jsx("label",{id:b,className:"ds-select-label",children:t}),s.jsx("div",{className:"ds-select-container",ref:I,children:s.jsxs("button",{type:"button",id:L,role:"combobox","aria-haspopup":"listbox","aria-expanded":h,"aria-labelledby":t?b:void 0,"aria-invalid":a?"true":"false","aria-describedby":w,className:`ds-select-trigger ds-select-trigger--${l} ${a?"ds-select-trigger--error":""}`,onClick:()=>{p||(h?M():(clearTimeout(C.current),_(!1),v(!0)))},disabled:p,...m,children:[s.jsx("span",{className:B?"":"ds-select-placeholder",children:(B==null?void 0:B.label)||n}),s.jsx(E.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${h&&T==="down"?"ds-select-icon--open":""} ${h&&T==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),a&&s.jsx("span",{id:w,className:"ds-select-error",role:"alert",children:a}),typeof document<"u"&&K.createPortal(Z,document.body)]})}function we({label:t,value:e=0,onChange:r,min:o=0,max:n=100,step:a=1,size:i="m",disabled:l=!1,hint:p,error:f,...m}){const h=()=>{if(l)return;const T=Math.min(Number(e)+a,n);r==null||r(T)},v=()=>{if(l)return;const T=Math.max(Number(e)-a,o);r==null||r(T)},d=T=>{if(l)return;const $=T.target.value;if($===""){r==null||r(o);return}const I=Number($);if(!isNaN(I)){const k=Math.min(Math.max(I,o),n);r==null||r(k)}},_=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),j=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),R=i==="xs"?P[1]:i==="small"?P[2]:P[3];return s.jsxs("div",{className:_,children:[t&&s.jsx("label",{className:"ds-stepper-label",children:t}),s.jsxs("div",{className:j,children:[s.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:v,disabled:l||e<=o,"aria-label":"Decrease",children:s.jsx(E.Minus,{size:R,strokeWidth:1.5})}),s.jsx("input",{type:"number",className:"ds-stepper-input",value:e,onChange:d,min:o,max:n,step:a,disabled:l,...m}),s.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:h,disabled:l||e>=n,"aria-label":"Increase",children:s.jsx(E.Plus,{size:R,strokeWidth:1.5})})]}),p&&!f&&s.jsx("div",{className:"ds-stepper-hint",children:p}),f&&s.jsx("div",{className:"ds-stepper-error",children:f})]})}function Ne({children:t,padding:e="m",variant:r="info",hover:o=!1,onClick:n,href:a,disabled:i=!1,...l}){const f=(o?"interactive":r)==="interactive"||n||a,m=["ds-card",`ds-card--${e}`,f&&"ds-card--interactive"].filter(Boolean).join(" ");if(a){const d=_=>{if(i){_.preventDefault();return}_.metaKey||_.ctrlKey||_.button===1||(_.preventDefault(),n==null||n(_))};return s.jsx("a",{className:m,href:i?void 0:a,onClick:d,"aria-disabled":i?"true":void 0,...l,children:t})}const h=f&&n?"button":"div",v=f&&n?{type:"button",onClick:n,disabled:i}:{};return s.jsx(h,{className:m,role:f&&!n?"article":void 0,...v,...l,children:t})}function ye({children:t,...e}){return s.jsx("h1",{className:"ds-h1",...e,children:t})}function Ee({children:t,...e}){return s.jsx("h2",{className:"ds-h2",...e,children:t})}function Re({children:t,...e}){return s.jsx("h3",{className:"ds-h3",...e,children:t})}function Te({children:t,...e}){return s.jsx("h4",{className:"ds-h4",...e,children:t})}function ke({children:t,secondary:e=!1,...r}){return s.jsx("p",{className:`ds-p1 ${e?"ds-p1--secondary":""}`,...r,children:t})}function ge({children:t,secondary:e=!1,...r}){return s.jsx("p",{className:`ds-p2 ${e?"ds-p2--secondary":""}`,...r,children:t})}function Se({children:t,secondary:e=!1,...r}){return s.jsx("p",{className:`ds-p3 ${e?"ds-p3--secondary":""}`,...r,children:t})}function $e({children:t,variant:e="default",size:r="m",role:o,...n}){const a=["ds-badge",`ds-badge--${e}`,`ds-badge--${r}`].filter(Boolean).join(" "),i=o||(["info","success","warning","error"].includes(e)?"status":void 0);return s.jsx("span",{className:a,role:i,...n,children:t})}const Ie={info:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};function Ae({children:t,variant:e="info",title:r,onClose:o,role:n,...a}){const i=Ie[e],l=n||(e==="error"?"alert":"status");return s.jsxs("div",{className:`ds-alert ds-alert--${e} ${r?"":"ds-alert--no-title"}`,role:l,...a,children:[i&&s.jsx("div",{className:"ds-alert__icon",children:s.jsx(i,{size:P[3],strokeWidth:1.5})}),s.jsxs("div",{className:"ds-alert__content",children:[r&&s.jsx("div",{className:"ds-alert__title",children:r}),t&&s.jsx("div",{className:"ds-alert__message",children:t})]}),o&&s.jsx("button",{type:"button",className:"ds-alert__close",onClick:o,"aria-label":"Close alert",children:s.jsx(E.X,{size:P[3],strokeWidth:1.5})})]})}const Pe=200;function Oe({children:t,title:e,onClose:r,size:o="m",...n}){const a=u.useRef(null),i=u.useId(),[l,p]=u.useState(!1),f=()=>{!r||l||(p(!0),setTimeout(()=>{p(!1),r()},Pe))};u.useEffect(()=>{const d=j=>{j.key==="Escape"&&f()},_=j=>{a.current&&!a.current.contains(j.target)&&f()};return document.addEventListener("keydown",d),document.addEventListener("mousedown",_),()=>{document.removeEventListener("keydown",d),document.removeEventListener("mousedown",_)}},[r,l]);const m=u.Children.toArray(t),h=m.find(d=>(d==null?void 0:d.type)===re),v=m.filter(d=>(d==null?void 0:d.type)!==re);return s.jsx("div",{className:["ds-modal-overlay",l&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...n,children:s.jsxs("div",{className:`ds-modal ds-modal--${o}`,ref:a,role:"dialog","aria-modal":"true","aria-labelledby":e?i:void 0,children:[(e||r)&&s.jsxs("div",{className:"ds-modal__header",children:[e&&s.jsx("h3",{id:i,className:"ds-modal__title",children:e}),r&&s.jsx(le,{variant:"ghost",size:"small",icon:s.jsx(E.X,{size:P[2],strokeWidth:1.5}),onClick:f,"aria-label":"Close modal"})]}),s.jsx("div",{className:"ds-modal__body",children:v}),h]})})}function re({children:t}){return s.jsx("div",{className:"ds-modal__footer",children:t})}function de({children:t,title:e="Code",defaultExpanded:r=!1,expanded:o,onToggle:n,padding:a="s",className:i="",...l}){const[p,f]=u.useState(r),m=o!==void 0,h=m?o:p,v=()=>{m?n==null||n(!o):f(_=>!_)},d=["ds-code-accordion",`ds-code-accordion--${a}`,h&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return s.jsxs("div",{className:d,...l,children:[s.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:v,"aria-expanded":h,children:[s.jsx("span",{className:"ds-code-accordion__title",children:e}),s.jsx(E.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${h?"ds-code-accordion__icon--expanded":""}`})]}),s.jsx("div",{className:"ds-code-accordion__content",children:s.jsx("div",{className:"ds-code-accordion__inner",children:s.jsx("pre",{className:"ds-code-accordion__pre",children:s.jsx("code",{children:t})})})})]})}function Be({children:t,block:e=!1,collapsible:r=!1,title:o="Code",defaultExpanded:n=!1,...a}){return e?r?s.jsx(de,{title:o,defaultExpanded:n,...a,children:t}):s.jsx("pre",{className:"ds-code-block",...a,children:s.jsx("code",{children:t})}):s.jsx("code",{className:"ds-code-inline",...a,children:t})}function Ce({href:t,children:e,onClick:r,target:o,rel:n,...a}){const l=o==="_blank"?n?`${n} noopener noreferrer`:"noopener noreferrer":n;return s.jsx("a",{href:t,className:"ds-link",onClick:r,target:o,rel:l,...a,children:e})}function Le({children:t,size:e="m",variant:r="ghost",...o}){return s.jsx("div",{className:"ds-tabs",role:"tablist",...o,children:u.Children.map(t,n=>u.isValidElement(n)?u.cloneElement(n,{size:e,variant:r}):n)})}function Me({children:t,selected:e=!1,onClick:r,size:o="m",variant:n="ghost",disabled:a=!1,icon:i,href:l,...p}){const f=i&&!t,m=["ds-tab",`ds-tab--${o}`,`ds-tab--${n}`,e&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=s.jsxs(s.Fragment,{children:[i&&s.jsx("span",{className:"ds-tab-icon",children:i}),t]});if(l){const v=d=>{if(a){d.preventDefault();return}d.metaKey||d.ctrlKey||d.button===1||(d.preventDefault(),r==null||r(d))};return s.jsx("a",{role:"tab","aria-current":e?"page":void 0,"aria-disabled":a?"true":void 0,className:m,href:a?void 0:l,onClick:v,...p,children:h})}return s.jsx("button",{role:"tab","aria-selected":e,className:m,onClick:r,disabled:a,...p,children:h})}function De({options:t,value:e,onChange:r,size:o="m",disabled:n=!1}){const a=u.useRef(null),i=u.useRef(null),[l,p]=u.useState(!1),f=u.useRef(!1),m=u.useRef(null),h=u.useRef(null),v=()=>{if(!a.current)return;const d=a.current.querySelector(`[data-value="${e}"]`);if(!d)return;const _=a.current.getBoundingClientRect(),j=d.getBoundingClientRect(),R=j.left-_.left,T=j.width;i.current?(i.current.style.transition=f.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=R+"px",i.current.style.width=T+"px",f.current=!1):(p(!0),requestAnimationFrame(()=>{if(!i.current||!a.current)return;const $=a.current.querySelector(`[data-value="${e}"]`);if(!$)return;const I=a.current.getBoundingClientRect(),k=$.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=k.left-I.left+"px",i.current.style.width=k.width+"px"}))};return h.current=v,u.useLayoutEffect(()=>{const d=m.current!==e;m.current=e,f.current=l&&d,v()}),u.useEffect(()=>{if(!a.current)return;const d=new ResizeObserver(()=>{f.current=!1,h.current()});return d.observe(a.current),()=>d.disconnect()},[]),s.jsxs("div",{className:["ds-seg",`ds-seg--${o}`,n&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:a,role:"group",children:[l&&s.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),t.map(d=>s.jsxs("button",{type:"button","data-value":d.value,className:["ds-seg__btn",e===d.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!n&&r(d.value),"aria-pressed":e===d.value,disabled:n,children:[d.icon&&s.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:d.icon}),d.label]},d.value))]})}function Fe({children:t,title:e,defaultExpanded:r=!1,expanded:o,onToggle:n,padding:a="m",...i}){const[l,p]=u.useState(r),f=o!==void 0,m=f?o:l,h=()=>{f?n==null||n(!o):p(d=>!d)},v=["ds-accordion",`ds-accordion--${a}`,m&&"ds-accordion--expanded"].filter(Boolean).join(" ");return s.jsxs("div",{className:v,...i,children:[s.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":m,children:[s.jsx("span",{className:"ds-accordion__title",children:e}),s.jsx(E.ChevronDown,{size:P[2],strokeWidth:1.5,className:`ds-accordion__icon ${m?"ds-accordion__icon--expanded":""}`})]}),s.jsx("div",{className:"ds-accordion__content",children:s.jsx("div",{className:"ds-accordion__content-inner",children:s.jsx("div",{className:"ds-accordion__content-body",children:t})})})]})}const D=8,W=8;function Ve(t,e,r){const o=window.innerWidth;let n,a;switch(t){case"top":n=e.top-r.height-D,a=e.left+e.width/2-r.width/2;break;case"bottom":n=e.bottom+D,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-D;break;case"right":n=e.top+e.height/2-r.height/2,a=e.right+D;break;default:n=e.bottom+D,a=e.left}const i=Math.max(W,Math.min(o-r.width-W,a)),l=a-i;return{top:n,left:i,arrowOffset:l}}function We(t,e,r){const o=window.innerWidth,n=window.innerHeight;if(t.top>=e+D+W)return"top";if(n-t.bottom>=e+D+W)return"bottom";if(o-t.right>=r+D+W)return"right";if(t.left>=r+D+W)return"left";const a=Math.max(t.top,n-t.bottom,t.left,o-t.right);return a===t.top?"top":a===n-t.bottom?"bottom":a===o-t.right?"right":"left"}function ze({children:t,content:e,position:r,...o}){const[n,a]=u.useState(!1),[i,l]=u.useState({visibility:"hidden"}),[p,f]=u.useState(r||"top"),m=u.useRef(null),h=u.useRef(null),v=u.useRef(!1),d=()=>{if(!m.current||!h.current)return;const j=m.current.getBoundingClientRect(),R=h.current.getBoundingClientRect(),T=r||We(j,R.height,R.width),{top:$,left:I,arrowOffset:k}=Ve(T,j,R);f(T),l({position:"fixed",top:$,left:I,visibility:"visible","--arrow-offset":`${k}px`})};if(u.useEffect(()=>{if(!n)return;l({position:"fixed",visibility:"hidden"});const j=requestAnimationFrame(d);return window.addEventListener("scroll",d,!0),window.addEventListener("resize",d),()=>{cancelAnimationFrame(j),window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)}},[n,r]),u.useEffect(()=>{if(!n)return;const j=R=>{m.current&&!m.current.contains(R.target)&&a(!1)};return document.addEventListener("touchstart",j),()=>document.removeEventListener("touchstart",j)},[n]),!e)return t;const _=n&&s.jsx("div",{ref:h,className:`ds-tooltip ds-tooltip--${p}`,role:"tooltip",style:i,children:e});return s.jsxs("div",{ref:m,className:"ds-tooltip-wrapper",onMouseEnter:()=>{v.current||a(!0)},onMouseLeave:()=>{v.current||a(!1)},onTouchStart:()=>{v.current=!0,a(j=>!j)},...o,children:[t,typeof document<"u"&&K.createPortal(_,document.body)]})}function Ye({checked:t=!1,onChange:e,size:r="m",disabled:o=!1,label:n,id:a,...i}){const l=a||`toggle-${u.useId()}`,p=["ds-toggle",`ds-toggle--${r}`,o&&"ds-toggle--disabled"].filter(Boolean).join(" ");return s.jsxs("label",{className:p,htmlFor:l,children:[s.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:t,onChange:f=>e==null?void 0:e(f.target.checked),disabled:o,...i}),s.jsx("span",{className:"ds-toggle__track",children:s.jsx("span",{className:"ds-toggle__thumb"})}),n&&s.jsx("span",{className:"ds-toggle__label",children:n})]})}function Ue({checked:t=!1,onChange:e,size:r="m",disabled:o=!1,label:n,id:a,...i}){const l=a||`checkbox-${u.useId()}`,p=["ds-checkbox",`ds-checkbox--${r}`,o&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=r==="xs"?10:r==="small"?14:r==="large"?20:16;return s.jsxs("label",{className:p,htmlFor:l,children:[s.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:t,onChange:m=>e==null?void 0:e(m.target.checked),disabled:o,...i}),s.jsx("span",{className:"ds-checkbox__box",children:t&&s.jsx(E.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),n&&s.jsx("span",{className:"ds-checkbox__label",children:n})]})}function qe({checked:t=!1,onChange:e,size:r="m",disabled:o=!1,label:n,name:a,value:i,id:l,...p}){const f=l||`radio-${u.useId()}`,m=["ds-radio",`ds-radio--${r}`,o&&"ds-radio--disabled"].filter(Boolean).join(" ");return s.jsxs("label",{className:m,htmlFor:f,children:[s.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:t,onChange:h=>e==null?void 0:e(h.target.checked),disabled:o,name:a,value:i,...p}),s.jsx("span",{className:"ds-radio__circle",children:s.jsx("span",{className:"ds-radio__dot"})}),n&&s.jsx("span",{className:"ds-radio__label",children:n})]})}function He({width:t,height:e,shape:r="rect",className:o="",style:n={},...a}){return s.jsx("span",{className:["ds-skeleton",`ds-skeleton--${r}`,o].filter(Boolean).join(" "),style:{width:t,height:e,...n},"aria-hidden":"true",...a})}function Xe(t){let e=2166136261;for(let r=0;r<t.length;r++)e^=t.charCodeAt(r),e=Math.imul(e,16777619)>>>0;return e%360}function Ge(t){if(!t)return"";const e=t.trim().split(/\s+/);return e.length>=2?(e[0][0]+e[1][0]).toUpperCase():t[0].toUpperCase()}function Je({seed:t,icon:e,src:r,size:o=32,className:n="",style:a={},...i}){const l=Xe(t??""),[p,f]=u.useState(!1),m=e??s.jsx("span",{className:"ds-avatar__initials",children:Ge(t)});return s.jsx("div",{className:["ds-avatar",n].filter(Boolean).join(" "),style:{width:o,height:o,"--ds-avatar-h":l,...a},"aria-hidden":"true",...i,children:r&&!p?s.jsx("img",{src:r,alt:"",onError:()=>f(!0)}):m})}function Ke({children:t,size:e="compact",stickyTop:r,maxHeight:o,className:n="",style:a={},...i}){const l={...o?{maxHeight:o}:{},...r!==void 0?{"--ds-table-sticky-top":typeof r=="number"?`${r}px`:r}:{},...a};return s.jsx("div",{className:["ds-table-wrap",o?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:s.jsx("table",{className:["ds-table",`ds-table--${e}`,n].filter(Boolean).join(" "),...i,children:t})})}function Ze({children:t,...e}){return s.jsx("thead",{...e,children:t})}function Qe({children:t,...e}){return s.jsx("tbody",{...e,children:t})}function et({children:t,interactive:e,selected:r,subheader:o,className:n="",onClick:a,...i}){return s.jsx("tr",{className:["ds-table-row",e||a?"ds-table-row--interactive":"",r?"ds-table-row--selected":"",o?"ds-table-row--subheader":"",n].filter(Boolean).join(" "),onClick:a,...i,children:t})}function tt({children:t,colSpan:e=999,...r}){return s.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...r,children:s.jsx("td",{colSpan:e,children:t})})}function st({children:t,align:e="left",sortDir:r,onSort:o,width:n,className:a="",style:i={},...l}){const p=!!o||r!==void 0,f=r==="asc"?E.ChevronUp:r==="desc"?E.ChevronDown:E.ChevronsUpDown;return s.jsx("th",{className:["ds-th",p?"ds-th--sortable":"",r?"ds-th--sorted":"",e!=="left"?`ds-table-cell--${e}`:"",a].filter(Boolean).join(" "),onClick:o,style:{width:n,...i},...l,children:p?s.jsxs("span",{className:"ds-th__inner",children:[t,s.jsx("span",{className:"ds-th__sort-icon",children:s.jsx(f,{size:11,strokeWidth:2.5})})]}):t})}function rt({children:t,align:e="left",secondary:r,muted:o,truncate:n,nowrap:a,className:i="",...l}){return s.jsx("td",{className:["ds-td",e!=="left"?`ds-table-cell--${e}`:"",r?"ds-table-cell--secondary":"",o?"ds-table-cell--muted":"",n?"ds-table-cell--truncate":"",a?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:t})}function nt({icon:t,title:e,description:r,action:o,size:n="m",className:a="",...i}){return s.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${n}`,a].filter(Boolean).join(" "),...i,children:[t&&s.jsx("div",{className:"ds-empty-state__icon",children:t}),s.jsx("div",{className:"ds-empty-state__title",children:e}),r&&s.jsx("div",{className:"ds-empty-state__description",children:r}),o&&s.jsx("div",{className:"ds-empty-state__action",children:o})]})}function at({trigger:t,items:e=[],open:r,onOpenChange:o,align:n="left",className:a="",style:i,...l}){const[p,f]=u.useState(!1),[m,h]=u.useState(!1),v=r!==void 0,d=v?r:p,_=u.useRef(null),j=u.useRef(null),[R,T]=u.useState({}),$=u.useRef(null),I=150,k=()=>{if(v)o==null||o(!1);else{if(m)return;h(!0),$.current=setTimeout(()=>{f(!1),h(!1)},I)}},C=()=>{const b=!d;v?o==null||o(b):b?(clearTimeout($.current),h(!1),f(!0)):k()};u.useEffect(()=>()=>clearTimeout($.current),[]),u.useEffect(()=>{if(!d)return;const b=()=>{var A;const w=(A=_.current)==null?void 0:A.getBoundingClientRect();w&&T(n==="right"?{top:w.bottom+4,right:window.innerWidth-w.right}:{top:w.bottom+4,left:w.left})};return b(),window.addEventListener("scroll",b,!0),window.addEventListener("resize",b),()=>{window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",b)}},[d,n]),u.useEffect(()=>{if(!d)return;const b=A=>{var M,O;!((M=_.current)!=null&&M.contains(A.target))&&!((O=j.current)!=null&&O.contains(A.target))&&k()},w=A=>{A.key==="Escape"&&k()};return document.addEventListener("mousedown",b),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",w)}},[d]);const L=d&&s.jsx("div",{ref:j,className:["ds-dropdown__menu",`ds-dropdown__menu--${n}`,m&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:R,children:e.map((b,w)=>{if(b.separator)return s.jsx("div",{className:"ds-dropdown__separator"},w);if(b.type==="section")return s.jsxs("div",{className:"ds-dropdown__section",children:[b.label&&s.jsx("div",{className:"ds-dropdown__section-label",children:b.label}),s.jsx("div",{className:"ds-dropdown__section-content",children:b.content})]},w);const A=!!b.href,M=A?"a":"button",O=A?{href:b.disabled?void 0:b.href,"aria-disabled":b.disabled?"true":void 0}:{type:"button",disabled:b.disabled};return s.jsxs(M,{className:["ds-dropdown__item",b.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...O,onClick:()=>{var B;(B=b.onClick)==null||B.call(b),k()},children:[b.icon&&s.jsx("span",{className:"ds-dropdown__item-icon",children:b.icon}),s.jsx("span",{className:"ds-dropdown__item-label",children:b.label}),b.shortcut&&s.jsx("span",{className:"ds-dropdown__item-shortcut",children:b.shortcut})]},w)})});return s.jsxs("div",{ref:_,className:["ds-dropdown",a].filter(Boolean).join(" "),style:i,...l,children:[s.jsx("div",{className:"ds-dropdown__trigger",onClick:C,children:t}),typeof document<"u"&&K.createPortal(L,document.body)]})}function ot({value:t=0,size:e="m",variant:r="default",showValue:o=!1,min:n=2,animate:a=!0}){const i=Math.min(100,Math.max(0,t)),l=Math.max(n,i),p=r==="auto"?i>=70?"success":i>=50?"warning":"danger":r;return s.jsxs("div",{className:["ds-progress",`ds-progress--${e}`,!a&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[s.jsx("div",{className:"ds-progress__track",children:s.jsx("div",{className:`ds-progress__fill ds-progress__fill--${p}`,style:{width:`${l}%`}})}),o&&s.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const ct=t=>1-Math.pow(1-t,3),it=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function ue(t,{duration:e=600}={}){const[r,o]=u.useState(t),n=u.useRef(t),a=u.useRef(null);return u.useEffect(()=>{if(it()){o(t),n.current=t;return}const i=n.current,l=t-i;if(l===0)return;let p=null;const f=m=>{p||(p=m);const h=Math.min((m-p)/e,1);o(i+l*ct(h)),h<1?a.current=requestAnimationFrame(f):n.current=t};return a.current=requestAnimationFrame(f),()=>cancelAnimationFrame(a.current)},[t,e]),r}function lt({value:t,duration:e=600,decimals:r=0,prefix:o="",suffix:n=""}){const i=ue(t,{duration:e}).toFixed(r);return`${o}${i}${n}`}function fe({threshold:t=.1,rootMargin:e="0px",once:r=!1}={}){const o=u.useRef(null),[n,a]=u.useState(!1);return u.useEffect(()=>{const i=o.current;if(!i)return;const l=new IntersectionObserver(([p])=>{p.isIntersecting?(a(!0),r&&l.disconnect()):r||a(!1)},{threshold:t,rootMargin:e});return l.observe(i),()=>l.disconnect()},[t,e,r]),{ref:o,inView:n}}function dt({children:t,as:e="div",once:r=!1,threshold:o=.1,rootMargin:n="0px",onEnter:a,onLeave:i,...l}){const{ref:p,inView:f}=fe({threshold:o,rootMargin:n,once:r}),m=u.useRef(!1);return u.useEffect(()=>{f&&!m.current&&(a==null||a()),!f&&m.current&&(i==null||i()),m.current=f},[f]),s.jsx(e,{ref:p,...l,children:typeof t=="function"?t(f):t})}const ce={default:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};let z=[];const ne=new Set;function me(){ne.forEach(t=>t([...z]))}function ut(t){z=[...z,t],me()}function ft(t){z=z.filter(e=>e.id!==t),me()}function mt(){const t=(e,r={})=>{ut({id:`${Date.now()}-${Math.random()}`,message:e,type:"default",duration:4e3,...r})};return t.success=(e,r)=>t(e,{...r,type:"success"}),t.error=(e,r)=>t(e,{...r,type:"error"}),t.warning=(e,r)=>t(e,{...r,type:"warning"}),{toast:t}}function pt({data:t,onDismiss:e}){const[r,o]=u.useState(!1),n=u.useRef(null);u.useEffect(()=>(requestAnimationFrame(()=>o(!0)),t.duration>0&&(n.current=setTimeout(()=>a(),t.duration)),()=>clearTimeout(n.current)),[]);function a(){o(!1),setTimeout(()=>e(t.id),250)}const i=ce[t.type]??ce.default;return s.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[s.jsx("div",{className:"ds-toast__icon",children:s.jsx(i,{size:P[3],strokeWidth:1.5})}),s.jsx("span",{className:"ds-toast__message",children:t.message}),s.jsx("button",{className:"ds-toast__close",onClick:a,"aria-label":"Закрыть",children:s.jsx(E.X,{size:P[3],strokeWidth:1.5})})]})}function ht({position:t="bottom-right"}){const[e,r]=u.useState(()=>[...z]);return u.useEffect(()=>(ne.add(r),()=>ne.delete(r)),[]),!e.length||typeof document>"u"?null:K.createPortal(s.jsx("div",{className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:e.map(o=>s.jsx(pt,{data:o,onDismiss:ft},o.id))}),document.body)}exports.Accordion=Fe;exports.Alert=Ae;exports.AnimatedNumber=lt;exports.Avatar=Je;exports.Badge=$e;exports.Button=le;exports.Card=Ne;exports.Checkbox=Ue;exports.Code=Be;exports.CodeAccordion=de;exports.Dropdown=at;exports.EmptyState=nt;exports.H1=ye;exports.H2=Ee;exports.H3=Re;exports.H4=Te;exports.InView=dt;exports.Input=ve;exports.Link=Ce;exports.Modal=Oe;exports.ModalFooter=re;exports.P1=ke;exports.P2=ge;exports.P3=Se;exports.ProgressBar=ot;exports.Radio=qe;exports.SegmentedControl=De;exports.Select=je;exports.Skeleton=He;exports.Spinner=ie;exports.Stepper=we;exports.Tab=Me;exports.Table=Ke;exports.TableBody=Qe;exports.TableHead=Ze;exports.TableRow=et;exports.TableSubheaderRow=tt;exports.Tabs=Le;exports.Td=rt;exports.Textarea=_e;exports.Th=st;exports.ToastContainer=ht;exports.Toggle=Ye;exports.Tooltip=ze;exports.iconSizes=P;exports.useAnimatedNumber=ue;exports.useInView=fe;exports.useToast=mt;
|
package/dist/index.es.js
CHANGED
|
@@ -309,7 +309,7 @@ function ge({
|
|
|
309
309
|
"aria-label": f,
|
|
310
310
|
...p
|
|
311
311
|
}) {
|
|
312
|
-
const x = n && !t, d = i === "loading", v = i === "success", _ = i === "error", y = d || v || _, E = r === "
|
|
312
|
+
const x = n && !t, d = i === "loading", v = i === "success", _ = i === "error", y = d || v || _, E = r === "xs" ? "s" : "m", S = $e[r] ?? 16, I = d ? /* @__PURE__ */ s.jsx(Re, { size: E }) : v ? /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(fe, { size: S, strokeWidth: 2.5 }) }) : _ ? /* @__PURE__ */ s.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(Q, { size: S, strokeWidth: 2.5 }) }) : null, k = [
|
|
313
313
|
"ds-button",
|
|
314
314
|
`ds-button--${e}`,
|
|
315
315
|
`ds-button--${r}`,
|
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--primary[data-state=success],.ds-button--secondary[data-state=success],.ds-button--danger[data-state=success]{background-color:var(--color-status-success-bg);border:1px solid var(--color-status-success);color:var(--color-status-success)}.ds-button--primary[data-state=error],.ds-button--secondary[data-state=error],.ds-button--danger[data-state=error]{background-color:var(--color-status-error-bg);border:1px solid var(--color-status-error);color:var(--color-status-error)}.ds-button--ghost[data-state=success]{color:var(--color-status-success)}.ds-button--ghost[data-state=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;overflow:hidden;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;min-height:0}.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-progress{display:flex;align-items:center;gap:var(--space-2);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease}.ds-progress--instant .ds-progress__fill{transition:none}.ds-progress__fill--default{background-color:var(--color-accent-default)}.ds-progress__fill--success{background-color:var(--color-status-success)}.ds-progress__fill--warning{background-color:var(--color-status-warning)}.ds-progress__fill--danger{background-color:var(--color-status-error)}.ds-progress--xs .ds-progress__track{height:var(--space-1)}.ds-progress--s .ds-progress__track{height:var(--space-2)}.ds-progress--m .ds-progress__track{height:var(--space-3)}.ds-progress--l .ds-progress__track{height:var(--space-6)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm);color:var(--color-fg-secondary);font-family:var(--font-ui);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}[data-variant=edgy] .ds-progress__track,[data-variant=edgy] .ds-progress__fill{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);--tab-icon-size-xs: var(--icon-1);--tab-icon-size-s: var(--icon-2);--tab-icon-size-m: var(--icon-2);--tab-icon-size-l: var(--icon-2);--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-lg);--btn-icon-size-xs: var(--icon-1);--btn-icon-size-s: var(--icon-2);--btn-icon-size-m: var(--icon-2);--btn-icon-size-l: var(--icon-2);--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);--tab-icon-size-xs: 16px;--tab-icon-size-s: 16px;--tab-icon-size-m: 18px;--tab-icon-size-l: 20px;--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);stroke-width:1.5px}.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],.ds-button[data-state=success],.ds-button[data-state=error]{cursor:default;pointer-events:none}.ds-button[data-state=loading]{opacity:.7}.ds-button--primary[data-state=loading]{background-color:transparent;color:var(--color-fg-disabled);border:1px solid var(--color-border-default);opacity:1}.ds-button--primary[data-state=success],.ds-button--secondary[data-state=success],.ds-button--danger[data-state=success]{background-color:var(--color-status-success-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-success)}.ds-button--primary[data-state=error],.ds-button--secondary[data-state=error],.ds-button--danger[data-state=error]{background-color:var(--color-status-error-bg);border:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent);color:var(--color-status-error)}.ds-button--ghost[data-state=success]{color:var(--color-status-success)}.ds-button--ghost[data-state=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;overflow:hidden;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;min-height:0}.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{--_tab-icon-sz: var(--tab-icon-size-xs)}.ds-tab--s{--_tab-icon-sz: var(--tab-icon-size-s)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l)}.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>svg{width:var(--_tab-icon-sz);height:var(--_tab-icon-sz);stroke-width:1.5px}.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-progress{display:flex;align-items:center;gap:var(--space-2);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease}.ds-progress--instant .ds-progress__fill{transition:none}.ds-progress__fill--default{background-color:var(--color-accent-default)}.ds-progress__fill--success{background-color:var(--color-status-success)}.ds-progress__fill--warning{background-color:var(--color-status-warning)}.ds-progress__fill--danger{background-color:var(--color-status-error)}.ds-progress--xs .ds-progress__track{height:var(--space-1)}.ds-progress--s .ds-progress__track{height:var(--space-2)}.ds-progress--m .ds-progress__track{height:var(--space-3)}.ds-progress--l .ds-progress__track{height:var(--space-6)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm);color:var(--color-fg-secondary);font-family:var(--font-ui);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}[data-variant=edgy] .ds-progress__track,[data-variant=edgy] .ds-progress__fill{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}
|