@donkit-ai/design-system 1.4.2 → 1.4.4

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +2 -2
  2. package/dist/index.es.js +5 -5
  3. package/dist/tokens.css +1 -1
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),N=require("lucide-react"),ue=require("react-dom"),D={1:16,2:20,3:24,4:28,5:48};var he={exports:{}},ce={};/**
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),w=require("lucide-react"),ue=require("react-dom"),D={1:16,2:20,3:24,4:28,5:48};var he={exports:{}},ce={};/**
2
2
  * @license React
3
3
  * react-jsx-runtime.production.js
4
4
  *
@@ -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} />`,F,C,J,C),k[C+F]=!0)}if(C=null,L!==void 0&&(r(L),C=""+L),i(y)&&(r(y.key),C=""+y.key),"key"in y){L={};for(var ne in y)ne!=="key"&&(L[ne]=y[ne])}else L=y;return C&&l(L,typeof c=="function"?c.displayName||c.name||"Unknown":c),d(c,C,L,a(),se,re)}function h(c){x(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===P&&(c._payload.status==="fulfilled"?x(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function x(c){return typeof c=="object"&&c!==null&&c.$$typeof===j}var u=f,j=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),E=Symbol.for("react.consumer"),$=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),V=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),q=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,b=Array.isArray,w=console.createTask?console.createTask:function(){return null};u={react_stack_bottom_frame:function(c){return c()}};var T,M={},H=u.react_stack_bottom_frame.bind(u,n)(),X=w(o(n)),k={};de.Fragment=A,de.jsx=function(c,y,L){var F=1e4>q.recentlyCreatedOwnerStacks++;return m(c,y,L,!1,F?Error("react-stack-top-frame"):H,F?w(o(c)):X)},de.jsxs=function(c,y,L){var F=1e4>q.recentlyCreatedOwnerStacks++;return m(c,y,L,!0,F?Error("react-stack-top-frame"):H,F?w(o(c)):X)}}()),de}process.env.NODE_ENV==="production"?he.exports=We():he.exports=Ue();var e=he.exports;function Se({size:s="m",color:t="default",className:r="",...o}){return e.jsx("span",{className:["ds-spinner",`ds-spinner--${s}`,`ds-spinner--${t}`,r].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...o})}const Ve={xs:12,s:14,m:16,l:20};function ie({children:s,variant:t="primary",size:r="m",fullWidth:o=!1,icon:a,disabled:n=!1,state:i="idle",onClick:l,type:p="button",href:d,"aria-label":m,className:h="",...x}){const u=a&&!s,j=i==="loading",v=i==="success",A=i==="error",S=j||v||A,B=r==="xs"?"s":"m",E=Ve[r]??16,$=j?e.jsx(Se,{size:B}):v?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(N.Check,{size:E,strokeWidth:2.5})}):A?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(N.X,{size:E,strokeWidth:2.5})}):null,z=["ds-button",`ds-button--${t}`,`ds-button--${r}`,o&&"ds-button--full",u&&"ds-button--icon-only",h].filter(Boolean).join(" "),I=i!=="idle"?i:void 0,V=e.jsxs(e.Fragment,{children:[S?$:a&&e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:a}),s]});if(d){const Y=P=>{if(n||j){P.preventDefault();return}P.metaKey||P.ctrlKey||P.button===1||(P.preventDefault(),l==null||l(P))};return e.jsx("a",{className:z,href:n||j?void 0:d,onClick:Y,"aria-label":m,"aria-disabled":n||j?"true":void 0,"aria-busy":j?"true":void 0,"data-state":I,...x,children:V})}return e.jsx("button",{type:p,className:z,disabled:n,onClick:j?void 0:l,"aria-label":m,"aria-busy":j?"true":void 0,"data-state":I,...x,children:V})}function He({label:s,error:t,hint:r,fullWidth:o=!0,icon:a,iconRight:n,onIconRightClick:i,size:l="m",disabled:p,id:d,...m}){const h=d||`input-${f.useId()}`,x=r?`${h}-hint`:void 0,u=t?`${h}-error`:void 0,j=u||x;return e.jsxs("div",{className:`ds-input-wrapper ${o?"ds-input-wrapper--full":""} ${p?"ds-input-wrapper--disabled":""} ${t?"ds-input-wrapper--error":""}`,children:[s&&e.jsx("label",{className:"ds-input-label",htmlFor:h,children:s}),e.jsxs("div",{className:"ds-input-container",children:[a&&e.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:a}),e.jsx("input",{id:h,className:`ds-input ds-input--${l} ${a?"ds-input--with-icon":""} ${n?"ds-input--with-icon-right":""} ${t?"ds-input--error":""}`,disabled:p,"aria-invalid":t?"true":"false","aria-describedby":j,...m}),n&&e.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:n})]}),r&&!t&&e.jsx("span",{id:x,className:"ds-input-hint",children:r}),e.jsx("div",{className:"ds-input-error-wrap",children:e.jsx("div",{className:"ds-input-error-inner",children:t&&e.jsx("span",{id:u,className:"ds-input-error",role:"alert",children:t})})})]})}function Ye({label:s,error:t,hint:r,fullWidth:o=!0,size:a="m",disabled:n,id:i,resize:l=!0,rows:p=3,...d}){const m=i||`textarea-${f.useId()}`,h=r?`${m}-hint`:void 0,x=t?`${m}-error`:void 0,u=x||h;return e.jsxs("div",{className:`ds-textarea-wrapper ${o?"ds-textarea-wrapper--full":""} ${n?"ds-textarea-wrapper--disabled":""}`,children:[s&&e.jsx("label",{className:"ds-textarea-label",htmlFor:m,children:s}),e.jsx("textarea",{id:m,className:`ds-textarea ds-textarea--${a} ${t?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:n,"aria-invalid":t?"true":"false","aria-describedby":u,rows:p,...d}),r&&!t&&e.jsx("span",{id:h,className:"ds-textarea-hint",children:r}),t&&e.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:t})]})}function qe({label:s,value:t,onChange:r,options:o=[],placeholder:a="Select option",error:n,fullWidth:i=!0,size:l="m",disabled:p=!1,id:d,...m}){const[h,x]=f.useState(!1),[u,j]=f.useState(!1),[v,A]=f.useState({}),[S,B]=f.useState("down"),[E,$]=f.useState(-1),z=f.useRef(null),I=f.useRef(null),V=f.useRef(null),Y=f.useRef(null),P=d||`select-${f.useId()}`,g=`${P}-label`,O=n?`${P}-error`:void 0,q=150,W=(k=!1)=>{u||(j(!0),$(-1),Y.current=setTimeout(()=>{var c;x(!1),j(!1),k&&((c=V.current)==null||c.focus())},q))},b=k=>{clearTimeout(Y.current),j(!1);const c=k!==void 0?k:Math.max(o.findIndex(y=>y.value===t),0);$(c),x(!0)};f.useEffect(()=>()=>clearTimeout(Y.current),[]);const w=()=>{var re;const k=(re=z.current)==null?void 0:re.getBoundingClientRect();if(!k)return;const c=window.innerHeight,y=c-k.bottom,L=k.top,se=y<300&&L>y;B(se?"up":"down"),A(se?{bottom:c-k.top+4,left:k.left,width:k.width}:{top:k.bottom+4,left:k.left,width:k.width})};f.useEffect(()=>{if(h)return w(),window.addEventListener("scroll",w,!0),window.addEventListener("resize",w),()=>{window.removeEventListener("scroll",w,!0),window.removeEventListener("resize",w)}},[h]),f.useEffect(()=>{const k=c=>{z.current&&!z.current.contains(c.target)&&I.current&&!I.current.contains(c.target)&&W()};return document.addEventListener("mousedown",k),()=>document.removeEventListener("mousedown",k)},[u]),f.useEffect(()=>{var c;if(!h||E<0||!I.current)return;(c=I.current.querySelectorAll(".ds-select-option")[E])==null||c.scrollIntoView({block:"nearest"})},[E,h]);const T=k=>{switch(k.key){case"ArrowDown":k.preventDefault(),h?$(c=>Math.min(c+1,o.length-1)):b();break;case"ArrowUp":k.preventDefault(),h?$(c=>Math.max(c-1,0)):b(o.length-1);break;case"Home":h&&(k.preventDefault(),$(0));break;case"End":h&&(k.preventDefault(),$(o.length-1));break;case"Enter":case" ":k.preventDefault(),h?E>=0&&(r==null||r(o[E].value),W(!0)):b();break;case"Escape":h&&(k.preventDefault(),W(!0));break;case"Tab":h&&W(!1);break}},M=o.find(k=>k.value===t),H=l==="xs"?D[1]:l==="small"?D[2]:D[3],X=h&&e.jsx("div",{ref:I,role:"listbox","aria-labelledby":s?g:void 0,tabIndex:-1,className:["ds-select-dropdown",`ds-select-dropdown--${l}`,`ds-select-dropdown--${S}`,u&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:v,children:o.map((k,c)=>e.jsx("button",{id:`${P}-opt-${c}`,type:"button",role:"option",tabIndex:-1,"aria-selected":t===k.value,className:["ds-select-option",`ds-select-option--${l}`,t===k.value&&"ds-select-option--selected",c===E&&"ds-select-option--active"].filter(Boolean).join(" "),onClick:()=>{r==null||r(k.value),W(!0)},children:k.label},k.value))});return e.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${p?"ds-select-wrapper--disabled":""}`,children:[s&&e.jsx("label",{id:g,className:"ds-select-label",children:s}),e.jsx("div",{className:"ds-select-container",ref:z,children:e.jsxs("button",{ref:V,type:"button",id:P,role:"combobox","aria-haspopup":"listbox","aria-expanded":h,"aria-activedescendant":h&&E>=0?`${P}-opt-${E}`:void 0,"aria-labelledby":s?g:void 0,"aria-invalid":n?"true":"false","aria-describedby":O,className:`ds-select-trigger ds-select-trigger--${l} ${n?"ds-select-trigger--error":""}`,onClick:()=>{p||(h?W():b())},onKeyDown:T,disabled:p,...m,children:[e.jsx("span",{className:M?"":"ds-select-placeholder",children:(M==null?void 0:M.label)||a}),e.jsx(N.ChevronDown,{size:H,strokeWidth:1.5,className:`ds-select-icon ${h&&S==="down"?"ds-select-icon--open":""} ${h&&S==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),n&&e.jsx("span",{id:O,className:"ds-select-error",role:"alert",children:n}),typeof document<"u"&&ue.createPortal(X,document.body)]})}function Xe({label:s,value:t=0,onChange:r,min:o=0,max:a=100,step:n=1,size:i="m",disabled:l=!1,hint:p,error:d,...m}){const h=()=>{if(l)return;const S=Math.min(Number(t)+n,a);r==null||r(S)},x=()=>{if(l)return;const S=Math.max(Number(t)-n,o);r==null||r(S)},u=S=>{if(l)return;const B=S.target.value;if(B===""){r==null||r(o);return}const E=Number(B);if(!isNaN(E)){const $=Math.min(Math.max(E,o),a);r==null||r($)}},j=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",d&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),v=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),A=i==="xs"?D[1]:i==="small"?D[2]:D[3];return e.jsxs("div",{className:j,children:[s&&e.jsx("label",{className:"ds-stepper-label",children:s}),e.jsxs("div",{className:v,children:[e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:x,disabled:l||t<=o,"aria-label":"Decrease",children:e.jsx(N.Minus,{size:A,strokeWidth:1.5})}),e.jsx("input",{type:"number",className:"ds-stepper-input",value:t,onChange:u,min:o,max:a,step:n,disabled:l,...m}),e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:h,disabled:l||t>=a,"aria-label":"Increase",children:e.jsx(N.Plus,{size:A,strokeWidth:1.5})})]}),p&&!d&&e.jsx("div",{className:"ds-stepper-hint",children:p}),d&&e.jsx("div",{className:"ds-stepper-error",children:d})]})}function Ke({children:s,padding:t="m",variant:r="info",hover:o=!1,onClick:a,href:n,disabled:i=!1,...l}){const d=(o?"interactive":r)==="interactive"||a||n,m=["ds-card",`ds-card--${t}`,d&&"ds-card--interactive"].filter(Boolean).join(" ");if(n){const u=j=>{if(i){j.preventDefault();return}j.metaKey||j.ctrlKey||j.button===1||(j.preventDefault(),a==null||a(j))};return e.jsx("a",{className:m,href:i?void 0:n,onClick:u,"aria-disabled":i?"true":void 0,...l,children:s})}const h=d&&a?"button":"div",x=d&&a?{type:"button",onClick:a,disabled:i}:{};return e.jsx(h,{className:m,role:d&&!a?"article":void 0,...x,...l,children:s})}function Ge({children:s,...t}){return e.jsx("h1",{className:"ds-h1",...t,children:s})}function Je({children:s,...t}){return e.jsx("h2",{className:"ds-h2",...t,children:s})}function Ze({children:s,...t}){return e.jsx("h3",{className:"ds-h3",...t,children:s})}function Qe({children:s,...t}){return e.jsx("h4",{className:"ds-h4",...t,children:s})}function es({children:s,secondary:t=!1,...r}){return e.jsx("p",{className:`ds-p1 ${t?"ds-p1--secondary":""}`,...r,children:s})}function Ae({children:s,secondary:t=!1,...r}){return e.jsx("p",{className:`ds-p2 ${t?"ds-p2--secondary":""}`,...r,children:s})}function ve({children:s,secondary:t=!1,...r}){return e.jsx("p",{className:`ds-p3 ${t?"ds-p3--secondary":""}`,...r,children:s})}function ee({children:s,variant:t="default",size:r="m",role:o,...a}){const n=["ds-badge",`ds-badge--${t}`,`ds-badge--${r}`].filter(Boolean).join(" "),i=o||(["info","success","warning","error"].includes(t)?"status":void 0);return e.jsx("span",{className:n,role:i,...a,children:s})}const ss={info:N.Info,success:N.CheckCircle,warning:N.AlertTriangle,error:N.XCircle};function ts({children:s,variant:t="info",title:r,onClose:o,role:a,...n}){const i=ss[t],l=a||(t==="error"?"alert":"status");return e.jsxs("div",{className:`ds-alert ds-alert--${t} ${r?"":"ds-alert--no-title"}`,role:l,...n,children:[i&&e.jsx("div",{className:"ds-alert__icon",children:e.jsx(i,{size:D[3],strokeWidth:1.5})}),e.jsxs("div",{className:"ds-alert__content",children:[r&&e.jsx("div",{className:"ds-alert__title",children:r}),s&&e.jsx("div",{className:"ds-alert__message",children:s})]}),o&&e.jsx("button",{type:"button",className:"ds-alert__close",onClick:o,"aria-label":"Close alert",children:e.jsx(N.X,{size:D[3],strokeWidth:1.5})})]})}const rs=200;function ns({children:s,title:t,onClose:r,size:o="m",...a}){const n=f.useRef(null),i=f.useId(),[l,p]=f.useState(!1),d=()=>{!r||l||(p(!0),setTimeout(()=>{p(!1),r()},rs))};f.useEffect(()=>{const u=v=>{v.key==="Escape"&&d()},j=v=>{n.current&&!n.current.contains(v.target)&&d()};return document.addEventListener("keydown",u),document.addEventListener("mousedown",j),()=>{document.removeEventListener("keydown",u),document.removeEventListener("mousedown",j)}},[r,l]);const m=f.Children.toArray(s),h=m.find(u=>(u==null?void 0:u.type)===xe),x=m.filter(u=>(u==null?void 0:u.type)!==xe);return e.jsx("div",{className:["ds-modal-overlay",l&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...a,children:e.jsxs("div",{className:`ds-modal ds-modal--${o}`,ref:n,role:"dialog","aria-modal":"true","aria-labelledby":t?i:void 0,children:[(t||r)&&e.jsxs("div",{className:"ds-modal__header",children:[t&&e.jsx("h3",{id:i,className:"ds-modal__title",children:t}),r&&e.jsx(ie,{variant:"ghost",size:"small",icon:e.jsx(N.X,{size:D[2],strokeWidth:1.5}),onClick:d,"aria-label":"Close modal"})]}),e.jsx("div",{className:"ds-modal__body",children:x}),h]})})}function xe({children:s}){return e.jsx("div",{className:"ds-modal__footer",children:s})}function De({children:s,title:t="Code",defaultExpanded:r=!1,expanded:o,onToggle:a,padding:n="s",className:i="",...l}){const[p,d]=f.useState(r),m=o!==void 0,h=m?o:p,x=()=>{m?a==null||a(!o):d(j=>!j)},u=["ds-code-accordion",`ds-code-accordion--${n}`,h&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return e.jsxs("div",{className:u,...l,children:[e.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:x,"aria-expanded":h,children:[e.jsx("span",{className:"ds-code-accordion__title",children:t}),e.jsx(N.ChevronDown,{size:D[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${h?"ds-code-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-code-accordion__content",children:e.jsx("div",{className:"ds-code-accordion__inner",children:e.jsx("pre",{className:"ds-code-accordion__pre",children:e.jsx("code",{children:s})})})})]})}function as({children:s,block:t=!1,collapsible:r=!1,title:o="Code",defaultExpanded:a=!1,...n}){return t?r?e.jsx(De,{title:o,defaultExpanded:a,...n,children:s}):e.jsx("pre",{className:"ds-code-block",...n,children:e.jsx("code",{children:s})}):e.jsx("code",{className:"ds-code-inline",...n,children:s})}function os({href:s,children:t,onClick:r,target:o,rel:a,...n}){const l=o==="_blank"?a?`${a} noopener noreferrer`:"noopener noreferrer":a;return e.jsx("a",{href:s,className:"ds-link",onClick:r,target:o,rel:l,...n,children:t})}function is({children:s,size:t="m",variant:r="ghost",...o}){return e.jsx("div",{className:"ds-tabs",role:"tablist",...o,children:f.Children.map(s,a=>f.isValidElement(a)?f.cloneElement(a,{size:t,variant:r}):a)})}function ls({children:s,selected:t=!1,onClick:r,size:o="m",variant:a="ghost",disabled:n=!1,icon:i,href:l,...p}){const d=i&&!s,m=["ds-tab",`ds-tab--${o}`,`ds-tab--${a}`,t&&"ds-tab--selected",d&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:"ds-tab-icon",children:i}),s]});if(l){const x=u=>{if(n){u.preventDefault();return}u.metaKey||u.ctrlKey||u.button===1||(u.preventDefault(),r==null||r(u))};return e.jsx("a",{role:"tab","aria-current":t?"page":void 0,"aria-disabled":n?"true":void 0,className:m,href:n?void 0:l,onClick:x,...p,children:h})}return e.jsx("button",{role:"tab","aria-selected":t,className:m,onClick:r,disabled:n,...p,children:h})}function cs({options:s,value:t,onChange:r,size:o="m",disabled:a=!1}){const n=f.useRef(null),i=f.useRef(null),[l,p]=f.useState(!1),d=f.useRef(!1),m=f.useRef(null),h=f.useRef(null),x=()=>{if(!n.current)return;const u=n.current.querySelector(`[data-value="${t}"]`);if(!u)return;const j=n.current.getBoundingClientRect(),v=u.getBoundingClientRect(),A=v.left-j.left,S=v.width;i.current?(i.current.style.transition=d.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=A+"px",i.current.style.width=S+"px",d.current=!1):(p(!0),requestAnimationFrame(()=>{if(!i.current||!n.current)return;const B=n.current.querySelector(`[data-value="${t}"]`);if(!B)return;const E=n.current.getBoundingClientRect(),$=B.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=$.left-E.left+"px",i.current.style.width=$.width+"px"}))};return h.current=x,f.useLayoutEffect(()=>{const u=m.current!==t;m.current=t,d.current=l&&u,x()}),f.useEffect(()=>{if(!n.current)return;const u=new ResizeObserver(()=>{d.current=!1,h.current()});return u.observe(n.current),()=>u.disconnect()},[]),e.jsxs("div",{className:["ds-seg",`ds-seg--${o}`,a&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:n,role:"group",children:[l&&e.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),s.map(u=>e.jsxs("button",{type:"button","data-value":u.value,className:["ds-seg__btn",t===u.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!a&&r(u.value),"aria-pressed":t===u.value,disabled:a,children:[u.icon&&e.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:u.icon}),u.label]},u.value))]})}function fe({children:s,title:t,defaultExpanded:r=!1,expanded:o,onToggle:a,padding:n="m",...i}){const[l,p]=f.useState(r),d=o!==void 0,m=d?o:l,h=()=>{d?a==null||a(!o):p(u=>!u)},x=["ds-accordion",`ds-accordion--${n}`,m&&"ds-accordion--expanded"].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...i,children:[e.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":m,children:[e.jsx("span",{className:"ds-accordion__title",children:t}),e.jsx(N.ChevronDown,{size:D[2],strokeWidth:1.5,className:`ds-accordion__icon ${m?"ds-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-accordion__content",children:e.jsx("div",{className:"ds-accordion__content-inner",children:e.jsx("div",{className:"ds-accordion__content-body",children:s})})})]})}const te=8,oe=8;function ds(s,t,r){const o=window.innerWidth;let a,n;switch(s){case"top":a=t.top-r.height-te,n=t.left+t.width/2-r.width/2;break;case"bottom":a=t.bottom+te,n=t.left+t.width/2-r.width/2;break;case"left":a=t.top+t.height/2-r.height/2,n=t.left-r.width-te;break;case"right":a=t.top+t.height/2-r.height/2,n=t.right+te;break;default:a=t.bottom+te,n=t.left}const i=Math.max(oe,Math.min(o-r.width-oe,n)),l=n-i;return{top:a,left:i,arrowOffset:l}}function us(s,t,r){const o=window.innerWidth,a=window.innerHeight;if(s.top>=t+te+oe)return"top";if(a-s.bottom>=t+te+oe)return"bottom";if(o-s.right>=r+te+oe)return"right";if(s.left>=r+te+oe)return"left";const n=Math.max(s.top,a-s.bottom,s.left,o-s.right);return n===s.top?"top":n===a-s.bottom?"bottom":n===o-s.right?"right":"left"}function fs({children:s,content:t,position:r,...o}){const[a,n]=f.useState(!1),[i,l]=f.useState({visibility:"hidden"}),[p,d]=f.useState(r||"top"),m=f.useRef(null),h=f.useRef(null),x=f.useRef(!1),u=()=>{if(!m.current||!h.current)return;const v=m.current.getBoundingClientRect(),A=h.current.getBoundingClientRect(),S=r||us(v,A.height,A.width),{top:B,left:E,arrowOffset:$}=ds(S,v,A);d(S),l({position:"fixed",top:B,left:E,visibility:"visible","--arrow-offset":`${$}px`})};if(f.useEffect(()=>{if(!a)return;l({position:"fixed",visibility:"hidden"});const v=requestAnimationFrame(u);return window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{cancelAnimationFrame(v),window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[a,r]),f.useEffect(()=>{if(!a)return;const v=A=>{m.current&&!m.current.contains(A.target)&&n(!1)};return document.addEventListener("touchstart",v),()=>document.removeEventListener("touchstart",v)},[a]),!t)return s;const j=a&&e.jsx("div",{ref:h,className:`ds-tooltip ds-tooltip--${p}`,role:"tooltip",style:i,children:t});return e.jsxs("div",{ref:m,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||n(!0)},onMouseLeave:()=>{x.current||n(!1)},onTouchStart:()=>{x.current=!0,n(v=>!v)},...o,children:[s,typeof document<"u"&&ue.createPortal(j,document.body)]})}function ms({checked:s=!1,onChange:t,size:r="m",disabled:o=!1,label:a,id:n,...i}){const l=n||`toggle-${f.useId()}`,p=["ds-toggle",`ds-toggle--${r}`,o&&"ds-toggle--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:p,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:s,onChange:d=>t==null?void 0:t(d.target.checked),disabled:o,...i}),e.jsx("span",{className:"ds-toggle__track",children:e.jsx("span",{className:"ds-toggle__thumb"})}),a&&e.jsx("span",{className:"ds-toggle__label",children:a})]})}function ps({checked:s=!1,onChange:t,size:r="m",disabled:o=!1,label:a,id:n,...i}){const l=n||`checkbox-${f.useId()}`,p=["ds-checkbox",`ds-checkbox--${r}`,o&&"ds-checkbox--disabled"].filter(Boolean).join(" "),d=r==="xs"?10:r==="small"?14:r==="large"?20:16;return e.jsxs("label",{className:p,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:s,onChange:m=>t==null?void 0:t(m.target.checked),disabled:o,...i}),e.jsx("span",{className:"ds-checkbox__box",children:s&&e.jsx(N.Check,{size:d,strokeWidth:2.5,className:"ds-checkbox__icon"})}),a&&e.jsx("span",{className:"ds-checkbox__label",children:a})]})}function hs({checked:s=!1,onChange:t,size:r="m",disabled:o=!1,label:a,name:n,value:i,id:l,...p}){const d=l||`radio-${f.useId()}`,m=["ds-radio",`ds-radio--${r}`,o&&"ds-radio--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:m,htmlFor:d,children:[e.jsx("input",{type:"radio",id:d,className:"ds-radio__input",checked:s,onChange:h=>t==null?void 0:t(h.target.checked),disabled:o,name:n,value:i,...p}),e.jsx("span",{className:"ds-radio__circle",children:e.jsx("span",{className:"ds-radio__dot"})}),a&&e.jsx("span",{className:"ds-radio__label",children:a})]})}function Ie({width:s,height:t,shape:r="rect",aspectRatio:o,className:a="",style:n={},...i}){return e.jsx("span",{className:["ds-skeleton",`ds-skeleton--${r}`,a].filter(Boolean).join(" "),style:{width:s,height:t,aspectRatio:o,...n},"aria-hidden":"true",...i})}function xs({lines:s=1,lastLineWidth:t="70%",gap:r,className:o="",style:a={},...n}){return e.jsx("span",{className:["ds-skeleton-text",o].filter(Boolean).join(" "),style:{gap:r,...a},"aria-hidden":"true",...n,children:Array.from({length:s},(i,l)=>e.jsx("span",{className:"ds-skeleton ds-skeleton--text",style:l===s-1&&s>1?{width:t}:void 0},l))})}Ie.Text=xs;function bs(s){let t=2166136261;for(let r=0;r<s.length;r++)t^=s.charCodeAt(r),t=Math.imul(t,16777619)>>>0;return t%360}function js(s){if(!s)return"";const t=s.trim().split(/\s+/);return t.length>=2?(t[0][0]+t[1][0]).toUpperCase():s[0].toUpperCase()}function _s({seed:s,icon:t,src:r,size:o=32,className:a="",style:n={},...i}){const l=bs(s??""),[p,d]=f.useState(!1),m=t??e.jsx("span",{className:"ds-avatar__initials",children:js(s)});return e.jsx("div",{className:["ds-avatar",a].filter(Boolean).join(" "),style:{width:o,height:o,"--ds-avatar-h":l,...n},"aria-hidden":"true",...i,children:r&&!p?e.jsx("img",{src:r,alt:"",onError:()=>d(!0)}):m})}function vs({children:s,size:t="compact",stickyTop:r,maxHeight:o,className:a="",style:n={},...i}){const l={...o?{maxHeight:o}:{},...r!==void 0?{"--ds-table-sticky-top":typeof r=="number"?`${r}px`:r}:{},...n};return e.jsx("div",{className:["ds-table-wrap",o?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:e.jsx("table",{className:["ds-table",`ds-table--${t}`,a].filter(Boolean).join(" "),...i,children:s})})}function ws({children:s,...t}){return e.jsx("thead",{...t,children:s})}function Ns({children:s,...t}){return e.jsx("tbody",{...t,children:s})}function gs({children:s,interactive:t,selected:r,subheader:o,exiting:a,updated:n,className:i="",onClick:l,...p}){return e.jsx("tr",{className:["ds-table-row",t||l?"ds-table-row--interactive":"",r?"ds-table-row--selected":"",o?"ds-table-row--subheader":"",a?"ds-table-row--exiting":"",n?"ds-table-row--updated":"",i].filter(Boolean).join(" "),onClick:l,...p,children:s})}function ys({children:s,colSpan:t=999,...r}){return e.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...r,children:e.jsx("td",{colSpan:t,children:s})})}function ks({children:s,align:t="left",sortDir:r,onSort:o,width:a,className:n="",style:i={},...l}){const p=!!o||r!==void 0,d=r==="asc"?N.ChevronUp:r==="desc"?N.ChevronDown:N.ChevronsUpDown;return e.jsx("th",{className:["ds-th",p?"ds-th--sortable":"",r?"ds-th--sorted":"",t!=="left"?`ds-table-cell--${t}`:"",n].filter(Boolean).join(" "),onClick:o,style:{width:a,...i},...l,children:p?e.jsxs("span",{className:"ds-th__inner",children:[s,e.jsx("span",{className:"ds-th__sort-icon",children:e.jsx(d,{size:11,strokeWidth:2.5})})]}):s})}function Es({children:s,align:t="left",secondary:r,muted:o,truncate:a,nowrap:n,className:i="",...l}){return e.jsx("td",{className:["ds-td",t!=="left"?`ds-table-cell--${t}`:"",r?"ds-table-cell--secondary":"",o?"ds-table-cell--muted":"",a?"ds-table-cell--truncate":"",n?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:s})}function Ts({icon:s,title:t,description:r,action:o,size:a="m",className:n="",...i}){return e.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${a}`,n].filter(Boolean).join(" "),...i,children:[s&&e.jsx("div",{className:"ds-empty-state__icon",children:s}),e.jsx("div",{className:"ds-empty-state__title",children:t}),r&&e.jsx("div",{className:"ds-empty-state__description",children:r}),o&&e.jsx("div",{className:"ds-empty-state__action",children:o})]})}function $s({label:s,hint:t,error:r,required:o=!1,disabled:a=!1,htmlFor:n,children:i,className:l="",style:p,...d}){const m=f.useId(),h=n??m,x=`${h}-hint`,u=`${h}-error`;return e.jsxs("div",{className:`ds-field${l?` ${l}`:""}`,"data-state":r?"error":void 0,"data-required":o?"":void 0,"data-disabled":a?"":void 0,style:p,...d,children:[s&&e.jsx("label",{className:"ds-field-label",htmlFor:h,children:s}),e.jsx("div",{className:"ds-field-control",children:i}),t&&!r&&e.jsx("p",{className:"ds-field-hint",id:x,children:t}),r&&e.jsx("p",{className:"ds-field-error",id:u,role:"alert",children:r})]})}function Rs({label:s,value:t,delta:r,size:o="m",inline:a=!1,className:n="",style:i,...l}){const p=r!=null&&r.startsWith("+")?"up":r!=null&&r.startsWith("-")?"down":"neutral";return e.jsxs("div",{className:["ds-stat",`ds-stat--${o}`,a&&"ds-stat--inline",n].filter(Boolean).join(" "),style:i,...l,children:[s&&e.jsx("span",{className:"ds-stat-label",children:s}),t!=null&&e.jsx("span",{className:"ds-stat-value",children:t}),r!=null&&e.jsx("span",{className:`ds-stat-delta ds-stat-delta--${p}`,children:r})]})}function Ss({children:s,separator:t="/","aria-label":r="Breadcrumb",className:o="",style:a,...n}){const i=f.Children.toArray(s).filter(Boolean);return e.jsx("nav",{className:`ds-breadcrumb${o?` ${o}`:""}`,"aria-label":r,style:a,...n,children:e.jsx("ol",{className:"ds-breadcrumb-list",children:i.map((l,p)=>e.jsxs("li",{className:"ds-breadcrumb-item",children:[l,p<i.length-1&&e.jsx("span",{className:"ds-breadcrumb-sep","aria-hidden":"true",children:t})]},p))})})}function As({page:s,total:t,onChange:r,siblings:o=1,"aria-label":a="Pagination",className:n="",style:i,...l}){const p=Ds(s,t,o);return e.jsxs("nav",{className:`ds-pagination${n?` ${n}`:""}`,"aria-label":a,style:i,...l,children:[e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>r==null?void 0:r(s-1),disabled:s<=1,"aria-label":"Previous page",children:e.jsx(N.ChevronLeft,{size:16})}),p.map((d,m)=>d==="…"?e.jsx("span",{className:"ds-pagination-gap","aria-hidden":"true",children:"…"},`gap-${m}`):e.jsx("button",{className:`ds-pagination-page${d===s?" ds-pagination-page--current":""}`,onClick:()=>d!==s&&(r==null?void 0:r(d)),"aria-current":d===s?"page":void 0,"aria-label":`Page ${d}`,children:d},d)),e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>r==null?void 0:r(s+1),disabled:s>=t,"aria-label":"Next page",children:e.jsx(N.ChevronRight,{size:16})})]})}function Ds(s,t,r){if(t<=7)return Array.from({length:t},(i,l)=>l+1);const o=Math.max(2,s-r),a=Math.min(t-1,s+r),n=[1];o>2&&n.push("…");for(let i=o;i<=a;i++)n.push(i);return a<t-1&&n.push("…"),n.push(t),n}const Is=200;function Bs({children:s,title:t,onClose:r,side:o="right",...a}){const n=f.useRef(null),i=f.useId(),[l,p]=f.useState(!1),d=()=>{!r||l||(p(!0),setTimeout(()=>{p(!1),r()},Is))};f.useEffect(()=>{const u=v=>{v.key==="Escape"&&d()},j=v=>{n.current&&!n.current.contains(v.target)&&d()};return document.addEventListener("keydown",u),document.addEventListener("mousedown",j),()=>{document.removeEventListener("keydown",u),document.removeEventListener("mousedown",j)}},[r,l]);const m=f.Children.toArray(s),h=m.find(u=>(u==null?void 0:u.type)===be),x=m.filter(u=>(u==null?void 0:u.type)!==be);return e.jsx("div",{className:["ds-drawer-overlay",l&&"ds-drawer-overlay--closing"].filter(Boolean).join(" "),...a,children:e.jsxs("aside",{className:["ds-drawer",l&&"ds-drawer--closing"].filter(Boolean).join(" "),"data-side":o,ref:n,role:"dialog","aria-modal":"true","aria-labelledby":t?i:void 0,children:[e.jsxs("header",{className:"ds-drawer-header",children:[t&&e.jsx("h3",{id:i,className:"ds-drawer-title",children:t}),r&&e.jsx("button",{className:"ds-drawer-close",onClick:d,"aria-label":"Close drawer",children:e.jsx(N.X,{size:D[2],strokeWidth:1.5})})]}),e.jsx("div",{className:"ds-drawer-body",children:x}),h]})})}function be({children:s}){return e.jsx("footer",{className:"ds-drawer-footer",children:s})}const Ps={info:N.Info,success:N.CheckCircle,warning:N.AlertTriangle,error:N.XCircle};function Ms({children:s,variant:t="info",action:r,onAction:o,onDismiss:a,role:n,...i}){const l=Ps[t],p=n||(t==="error"?"alert":"status");return e.jsxs("div",{className:`ds-banner ds-banner--${t}`,role:p,...i,children:[l&&e.jsx("span",{className:"ds-banner-icon","aria-hidden":"true",children:e.jsx(l,{size:D[2],strokeWidth:1.5})}),e.jsx("span",{className:"ds-banner-text",children:s}),r&&e.jsx("button",{type:"button",className:"ds-banner-action",onClick:o,children:r}),a&&e.jsx("button",{type:"button",className:"ds-banner-dismiss",onClick:a,"aria-label":"Dismiss",children:e.jsx(N.X,{size:D[2],strokeWidth:1.5})})]})}function Ls({trigger:s,items:t=[],open:r,onOpenChange:o,align:a="left",className:n="",style:i,...l}){const[p,d]=f.useState(!1),[m,h]=f.useState(!1),x=r!==void 0,u=x?r:p,j=f.useRef(null),v=f.useRef(null),A=f.useRef(null),S=f.useRef(null),[B,E]=f.useState({}),$=f.useRef(null),z=150,I=()=>{if(x)o==null||o(!1);else{if(m)return;h(!0),$.current=setTimeout(()=>{d(!1),h(!1)},z)}},V=()=>{const b=!u;x?o==null||o(b):b?(clearTimeout($.current),h(!1),d(!0)):I()},Y=()=>{u||(x?o==null||o(!0):(clearTimeout($.current),h(!1),d(!0)))};f.useEffect(()=>()=>clearTimeout($.current),[]),f.useEffect(()=>{if(!u)return;const b=300,w=()=>{var X;const T=(X=j.current)==null?void 0:X.getBoundingClientRect();if(!T)return;const M=window.innerHeight-T.bottom,H=M<b+8&&T.top>M;E(a==="right"?H?{bottom:window.innerHeight-T.top+4,top:"auto",right:window.innerWidth-T.right}:{top:T.bottom+4,bottom:"auto",right:window.innerWidth-T.right}:H?{bottom:window.innerHeight-T.top+4,top:"auto",left:T.left}:{top:T.bottom+4,bottom:"auto",left:T.left})};return w(),window.addEventListener("scroll",w,!0),window.addEventListener("resize",w),()=>{window.removeEventListener("scroll",w,!0),window.removeEventListener("resize",w)}},[u,a]);const P=()=>{var w;const b=(w=A.current)==null?void 0:w.querySelector('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea');b==null||b.focus()};f.useEffect(()=>{if(!u)return;const b=T=>{var M,H;!((M=j.current)!=null&&M.contains(T.target))&&!((H=v.current)!=null&&H.contains(T.target))&&I()},w=T=>{T.key==="Escape"&&(I(),P())};return document.addEventListener("mousedown",b),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",w)}},[u]),f.useEffect(()=>{if(!u||!S.current||!v.current)return;const b=g(),w=S.current==="last"?b[b.length-1]:b[0];w==null||w.focus(),S.current=null},[u]);const g=()=>v.current?[...v.current.querySelectorAll('button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])')]:[],O=b=>{var w,T;if(b.key==="ArrowDown")b.preventDefault(),u?(w=g()[0])==null||w.focus():(S.current="first",Y());else if(b.key==="ArrowUp")if(b.preventDefault(),!u)S.current="last",Y();else{const M=g();(T=M[M.length-1])==null||T.focus()}},q=b=>{var M,H,X,k;const w=g(),T=w.findIndex(c=>c===document.activeElement);switch(b.key){case"ArrowDown":b.preventDefault(),(M=w[Math.min(T+1,w.length-1)])==null||M.focus();break;case"ArrowUp":b.preventDefault(),T<=0?P():(H=w[T-1])==null||H.focus();break;case"Home":b.preventDefault(),(X=w[0])==null||X.focus();break;case"End":b.preventDefault(),(k=w[w.length-1])==null||k.focus();break;case"Tab":I();break}},W=u&&e.jsx("div",{ref:v,role:"menu",className:["ds-dropdown__menu",`ds-dropdown__menu--${a}`,m&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:B,onKeyDown:q,children:t.map((b,w)=>{if(b.separator)return e.jsx("div",{className:"ds-dropdown__separator"},w);if(b.type==="section")return e.jsxs("div",{className:"ds-dropdown__section",children:[b.label&&e.jsx("div",{className:"ds-dropdown__section-label",children:b.label}),e.jsx("div",{className:"ds-dropdown__section-content",children:b.content})]},w);const T=!!b.href,M=T?"a":"button",H=T?{href:b.disabled?void 0:b.href,"aria-disabled":b.disabled?"true":void 0}:{type:"button",disabled:b.disabled};return e.jsxs(M,{role:"menuitem",className:["ds-dropdown__item",b.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...H,onClick:()=>{var X;(X=b.onClick)==null||X.call(b),I()},children:[b.icon&&e.jsx("span",{className:"ds-dropdown__item-icon",children:b.icon}),e.jsx("span",{className:"ds-dropdown__item-label",children:b.label}),b.shortcut&&e.jsx("span",{className:"ds-dropdown__item-shortcut",children:b.shortcut})]},w)})});return e.jsxs("div",{ref:j,className:["ds-dropdown",n].filter(Boolean).join(" "),style:i,...l,children:[e.jsx("div",{ref:A,className:"ds-dropdown__trigger",onClick:V,onKeyDown:O,children:s}),typeof document<"u"&&ue.createPortal(W,document.body)]})}function zs({value:s=0,size:t="m",variant:r="default",showValue:o=!1,min:a=2,animate:n=!0}){const i=Math.min(100,Math.max(0,s)),l=Math.max(a,i),p=r==="auto"?i>=70?"success":i>=50?"warning":"danger":r;return e.jsxs("div",{className:["ds-progress",`ds-progress--${t}`,!n&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[e.jsx("div",{className:"ds-progress__track",children:e.jsx("div",{className:`ds-progress__fill ds-progress__fill--${p}`,style:{width:`${l}%`}})}),o&&e.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const Fs=s=>1-Math.pow(1-s,3),Cs=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function Be(s,{duration:t=600}={}){const[r,o]=f.useState(s),a=f.useRef(s),n=f.useRef(null);return f.useEffect(()=>{if(Cs()){o(s),a.current=s;return}const i=a.current,l=s-i;if(l===0)return;let p=null;const d=m=>{p||(p=m);const h=Math.min((m-p)/t,1);o(i+l*Fs(h)),h<1?n.current=requestAnimationFrame(d):a.current=s};return n.current=requestAnimationFrame(d),()=>cancelAnimationFrame(n.current)},[s,t]),r}function Os({value:s,duration:t=600,decimals:r=0,prefix:o="",suffix:a=""}){const i=Be(s,{duration:t}).toFixed(r);return`${o}${i}${a}`}function Pe({threshold:s=.1,rootMargin:t="0px",once:r=!1}={}){const o=f.useRef(null),[a,n]=f.useState(!1);return f.useEffect(()=>{const i=o.current;if(!i)return;const l=new IntersectionObserver(([p])=>{p.isIntersecting?(n(!0),r&&l.disconnect()):r||n(!1)},{threshold:s,rootMargin:t});return l.observe(i),()=>l.disconnect()},[s,t,r]),{ref:o,inView:a}}function Ws({children:s,as:t="div",once:r=!1,threshold:o=.1,rootMargin:a="0px",onEnter:n,onLeave:i,...l}){const{ref:p,inView:d}=Pe({threshold:o,rootMargin:a,once:r}),m=f.useRef(!1);return f.useEffect(()=>{d&&!m.current&&(n==null||n()),!d&&m.current&&(i==null||i()),m.current=d},[d]),e.jsx(t,{ref:p,...l,children:typeof s=="function"?s(d):s})}const ke={default:N.Info,success:N.CheckCircle,warning:N.AlertTriangle,error:N.XCircle};let le=[];const je=new Set;function Me(){je.forEach(s=>s([...le]))}function Us(s){le=[...le,s],Me()}function Vs(s){le=le.filter(t=>t.id!==s),Me()}function Hs(){const s=(t,r={})=>{Us({id:`${Date.now()}-${Math.random()}`,message:t,type:"default",duration:4e3,...r})};return s.success=(t,r)=>s(t,{...r,type:"success"}),s.error=(t,r)=>s(t,{...r,type:"error"}),s.warning=(t,r)=>s(t,{...r,type:"warning"}),{toast:s}}function Ys({data:s,onDismiss:t}){const[r,o]=f.useState(!1),a=f.useRef(null);f.useEffect(()=>(requestAnimationFrame(()=>o(!0)),s.duration>0&&(a.current=setTimeout(()=>n(),s.duration)),()=>clearTimeout(a.current)),[]);function n(){o(!1),setTimeout(()=>t(s.id),250)}const i=ke[s.type]??ke.default;return e.jsxs("div",{className:["ds-toast",`ds-toast--${s.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:s.type==="error"?"alert":"status","aria-live":"polite",children:[e.jsx("div",{className:"ds-toast__icon",children:e.jsx(i,{size:D[3],strokeWidth:1.5})}),e.jsx("span",{className:"ds-toast__message",children:s.message}),e.jsx("button",{className:"ds-toast__close",onClick:n,"aria-label":"Закрыть",children:e.jsx(N.X,{size:D[3],strokeWidth:1.5})})]})}function qs({position:s="bottom-right"}){const[t,r]=f.useState(()=>[...le]);return f.useEffect(()=>(je.add(r),()=>je.delete(r)),[]),!t.length||typeof document>"u"?null:ue.createPortal(e.jsx("div",{className:["ds-toast-container",`ds-toast-container--${s}`].join(" "),children:t.map(o=>e.jsx(Ys,{data:o,onDismiss:Vs},o.id))}),document.body)}const Xs={running:e.jsx(ee,{size:"xs",variant:"info",children:"Running..."}),success:e.jsx(ee,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(ee,{size:"xs",variant:"error",children:"Error"})};function Ks({label:s,status:t="idle",icon:r,badge:o,defaultExpanded:a=!1,expanded:n,onToggle:i,children:l,className:p="",...d}){const m=e.jsxs("span",{className:"ds-tool-card__title-row",children:[r&&e.jsx("span",{className:"ds-tool-card__icon",children:r}),e.jsx("span",{className:"ds-tool-card__label",children:s}),Xs[t],o]});return e.jsx("div",{className:["ds-tool-card",p].filter(Boolean).join(" "),...d,children:e.jsx(fe,{title:m,padding:"s",defaultExpanded:a,expanded:n,onToggle:i,children:e.jsx("div",{className:"ds-tool-card__body",children:l})})})}function Le({text:s,size:t="xs",timeout:r=2e3,"aria-label":o="Copy to clipboard",...a}){const[n,i]=f.useState(!1),l=()=>{navigator.clipboard.writeText(s).then(()=>{i(!0),setTimeout(()=>i(!1),r)})};return e.jsx(ie,{variant:"ghost",size:t,icon:n?e.jsx(N.Check,{size:D[1],strokeWidth:1.5}):e.jsx(N.Copy,{size:D[1],strokeWidth:1.5}),"aria-label":o,onClick:l,...a})}function Gs({content:s,streaming:t=!1,...r}){const[o,a]=f.useState(t);return f.useEffect(()=>{a(!!t)},[t]),e.jsx(fe,{expanded:o,onToggle:a,padding:"s",title:e.jsxs("div",{className:"ds-reasoning__title",children:[e.jsx(N.Brain,{size:D[1],strokeWidth:1.5,className:"ds-reasoning__icon"}),e.jsx(Ae,{secondary:!0,children:"Thinking"})]}),...r,children:e.jsxs(ve,{secondary:!0,style:{whiteSpace:"pre-wrap"},children:[s,t&&e.jsx("span",{className:"ds-cursor ds-cursor--line"})]})})}function Js({count:s,current:t=0,done:r=[],onChange:o,showCounter:a=!0,className:n="","aria-label":i="Steps",...l}){return e.jsxs("div",{className:["ds-step-indicator",n].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:"ds-step-indicator__dots",role:"tablist","aria-label":i,children:Array.from({length:s},(p,d)=>{const m=d===t,h=r.includes(d)&&!m,x=o&&(d<=t||r.includes(d)),u=["ds-step-indicator__dot",m&&"ds-step-indicator__dot--active",h&&"ds-step-indicator__dot--done"].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:u,role:"tab","aria-selected":m,"aria-label":`Step ${d+1}`,disabled:!x||d===t,onClick:()=>o==null?void 0:o(d),children:h?e.jsx(N.Check,{size:8,strokeWidth:3}):null},d)})}),a&&e.jsxs(ve,{secondary:!0,className:"ds-step-indicator__counter",children:[t+1," / ",s]})]})}function Zs({content:s,isStreaming:t=!1,cursor:r="line",onChunk:o,className:a="",...n}){const i=f.useRef(s);return f.useEffect(()=>{s!==i.current&&(o==null||o(s),i.current=s)},[s,o]),e.jsxs("span",{className:["ds-streaming-text",a].filter(Boolean).join(" "),...n,children:[s,t&&r!=="none"&&e.jsx("span",{className:`ds-cursor ds-cursor--${r}`,"aria-hidden":"true"})]})}function Qs({role:s="assistant",header:t,footer:r,attachments:o,isStreaming:a=!1,children:n,className:i="",...l}){const p=["ds-chat-message",`ds-chat-message--${s}`,a&&"ds-chat-message--streaming",i].filter(Boolean).join(" ");return s==="system"?e.jsx("div",{className:p,...l,children:e.jsx("span",{className:"ds-chat-message__system-label",children:n})}):s==="user"?e.jsxs("div",{className:p,...l,children:[o&&e.jsx("div",{className:"ds-chat-message__attachments",children:o}),e.jsx("div",{className:"ds-chat-message__bubble",children:n}),r&&e.jsx("div",{className:"ds-chat-message__footer",children:r})]}):e.jsxs("div",{className:p,...l,children:[t&&e.jsx("div",{className:"ds-chat-message__header",children:t}),o&&e.jsx("div",{className:"ds-chat-message__attachments",children:o}),e.jsx("div",{className:"ds-chat-message__body",children:n}),r&&e.jsx("div",{className:"ds-chat-message__footer",children:r})]})}function et(s,{containerRef:t,smartPause:r=!0}={}){const o=f.useRef(!1),a=f.useRef(0);f.useEffect(()=>{const n=t==null?void 0:t.current;if(!n)return;const i=()=>{const l=n.scrollHeight-n.scrollTop-n.clientHeight<64;!l&&n.scrollTop<a.current&&(o.current=!0),l&&(o.current=!1),a.current=n.scrollTop};return n.addEventListener("scroll",i,{passive:!0}),()=>n.removeEventListener("scroll",i)},[t]),f.useEffect(()=>{const n=t==null?void 0:t.current;n&&(r&&o.current||(n.scrollTop=n.scrollHeight))},s)}function ze({prompts:s,enabled:t,typingSpeed:r=38,erasingSpeed:o=18,holdTime:a=2200,betweenTime:n=380,manualPauseMs:i=5e3}){const[l,p]=f.useState(0),[d,m]=f.useState(""),h=f.useRef("typing"),x=f.useRef(0),u=f.useRef(0),j=f.useRef(null),v=f.useRef(0);f.useEffect(()=>{u.current=l},[l]),f.useEffect(()=>{if(j.current&&(clearTimeout(j.current),j.current=null),!t||s.length===0){m(""),x.current=0,h.current="typing";return}const $=()=>{const z=Date.now();if(v.current>z){j.current=setTimeout($,v.current-z);return}const I=s[u.current%s.length]??"";h.current==="typing"?(x.current+=1,m(I.slice(0,x.current)),x.current>=I.length?(h.current="holding",j.current=setTimeout($,a)):j.current=setTimeout($,r+Math.random()*28)):h.current==="holding"?(h.current="erasing",j.current=setTimeout($,o)):(x.current=Math.max(0,x.current-1),m(I.slice(0,x.current)),x.current<=0?(h.current="typing",u.current=(u.current+1)%s.length,p(u.current),j.current=setTimeout($,n)):j.current=setTimeout($,o))};return j.current=setTimeout($,260),()=>{j.current&&clearTimeout(j.current)}},[t,s,r,o,a,n]);const A=$=>{if(s.length===0)return;const z=($%s.length+s.length)%s.length,I=s[z];u.current=z,x.current=I.length,h.current="holding",v.current=Date.now()+i,p(z),m(I)},S=()=>A(u.current+1),B=()=>A(u.current-1),E=s[l%s.length]??"";return{displayed:d,currentPrompt:E,index:l,next:S,prev:B}}let st=0;function tt({value:s="",onChange:t,onSubmit:r,onStop:o,onKeyDown:a,loading:n=!1,disabled:i=!1,placeholder:l="Let's get things done...",animatedPlaceholders:p,attachments:d,images:m,onAttachFiles:h,onAttachImages:x,onRemoveAttachment:u,onRemoveImage:j,acceptImage:v,acceptFile:A,maxImages:S,maxImageSize:B,leftSlot:E,rightSlot:$,className:z="",...I}){const V=f.useRef(null),Y=f.useRef(null),P=f.useRef(0),[g,O]=f.useState(!1),[q,W]=f.useState([]),b=_=>{const R=++st;W(U=>[...U,{id:R,msg:_}]),setTimeout(()=>W(U=>U.filter(K=>K.id!==R)),6e3)},w=_=>W(R=>R.filter(U=>U.id!==_)),T=_=>_.type.startsWith("image/"),M=()=>!0,H=v??T,X=A??M,k=_=>{const R=[],U=[],K=[],G=[];let Z=0,ae=S!=null?S-((m==null?void 0:m.length)??0):1/0;for(const Q of _)H(Q)?B&&Q.size>B?K.push(Q.name):ae>0?(R.push(Q),ae--):Z++:X(Q)?U.push(Q):G.push(Q.name);return{imageFiles:R,docFiles:U,tooLarge:K,skipped:G,limitExceeded:Z}},c=_=>{const{imageFiles:R,docFiles:U,tooLarge:K,skipped:G,limitExceeded:Z}=k(_);K.length&&b(`File${K.length>1?"s":""} too large${B?` (max ${B/1024/1024}MB)`:""}: ${K.join(", ")}`),G.length&&b(`Skipped unsupported file${G.length>1?"s":""}: ${G.join(", ")}`),Z&&b(`Max ${S} images per message`),x&&R.length&&x(R);const ae=U.concat(x?[]:R);h&&ae.length&&h(ae)};f.useEffect(()=>{const _=Y.current;_&&(_.style.height="auto",_.style.height=`${Math.min(_.scrollHeight,200)}px`)},[s]),f.useEffect(()=>{const _=R=>{var K,G,Z;if(n||i)return;const U=(K=R.target)==null?void 0:K.tagName;U==="INPUT"||U==="TEXTAREA"||U==="SELECT"||(G=R.target)!=null&&G.isContentEditable||R.ctrlKey||R.metaKey||R.altKey||R.key.length!==1&&R.key!=="Backspace"&&R.key!=="Delete"||(Z=Y.current)==null||Z.focus()};return document.addEventListener("keydown",_),()=>document.removeEventListener("keydown",_)},[n,i]);const y=_=>{_.preventDefault(),P.current++,_.dataTransfer.types.includes("Files")&&O(!0)},L=_=>{_.preventDefault(),P.current--,P.current===0&&O(!1)},F=_=>_.preventDefault(),se=_=>{_.preventDefault(),P.current=0,O(!1);const R=Array.from(_.dataTransfer.files);R.length&&c(R)},re=_=>{const R=Array.from(_.target.files||[]);V.current&&(V.current.value=""),R.length&&c(R)},C=_=>{var Q;if(!x)return;const R=(Q=_.clipboardData)==null?void 0:Q.items;if(!R)return;const U=[];for(const Oe of R){const Ne=Oe.getAsFile();Ne&&U.push(Ne)}if(U.length===0)return;const{imageFiles:K,tooLarge:G,skipped:Z,limitExceeded:ae}=k(U);G.length&&b(`File${G.length>1?"s":""} too large: ${G.join(", ")}`),Z.length&&b(`Skipped unsupported file${Z.length>1?"s":""}: ${Z.join(", ")}`),ae&&b(`Max ${S} images per message`),K.length&&(_.preventDefault(),x(K))},J=!n&&!i&&!!(p!=null&&p.length)&&s.length===0,ne=ze({prompts:p??[],enabled:J}),me=_=>{if(J){if(_.key==="ArrowDown"||_.key==="ArrowRight"){_.preventDefault(),ne.next();return}if(_.key==="ArrowUp"||_.key==="ArrowLeft"){_.preventDefault(),ne.prev();return}if(_.key==="Tab"&&!_.shiftKey){_.preventDefault(),t==null||t(ne.currentPrompt);return}}a==null||a(_)},Ce=(s.trim()||(m==null?void 0:m.length)>0||(d==null?void 0:d.length)>0)&&!i,we=h||x;return e.jsxs("div",{className:["ds-prompt-input",z].filter(Boolean).join(" "),...I,children:[we&&e.jsx("input",{ref:V,type:"file",multiple:!0,accept:"*/*",className:"ds-prompt-input__file-input",onChange:re}),e.jsxs("div",{className:["ds-prompt-input__box",g&&"ds-prompt-input__box--dragging"].filter(Boolean).join(" "),onDragEnter:y,onDragLeave:L,onDragOver:F,onDrop:se,children:[g&&e.jsx("div",{className:"ds-prompt-input__drag-overlay",children:"Drop files here"}),e.jsx("textarea",{ref:Y,value:s,onChange:_=>t==null?void 0:t(_.target.value),onKeyDown:me,onPaste:C,placeholder:J?"":l,disabled:n||i,rows:1,className:["ds-prompt-input__textarea",J&&"ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")}),J&&e.jsxs("div",{className:"ds-prompt-input__anim","aria-hidden":"true",children:[e.jsx("span",{className:"ds-prompt-input__anim-text",children:ne.displayed}),e.jsx("span",{className:"ds-prompt-input__anim-cursor"})]}),m&&m.length>0&&e.jsx("div",{className:"ds-prompt-input__images",children:m.map((_,R)=>e.jsxs("div",{className:"ds-prompt-input__image-thumb",children:[e.jsx("img",{src:_.preview,alt:""}),e.jsx("button",{className:"ds-prompt-input__image-remove",onClick:()=>j==null?void 0:j(R),"aria-label":"Remove image",type:"button",children:e.jsx(N.X,{size:12,strokeWidth:2})})]},R))}),q.length>0&&e.jsx("div",{className:"ds-prompt-input__warnings",children:q.map(_=>e.jsxs("div",{className:"ds-prompt-input__warning",role:"alert",children:[e.jsx("span",{children:_.msg}),e.jsx("button",{type:"button",className:"ds-prompt-input__warning-close",onClick:()=>w(_.id),"aria-label":"Dismiss",children:e.jsx(N.X,{size:D[1],strokeWidth:1.5})})]},_.id))}),d&&d.length>0&&e.jsx("div",{className:"ds-prompt-input__attachments",children:d.map((_,R)=>e.jsx(ee,{size:"xs",children:e.jsxs("span",{className:"ds-prompt-input__badge-content",children:[_.uploading?e.jsx(N.Loader,{size:D[1],strokeWidth:1.5,className:"spin"}):e.jsx(N.Paperclip,{size:D[1],strokeWidth:1.5}),_.filename,_.uploading?e.jsx("span",{className:"ds-prompt-input__uploading",children:"Uploading..."}):e.jsx("button",{type:"button",className:"ds-prompt-input__remove-btn",onClick:()=>u==null?void 0:u(R),children:e.jsx(N.X,{size:D[1],strokeWidth:1.5})})]})},R))}),e.jsxs("div",{className:"ds-prompt-input__toolbar",children:[we&&e.jsx(ie,{variant:"ghost",size:"xs",icon:e.jsx(N.Paperclip,{size:D[2],strokeWidth:1.5}),"aria-label":"Attach files",onClick:()=>{var _;return(_=V.current)==null?void 0:_.click()}}),E,$,e.jsx("div",{className:"ds-prompt-input__spacer"}),n?e.jsx(ie,{variant:"primary",size:"xs",icon:e.jsx(N.Square,{size:D[2],strokeWidth:1.5}),onClick:o,"aria-label":"Stop"}):e.jsx(ie,{variant:"primary",size:"xs",icon:e.jsx(N.ArrowUp,{size:D[2],strokeWidth:1.5}),onClick:r,disabled:!Ce,"aria-label":"Send"})]})]})]})}const Ee={fast:0,standard:1,premium:2},Te={fast:"data-5",standard:"data-3",premium:"data-6"};function rt({models:s=[],value:t,onChange:r,size:o="xs",minTier:a,showAutoOption:n=!1,groupByTier:i=!0,className:l="",...p}){const[d,m]=f.useState(!1),h=f.useRef(null),x=f.useRef(null),u=f.useRef(null),[j,v]=f.useState({}),A=s.filter(g=>!a||g.name==="auto"?!0:(Ee[g.tier]??1)>=(Ee[a]??1)),S=A.find(g=>g.name==="auto"),B=A.filter(g=>g.name!=="auto"),E=s.find(g=>g.name===t),z=new Set(B.map(g=>g.tier).filter(Boolean)).size>1;f.useEffect(()=>{if(!d)return;const g=320,O=()=>{var M;const b=(M=x.current)==null?void 0:M.getBoundingClientRect();if(!b)return;const w=window.innerHeight-b.bottom,T=w<g+8&&b.top>w;v({position:"fixed",zIndex:"var(--z-dropdown, 500)",right:window.innerWidth-b.right,...T?{bottom:window.innerHeight-b.top+4,top:"auto"}:{top:b.bottom+4,bottom:"auto"}})};O(),window.addEventListener("scroll",O,!0),window.addEventListener("resize",O);const q=b=>{var w,T;!((w=h.current)!=null&&w.contains(b.target))&&!((T=u.current)!=null&&T.contains(b.target))&&m(!1)},W=b=>{b.key==="Escape"&&m(!1)};return document.addEventListener("mousedown",q),document.addEventListener("keydown",W),()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",O),document.removeEventListener("mousedown",q),document.removeEventListener("keydown",W)}},[d]);const I=g=>{r==null||r(g),m(!1)},V=g=>e.jsxs("button",{type:"button",className:["ds-model-picker__item",g.name===t&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>I(g.name),children:[g.icon?e.jsx("span",{className:"ds-model-picker__item-icon",children:g.icon}):e.jsx(N.Cpu,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:g.displayName||g.name}),z&&g.tier&&e.jsx(ee,{size:"xs",variant:Te[g.tier]||"default",children:g.tier})]},g.name),Y=()=>!i||!z?B.map(V):["fast","standard","premium"].flatMap(g=>{const O=B.filter(q=>q.tier===g);return O.length?[e.jsx("div",{className:"ds-model-picker__group-label","data-tier":g,children:g.charAt(0).toUpperCase()+g.slice(1)},`lbl-${g}`),...O.map(V)]:[]}),P=d&&e.jsxs("div",{ref:u,className:"ds-model-picker__menu",style:j,children:[n&&S&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:["ds-model-picker__item","ds-model-picker__item--auto",t==="auto"&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>I("auto"),children:[e.jsx(N.Zap,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:"Auto (smart routing)"})]}),B.length>0&&e.jsx("div",{className:"ds-model-picker__separator"})]}),Y()]});return e.jsxs("div",{ref:h,className:["ds-model-picker",l].filter(Boolean).join(" "),...p,children:[e.jsxs("button",{ref:x,type:"button",className:"ds-model-picker__trigger",onClick:()=>m(g=>!g),"aria-haspopup":"listbox","aria-expanded":d,children:[E!=null&&E.icon?e.jsx("span",{children:E.icon}):e.jsx(N.Cpu,{size:12,strokeWidth:1.5}),e.jsx("span",{className:"ds-model-picker__trigger-name",children:(E==null?void 0:E.displayName)||(E==null?void 0:E.name)||t}),z&&(E==null?void 0:E.tier)&&e.jsx(ee,{size:"xs",variant:Te[E.tier]||"default",children:E.tier})]}),typeof document<"u"&&ue.createPortal(P,document.body)]})}const nt=({filename:s,pages:t})=>e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0},children:[e.jsx("span",{className:"ds-sources-panel__filename",children:s}),t.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:_e(t)})]});function _e(s){return s!=null&&s.length?"p. "+s.join(", "):null}function at(s){const t=new Map;for(const r of s)t.has(r.filename)||t.set(r.filename,{filename:r.filename,url:r.url,items:[]}),t.get(r.filename).items.push(r);return[...t.values()]}function ot({sources:s=[],layout:t="list",title:r="Sources",maxVisible:o=5,onSourceClick:a}){const[n,i]=f.useState(!1),l=at(s),p=l.length>o,d=n?l:l.slice(0,o),m=s.some(x=>x.snippet),h=["ds-sources-panel",t==="compact"&&"ds-sources-panel--compact"].filter(Boolean).join(" ");return t==="compact"?e.jsxs("div",{className:h,children:[d.map(x=>{const u=x.items.map(v=>v.page).filter(Boolean),j=!!a;return e.jsxs("div",{className:`ds-sources-panel__compact-row${j?" ds-sources-panel__compact-row--clickable":""}`,onClick:j?()=>a(x.items[0]):void 0,children:[e.jsx(N.FileText,{size:D[1],strokeWidth:1.5,className:"ds-sources-panel__compact-icon"}),e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),u.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:_e(u)})]},x.filename)}),p&&!n&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-o," more sources"]})]}):e.jsxs("div",{className:h,children:[r&&e.jsx("div",{className:"ds-sources-panel__title",children:r}),d.map(x=>{const u=x.items.map(v=>v.page).filter(Boolean),j=!!a;return m?e.jsx(fe,{title:e.jsx(nt,{filename:x.filename,pages:u}),padding:"s",children:x.items.map((v,A)=>e.jsx("div",{className:`ds-sources-panel__snippet${j?" ds-sources-panel__snippet--clickable":""}`,onClick:j?()=>a(v):void 0,children:v.snippet??`p. ${v.page}`},A))},x.filename):e.jsxs("div",{className:`ds-sources-panel__row${j?" ds-sources-panel__row--clickable":""}`,onClick:j?()=>a(x.items[0]):void 0,children:[e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),u.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:_e(u)})]},x.filename)}),p&&!n&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-o," more sources"]})]})}function $e(s){return s>=1e6?(s/1e6).toFixed(1).replace(/\.0$/,"")+"M":s>=1e3?(s/1e3).toFixed(1).replace(/\.0$/,"")+"K":String(s)}function it({used:s,limit:t,size:r="s",showCount:o=!0,showPercent:a=!1,warningThreshold:n=.8,errorThreshold:i=1}){const l=t>0?s/t:0,p=Math.min(l*100,100),d=l>=i?"error":l>=n?"warning":"normal";return e.jsxs("div",{className:`ds-token-counter ds-token-counter--${r}`,role:"meter","aria-valuenow":s,"aria-valuemax":t,children:[e.jsx("div",{className:"ds-token-counter__track",children:e.jsx("div",{className:`ds-token-counter__fill ds-token-counter__fill--${d}`,style:{width:`${p}%`}})}),(o||a)&&e.jsxs("div",{className:`ds-token-counter__label ds-token-counter__label--${d}`,children:[o&&e.jsxs("span",{children:[$e(s)," / ",$e(t)," tokens"]}),a&&e.jsxs("span",{children:[Math.round(l*100),"%"]})]})]})}const Re=5;function lt(s){return s<.34?"low":s<.67?"medium":"high"}function ct({value:s=0,size:t="xs",showLabel:r="none",layout:o="inline"}){const a=Math.max(0,Math.min(1,s)),n=Math.round(a*Re),i=lt(a);return e.jsxs("div",{className:["ds-confidence-bar",`ds-confidence-bar--${t}`,`ds-confidence-bar--${i}`,o==="block"&&"ds-confidence-bar--block"].filter(Boolean).join(" "),children:[e.jsx("div",{className:"ds-confidence-bar__segments","aria-hidden":"true",children:Array.from({length:Re},(l,p)=>e.jsx("div",{className:`ds-confidence-bar__seg${p<n?" ds-confidence-bar__seg--filled":""}`},p))}),r==="text"&&e.jsx("span",{className:"ds-confidence-bar__label",children:i})]})}const dt={add:"+",remove:"-",context:" "};function pe({line:s,lineNumbers:t}){return e.jsxs("div",{className:`ds-diff-view__line ds-diff-view__line--${s.type}`,children:[t&&s.lineNo!=null&&e.jsx("span",{className:"ds-diff-view__lineno",children:s.lineNo}),e.jsx("span",{className:"ds-diff-view__prefix",children:dt[s.type]}),e.jsx("span",{className:"ds-diff-view__text",children:s.text})]})}function ut({lines:s=[],layout:t="inline",wordWrap:r=!1,lineNumbers:o=!0,maxHeight:a,title:n}){const i=["ds-diff-view",`ds-diff-view--${t}`,r&&"ds-diff-view--wrap"].filter(Boolean).join(" "),l=a?{maxHeight:a,overflowY:"auto"}:void 0;if(t==="split"){const p=s.filter(m=>m.type==="remove"||m.type==="context"),d=s.filter(m=>m.type==="add"||m.type==="context");return e.jsxs("div",{className:i,children:[n&&e.jsx("div",{className:"ds-diff-view__title",children:n}),e.jsxs("div",{className:"ds-diff-view__body",style:l,children:[e.jsx("div",{className:"ds-diff-view__split-col",children:p.map((m,h)=>e.jsx(pe,{line:m,lineNumbers:o},h))}),e.jsx("div",{className:"ds-diff-view__split-col",children:d.map((m,h)=>e.jsx(pe,{line:m,lineNumbers:o},h))})]})]})}return e.jsxs("div",{className:i,children:[n&&e.jsx("div",{className:"ds-diff-view__title",children:n}),e.jsx("div",{className:"ds-diff-view__body",style:l,children:s.map((p,d)=>e.jsx(pe,{line:p,lineNumbers:o},d))})]})}const ft={running:e.jsx(ee,{size:"xs",variant:"info",children:"Running…"}),success:e.jsx(ee,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(ee,{size:"xs",variant:"error",children:"Error"})};function mt({label:s,status:t="idle",icon:r,badge:o,className:a="",...n}){return e.jsxs("div",{className:["ds-tool-bubble",a].filter(Boolean).join(" "),...n,children:[r&&e.jsx("span",{className:"ds-tool-bubble__icon",children:r}),e.jsx("span",{className:"ds-tool-bubble__label",children:s}),ft[t],o]})}function Fe({value:s="idle",onLike:t,onDislike:r,className:o="",...a}){const n=s!=="idle";return e.jsxs("div",{className:["ds-message-feedback",n&&"ds-message-feedback--voted",o].filter(Boolean).join(" "),...a,children:[(!n||s==="liked")&&e.jsx("button",{className:["ds-message-feedback__btn",s==="liked"&&"ds-message-feedback__btn--liked"].filter(Boolean).join(" "),onClick:t,disabled:n,"aria-label":"Like","aria-pressed":s==="liked",children:e.jsx(N.ThumbsUp,{size:D[1],strokeWidth:1.5,fill:s==="liked"?"currentColor":"none"})}),(!n||s==="disliked")&&e.jsx("button",{className:["ds-message-feedback__btn",s==="disliked"&&"ds-message-feedback__btn--disliked"].filter(Boolean).join(" "),onClick:r,disabled:n,"aria-label":"Dislike","aria-pressed":s==="disliked",children:e.jsx(N.ThumbsDown,{size:D[1],strokeWidth:1.5,fill:s==="disliked"?"currentColor":"none"})})]})}function pt(s){const t=s instanceof Date?s:new Date(s);if(isNaN(t))return null;const r=new Date,o=t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),a=new Date(r.getFullYear(),r.getMonth(),r.getDate()),n=new Date(a-864e5);if(t>=a)return o;if(t>=n)return`Yesterday ${o}`;const i=t.getDate(),l=t.toLocaleString([],{month:"short"});return`${i} ${l} ${o}`}function ht({role:s="assistant",text:t,timestamp:r,feedbackValue:o="idle",onLike:a,onDislike:n,className:i="",...l}){const p=s==="assistant"&&(a||n),d=!!t,m=r?pt(r):null;return!p&&!d&&!m?null:e.jsxs("div",{className:["ds-message-footer",`ds-message-footer--${s}`,i].filter(Boolean).join(" "),...l,children:[s==="user"&&m&&e.jsx("span",{className:"ds-message-footer__timestamp",children:m}),p&&e.jsx(Fe,{value:o,onLike:a,onDislike:n}),d&&e.jsx(Le,{text:t}),s==="assistant"&&m&&e.jsx("span",{className:"ds-message-footer__timestamp",children:m})]})}exports.Accordion=fe;exports.Alert=ts;exports.AnimatedNumber=Os;exports.Avatar=_s;exports.Badge=ee;exports.Banner=Ms;exports.Breadcrumb=Ss;exports.Button=ie;exports.Card=Ke;exports.ChatMessage=Qs;exports.Checkbox=ps;exports.Code=as;exports.CodeAccordion=De;exports.ConfidenceBar=ct;exports.CopyButton=Le;exports.DiffView=ut;exports.Drawer=Bs;exports.DrawerFooter=be;exports.Dropdown=Ls;exports.EmptyState=Ts;exports.FormField=$s;exports.H1=Ge;exports.H2=Je;exports.H3=Ze;exports.H4=Qe;exports.InView=Ws;exports.Input=He;exports.Link=os;exports.MessageFeedback=Fe;exports.MessageFooter=ht;exports.Modal=ns;exports.ModalFooter=xe;exports.ModelPicker=rt;exports.P1=es;exports.P2=Ae;exports.P3=ve;exports.Pagination=As;exports.ProgressBar=zs;exports.PromptInput=tt;exports.Radio=hs;exports.ReasoningBlock=Gs;exports.SegmentedControl=cs;exports.Select=qe;exports.Skeleton=Ie;exports.SourcesPanel=ot;exports.Spinner=Se;exports.Stat=Rs;exports.StepIndicator=Js;exports.Stepper=Xe;exports.StreamingText=Zs;exports.Tab=ls;exports.Table=vs;exports.TableBody=Ns;exports.TableHead=ws;exports.TableRow=gs;exports.TableSubheaderRow=ys;exports.Tabs=is;exports.Td=Es;exports.Textarea=Ye;exports.Th=ks;exports.ToastContainer=qs;exports.Toggle=ms;exports.TokenCounter=it;exports.ToolCallBubble=mt;exports.ToolCallCard=Ks;exports.Tooltip=fs;exports.iconSizes=D;exports.useAnimatedNumber=Be;exports.useAnimatedPlaceholder=ze;exports.useInView=Pe;exports.useStreamScroll=et;exports.useToast=Hs;
22
+ <%s key={someKey} {...props} />`,F,C,J,C),k[C+F]=!0)}if(C=null,L!==void 0&&(r(L),C=""+L),i(y)&&(r(y.key),C=""+y.key),"key"in y){L={};for(var ne in y)ne!=="key"&&(L[ne]=y[ne])}else L=y;return C&&l(L,typeof c=="function"?c.displayName||c.name||"Unknown":c),d(c,C,L,a(),se,re)}function h(c){x(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===P&&(c._payload.status==="fulfilled"?x(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function x(c){return typeof c=="object"&&c!==null&&c.$$typeof===j}var u=f,j=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),E=Symbol.for("react.consumer"),$=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),V=Symbol.for("react.suspense_list"),Y=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),q=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,b=Array.isArray,N=console.createTask?console.createTask:function(){return null};u={react_stack_bottom_frame:function(c){return c()}};var T,M={},H=u.react_stack_bottom_frame.bind(u,n)(),X=N(o(n)),k={};de.Fragment=A,de.jsx=function(c,y,L){var F=1e4>q.recentlyCreatedOwnerStacks++;return m(c,y,L,!1,F?Error("react-stack-top-frame"):H,F?N(o(c)):X)},de.jsxs=function(c,y,L){var F=1e4>q.recentlyCreatedOwnerStacks++;return m(c,y,L,!0,F?Error("react-stack-top-frame"):H,F?N(o(c)):X)}}()),de}process.env.NODE_ENV==="production"?he.exports=We():he.exports=Ue();var e=he.exports;function Se({size:s="m",color:t="default",className:r="",...o}){return e.jsx("span",{className:["ds-spinner",`ds-spinner--${s}`,`ds-spinner--${t}`,r].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...o})}const Ve={xs:12,s:14,m:16,l:20};function ie({children:s,variant:t="primary",size:r="m",fullWidth:o=!1,icon:a,disabled:n=!1,state:i="idle",onClick:l,type:p="button",href:d,"aria-label":m,className:h="",...x}){const u=a&&!s,j=i==="loading",v=i==="success",A=i==="error",S=j||v||A,B=r==="xs"?"s":"m",E=Ve[r]??16,$=j?e.jsx(Se,{size:B}):v?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(w.Check,{size:E,strokeWidth:2.5})}):A?e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:e.jsx(w.X,{size:E,strokeWidth:2.5})}):null,z=["ds-button",`ds-button--${t}`,`ds-button--${r}`,o&&"ds-button--full",u&&"ds-button--icon-only",h].filter(Boolean).join(" "),I=i!=="idle"?i:void 0,V=e.jsxs(e.Fragment,{children:[S?$:a&&e.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:a}),s]});if(d){const Y=P=>{if(n||j){P.preventDefault();return}P.metaKey||P.ctrlKey||P.button===1||(P.preventDefault(),l==null||l(P))};return e.jsx("a",{className:z,href:n||j?void 0:d,onClick:Y,"aria-label":m,"aria-disabled":n||j?"true":void 0,"aria-busy":j?"true":void 0,"data-state":I,...x,children:V})}return e.jsx("button",{type:p,className:z,disabled:n,onClick:j?void 0:l,"aria-label":m,"aria-busy":j?"true":void 0,"data-state":I,...x,children:V})}function He({label:s,error:t,hint:r,fullWidth:o=!0,icon:a,iconRight:n,onIconRightClick:i,size:l="m",disabled:p,id:d,...m}){const h=d||`input-${f.useId()}`,x=r?`${h}-hint`:void 0,u=t?`${h}-error`:void 0,j=u||x;return e.jsxs("div",{className:`ds-input-wrapper ${o?"ds-input-wrapper--full":""} ${p?"ds-input-wrapper--disabled":""} ${t?"ds-input-wrapper--error":""}`,children:[s&&e.jsx("label",{className:"ds-input-label",htmlFor:h,children:s}),e.jsxs("div",{className:"ds-input-container",children:[a&&e.jsx("span",{className:`ds-input-icon ds-input-icon--${l}`,"aria-hidden":"true",children:a}),e.jsx("input",{id:h,className:`ds-input ds-input--${l} ${a?"ds-input--with-icon":""} ${n?"ds-input--with-icon-right":""} ${t?"ds-input--error":""}`,disabled:p,"aria-invalid":t?"true":"false","aria-describedby":j,...m}),n&&e.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${l}`,onClick:i,tabIndex:-1,"aria-label":"Toggle visibility",children:n})]}),r&&!t&&e.jsx("span",{id:x,className:"ds-input-hint",children:r}),e.jsx("div",{className:"ds-input-error-wrap",children:e.jsx("div",{className:"ds-input-error-inner",children:t&&e.jsx("span",{id:u,className:"ds-input-error",role:"alert",children:t})})})]})}function Ye({label:s,error:t,hint:r,fullWidth:o=!0,size:a="m",disabled:n,id:i,resize:l=!0,rows:p=3,...d}){const m=i||`textarea-${f.useId()}`,h=r?`${m}-hint`:void 0,x=t?`${m}-error`:void 0,u=x||h;return e.jsxs("div",{className:`ds-textarea-wrapper ${o?"ds-textarea-wrapper--full":""} ${n?"ds-textarea-wrapper--disabled":""}`,children:[s&&e.jsx("label",{className:"ds-textarea-label",htmlFor:m,children:s}),e.jsx("textarea",{id:m,className:`ds-textarea ds-textarea--${a} ${t?"ds-textarea--error":""} ${l?"":"ds-textarea--no-resize"}`,disabled:n,"aria-invalid":t?"true":"false","aria-describedby":u,rows:p,...d}),r&&!t&&e.jsx("span",{id:h,className:"ds-textarea-hint",children:r}),t&&e.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:t})]})}function qe({label:s,value:t,onChange:r,options:o=[],placeholder:a="Select option",error:n,fullWidth:i=!0,size:l="m",disabled:p=!1,id:d,...m}){const[h,x]=f.useState(!1),[u,j]=f.useState(!1),[v,A]=f.useState({}),[S,B]=f.useState("down"),[E,$]=f.useState(-1),z=f.useRef(null),I=f.useRef(null),V=f.useRef(null),Y=f.useRef(null),P=d||`select-${f.useId()}`,g=`${P}-label`,O=n?`${P}-error`:void 0,q=150,W=(k=!1)=>{u||(j(!0),$(-1),Y.current=setTimeout(()=>{var c;x(!1),j(!1),k&&((c=V.current)==null||c.focus())},q))},b=k=>{clearTimeout(Y.current),j(!1);const c=k!==void 0?k:Math.max(o.findIndex(y=>y.value===t),0);$(c),x(!0)};f.useEffect(()=>()=>clearTimeout(Y.current),[]);const N=()=>{var re;const k=(re=z.current)==null?void 0:re.getBoundingClientRect();if(!k)return;const c=window.innerHeight,y=c-k.bottom,L=k.top,se=y<300&&L>y;B(se?"up":"down"),A(se?{bottom:c-k.top+4,left:k.left,width:k.width}:{top:k.bottom+4,left:k.left,width:k.width})};f.useEffect(()=>{if(h)return N(),window.addEventListener("scroll",N,!0),window.addEventListener("resize",N),()=>{window.removeEventListener("scroll",N,!0),window.removeEventListener("resize",N)}},[h]),f.useEffect(()=>{const k=c=>{z.current&&!z.current.contains(c.target)&&I.current&&!I.current.contains(c.target)&&W()};return document.addEventListener("mousedown",k),()=>document.removeEventListener("mousedown",k)},[u]),f.useEffect(()=>{var c;if(!h||E<0||!I.current)return;(c=I.current.querySelectorAll(".ds-select-option")[E])==null||c.scrollIntoView({block:"nearest"})},[E,h]);const T=k=>{switch(k.key){case"ArrowDown":k.preventDefault(),h?$(c=>Math.min(c+1,o.length-1)):b();break;case"ArrowUp":k.preventDefault(),h?$(c=>Math.max(c-1,0)):b(o.length-1);break;case"Home":h&&(k.preventDefault(),$(0));break;case"End":h&&(k.preventDefault(),$(o.length-1));break;case"Enter":case" ":k.preventDefault(),h?E>=0&&(r==null||r(o[E].value),W(!0)):b();break;case"Escape":h&&(k.preventDefault(),W(!0));break;case"Tab":h&&W(!1);break}},M=o.find(k=>k.value===t),H=l==="xs"?D[1]:l==="small"?D[2]:D[3],X=h&&e.jsx("div",{ref:I,role:"listbox","aria-labelledby":s?g:void 0,tabIndex:-1,className:["ds-select-dropdown",`ds-select-dropdown--${l}`,`ds-select-dropdown--${S}`,u&&"ds-select-dropdown--closing"].filter(Boolean).join(" "),style:v,children:o.map((k,c)=>e.jsx("button",{id:`${P}-opt-${c}`,type:"button",role:"option",tabIndex:-1,"aria-selected":t===k.value,className:["ds-select-option",`ds-select-option--${l}`,t===k.value&&"ds-select-option--selected",c===E&&"ds-select-option--active"].filter(Boolean).join(" "),onClick:()=>{r==null||r(k.value),W(!0)},children:k.label},k.value))});return e.jsxs("div",{className:`ds-select-wrapper ${i?"ds-select-wrapper--full":""} ${p?"ds-select-wrapper--disabled":""}`,children:[s&&e.jsx("label",{id:g,className:"ds-select-label",children:s}),e.jsx("div",{className:"ds-select-container",ref:z,children:e.jsxs("button",{ref:V,type:"button",id:P,role:"combobox","aria-haspopup":"listbox","aria-expanded":h,"aria-activedescendant":h&&E>=0?`${P}-opt-${E}`:void 0,"aria-labelledby":s?g:void 0,"aria-invalid":n?"true":"false","aria-describedby":O,className:`ds-select-trigger ds-select-trigger--${l} ${n?"ds-select-trigger--error":""}`,onClick:()=>{p||(h?W():b())},onKeyDown:T,disabled:p,...m,children:[e.jsx("span",{className:M?"":"ds-select-placeholder",children:(M==null?void 0:M.label)||a}),e.jsx(w.ChevronDown,{size:H,strokeWidth:1.5,className:`ds-select-icon ${h&&S==="down"?"ds-select-icon--open":""} ${h&&S==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),n&&e.jsx("span",{id:O,className:"ds-select-error",role:"alert",children:n}),typeof document<"u"&&ue.createPortal(X,document.body)]})}function Xe({label:s,value:t=0,onChange:r,min:o=0,max:a=100,step:n=1,size:i="m",disabled:l=!1,hint:p,error:d,...m}){const h=()=>{if(l)return;const S=Math.min(Number(t)+n,a);r==null||r(S)},x=()=>{if(l)return;const S=Math.max(Number(t)-n,o);r==null||r(S)},u=S=>{if(l)return;const B=S.target.value;if(B===""){r==null||r(o);return}const E=Number(B);if(!isNaN(E)){const $=Math.min(Math.max(E,o),a);r==null||r($)}},j=["ds-stepper-wrapper",l&&"ds-stepper-wrapper--disabled",d&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),v=["ds-stepper",`ds-stepper--${i}`,l&&"ds-stepper--disabled"].filter(Boolean).join(" "),A=i==="xs"?D[1]:i==="small"?D[2]:D[3];return e.jsxs("div",{className:j,children:[s&&e.jsx("label",{className:"ds-stepper-label",children:s}),e.jsxs("div",{className:v,children:[e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:x,disabled:l||t<=o,"aria-label":"Decrease",children:e.jsx(w.Minus,{size:A,strokeWidth:1.5})}),e.jsx("input",{type:"number",className:"ds-stepper-input",value:t,onChange:u,min:o,max:a,step:n,disabled:l,...m}),e.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:h,disabled:l||t>=a,"aria-label":"Increase",children:e.jsx(w.Plus,{size:A,strokeWidth:1.5})})]}),p&&!d&&e.jsx("div",{className:"ds-stepper-hint",children:p}),d&&e.jsx("div",{className:"ds-stepper-error",children:d})]})}function Ke({children:s,padding:t="m",variant:r="info",hover:o=!1,onClick:a,href:n,disabled:i=!1,...l}){const d=(o?"interactive":r)==="interactive"||a||n,m=["ds-card",`ds-card--${t}`,d&&"ds-card--interactive"].filter(Boolean).join(" ");if(n){const u=j=>{if(i){j.preventDefault();return}j.metaKey||j.ctrlKey||j.button===1||(j.preventDefault(),a==null||a(j))};return e.jsx("a",{className:m,href:i?void 0:n,onClick:u,"aria-disabled":i?"true":void 0,...l,children:s})}const h=d&&a?"button":"div",x=d&&a?{type:"button",onClick:a,disabled:i}:{};return e.jsx(h,{className:m,role:d&&!a?"article":void 0,...x,...l,children:s})}function Ge({children:s,...t}){return e.jsx("h1",{className:"ds-h1",...t,children:s})}function Je({children:s,...t}){return e.jsx("h2",{className:"ds-h2",...t,children:s})}function Ze({children:s,...t}){return e.jsx("h3",{className:"ds-h3",...t,children:s})}function Qe({children:s,...t}){return e.jsx("h4",{className:"ds-h4",...t,children:s})}function es({children:s,secondary:t=!1,...r}){return e.jsx("p",{className:`ds-p1 ${t?"ds-p1--secondary":""}`,...r,children:s})}function Ae({children:s,secondary:t=!1,...r}){return e.jsx("p",{className:`ds-p2 ${t?"ds-p2--secondary":""}`,...r,children:s})}function ve({children:s,secondary:t=!1,...r}){return e.jsx("p",{className:`ds-p3 ${t?"ds-p3--secondary":""}`,...r,children:s})}function ee({children:s,variant:t="default",size:r="m",role:o,...a}){const n=["ds-badge",`ds-badge--${t}`,`ds-badge--${r}`].filter(Boolean).join(" "),i=o||(["info","success","warning","error"].includes(t)?"status":void 0);return e.jsx("span",{className:n,role:i,...a,children:s})}const ss={info:w.Info,success:w.CheckCircle,warning:w.AlertTriangle,error:w.XCircle};function ts({children:s,variant:t="info",title:r,onClose:o,role:a,...n}){const i=ss[t],l=a||(t==="error"?"alert":"status");return e.jsxs("div",{className:`ds-alert ds-alert--${t} ${r?"":"ds-alert--no-title"}`,role:l,...n,children:[i&&e.jsx("div",{className:"ds-alert__icon",children:e.jsx(i,{size:D[3],strokeWidth:1.5})}),e.jsxs("div",{className:"ds-alert__content",children:[r&&e.jsx("div",{className:"ds-alert__title",children:r}),s&&e.jsx("div",{className:"ds-alert__message",children:s})]}),o&&e.jsx("button",{type:"button",className:"ds-alert__close",onClick:o,"aria-label":"Close alert",children:e.jsx(w.X,{size:D[3],strokeWidth:1.5})})]})}const rs=200;function ns({children:s,title:t,onClose:r,size:o="m",...a}){const n=f.useRef(null),i=f.useId(),[l,p]=f.useState(!1),d=()=>{!r||l||(p(!0),setTimeout(()=>{p(!1),r()},rs))};f.useEffect(()=>{const u=v=>{v.key==="Escape"&&d()},j=v=>{n.current&&!n.current.contains(v.target)&&d()};return document.addEventListener("keydown",u),document.addEventListener("mousedown",j),()=>{document.removeEventListener("keydown",u),document.removeEventListener("mousedown",j)}},[r,l]);const m=f.Children.toArray(s),h=m.find(u=>(u==null?void 0:u.type)===xe),x=m.filter(u=>(u==null?void 0:u.type)!==xe);return e.jsx("div",{className:["ds-modal-overlay",l&&"ds-modal-overlay--closing"].filter(Boolean).join(" "),...a,children:e.jsxs("div",{className:`ds-modal ds-modal--${o}`,ref:n,role:"dialog","aria-modal":"true","aria-labelledby":t?i:void 0,children:[(t||r)&&e.jsxs("div",{className:"ds-modal__header",children:[t&&e.jsx("h3",{id:i,className:"ds-modal__title",children:t}),r&&e.jsx(ie,{variant:"ghost",size:"small",icon:e.jsx(w.X,{size:D[2],strokeWidth:1.5}),onClick:d,"aria-label":"Close modal"})]}),e.jsx("div",{className:"ds-modal__body",children:x}),h]})})}function xe({children:s}){return e.jsx("div",{className:"ds-modal__footer",children:s})}function De({children:s,title:t="Code",defaultExpanded:r=!1,expanded:o,onToggle:a,padding:n="s",className:i="",...l}){const[p,d]=f.useState(r),m=o!==void 0,h=m?o:p,x=()=>{m?a==null||a(!o):d(j=>!j)},u=["ds-code-accordion",`ds-code-accordion--${n}`,h&&"ds-code-accordion--expanded",i].filter(Boolean).join(" ");return e.jsxs("div",{className:u,...l,children:[e.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:x,"aria-expanded":h,children:[e.jsx("span",{className:"ds-code-accordion__title",children:t}),e.jsx(w.ChevronDown,{size:D[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${h?"ds-code-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-code-accordion__content",children:e.jsx("div",{className:"ds-code-accordion__inner",children:e.jsx("pre",{className:"ds-code-accordion__pre",children:e.jsx("code",{children:s})})})})]})}function as({children:s,block:t=!1,collapsible:r=!1,title:o="Code",defaultExpanded:a=!1,...n}){return t?r?e.jsx(De,{title:o,defaultExpanded:a,...n,children:s}):e.jsx("pre",{className:"ds-code-block",...n,children:e.jsx("code",{children:s})}):e.jsx("code",{className:"ds-code-inline",...n,children:s})}function os({href:s,children:t,onClick:r,target:o,rel:a,...n}){const l=o==="_blank"?a?`${a} noopener noreferrer`:"noopener noreferrer":a;return e.jsx("a",{href:s,className:"ds-link",onClick:r,target:o,rel:l,...n,children:t})}function is({children:s,size:t="m",variant:r="ghost",...o}){return e.jsx("div",{className:"ds-tabs",role:"tablist",...o,children:f.Children.map(s,a=>f.isValidElement(a)?f.cloneElement(a,{size:t,variant:r}):a)})}function ls({children:s,selected:t=!1,onClick:r,size:o="m",variant:a="ghost",disabled:n=!1,icon:i,href:l,...p}){const d=i&&!s,m=["ds-tab",`ds-tab--${o}`,`ds-tab--${a}`,t&&"ds-tab--selected",d&&"ds-tab--icon-only"].filter(Boolean).join(" "),h=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:"ds-tab-icon",children:i}),s]});if(l){const x=u=>{if(n){u.preventDefault();return}u.metaKey||u.ctrlKey||u.button===1||(u.preventDefault(),r==null||r(u))};return e.jsx("a",{role:"tab","aria-current":t?"page":void 0,"aria-disabled":n?"true":void 0,className:m,href:n?void 0:l,onClick:x,...p,children:h})}return e.jsx("button",{role:"tab","aria-selected":t,className:m,onClick:r,disabled:n,...p,children:h})}function cs({options:s,value:t,onChange:r,size:o="m",disabled:a=!1}){const n=f.useRef(null),i=f.useRef(null),[l,p]=f.useState(!1),d=f.useRef(!1),m=f.useRef(null),h=f.useRef(null),x=()=>{if(!n.current)return;const u=n.current.querySelector(`[data-value="${t}"]`);if(!u)return;const j=n.current.getBoundingClientRect(),v=u.getBoundingClientRect(),A=v.left-j.left,S=v.width;i.current?(i.current.style.transition=d.current?"left var(--transition-normal), width var(--transition-normal)":"none",i.current.style.left=A+"px",i.current.style.width=S+"px",d.current=!1):(p(!0),requestAnimationFrame(()=>{if(!i.current||!n.current)return;const B=n.current.querySelector(`[data-value="${t}"]`);if(!B)return;const E=n.current.getBoundingClientRect(),$=B.getBoundingClientRect();i.current.style.transition="none",i.current.style.left=$.left-E.left+"px",i.current.style.width=$.width+"px"}))};return h.current=x,f.useLayoutEffect(()=>{const u=m.current!==t;m.current=t,d.current=l&&u,x()}),f.useEffect(()=>{if(!n.current)return;const u=new ResizeObserver(()=>{d.current=!1,h.current()});return u.observe(n.current),()=>u.disconnect()},[]),e.jsxs("div",{className:["ds-seg",`ds-seg--${o}`,a&&"ds-seg--disabled"].filter(Boolean).join(" "),ref:n,role:"group",children:[l&&e.jsx("div",{ref:i,className:"ds-seg__pill","aria-hidden":"true"}),s.map(u=>e.jsxs("button",{type:"button","data-value":u.value,className:["ds-seg__btn",t===u.value&&"ds-seg__btn--active"].filter(Boolean).join(" "),onClick:()=>!a&&r(u.value),"aria-pressed":t===u.value,disabled:a,children:[u.icon&&e.jsx("span",{className:"ds-seg__btn-icon","aria-hidden":"true",children:u.icon}),u.label]},u.value))]})}function fe({children:s,title:t,defaultExpanded:r=!1,expanded:o,onToggle:a,padding:n="m",...i}){const[l,p]=f.useState(r),d=o!==void 0,m=d?o:l,h=()=>{d?a==null||a(!o):p(u=>!u)},x=["ds-accordion",`ds-accordion--${n}`,m&&"ds-accordion--expanded"].filter(Boolean).join(" ");return e.jsxs("div",{className:x,...i,children:[e.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:h,"aria-expanded":m,children:[e.jsx("span",{className:"ds-accordion__title",children:t}),e.jsx(w.ChevronDown,{size:D[2],strokeWidth:1.5,className:`ds-accordion__icon ${m?"ds-accordion__icon--expanded":""}`})]}),e.jsx("div",{className:"ds-accordion__content",children:e.jsx("div",{className:"ds-accordion__content-inner",children:e.jsx("div",{className:"ds-accordion__content-body",children:s})})})]})}const te=8,oe=8;function ds(s,t,r){const o=window.innerWidth;let a,n;switch(s){case"top":a=t.top-r.height-te,n=t.left+t.width/2-r.width/2;break;case"bottom":a=t.bottom+te,n=t.left+t.width/2-r.width/2;break;case"left":a=t.top+t.height/2-r.height/2,n=t.left-r.width-te;break;case"right":a=t.top+t.height/2-r.height/2,n=t.right+te;break;default:a=t.bottom+te,n=t.left}const i=Math.max(oe,Math.min(o-r.width-oe,n)),l=n-i;return{top:a,left:i,arrowOffset:l}}function us(s,t,r){const o=window.innerWidth,a=window.innerHeight;if(s.top>=t+te+oe)return"top";if(a-s.bottom>=t+te+oe)return"bottom";if(o-s.right>=r+te+oe)return"right";if(s.left>=r+te+oe)return"left";const n=Math.max(s.top,a-s.bottom,s.left,o-s.right);return n===s.top?"top":n===a-s.bottom?"bottom":n===o-s.right?"right":"left"}function fs({children:s,content:t,position:r,...o}){const[a,n]=f.useState(!1),[i,l]=f.useState({visibility:"hidden"}),[p,d]=f.useState(r||"top"),m=f.useRef(null),h=f.useRef(null),x=f.useRef(!1),u=()=>{if(!m.current||!h.current)return;const v=m.current.getBoundingClientRect(),A=h.current.getBoundingClientRect(),S=r||us(v,A.height,A.width),{top:B,left:E,arrowOffset:$}=ds(S,v,A);d(S),l({position:"fixed",top:B,left:E,visibility:"visible","--arrow-offset":`${$}px`})};if(f.useEffect(()=>{if(!a)return;l({position:"fixed",visibility:"hidden"});const v=requestAnimationFrame(u);return window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),()=>{cancelAnimationFrame(v),window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u)}},[a,r]),f.useEffect(()=>{if(!a)return;const v=A=>{m.current&&!m.current.contains(A.target)&&n(!1)};return document.addEventListener("touchstart",v),()=>document.removeEventListener("touchstart",v)},[a]),!t)return s;const j=a&&e.jsx("div",{ref:h,className:`ds-tooltip ds-tooltip--${p}`,role:"tooltip",style:i,children:t});return e.jsxs("div",{ref:m,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||n(!0)},onMouseLeave:()=>{x.current||n(!1)},onTouchStart:()=>{x.current=!0,n(v=>!v)},...o,children:[s,typeof document<"u"&&ue.createPortal(j,document.body)]})}function ms({checked:s=!1,onChange:t,size:r="m",disabled:o=!1,label:a,id:n,...i}){const l=n||`toggle-${f.useId()}`,p=["ds-toggle",`ds-toggle--${r}`,o&&"ds-toggle--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:p,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-toggle__input",checked:s,onChange:d=>t==null?void 0:t(d.target.checked),disabled:o,...i}),e.jsx("span",{className:"ds-toggle__track",children:e.jsx("span",{className:"ds-toggle__thumb"})}),a&&e.jsx("span",{className:"ds-toggle__label",children:a})]})}function ps({checked:s=!1,onChange:t,size:r="m",disabled:o=!1,label:a,id:n,...i}){const l=n||`checkbox-${f.useId()}`,p=["ds-checkbox",`ds-checkbox--${r}`,o&&"ds-checkbox--disabled"].filter(Boolean).join(" "),d=r==="xs"?10:r==="small"?14:r==="large"?20:16;return e.jsxs("label",{className:p,htmlFor:l,children:[e.jsx("input",{type:"checkbox",id:l,className:"ds-checkbox__input",checked:s,onChange:m=>t==null?void 0:t(m.target.checked),disabled:o,...i}),e.jsx("span",{className:"ds-checkbox__box",children:s&&e.jsx(w.Check,{size:d,strokeWidth:2.5,className:"ds-checkbox__icon"})}),a&&e.jsx("span",{className:"ds-checkbox__label",children:a})]})}function hs({checked:s=!1,onChange:t,size:r="m",disabled:o=!1,label:a,name:n,value:i,id:l,...p}){const d=l||`radio-${f.useId()}`,m=["ds-radio",`ds-radio--${r}`,o&&"ds-radio--disabled"].filter(Boolean).join(" ");return e.jsxs("label",{className:m,htmlFor:d,children:[e.jsx("input",{type:"radio",id:d,className:"ds-radio__input",checked:s,onChange:h=>t==null?void 0:t(h.target.checked),disabled:o,name:n,value:i,...p}),e.jsx("span",{className:"ds-radio__circle",children:e.jsx("span",{className:"ds-radio__dot"})}),a&&e.jsx("span",{className:"ds-radio__label",children:a})]})}function Ie({width:s,height:t,shape:r="rect",aspectRatio:o,className:a="",style:n={},...i}){return e.jsx("span",{className:["ds-skeleton",`ds-skeleton--${r}`,a].filter(Boolean).join(" "),style:{width:s,height:t,aspectRatio:o,...n},"aria-hidden":"true",...i})}function xs({lines:s=1,lastLineWidth:t="70%",gap:r,className:o="",style:a={},...n}){return e.jsx("span",{className:["ds-skeleton-text",o].filter(Boolean).join(" "),style:{gap:r,...a},"aria-hidden":"true",...n,children:Array.from({length:s},(i,l)=>e.jsx("span",{className:"ds-skeleton ds-skeleton--text",style:l===s-1&&s>1?{width:t}:void 0},l))})}Ie.Text=xs;function bs(s){let t=2166136261;for(let r=0;r<s.length;r++)t^=s.charCodeAt(r),t=Math.imul(t,16777619)>>>0;return t%360}function js(s){if(!s)return"";const t=s.trim().split(/\s+/);return t.length>=2?(t[0][0]+t[1][0]).toUpperCase():s[0].toUpperCase()}function _s({seed:s,icon:t,src:r,size:o=32,className:a="",style:n={},...i}){const l=bs(s??""),[p,d]=f.useState(!1),m=t??e.jsx("span",{className:"ds-avatar__initials",children:js(s)});return e.jsx("div",{className:["ds-avatar",a].filter(Boolean).join(" "),style:{width:o,height:o,"--ds-avatar-h":l,...n},"aria-hidden":"true",...i,children:r&&!p?e.jsx("img",{src:r,alt:"",onError:()=>d(!0)}):m})}function vs({children:s,size:t="compact",stickyTop:r,maxHeight:o,className:a="",style:n={},...i}){const l={...o?{maxHeight:o}:{},...r!==void 0?{"--ds-table-sticky-top":typeof r=="number"?`${r}px`:r}:{},...n};return e.jsx("div",{className:["ds-table-wrap",o?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:l,children:e.jsx("table",{className:["ds-table",`ds-table--${t}`,a].filter(Boolean).join(" "),...i,children:s})})}function Ns({children:s,...t}){return e.jsx("thead",{...t,children:s})}function ws({children:s,...t}){return e.jsx("tbody",{...t,children:s})}function gs({children:s,interactive:t,selected:r,subheader:o,exiting:a,updated:n,className:i="",onClick:l,...p}){return e.jsx("tr",{className:["ds-table-row",t||l?"ds-table-row--interactive":"",r?"ds-table-row--selected":"",o?"ds-table-row--subheader":"",a?"ds-table-row--exiting":"",n?"ds-table-row--updated":"",i].filter(Boolean).join(" "),onClick:l,...p,children:s})}function ys({children:s,colSpan:t=999,...r}){return e.jsx("tr",{className:"ds-table-row ds-table-row--subheader",...r,children:e.jsx("td",{colSpan:t,children:s})})}function ks({children:s,align:t="left",sortDir:r,onSort:o,width:a,className:n="",style:i={},...l}){const p=!!o||r!==void 0,d=r==="asc"?w.ChevronUp:r==="desc"?w.ChevronDown:w.ChevronsUpDown;return e.jsx("th",{className:["ds-th",p?"ds-th--sortable":"",r?"ds-th--sorted":"",t!=="left"?`ds-table-cell--${t}`:"",n].filter(Boolean).join(" "),onClick:o,style:{width:a,...i},...l,children:p?e.jsxs("span",{className:"ds-th__inner",children:[s,e.jsx("span",{className:"ds-th__sort-icon",children:e.jsx(d,{size:11,strokeWidth:2.5})})]}):s})}function Es({children:s,align:t="left",secondary:r,muted:o,truncate:a,nowrap:n,className:i="",...l}){return e.jsx("td",{className:["ds-td",t!=="left"?`ds-table-cell--${t}`:"",r?"ds-table-cell--secondary":"",o?"ds-table-cell--muted":"",a?"ds-table-cell--truncate":"",n?"ds-table-cell--nowrap":"",i].filter(Boolean).join(" "),...l,children:s})}function Ts({icon:s,title:t,description:r,action:o,size:a="m",className:n="",...i}){return e.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${a}`,n].filter(Boolean).join(" "),...i,children:[s&&e.jsx("div",{className:"ds-empty-state__icon",children:s}),e.jsx("div",{className:"ds-empty-state__title",children:t}),r&&e.jsx("div",{className:"ds-empty-state__description",children:r}),o&&e.jsx("div",{className:"ds-empty-state__action",children:o})]})}function $s({label:s,hint:t,error:r,required:o=!1,disabled:a=!1,htmlFor:n,children:i,className:l="",style:p,...d}){const m=f.useId(),h=n??m,x=`${h}-hint`,u=`${h}-error`;return e.jsxs("div",{className:`ds-field${l?` ${l}`:""}`,"data-state":r?"error":void 0,"data-required":o?"":void 0,"data-disabled":a?"":void 0,style:p,...d,children:[s&&e.jsx("label",{className:"ds-field-label",htmlFor:h,children:s}),e.jsx("div",{className:"ds-field-control",children:i}),t&&!r&&e.jsx("p",{className:"ds-field-hint",id:x,children:t}),r&&e.jsx("p",{className:"ds-field-error",id:u,role:"alert",children:r})]})}function Rs({label:s,value:t,delta:r,size:o="m",inline:a=!1,className:n="",style:i,...l}){const p=r!=null&&r.startsWith("+")?"up":r!=null&&r.startsWith("-")?"down":"neutral";return e.jsxs("div",{className:["ds-stat",`ds-stat--${o}`,a&&"ds-stat--inline",n].filter(Boolean).join(" "),style:i,...l,children:[s&&e.jsx("span",{className:"ds-stat-label",children:s}),t!=null&&e.jsx("span",{className:"ds-stat-value",children:t}),r!=null&&e.jsx("span",{className:`ds-stat-delta ds-stat-delta--${p}`,children:r})]})}function Ss({children:s,separator:t="/","aria-label":r="Breadcrumb",className:o="",style:a,...n}){const i=f.Children.toArray(s).filter(Boolean);return e.jsx("nav",{className:`ds-breadcrumb${o?` ${o}`:""}`,"aria-label":r,style:a,...n,children:e.jsx("ol",{className:"ds-breadcrumb-list",children:i.map((l,p)=>e.jsxs("li",{className:"ds-breadcrumb-item",children:[l,p<i.length-1&&e.jsx("span",{className:"ds-breadcrumb-sep","aria-hidden":"true",children:t})]},p))})})}function As({page:s,total:t,onChange:r,siblings:o=1,"aria-label":a="Pagination",className:n="",style:i,...l}){const p=Ds(s,t,o);return e.jsxs("nav",{className:`ds-pagination${n?` ${n}`:""}`,"aria-label":a,style:i,...l,children:[e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>r==null?void 0:r(s-1),disabled:s<=1,"aria-label":"Previous page",children:e.jsx(w.ChevronLeft,{size:16})}),p.map((d,m)=>d==="…"?e.jsx("span",{className:"ds-pagination-gap","aria-hidden":"true",children:"…"},`gap-${m}`):e.jsx("button",{className:`ds-pagination-page${d===s?" ds-pagination-page--current":""}`,onClick:()=>d!==s&&(r==null?void 0:r(d)),"aria-current":d===s?"page":void 0,"aria-label":`Page ${d}`,children:d},d)),e.jsx("button",{className:"ds-pagination-arrow",onClick:()=>r==null?void 0:r(s+1),disabled:s>=t,"aria-label":"Next page",children:e.jsx(w.ChevronRight,{size:16})})]})}function Ds(s,t,r){if(t<=7)return Array.from({length:t},(i,l)=>l+1);const o=Math.max(2,s-r),a=Math.min(t-1,s+r),n=[1];o>2&&n.push("…");for(let i=o;i<=a;i++)n.push(i);return a<t-1&&n.push("…"),n.push(t),n}const Is=200;function Bs({children:s,title:t,onClose:r,side:o="right",...a}){const n=f.useRef(null),i=f.useId(),[l,p]=f.useState(!1),d=()=>{!r||l||(p(!0),setTimeout(()=>{p(!1),r()},Is))};f.useEffect(()=>{const u=v=>{v.key==="Escape"&&d()},j=v=>{n.current&&!n.current.contains(v.target)&&d()};return document.addEventListener("keydown",u),document.addEventListener("mousedown",j),()=>{document.removeEventListener("keydown",u),document.removeEventListener("mousedown",j)}},[r,l]);const m=f.Children.toArray(s),h=m.find(u=>(u==null?void 0:u.type)===be),x=m.filter(u=>(u==null?void 0:u.type)!==be);return e.jsx("div",{className:["ds-drawer-overlay",l&&"ds-drawer-overlay--closing"].filter(Boolean).join(" "),...a,children:e.jsxs("aside",{className:["ds-drawer",l&&"ds-drawer--closing"].filter(Boolean).join(" "),"data-side":o,ref:n,role:"dialog","aria-modal":"true","aria-labelledby":t?i:void 0,children:[e.jsxs("header",{className:"ds-drawer-header",children:[t&&e.jsx("h3",{id:i,className:"ds-drawer-title",children:t}),r&&e.jsx("button",{className:"ds-drawer-close",onClick:d,"aria-label":"Close drawer",children:e.jsx(w.X,{size:D[2],strokeWidth:1.5})})]}),e.jsx("div",{className:"ds-drawer-body",children:x}),h]})})}function be({children:s}){return e.jsx("footer",{className:"ds-drawer-footer",children:s})}const Ps={info:w.Info,success:w.CheckCircle,warning:w.AlertTriangle,error:w.XCircle};function Ms({children:s,variant:t="info",action:r,onAction:o,onDismiss:a,role:n,...i}){const l=Ps[t],p=n||(t==="error"?"alert":"status");return e.jsxs("div",{className:`ds-banner ds-banner--${t}`,role:p,...i,children:[l&&e.jsx("span",{className:"ds-banner-icon","aria-hidden":"true",children:e.jsx(l,{size:D[2],strokeWidth:1.5})}),e.jsx("span",{className:"ds-banner-text",children:s}),r&&e.jsx("button",{type:"button",className:"ds-banner-action",onClick:o,children:r}),a&&e.jsx("button",{type:"button",className:"ds-banner-dismiss",onClick:a,"aria-label":"Dismiss",children:e.jsx(w.X,{size:D[2],strokeWidth:1.5})})]})}function Ls({trigger:s,items:t=[],open:r,onOpenChange:o,align:a="left",className:n="",style:i,...l}){const[p,d]=f.useState(!1),[m,h]=f.useState(!1),x=r!==void 0,u=x?r:p,j=f.useRef(null),v=f.useRef(null),A=f.useRef(null),S=f.useRef(null),[B,E]=f.useState({}),$=f.useRef(null),z=150,I=()=>{if(x)o==null||o(!1);else{if(m)return;h(!0),$.current=setTimeout(()=>{d(!1),h(!1)},z)}},V=()=>{const b=!u;x?o==null||o(b):b?(clearTimeout($.current),h(!1),d(!0)):I()},Y=()=>{u||(x?o==null||o(!0):(clearTimeout($.current),h(!1),d(!0)))};f.useEffect(()=>()=>clearTimeout($.current),[]),f.useEffect(()=>{if(!u)return;const b=300,N=()=>{var X;const T=(X=j.current)==null?void 0:X.getBoundingClientRect();if(!T)return;const M=window.innerHeight-T.bottom,H=M<b+8&&T.top>M;E(a==="right"?H?{bottom:window.innerHeight-T.top+4,top:"auto",right:window.innerWidth-T.right}:{top:T.bottom+4,bottom:"auto",right:window.innerWidth-T.right}:H?{bottom:window.innerHeight-T.top+4,top:"auto",left:T.left}:{top:T.bottom+4,bottom:"auto",left:T.left})};return N(),window.addEventListener("scroll",N,!0),window.addEventListener("resize",N),()=>{window.removeEventListener("scroll",N,!0),window.removeEventListener("resize",N)}},[u,a]);const P=()=>{var N;const b=(N=A.current)==null?void 0:N.querySelector('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea');b==null||b.focus()};f.useEffect(()=>{if(!u)return;const b=T=>{var M,H;!((M=j.current)!=null&&M.contains(T.target))&&!((H=v.current)!=null&&H.contains(T.target))&&I()},N=T=>{T.key==="Escape"&&(I(),P())};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[u]),f.useEffect(()=>{if(!u||!S.current||!v.current)return;const b=g(),N=S.current==="last"?b[b.length-1]:b[0];N==null||N.focus(),S.current=null},[u]);const g=()=>v.current?[...v.current.querySelectorAll('button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])')]:[],O=b=>{var N,T;if(b.key==="ArrowDown")b.preventDefault(),u?(N=g()[0])==null||N.focus():(S.current="first",Y());else if(b.key==="ArrowUp")if(b.preventDefault(),!u)S.current="last",Y();else{const M=g();(T=M[M.length-1])==null||T.focus()}},q=b=>{var M,H,X,k;const N=g(),T=N.findIndex(c=>c===document.activeElement);switch(b.key){case"ArrowDown":b.preventDefault(),(M=N[Math.min(T+1,N.length-1)])==null||M.focus();break;case"ArrowUp":b.preventDefault(),T<=0?P():(H=N[T-1])==null||H.focus();break;case"Home":b.preventDefault(),(X=N[0])==null||X.focus();break;case"End":b.preventDefault(),(k=N[N.length-1])==null||k.focus();break;case"Tab":I();break}},W=u&&e.jsx("div",{ref:v,role:"menu",className:["ds-dropdown__menu",`ds-dropdown__menu--${a}`,m&&"ds-dropdown__menu--closing"].filter(Boolean).join(" "),style:B,onKeyDown:q,children:t.map((b,N)=>{if(b.separator)return e.jsx("div",{className:"ds-dropdown__separator"},N);if(b.type==="section")return e.jsxs("div",{className:"ds-dropdown__section",children:[b.label&&e.jsx("div",{className:"ds-dropdown__section-label",children:b.label}),e.jsx("div",{className:"ds-dropdown__section-content",children:b.content})]},N);const T=!!b.href,M=T?"a":"button",H=T?{href:b.disabled?void 0:b.href,"aria-disabled":b.disabled?"true":void 0}:{type:"button",disabled:b.disabled};return e.jsxs(M,{role:"menuitem",className:["ds-dropdown__item",b.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...H,onClick:()=>{var X;(X=b.onClick)==null||X.call(b),I()},children:[b.icon&&e.jsx("span",{className:"ds-dropdown__item-icon",children:b.icon}),e.jsx("span",{className:"ds-dropdown__item-label",children:b.label}),b.shortcut&&e.jsx("span",{className:"ds-dropdown__item-shortcut",children:b.shortcut})]},N)})});return e.jsxs("div",{ref:j,className:["ds-dropdown",n].filter(Boolean).join(" "),style:i,...l,children:[e.jsx("div",{ref:A,className:"ds-dropdown__trigger",onClick:V,onKeyDown:O,children:s}),typeof document<"u"&&ue.createPortal(W,document.body)]})}function zs({value:s=0,size:t="m",variant:r="default",showValue:o=!1,min:a=2,animate:n=!0}){const i=Math.min(100,Math.max(0,s)),l=Math.max(a,i),p=r==="auto"?i>=70?"success":i>=50?"warning":"danger":r;return e.jsxs("div",{className:["ds-progress",`ds-progress--${t}`,!n&&"ds-progress--instant"].filter(Boolean).join(" "),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:[e.jsx("div",{className:"ds-progress__track",children:e.jsx("div",{className:`ds-progress__fill ds-progress__fill--${p}`,style:{width:`${l}%`}})}),o&&e.jsxs("span",{className:"ds-progress__value",children:[Math.round(i),"%"]})]})}const Fs=s=>1-Math.pow(1-s,3),Cs=()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function Be(s,{duration:t=600}={}){const[r,o]=f.useState(s),a=f.useRef(s),n=f.useRef(null);return f.useEffect(()=>{if(Cs()){o(s),a.current=s;return}const i=a.current,l=s-i;if(l===0)return;let p=null;const d=m=>{p||(p=m);const h=Math.min((m-p)/t,1);o(i+l*Fs(h)),h<1?n.current=requestAnimationFrame(d):a.current=s};return n.current=requestAnimationFrame(d),()=>cancelAnimationFrame(n.current)},[s,t]),r}function Os({value:s,duration:t=600,decimals:r=0,prefix:o="",suffix:a=""}){const i=Be(s,{duration:t}).toFixed(r);return`${o}${i}${a}`}function Pe({threshold:s=.1,rootMargin:t="0px",once:r=!1}={}){const o=f.useRef(null),[a,n]=f.useState(!1);return f.useEffect(()=>{const i=o.current;if(!i)return;const l=new IntersectionObserver(([p])=>{p.isIntersecting?(n(!0),r&&l.disconnect()):r||n(!1)},{threshold:s,rootMargin:t});return l.observe(i),()=>l.disconnect()},[s,t,r]),{ref:o,inView:a}}function Ws({children:s,as:t="div",once:r=!1,threshold:o=.1,rootMargin:a="0px",onEnter:n,onLeave:i,...l}){const{ref:p,inView:d}=Pe({threshold:o,rootMargin:a,once:r}),m=f.useRef(!1);return f.useEffect(()=>{d&&!m.current&&(n==null||n()),!d&&m.current&&(i==null||i()),m.current=d},[d]),e.jsx(t,{ref:p,...l,children:typeof s=="function"?s(d):s})}const ke={default:w.Info,success:w.CheckCircle,warning:w.AlertTriangle,error:w.XCircle};let le=[];const je=new Set;function Me(){je.forEach(s=>s([...le]))}function Us(s){le=[...le,s],Me()}function Vs(s){le=le.filter(t=>t.id!==s),Me()}function Hs(){const s=(t,r={})=>{Us({id:`${Date.now()}-${Math.random()}`,message:t,type:"default",duration:4e3,...r})};return s.success=(t,r)=>s(t,{...r,type:"success"}),s.error=(t,r)=>s(t,{...r,type:"error"}),s.warning=(t,r)=>s(t,{...r,type:"warning"}),{toast:s}}function Ys({data:s,onDismiss:t}){const[r,o]=f.useState(!1),a=f.useRef(null);f.useEffect(()=>(requestAnimationFrame(()=>o(!0)),s.duration>0&&(a.current=setTimeout(()=>n(),s.duration)),()=>clearTimeout(a.current)),[]);function n(){o(!1),setTimeout(()=>t(s.id),250)}const i=ke[s.type]??ke.default;return e.jsxs("div",{className:["ds-toast",`ds-toast--${s.type}`,r&&"ds-toast--visible"].filter(Boolean).join(" "),role:s.type==="error"?"alert":"status","aria-live":"polite",children:[e.jsx("div",{className:"ds-toast__icon",children:e.jsx(i,{size:D[3],strokeWidth:1.5})}),e.jsx("span",{className:"ds-toast__message",children:s.message}),e.jsx("button",{className:"ds-toast__close",onClick:n,"aria-label":"Закрыть",children:e.jsx(w.X,{size:D[3],strokeWidth:1.5})})]})}function qs({position:s="bottom-right"}){const[t,r]=f.useState(()=>[...le]);return f.useEffect(()=>(je.add(r),()=>je.delete(r)),[]),!t.length||typeof document>"u"?null:ue.createPortal(e.jsx("div",{className:["ds-toast-container",`ds-toast-container--${s}`].join(" "),children:t.map(o=>e.jsx(Ys,{data:o,onDismiss:Vs},o.id))}),document.body)}const Xs={running:e.jsx(ee,{size:"xs",variant:"info",children:"Running..."}),success:e.jsx(ee,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(ee,{size:"xs",variant:"error",children:"Error"})};function Ks({label:s,status:t="idle",icon:r,badge:o,defaultExpanded:a=!1,expanded:n,onToggle:i,children:l,className:p="",...d}){const m=e.jsxs("span",{className:"ds-tool-card__title-row",children:[r&&e.jsx("span",{className:"ds-tool-card__icon",children:r}),e.jsx("span",{className:"ds-tool-card__label",children:s}),Xs[t],o]});return e.jsx("div",{className:["ds-tool-card",p].filter(Boolean).join(" "),...d,children:e.jsx(fe,{title:m,padding:"s",defaultExpanded:a,expanded:n,onToggle:i,children:e.jsx("div",{className:"ds-tool-card__body",children:l})})})}function Le({text:s,size:t="xs",timeout:r=2e3,"aria-label":o="Copy to clipboard",...a}){const[n,i]=f.useState(!1),l=()=>{navigator.clipboard.writeText(s).then(()=>{i(!0),setTimeout(()=>i(!1),r)})};return e.jsx(ie,{variant:"ghost",size:t,icon:n?e.jsx(w.Check,{size:D[1],strokeWidth:1.5}):e.jsx(w.Copy,{size:D[1],strokeWidth:1.5}),"aria-label":o,onClick:l,...a})}function Gs({content:s,streaming:t=!1,...r}){const[o,a]=f.useState(t);return f.useEffect(()=>{a(!!t)},[t]),e.jsx(fe,{expanded:o,onToggle:a,padding:"s",title:e.jsxs("div",{className:"ds-reasoning__title",children:[e.jsx(w.Brain,{size:D[1],strokeWidth:1.5,className:"ds-reasoning__icon"}),e.jsx(Ae,{secondary:!0,children:"Thinking"})]}),...r,children:e.jsxs(ve,{secondary:!0,style:{whiteSpace:"pre-wrap"},children:[s,t&&e.jsx("span",{className:"ds-cursor ds-cursor--line"})]})})}function Js({count:s,current:t=0,done:r=[],onChange:o,showCounter:a=!0,className:n="","aria-label":i="Steps",...l}){return e.jsxs("div",{className:["ds-step-indicator",n].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:"ds-step-indicator__dots",role:"tablist","aria-label":i,children:Array.from({length:s},(p,d)=>{const m=d===t,h=r.includes(d)&&!m,x=o&&(d<=t||r.includes(d)),u=["ds-step-indicator__dot",m&&"ds-step-indicator__dot--active",h&&"ds-step-indicator__dot--done"].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:u,role:"tab","aria-selected":m,"aria-label":`Step ${d+1}`,disabled:!x||d===t,onClick:()=>o==null?void 0:o(d),children:h?e.jsx(w.Check,{size:8,strokeWidth:3}):null},d)})}),a&&e.jsxs(ve,{secondary:!0,className:"ds-step-indicator__counter",children:[t+1," / ",s]})]})}function Zs({content:s,isStreaming:t=!1,cursor:r="line",onChunk:o,className:a="",...n}){const i=f.useRef(s);return f.useEffect(()=>{s!==i.current&&(o==null||o(s),i.current=s)},[s,o]),e.jsxs("span",{className:["ds-streaming-text",a].filter(Boolean).join(" "),...n,children:[s,t&&r!=="none"&&e.jsx("span",{className:`ds-cursor ds-cursor--${r}`,"aria-hidden":"true"})]})}function Qs({role:s="assistant",header:t,footer:r,attachments:o,isStreaming:a=!1,children:n,className:i="",...l}){const p=["ds-chat-message",`ds-chat-message--${s}`,a&&"ds-chat-message--streaming",i].filter(Boolean).join(" ");return s==="system"?e.jsx("div",{className:p,...l,children:e.jsx("span",{className:"ds-chat-message__system-label",children:n})}):s==="user"?e.jsxs("div",{className:p,...l,children:[o&&e.jsx("div",{className:"ds-chat-message__attachments",children:o}),e.jsx("div",{className:"ds-chat-message__bubble",children:n}),r&&e.jsx("div",{className:"ds-chat-message__footer",children:r})]}):e.jsxs("div",{className:p,...l,children:[t&&e.jsx("div",{className:"ds-chat-message__header",children:t}),o&&e.jsx("div",{className:"ds-chat-message__attachments",children:o}),e.jsx("div",{className:"ds-chat-message__body",children:n}),r&&e.jsx("div",{className:"ds-chat-message__footer",children:r})]})}function et(s,{containerRef:t,smartPause:r=!0}={}){const o=f.useRef(!1),a=f.useRef(0);f.useEffect(()=>{const n=t==null?void 0:t.current;if(!n)return;const i=()=>{const l=n.scrollHeight-n.scrollTop-n.clientHeight<64;!l&&n.scrollTop<a.current&&(o.current=!0),l&&(o.current=!1),a.current=n.scrollTop};return n.addEventListener("scroll",i,{passive:!0}),()=>n.removeEventListener("scroll",i)},[t]),f.useEffect(()=>{const n=t==null?void 0:t.current;n&&(r&&o.current||(n.scrollTop=n.scrollHeight))},s)}function ze({prompts:s,enabled:t,typingSpeed:r=38,erasingSpeed:o=18,holdTime:a=2200,betweenTime:n=380,manualPauseMs:i=5e3}){const[l,p]=f.useState(0),[d,m]=f.useState(""),h=f.useRef("typing"),x=f.useRef(0),u=f.useRef(0),j=f.useRef(null),v=f.useRef(0);f.useEffect(()=>{u.current=l},[l]),f.useEffect(()=>{if(j.current&&(clearTimeout(j.current),j.current=null),!t||s.length===0){m(""),x.current=0,h.current="typing";return}const $=()=>{const z=Date.now();if(v.current>z){j.current=setTimeout($,v.current-z);return}const I=s[u.current%s.length]??"";h.current==="typing"?(x.current+=1,m(I.slice(0,x.current)),x.current>=I.length?(h.current="holding",j.current=setTimeout($,a)):j.current=setTimeout($,r+Math.random()*28)):h.current==="holding"?(h.current="erasing",j.current=setTimeout($,o)):(x.current=Math.max(0,x.current-1),m(I.slice(0,x.current)),x.current<=0?(h.current="typing",u.current=(u.current+1)%s.length,p(u.current),j.current=setTimeout($,n)):j.current=setTimeout($,o))};return j.current=setTimeout($,260),()=>{j.current&&clearTimeout(j.current)}},[t,s,r,o,a,n]);const A=$=>{if(s.length===0)return;const z=($%s.length+s.length)%s.length,I=s[z];u.current=z,x.current=I.length,h.current="holding",v.current=Date.now()+i,p(z),m(I)},S=()=>A(u.current+1),B=()=>A(u.current-1),E=s[l%s.length]??"";return{displayed:d,currentPrompt:E,index:l,next:S,prev:B}}let st=0;function tt({value:s="",onChange:t,onSubmit:r,onStop:o,onKeyDown:a,loading:n=!1,disabled:i=!1,placeholder:l="Let's get things done...",animatedPlaceholders:p,attachments:d,images:m,onAttachFiles:h,onAttachImages:x,onRemoveAttachment:u,onRemoveImage:j,acceptImage:v,acceptFile:A,maxImages:S,maxImageSize:B,leftSlot:E,rightSlot:$,className:z="",...I}){const V=f.useRef(null),Y=f.useRef(null),P=f.useRef(0),[g,O]=f.useState(!1),[q,W]=f.useState([]),b=_=>{const R=++st;W(U=>[...U,{id:R,msg:_}]),setTimeout(()=>W(U=>U.filter(K=>K.id!==R)),6e3)},N=_=>W(R=>R.filter(U=>U.id!==_)),T=_=>_.type.startsWith("image/"),M=()=>!0,H=v??T,X=A??M,k=_=>{const R=[],U=[],K=[],G=[];let Z=0,ae=S!=null?S-((m==null?void 0:m.length)??0):1/0;for(const Q of _)H(Q)?B&&Q.size>B?K.push(Q.name):ae>0?(R.push(Q),ae--):Z++:X(Q)?U.push(Q):G.push(Q.name);return{imageFiles:R,docFiles:U,tooLarge:K,skipped:G,limitExceeded:Z}},c=_=>{const{imageFiles:R,docFiles:U,tooLarge:K,skipped:G,limitExceeded:Z}=k(_);K.length&&b(`File${K.length>1?"s":""} too large${B?` (max ${B/1024/1024}MB)`:""}: ${K.join(", ")}`),G.length&&b(`Skipped unsupported file${G.length>1?"s":""}: ${G.join(", ")}`),Z&&b(`Max ${S} images per message`),x&&R.length&&x(R);const ae=U.concat(x?[]:R);h&&ae.length&&h(ae)};f.useEffect(()=>{const _=Y.current;_&&(_.style.height="auto",_.style.height=`${Math.min(_.scrollHeight,200)}px`)},[s]),f.useEffect(()=>{const _=R=>{var K,G,Z;if(n||i)return;const U=(K=R.target)==null?void 0:K.tagName;U==="INPUT"||U==="TEXTAREA"||U==="SELECT"||(G=R.target)!=null&&G.isContentEditable||R.ctrlKey||R.metaKey||R.altKey||R.key.length!==1&&R.key!=="Backspace"&&R.key!=="Delete"||(Z=Y.current)==null||Z.focus()};return document.addEventListener("keydown",_),()=>document.removeEventListener("keydown",_)},[n,i]);const y=_=>{_.preventDefault(),P.current++,_.dataTransfer.types.includes("Files")&&O(!0)},L=_=>{_.preventDefault(),P.current--,P.current===0&&O(!1)},F=_=>_.preventDefault(),se=_=>{_.preventDefault(),P.current=0,O(!1);const R=Array.from(_.dataTransfer.files);R.length&&c(R)},re=_=>{const R=Array.from(_.target.files||[]);V.current&&(V.current.value=""),R.length&&c(R)},C=_=>{var Q;if(!x)return;const R=(Q=_.clipboardData)==null?void 0:Q.items;if(!R)return;const U=[];for(const Oe of R){const we=Oe.getAsFile();we&&U.push(we)}if(U.length===0)return;const{imageFiles:K,tooLarge:G,skipped:Z,limitExceeded:ae}=k(U);G.length&&b(`File${G.length>1?"s":""} too large: ${G.join(", ")}`),Z.length&&b(`Skipped unsupported file${Z.length>1?"s":""}: ${Z.join(", ")}`),ae&&b(`Max ${S} images per message`),K.length&&(_.preventDefault(),x(K))},J=!n&&!i&&!!(p!=null&&p.length)&&s.length===0,ne=ze({prompts:p??[],enabled:J}),me=_=>{if(J){if(_.key==="ArrowDown"||_.key==="ArrowRight"){_.preventDefault(),ne.next();return}if(_.key==="ArrowUp"||_.key==="ArrowLeft"){_.preventDefault(),ne.prev();return}if(_.key==="Tab"&&!_.shiftKey){_.preventDefault(),t==null||t(ne.currentPrompt);return}}a==null||a(_)},Ce=(s.trim()||(m==null?void 0:m.length)>0||(d==null?void 0:d.length)>0)&&!i,Ne=h||x;return e.jsxs("div",{className:["ds-prompt-input",z].filter(Boolean).join(" "),...I,children:[Ne&&e.jsx("input",{ref:V,type:"file",multiple:!0,accept:"*/*",className:"ds-prompt-input__file-input",onChange:re}),e.jsxs("div",{className:["ds-prompt-input__box",g&&"ds-prompt-input__box--dragging"].filter(Boolean).join(" "),onDragEnter:y,onDragLeave:L,onDragOver:F,onDrop:se,children:[g&&e.jsx("div",{className:"ds-prompt-input__drag-overlay",children:"Drop files here"}),e.jsx("textarea",{ref:Y,value:s,onChange:_=>t==null?void 0:t(_.target.value),onKeyDown:me,onPaste:C,placeholder:J?"":l,disabled:n||i,rows:1,className:["ds-prompt-input__textarea",J&&"ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")}),J&&e.jsxs("div",{className:"ds-prompt-input__anim","aria-hidden":"true",children:[e.jsx("span",{className:"ds-prompt-input__anim-text",children:ne.displayed}),e.jsx("span",{className:"ds-prompt-input__anim-cursor"})]}),m&&m.length>0&&e.jsx("div",{className:"ds-prompt-input__images",children:m.map((_,R)=>e.jsxs("div",{className:"ds-prompt-input__image-thumb",children:[e.jsx("img",{src:_.preview,alt:""}),e.jsx("button",{className:"ds-prompt-input__image-remove",onClick:()=>j==null?void 0:j(R),"aria-label":"Remove image",type:"button",children:e.jsx(w.X,{size:12,strokeWidth:2})})]},R))}),q.length>0&&e.jsx("div",{className:"ds-prompt-input__warnings",children:q.map(_=>e.jsxs("div",{className:"ds-prompt-input__warning",role:"alert",children:[e.jsx("span",{children:_.msg}),e.jsx("button",{type:"button",className:"ds-prompt-input__warning-close",onClick:()=>N(_.id),"aria-label":"Dismiss",children:e.jsx(w.X,{size:D[1],strokeWidth:1.5})})]},_.id))}),d&&d.length>0&&e.jsx("div",{className:"ds-prompt-input__attachments",children:d.map((_,R)=>e.jsx(ee,{size:"xs",children:e.jsxs("span",{className:"ds-prompt-input__badge-content",children:[_.uploading?e.jsx(w.Loader,{size:D[1],strokeWidth:1.5,className:"spin"}):e.jsx(w.Paperclip,{size:D[1],strokeWidth:1.5}),_.filename,_.uploading?e.jsx("span",{className:"ds-prompt-input__uploading",children:"Uploading..."}):e.jsx("button",{type:"button",className:"ds-prompt-input__remove-btn",onClick:()=>u==null?void 0:u(R),children:e.jsx(w.X,{size:D[1],strokeWidth:1.5})})]})},R))}),e.jsxs("div",{className:"ds-prompt-input__toolbar",children:[Ne&&e.jsx(ie,{variant:"ghost",size:"xs",icon:e.jsx(w.Paperclip,{size:D[2],strokeWidth:1.5}),"aria-label":"Attach files",onClick:()=>{var _;return(_=V.current)==null?void 0:_.click()}}),E,$,e.jsx("div",{className:"ds-prompt-input__spacer"}),n?e.jsx(ie,{variant:"primary",size:"xs",icon:e.jsx(w.Square,{size:D[2],strokeWidth:1.5}),onClick:o,"aria-label":"Stop"}):e.jsx(ie,{variant:"primary",size:"xs",icon:e.jsx(w.ArrowUp,{size:D[2],strokeWidth:1.5}),onClick:r,disabled:!Ce,"aria-label":"Send"})]})]})]})}const Ee={fast:0,standard:1,premium:2},Te={fast:"data-5",standard:"data-3",premium:"data-6"};function rt({models:s=[],value:t,onChange:r,size:o="xs",minTier:a,showAutoOption:n=!1,groupByTier:i=!0,className:l="",...p}){const[d,m]=f.useState(!1),h=f.useRef(null),x=f.useRef(null),u=f.useRef(null),[j,v]=f.useState({}),A=s.filter(g=>!a||g.name==="auto"?!0:(Ee[g.tier]??1)>=(Ee[a]??1)),S=A.find(g=>g.name==="auto"),B=A.filter(g=>g.name!=="auto"),E=s.find(g=>g.name===t),z=new Set(B.map(g=>g.tier).filter(Boolean)).size>1;f.useEffect(()=>{if(!d)return;const g=320,O=()=>{var M;const b=(M=x.current)==null?void 0:M.getBoundingClientRect();if(!b)return;const N=window.innerHeight-b.bottom,T=N<g+8&&b.top>N;v({position:"fixed",zIndex:"var(--z-dropdown, 500)",left:b.left,...T?{bottom:window.innerHeight-b.top+4,top:"auto"}:{top:b.bottom+4,bottom:"auto"}})};O(),window.addEventListener("scroll",O,!0),window.addEventListener("resize",O);const q=b=>{var N,T;!((N=h.current)!=null&&N.contains(b.target))&&!((T=u.current)!=null&&T.contains(b.target))&&m(!1)},W=b=>{b.key==="Escape"&&m(!1)};return document.addEventListener("mousedown",q),document.addEventListener("keydown",W),()=>{window.removeEventListener("scroll",O,!0),window.removeEventListener("resize",O),document.removeEventListener("mousedown",q),document.removeEventListener("keydown",W)}},[d]);const I=g=>{r==null||r(g),m(!1)},V=g=>e.jsxs("button",{type:"button",className:["ds-model-picker__item",g.name===t&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>I(g.name),children:[g.icon?e.jsx("span",{className:"ds-model-picker__item-icon",children:g.icon}):e.jsx(w.Cpu,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:g.displayName||g.name}),z&&g.tier&&e.jsx(ee,{size:"xs",variant:Te[g.tier]||"default",children:g.tier})]},g.name),Y=()=>!i||!z?B.map(V):["fast","standard","premium"].flatMap(g=>{const O=B.filter(q=>q.tier===g);return O.length?[e.jsx("div",{className:"ds-model-picker__group-label","data-tier":g,children:g.charAt(0).toUpperCase()+g.slice(1)},`lbl-${g}`),...O.map(V)]:[]}),P=d&&e.jsxs("div",{ref:u,className:"ds-model-picker__menu",style:j,children:[n&&S&&e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",className:["ds-model-picker__item","ds-model-picker__item--auto",t==="auto"&&"ds-model-picker__item--active"].filter(Boolean).join(" "),onClick:()=>I("auto"),children:[e.jsx(w.Zap,{size:12,strokeWidth:1.5,className:"ds-model-picker__item-icon"}),e.jsx("span",{className:"ds-model-picker__item-name",children:"Auto (smart routing)"})]}),B.length>0&&e.jsx("div",{className:"ds-model-picker__separator"})]}),Y()]});return e.jsxs("div",{ref:h,className:["ds-model-picker",l].filter(Boolean).join(" "),...p,children:[e.jsxs("button",{ref:x,type:"button",className:"ds-model-picker__trigger",onClick:()=>m(g=>!g),"aria-haspopup":"listbox","aria-expanded":d,children:[E!=null&&E.icon?e.jsx("span",{children:E.icon}):e.jsx(w.Cpu,{size:12,strokeWidth:1.5}),e.jsx("span",{className:"ds-model-picker__trigger-name",children:(E==null?void 0:E.displayName)||(E==null?void 0:E.name)||t}),z&&(E==null?void 0:E.tier)&&e.jsx(ee,{size:"xs",variant:Te[E.tier]||"default",children:E.tier})]}),typeof document<"u"&&ue.createPortal(P,document.body)]})}const nt=({filename:s,pages:t})=>e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",minWidth:0},children:[e.jsx("span",{className:"ds-sources-panel__filename",children:s}),t.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:_e(t)})]});function _e(s){return s!=null&&s.length?"p. "+s.join(", "):null}function at(s){const t=new Map;for(const r of s)t.has(r.filename)||t.set(r.filename,{filename:r.filename,url:r.url,items:[]}),t.get(r.filename).items.push(r);return[...t.values()]}function ot({sources:s=[],layout:t="list",title:r="Sources",maxVisible:o=5,onSourceClick:a}){const[n,i]=f.useState(!1),l=at(s),p=l.length>o,d=n?l:l.slice(0,o),m=s.some(x=>x.snippet),h=["ds-sources-panel",t==="compact"&&"ds-sources-panel--compact"].filter(Boolean).join(" ");return t==="compact"?e.jsxs("div",{className:h,children:[d.map(x=>{const u=x.items.map(v=>v.page).filter(Boolean),j=!!a;return e.jsxs("div",{className:`ds-sources-panel__compact-row${j?" ds-sources-panel__compact-row--clickable":""}`,onClick:j?()=>a(x.items[0]):void 0,children:[e.jsx(w.FileText,{size:D[1],strokeWidth:1.5,className:"ds-sources-panel__compact-icon"}),e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),u.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:_e(u)})]},x.filename)}),p&&!n&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-o," more sources"]})]}):e.jsxs("div",{className:h,children:[r&&e.jsx("div",{className:"ds-sources-panel__title",children:r}),d.map(x=>{const u=x.items.map(v=>v.page).filter(Boolean),j=!!a;return m?e.jsx(fe,{title:e.jsx(nt,{filename:x.filename,pages:u}),padding:"s",children:x.items.map((v,A)=>e.jsx("div",{className:`ds-sources-panel__snippet${j?" ds-sources-panel__snippet--clickable":""}`,onClick:j?()=>a(v):void 0,children:v.snippet??`p. ${v.page}`},A))},x.filename):e.jsxs("div",{className:`ds-sources-panel__row${j?" ds-sources-panel__row--clickable":""}`,onClick:j?()=>a(x.items[0]):void 0,children:[e.jsx("span",{className:"ds-sources-panel__filename",children:x.filename}),u.length>0&&e.jsx("span",{className:"ds-sources-panel__pages",children:_e(u)})]},x.filename)}),p&&!n&&e.jsxs("button",{className:"ds-sources-panel__more",onClick:()=>i(!0),children:["+",l.length-o," more sources"]})]})}function $e(s){return s>=1e6?(s/1e6).toFixed(1).replace(/\.0$/,"")+"M":s>=1e3?(s/1e3).toFixed(1).replace(/\.0$/,"")+"K":String(s)}function it({used:s,limit:t,size:r="s",showCount:o=!0,showPercent:a=!1,warningThreshold:n=.8,errorThreshold:i=1}){const l=t>0?s/t:0,p=Math.min(l*100,100),d=l>=i?"error":l>=n?"warning":"normal";return e.jsxs("div",{className:`ds-token-counter ds-token-counter--${r}`,role:"meter","aria-valuenow":s,"aria-valuemax":t,children:[e.jsx("div",{className:"ds-token-counter__track",children:e.jsx("div",{className:`ds-token-counter__fill ds-token-counter__fill--${d}`,style:{width:`${p}%`}})}),(o||a)&&e.jsxs("div",{className:`ds-token-counter__label ds-token-counter__label--${d}`,children:[o&&e.jsxs("span",{children:[$e(s)," / ",$e(t)," tokens"]}),a&&e.jsxs("span",{children:[Math.round(l*100),"%"]})]})]})}const Re=5;function lt(s){return s<.34?"low":s<.67?"medium":"high"}function ct({value:s=0,size:t="xs",showLabel:r="none",layout:o="inline"}){const a=Math.max(0,Math.min(1,s)),n=Math.round(a*Re),i=lt(a);return e.jsxs("div",{className:["ds-confidence-bar",`ds-confidence-bar--${t}`,`ds-confidence-bar--${i}`,o==="block"&&"ds-confidence-bar--block"].filter(Boolean).join(" "),children:[e.jsx("div",{className:"ds-confidence-bar__segments","aria-hidden":"true",children:Array.from({length:Re},(l,p)=>e.jsx("div",{className:`ds-confidence-bar__seg${p<n?" ds-confidence-bar__seg--filled":""}`},p))}),r==="text"&&e.jsx("span",{className:"ds-confidence-bar__label",children:i})]})}const dt={add:"+",remove:"-",context:" "};function pe({line:s,lineNumbers:t}){return e.jsxs("div",{className:`ds-diff-view__line ds-diff-view__line--${s.type}`,children:[t&&s.lineNo!=null&&e.jsx("span",{className:"ds-diff-view__lineno",children:s.lineNo}),e.jsx("span",{className:"ds-diff-view__prefix",children:dt[s.type]}),e.jsx("span",{className:"ds-diff-view__text",children:s.text})]})}function ut({lines:s=[],layout:t="inline",wordWrap:r=!1,lineNumbers:o=!0,maxHeight:a,title:n}){const i=["ds-diff-view",`ds-diff-view--${t}`,r&&"ds-diff-view--wrap"].filter(Boolean).join(" "),l=a?{maxHeight:a,overflowY:"auto"}:void 0;if(t==="split"){const p=s.filter(m=>m.type==="remove"||m.type==="context"),d=s.filter(m=>m.type==="add"||m.type==="context");return e.jsxs("div",{className:i,children:[n&&e.jsx("div",{className:"ds-diff-view__title",children:n}),e.jsxs("div",{className:"ds-diff-view__body",style:l,children:[e.jsx("div",{className:"ds-diff-view__split-col",children:p.map((m,h)=>e.jsx(pe,{line:m,lineNumbers:o},h))}),e.jsx("div",{className:"ds-diff-view__split-col",children:d.map((m,h)=>e.jsx(pe,{line:m,lineNumbers:o},h))})]})]})}return e.jsxs("div",{className:i,children:[n&&e.jsx("div",{className:"ds-diff-view__title",children:n}),e.jsx("div",{className:"ds-diff-view__body",style:l,children:s.map((p,d)=>e.jsx(pe,{line:p,lineNumbers:o},d))})]})}const ft={running:e.jsx(ee,{size:"xs",variant:"info",children:"Running…"}),success:e.jsx(ee,{size:"xs",variant:"success",children:"Done"}),error:e.jsx(ee,{size:"xs",variant:"error",children:"Error"})};function mt({label:s,status:t="idle",icon:r,badge:o,className:a="",...n}){return e.jsxs("div",{className:["ds-tool-bubble",a].filter(Boolean).join(" "),...n,children:[r&&e.jsx("span",{className:"ds-tool-bubble__icon",children:r}),e.jsx("span",{className:"ds-tool-bubble__label",children:s}),ft[t],o]})}function Fe({value:s="idle",onLike:t,onDislike:r,className:o="",...a}){const n=s!=="idle";return e.jsxs("div",{className:["ds-message-feedback",n&&"ds-message-feedback--voted",o].filter(Boolean).join(" "),...a,children:[(!n||s==="liked")&&e.jsx("button",{className:["ds-message-feedback__btn",s==="liked"&&"ds-message-feedback__btn--liked"].filter(Boolean).join(" "),onClick:t,disabled:n,"aria-label":"Like","aria-pressed":s==="liked",children:e.jsx(w.ThumbsUp,{size:D[1],strokeWidth:1.5,fill:s==="liked"?"currentColor":"none"})}),(!n||s==="disliked")&&e.jsx("button",{className:["ds-message-feedback__btn",s==="disliked"&&"ds-message-feedback__btn--disliked"].filter(Boolean).join(" "),onClick:r,disabled:n,"aria-label":"Dislike","aria-pressed":s==="disliked",children:e.jsx(w.ThumbsDown,{size:D[1],strokeWidth:1.5,fill:s==="disliked"?"currentColor":"none"})})]})}function pt(s){const t=s instanceof Date?s:new Date(s);if(isNaN(t))return null;const r=new Date,o=t.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),a=new Date(r.getFullYear(),r.getMonth(),r.getDate()),n=new Date(a-864e5);if(t>=a)return o;if(t>=n)return`Yesterday ${o}`;const i=t.getDate(),l=t.toLocaleString([],{month:"short"});return`${i} ${l} ${o}`}function ht({role:s="assistant",text:t,timestamp:r,feedbackValue:o="idle",onLike:a,onDislike:n,className:i="",...l}){const p=s==="assistant"&&(a||n),d=!!t,m=r?pt(r):null;return!p&&!d&&!m?null:e.jsxs("div",{className:["ds-message-footer",`ds-message-footer--${s}`,i].filter(Boolean).join(" "),...l,children:[s==="user"&&m&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:m}),p&&e.jsx(Fe,{className:"ds-message-action",value:o,onLike:a,onDislike:n}),d&&e.jsx(Le,{className:"ds-message-action",text:t}),s==="assistant"&&m&&e.jsx("span",{className:"ds-message-footer__timestamp ds-message-action",children:m})]})}exports.Accordion=fe;exports.Alert=ts;exports.AnimatedNumber=Os;exports.Avatar=_s;exports.Badge=ee;exports.Banner=Ms;exports.Breadcrumb=Ss;exports.Button=ie;exports.Card=Ke;exports.ChatMessage=Qs;exports.Checkbox=ps;exports.Code=as;exports.CodeAccordion=De;exports.ConfidenceBar=ct;exports.CopyButton=Le;exports.DiffView=ut;exports.Drawer=Bs;exports.DrawerFooter=be;exports.Dropdown=Ls;exports.EmptyState=Ts;exports.FormField=$s;exports.H1=Ge;exports.H2=Je;exports.H3=Ze;exports.H4=Qe;exports.InView=Ws;exports.Input=He;exports.Link=os;exports.MessageFeedback=Fe;exports.MessageFooter=ht;exports.Modal=ns;exports.ModalFooter=xe;exports.ModelPicker=rt;exports.P1=es;exports.P2=Ae;exports.P3=ve;exports.Pagination=As;exports.ProgressBar=zs;exports.PromptInput=tt;exports.Radio=hs;exports.ReasoningBlock=Gs;exports.SegmentedControl=cs;exports.Select=qe;exports.Skeleton=Ie;exports.SourcesPanel=ot;exports.Spinner=Se;exports.Stat=Rs;exports.StepIndicator=Js;exports.Stepper=Xe;exports.StreamingText=Zs;exports.Tab=ls;exports.Table=vs;exports.TableBody=ws;exports.TableHead=Ns;exports.TableRow=gs;exports.TableSubheaderRow=ys;exports.Tabs=is;exports.Td=Es;exports.Textarea=Ye;exports.Th=ks;exports.ToastContainer=qs;exports.Toggle=ms;exports.TokenCounter=it;exports.ToolCallBubble=mt;exports.ToolCallCard=Ks;exports.Tooltip=fs;exports.iconSizes=D;exports.useAnimatedNumber=Be;exports.useAnimatedPlaceholder=ze;exports.useInView=Pe;exports.useStreamScroll=et;exports.useToast=Hs;
package/dist/index.es.js CHANGED
@@ -2459,7 +2459,7 @@ function Ot({
2459
2459
  j({
2460
2460
  position: "fixed",
2461
2461
  zIndex: "var(--z-dropdown, 500)",
2462
- right: window.innerWidth - x.right,
2462
+ left: x.left,
2463
2463
  ...k ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
2464
2464
  });
2465
2465
  };
@@ -2855,10 +2855,10 @@ function Yt({
2855
2855
  className: ["ds-message-footer", `ds-message-footer--${s}`, o].filter(Boolean).join(" "),
2856
2856
  ...l,
2857
2857
  children: [
2858
- s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp", children: f }),
2859
- m && /* @__PURE__ */ e.jsx(Os, { value: i, onLike: a, onDislike: n }),
2860
- d && /* @__PURE__ */ e.jsx(As, { text: t }),
2861
- s === "assistant" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp", children: f })
2858
+ s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f }),
2859
+ m && /* @__PURE__ */ e.jsx(Os, { className: "ds-message-action", value: i, onLike: a, onDislike: n }),
2860
+ d && /* @__PURE__ */ e.jsx(As, { className: "ds-message-action", text: t }),
2861
+ s === "assistant" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f })
2862
2862
  ]
2863
2863
  }
2864
2864
  );
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;--data-red: #EA6464;--data-orange: #F59E42;--data-yellow: #FFCD1B;--data-teal: #34D399;--data-blue: #60A5FA;--data-violet: #A78BFA;--data-pink: #F472B6;--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-state-focus: rgba(248, 249, 250, .3);--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);--data-1-fg: var(--data-red);--data-1-bg: rgba(234, 100, 100, .15);--data-1-border: rgba(234, 100, 100, .35);--data-2-fg: var(--data-orange);--data-2-bg: rgba(245, 158, 66, .15);--data-2-border: rgba(245, 158, 66, .35);--data-3-fg: var(--data-yellow);--data-3-bg: rgba(255, 205, 27, .15);--data-3-border: rgba(255, 205, 27, .35);--data-4-fg: var(--data-teal);--data-4-bg: rgba( 52, 211, 153, .15);--data-4-border: rgba( 52, 211, 153, .35);--data-5-fg: var(--data-blue);--data-5-bg: rgba( 96, 165, 250, .15);--data-5-border: rgba( 96, 165, 250, .35);--data-6-fg: var(--data-violet);--data-6-bg: rgba(167, 139, 250, .15);--data-6-border: rgba(167, 139, 250, .35);--data-7-fg: var(--data-pink);--data-7-bg: rgba(244, 114, 182, .15);--data-7-border: rgba(244, 114, 182, .35);--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-2-5: 36px;--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;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-duration-instant: .1s;--motion-duration-quick: .2s;--motion-duration-moderate: .3s;--motion-duration-slow: .5s;--motion-hover: var(--motion-duration-quick) var(--easing-standard);--motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);--motion-exit: var(--motion-duration-quick) var(--easing-accelerate);--motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);--transition-fast: var(--motion-duration-instant) var(--easing-standard);--transition-normal: var(--motion-duration-quick) var(--easing-standard);--transition-slow: var(--motion-duration-moderate) var(--easing-standard);--state-disabled-opacity: .4;--focus-ring-color: var(--color-state-focus);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--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-xs: 11px;--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-density=compact]{--height-1: 20px;--height-2: 28px;--height-2-5: 32px;--height-3: 36px;--height-4: 44px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--text-md: 13px;--text-sm: 11px}@media (max-width: 767px){[data-density=compact]{--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-md: 14px;--text-sm: 12px}}[data-corners=sharp]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0}[data-typography=editorial]{--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);--badge-font-size-xs: 10px;--badge-tracking: 0;--badge-text-transform: none}[data-density=airy]{--card-hover-transform: translateY(-3px)}[data-variant=edgy]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0;--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);--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);--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-font-size-xs: 10px;--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)}@supports (background: color-mix(in srgb,red,blue)){:root{--color-state-hover: color-mix(in srgb, currentColor 7%, transparent);--color-state-active: color-mix(in srgb, currentColor 12%, transparent);--color-state-selected: color-mix(in srgb, currentColor 10%, transparent)}}@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(--motion-emphasis),color var(--motion-emphasis)}*{box-sizing:border-box}::selection{background-color:var(--color-state-selected);color:var(--color-fg-primary)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: .01ms;--motion-duration-quick: .01ms;--motion-duration-moderate: .01ms;--motion-duration-slow: .01ms}}}.ds-spinner{display:inline-block;border-radius:var(--radius-full, 9999px);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, 8px);font-size:var(--text-lg, 16px);font-weight:var(--btn-font-weight);font-family:var(--font-ui, inherit);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1;border:none;cursor:pointer;transition:background-color var(--motion-hover, .2s ease),border-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-button--primary:disabled,.ds-button--primary[aria-disabled=true]{background-color:transparent;color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz, 20px);height:var(--_btn-icon-sz, 20px);stroke-width:1.5px}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs, 14px)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s, 16px)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m, 20px)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l, 24px)}.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(--motion-hover, .2s ease)}.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, 24px);padding:0 calc(var(--height-1, 24px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-xs, 12px);border-radius:var(--radius-2, 4px)}.ds-button--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-2, 4px)}.ds-button--sm{height:var(--height-2-5, 36px);padding:0 calc(var(--height-2-5, 36px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-3, 6px)}.ds-button--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-m, 16px);border-radius:var(--radius-3, 6px)}.ds-button--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-l, 16px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.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)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-input-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, .2s ease);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:focus-visible{box-shadow:var(--focus-ring)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-input--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-input--sm{height:var(--height-2-5, 36px);padding:0 10px;font-size:var(--text-md, 14px);border-radius:var(--radius-3, 6px)}.ds-input--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon.ds-input--sm{padding-left:40px}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon-right.ds-input--sm{padding-right:40px}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 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, .2s ease);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, 14px);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-fast, .1s ease)}.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, 4px);font-size:var(--text-md, 14px);color:var(--color-error)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-textarea-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, .2s ease);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-visible{box-shadow:var(--focus-ring)}.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, 8px);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-textarea--s{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-textarea--m{padding:var(--space-3, 12px);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-textarea-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-select-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, 12px);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, .2s ease);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:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.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(--motion-enter, .3s ease)}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--motion-enter, .3s ease)}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--s{border-radius:var(--radius-2, 4px)}.ds-select-dropdown--m{border-radius:var(--radius-3, 6px)}.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, .2s ease)}.ds-select-option--s{min-height:var(--height-2, 32px);padding:var(--space-2, 8px) calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px)}.ds-select-option--m{min-height:var(--height-3, 44px);padding:var(--space-2, 8px) calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-option--active:before{background-color:var(--color-state-hover)}.ds-select-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-stepper-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, 4px);transition:border-color var(--transition-normal, .2s ease)}.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, .1s ease);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, .1s ease)}.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:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2, 4px) 0 0 var(--radius-2, 4px);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2, 4px) var(--radius-2, 4px) 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, 16px);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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, 24px)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1, 24px);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);padding:0 var(--space-2, 8px)}.ds-stepper--s{height:var(--height-2, 32px)}.ds-stepper--s .ds-stepper-button{width:var(--height-2, 32px);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);padding:0 var(--space-2, 8px)}.ds-stepper--m{height:var(--height-3, 44px)}.ds-stepper--m .ds-stepper-button{width:var(--height-3, 44px);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);padding:0 var(--space-3, 12px)}.ds-stepper-hint{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md, 14px);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}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3, 6px);border:1px solid var(--card-border);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease);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, .2s ease)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform, none)}.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(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease)}.ds-card--outline:hover:not([aria-disabled=true]){border-color:var(--color-border-strong);transform:var(--card-hover-transform, none)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-card--m{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-card--l{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}.ds-h1{font-size:var(--text-4xl, 32px);font-weight:var(--font-weight-regular, 400);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl, 24px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-regular, 400);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);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, 14px);font-weight:var(--font-weight-regular, 400);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, 12px);font-weight:var(--font-weight-regular, 400);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, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--xs{padding:1px var(--space-1, 4px);font-size:var(--badge-font-size-xs);letter-spacing:var(--tracking-sm);border-radius:var(--radius-1, 2px)}.ds-badge--s{padding:2px var(--space-2, 8px);font-size:var(--badge-font-size-s);border-radius:var(--radius-2, 4px)}.ds-badge--m{padding:3px var(--space-3, 12px);font-size:var(--badge-font-size-m);border-radius:var(--radius-3, 6px)}.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)}.ds-badge--data-1{background-color:var(--data-1-bg);color:var(--data-1-fg)}.ds-badge--data-2{background-color:var(--data-2-bg);color:var(--data-2-fg)}.ds-badge--data-3{background-color:var(--data-3-bg);color:var(--data-3-fg)}.ds-badge--data-4{background-color:var(--data-4-bg);color:var(--data-4-fg)}.ds-badge--data-5{background-color:var(--data-5-bg);color:var(--data-5-fg)}.ds-badge--data-6{background-color:var(--data-6-bg);color:var(--data-6-fg)}.ds-badge--data-7{background-color:var(--data-7-bg);color:var(--data-7-fg)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px)}.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, 16px);font-weight:var(--font-weight-regular, 400);margin-bottom:var(--space-2, 8px)}.ds-alert__message{font-size:var(--text-md, 14px);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, .2s ease)}.ds-alert__close:hover{opacity:1}.ds-alert__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.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)}@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, 16px);overflow-y:auto;animation:ds-modal-backdrop-in var(--motion-enter, .3s ease)}.ds-modal{background-color:var(--color-surface-1);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;animation:ds-modal-content-in var(--motion-enter, .3s ease) .05s both}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out var(--motion-exit, .2s ease) forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out var(--motion-exit, .2s ease) forwards}.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, 24px)}.ds-modal__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-modal__body{padding:0 var(--space-6, 24px) var(--space-6, 24px);flex:1}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-6, 24px) var(--space-6, 24px);background-color:var(--color-surface-1);position:relative;z-index:10;border-bottom-left-radius:var(--space-3, 12px);border-bottom-right-radius:var(--space-3, 12px)}.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, 6px);color:var(--color-fg-primary);font-size:var(--text-lg, 16px);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, .2s ease)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-code-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.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, .2s ease)}.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, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .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, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px);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, 8px)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3, 12px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4, 16px)}.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, 14px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3, 12px)}}@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, 6px);white-space:nowrap}.ds-code-block{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);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}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast, .1s ease),text-decoration var(--transition-fast, .1s ease);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-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.ds-tabs{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform, none);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease);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(--motion-hover, .2s ease)}.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,.ds-tab--sm{--_tab-icon-sz: var(--tab-icon-size-s, 14px)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m, 16px)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l, 20px)}.ds-tab--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2, 4px)}.ds-tab--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 2);font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-2, 4px)}.ds-tab--sm{height:var(--height-2-5, 36px);padding:0 14px;font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-3, 6px)}.ds-tab--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 2);font-size:var(--tab-font-size-m, 14px);border-radius:var(--radius-3, 6px)}.ds-tab--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) / 2);font-size:var(--tab-font-size-l, 15px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);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, 16px);height:var(--_tab-icon-sz, 16px);stroke-width:1.5px}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);background:var(--color-surface-1)}.ds-seg--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3, 6px) - 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, 4px);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3, 6px) - 2px);white-space:nowrap;transition:color var(--motion-hover, .2s ease)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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, 24px);padding:0 var(--space-2, 8px);font-size:var(--text-sm, 12px)}.ds-seg--m .ds-seg__btn{height:var(--height-2, 32px);padding:0 var(--space-3, 12px)}.ds-seg--sm .ds-seg__btn{height:var(--height-2-5, 36px);padding:0 var(--space-3, 12px)}.ds-seg--l .ds-seg__btn{height:var(--height-3, 44px);padding:0 var(--space-4, 16px);font-size:var(--text-lg, 16px)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}.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, 6px);color:var(--color-fg-primary);font-size:var(--text-xl, 18px);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, .2s ease)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.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, .2s ease)}.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, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .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, 6px) var(--radius-3, 6px)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3, 12px)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6, 24px)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg, 16px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}}.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, 12px);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2, 8px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2, 4px);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}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-toggle--disabled{opacity:var(--state-disabled-opacity, .4);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, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0}.ds-toggle__input:focus-visible+.ds-toggle__track{box-shadow:var(--focus-ring)}.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, .2s ease);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1, 16px) * 1.75);height:var(--icon-1, 16px);border-radius:calc(var(--icon-1, 16px) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1, 16px) - 4px);height:calc(var(--icon-1, 16px) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1, 16px) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm, 12px)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2, 20px) * 1.75);height:var(--icon-2, 20px);border-radius:calc(var(--icon-2, 20px) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2, 20px) - 4px);height:calc(var(--icon-2, 20px) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2, 20px) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md, 14px)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3, 24px) * 1.75);height:var(--icon-3, 24px);border-radius:calc(var(--icon-3, 24px) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3, 24px) - 4px);height:calc(var(--icon-3, 24px) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3, 24px) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4, 28px) * 1.75);height:var(--icon-4, 28px);border-radius:calc(var(--icon-4, 28px) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4, 28px) - 6px);height:calc(var(--icon-4, 28px) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4, 28px) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-checkbox--disabled{opacity:var(--state-disabled-opacity, .4);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, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:4px}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--focus-ring)}.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, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm, 12px)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md, 14px)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-radio--disabled{opacity:var(--state-disabled-opacity, .4);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, .2s ease),border-color var(--transition-normal, .2s ease);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:focus-visible+.ds-radio__circle{box-shadow:var(--focus-ring)}.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, .2s ease)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm, 12px)}.ds-radio--s .ds-radio__circle{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md, 14px)}.ds-radio--m .ds-radio__circle{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-radio--l .ds-radio__circle{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg, 16px)}.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, 4px)}.ds-skeleton--circle{border-radius:var(--radius-full, 9999px)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2, 4px)}.ds-skeleton--pill{border-radius:var(--radius-full, 9999px)}.ds-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium, 500);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, 9999px);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, 6px);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, 9999px)}.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-th--sortable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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, 8px) var(--space-3, 12px);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.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--interactive:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.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, 4px)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast, .1s ease)}.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}@keyframes ds-row-exit{to{opacity:0;transform:translateY(-3px)}}@keyframes ds-row-flash{0%{background-color:var(--color-accent-bg)}to{background-color:transparent}}.ds-table-row{transition:background-color .1s ease;transition:opacity .18s ease,transform .18s ease,background-color .1s ease}@starting-style{.ds-table-row{opacity:0;transform:translateY(-3px)}}.ds-table-row--exiting{animation:ds-row-exit .18s ease forwards;pointer-events:none}.ds-table-row--updated{animation:ds-row-flash .6s ease}@media (prefers-reduced-motion: reduce){.ds-table-row,.ds-table-row--exiting,.ds-table-row--updated{animation:none;transition:none}}.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, 24px);height:var(--icon-3, 24px)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5, 48px);height:var(--icon-5, 48px)}.ds-empty-state__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md, 14px);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6, 24px);gap:var(--space-2, 8px)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md, 14px)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm, 12px)}.ds-empty-state--m{padding:var(--space-10, 40px);gap:var(--space-3, 12px)}.ds-empty-state--l{padding:var(--space-16, 64px);gap:var(--space-4, 16px)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl, 18px)}.ds-empty-state__action{margin-top:var(--space-1, 4px)}.ds-field{display:flex;flex-direction:column}.ds-field[data-disabled]{opacity:var(--state-disabled-opacity, .4);pointer-events:none;cursor:not-allowed}.ds-field-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color);margin-bottom:var(--space-1, 4px)}.ds-field[data-required] .ds-field-label:after{content:" *";color:var(--color-error)}.ds-field-hint,.ds-field-error{font-size:var(--text-md, 14px);line-height:1.5;margin-top:var(--space-2, 8px)}.ds-field-hint{color:var(--color-fg-secondary)}.ds-field-error{color:var(--color-error)}[data-state=error] .ds-field-control .ds-input,[data-state=error] .ds-field-control .ds-textarea,[data-state=error] .ds-field-control .ds-select-trigger{border-color:var(--color-error)}[data-density=compact] .ds-field-hint,[data-density=compact] .ds-field-error{font-size:var(--text-sm, 12px);margin-top:var(--space-1, 4px)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-stat--inline{flex-direction:row;align-items:baseline;gap:var(--space-3, 12px)}.ds-stat--xs .ds-stat-label{font-size:11px}.ds-stat--xs .ds-stat-value{font-size:20px}.ds-stat--s .ds-stat-label{font-size:var(--text-sm, 12px)}.ds-stat--s .ds-stat-value{font-size:24px}.ds-stat--m .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--m .ds-stat-value{font-size:32px}.ds-stat--l .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--l .ds-stat-value{font-size:40px}.ds-stat-label{font-family:var(--font-ui, inherit);color:var(--color-fg-secondary);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1.2}.ds-stat-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.1;font-variant-numeric:tabular-nums}.ds-stat-delta{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.2}.ds-stat-delta--up{color:var(--color-status-success)}.ds-stat-delta--down{color:var(--color-status-error)}.ds-stat-delta--neutral{color:var(--color-fg-secondary)}[data-density=compact] .ds-stat--m .ds-stat-value{font-size:24px}[data-density=compact] .ds-stat--l .ds-stat-value{font-size:32px}.ds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-breadcrumb-item{display:flex;align-items:center}.ds-breadcrumb-sep{padding:0 var(--space-2, 8px);color:var(--color-fg-disabled);-webkit-user-select:none;user-select:none}.ds-breadcrumb-list a{color:var(--color-fg-secondary);text-decoration:none;border-radius:var(--radius-1, 2px);transition:color var(--motion-hover, .2s ease)}.ds-breadcrumb-list a:hover{color:var(--color-fg-primary)}.ds-breadcrumb-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-breadcrumb-list [aria-current=page]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}[data-density=compact] .ds-breadcrumb-list{font-size:var(--text-sm, 12px)}.ds-pagination{display:flex;align-items:center;gap:var(--space-1, 4px);font-family:var(--font-ui, inherit)}.ds-pagination-page,.ds-pagination-arrow{display:flex;align-items:center;justify-content:center;height:var(--height-2, 32px);min-width:var(--height-2, 32px);padding:0 var(--space-2, 8px);border:none;background:none;color:var(--color-fg-secondary);font-family:inherit;font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px);cursor:pointer;transition:background-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease)}.ds-pagination-page:hover:not(:disabled),.ds-pagination-arrow:hover:not(:disabled){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-pagination-page:focus-visible,.ds-pagination-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-pagination-page:disabled,.ds-pagination-arrow:disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-pagination-page--current{background-color:var(--color-state-selected);color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500);cursor:default}.ds-pagination-page--current:hover{background-color:var(--color-state-selected)}.ds-pagination-gap{display:flex;align-items:center;justify-content:center;min-width:var(--height-2, 32px);color:var(--color-fg-disabled);font-size:var(--text-md, 14px);-webkit-user-select:none;user-select:none}[data-density=compact] .ds-pagination-page,[data-density=compact] .ds-pagination-arrow{font-size:var(--text-sm, 12px)}@keyframes ds-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-drawer-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ds-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ds-drawer-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ds-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-drawer);animation:ds-drawer-overlay-in var(--motion-enter, .3s ease)}.ds-drawer-overlay--closing{animation:ds-drawer-overlay-out var(--motion-exit, .2s ease) forwards}.ds-drawer{position:fixed;top:0;bottom:0;width:var(--ds-drawer-width, 360px);max-width:100vw;background-color:var(--color-surface-1);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden}.ds-drawer[data-side=right]{right:0;border-radius:var(--radius-4, 8px) 0 0 var(--radius-4, 8px);animation:ds-drawer-in-right var(--motion-enter, .3s ease)}.ds-drawer[data-side=left]{left:0;border-radius:0 var(--radius-4, 8px) var(--radius-4, 8px) 0;animation:ds-drawer-in-left var(--motion-enter, .3s ease)}.ds-drawer--closing[data-side=right]{animation:ds-drawer-out-right var(--motion-exit, .2s ease) forwards}.ds-drawer--closing[data-side=left]{animation:ds-drawer-out-left var(--motion-exit, .2s ease) forwards}.ds-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 20px) var(--space-6, 24px);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-drawer-title{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-drawer-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-fg-secondary);padding:var(--space-1, 4px);border-radius:var(--radius-2, 4px);transition:color var(--motion-hover, .2s ease)}.ds-drawer-close:hover{color:var(--color-fg-primary)}.ds-drawer-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-drawer-body{flex:1;overflow-y:auto;padding:var(--space-6, 24px)}.ds-drawer-footer{padding:var(--space-4, 16px) var(--space-6, 24px);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3, 12px);flex-shrink:0}@media (max-width: 639px){.ds-drawer{width:100vw!important;border-radius:0!important}}.ds-banner{display:flex;align-items:center;gap:var(--space-3, 12px);min-height:var(--height-3, 44px);padding:0 var(--space-5, 20px);width:100%;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-banner-icon{display:flex;align-items:center;flex-shrink:0}.ds-banner-text{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-banner-action{background:none;border:1px solid currentColor;border-radius:var(--radius-2, 4px);color:inherit;cursor:pointer;font-family:inherit;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);padding:2px var(--space-3, 12px);white-space:nowrap;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-action:hover{opacity:.8}.ds-banner-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-banner-dismiss{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;flex-shrink:0;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-dismiss:hover{opacity:1}.ds-banner-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-banner--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-banner--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-banner--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-banner--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.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, 6px);box-shadow:var(--shadow-2);padding:var(--space-2, 8px);animation:ds-dropdown-in var(--motion-enter, .3s ease)}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--motion-exit, .2s ease) forwards}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;height:var(--height-2, 32px);padding:0 var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-2, 4px);cursor:pointer;font-size:var(--text-md, 14px);font-family:var(--font-ui, inherit);font-weight:var(--font-weight-regular, 400);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]),.ds-dropdown__item:focus-visible{background-color:var(--color-state-hover);color:var(--color-fg-primary);outline:none}.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, 12px);color:var(--color-fg-disabled);padding-left:var(--space-3, 12px)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2, 8px) 0}.ds-dropdown__section{padding:var(--space-2, 8px) var(--space-2, 8px) var(--space-2, 8px)}.ds-dropdown__section-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);margin-bottom:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.ds-progress{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full, 9999px);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, 4px)}.ds-progress--s .ds-progress__track{height:var(--space-2, 8px)}.ds-progress--m .ds-progress__track{height:var(--space-3, 12px)}.ds-progress--l .ds-progress__track{height:var(--space-6, 24px)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);font-family:var(--font-ui, inherit);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2, 8px);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6, 24px);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-3);font-size:var(--text-md, 14px);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity var(--motion-enter, .3s ease),transform var(--motion-enter, .3s 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, .2s ease)}.ds-toast__close:hover{opacity:1}.ds-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-tool-card{border-radius:var(--radius-3);overflow:hidden}.ds-tool-card .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-tool-card__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.ds-tool-card__icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-tool-card__label{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tool-card__body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.ds-streaming-text{white-space:pre-wrap}.ds-cursor{display:inline-block;margin-left:2px;background:currentColor;opacity:.8;vertical-align:text-bottom;animation:ds-cursor-blink 1s steps(2,end) infinite}.ds-cursor--line{width:2px;height:1.1em}.ds-cursor--block{width:.5em;height:1em}@keyframes ds-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-cursor{animation:none;opacity:.6}}.ds-reasoning__title{display:flex;align-items:center;gap:var(--space-2, 8px)}.ds-reasoning__icon{color:var(--color-fg-secondary);flex-shrink:0}.ds-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.ds-step-indicator__dots{display:flex;gap:var(--space-2, 8px);align-items:center}.ds-step-indicator__dot{width:18px;height:6px;border-radius:var(--radius-full, 9999px);border:none;padding:0;background:var(--color-border-default);cursor:default;transition:width var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);display:inline-flex;align-items:center;justify-content:center;color:transparent}.ds-step-indicator__dot:not(:disabled){cursor:pointer}.ds-step-indicator__dot:not(:disabled):hover{background:var(--color-fg-secondary)}.ds-step-indicator__dot--active{background:var(--color-accent-default);width:28px}.ds-step-indicator__dot--done{background:var(--color-accent-default);color:#fff}.ds-step-indicator__dot:disabled:not(.ds-step-indicator__dot--active):not(.ds-step-indicator__dot--done){opacity:.5}.ds-step-indicator__counter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ds-chat-message{display:flex;flex-direction:column;position:relative}.ds-chat-message--user{align-items:flex-end;padding-left:10%}.ds-chat-message--user .ds-chat-message__bubble{position:relative;max-width:80%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-surface-1);border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 var(--radius-4, 8px);overflow-wrap:break-word;word-break:break-word}.ds-chat-message--user .ds-chat-message__bubble:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:6px 0 0 6px;border-color:transparent transparent transparent var(--color-surface-1)}.ds-chat-message--user .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;justify-content:flex-end}.ds-chat-message--assistant{padding-left:var(--space-2, 8px);padding-right:10%}.ds-chat-message--assistant .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;align-items:center;gap:var(--space-1, 4px)}.ds-chat-message--tool{padding-left:var(--space-2, 8px)}.ds-chat-message--system{align-items:center;padding:var(--space-1, 4px) 0}.ds-chat-message__system-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);background:var(--color-state-selected);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px)}.ds-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.ds-message-action{display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-action,.ds-chat-message--user:hover .ds-message-action,.ds-message-action:focus-within{opacity:1}.ds-chat-message__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap;align-items:center;margin-left:var(--space-3, 12px)}.ds-chat-message--user .ds-chat-message__footer .ds-chat-message__timestamp{margin-left:0;margin-right:var(--space-3, 12px)}.ds-prompt-input{display:flex;gap:var(--space-3);background-color:var(--color-surface-0)}.ds-prompt-input__file-input{display:none}.ds-prompt-input__box{flex:1;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow-1);transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.ds-prompt-input__box:hover{border-color:var(--color-border-strong)}.ds-prompt-input__box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-prompt-input__box--dragging{border-color:var(--color-accent-default)!important;background-color:var(--color-accent-bg)}.ds-prompt-input__drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3);border:2px dashed var(--color-accent-default);background:var(--color-accent-bg);z-index:10;pointer-events:none;color:var(--color-accent-default);font-size:var(--text-lg);font-family:inherit}.ds-prompt-input__textarea{resize:none;background-color:transparent;border:none;color:var(--color-fg-primary);font-size:var(--text-lg);font-family:inherit;outline:none;width:100%}.ds-prompt-input__textarea--anim{caret-color:transparent}.ds-prompt-input__anim{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--text-lg);font-family:inherit;line-height:1.4;color:var(--color-fg-secondary);opacity:.78;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:clip}.ds-prompt-input__anim-text{display:inline-block;white-space:nowrap}.ds-prompt-input__anim-cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:currentColor;transform:translateY(.16em);animation:ds-prompt-cursor-blink 1.05s steps(1) infinite;flex-shrink:0}@keyframes ds-prompt-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ds-prompt-input__images{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-prompt-input__image-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--color-border-default)}.ds-prompt-input__image-thumb img{width:100%;height:100%;object-fit:cover}.ds-prompt-input__image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background-color:var(--color-overlay);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ds-prompt-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-prompt-input__badge-content{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__uploading{color:var(--color-fg-secondary);font-size:var(--text-sm)}.ds-prompt-input__remove-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--color-fg-primary)}.ds-prompt-input__warnings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-prompt-input__warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);background:var(--color-state-warning-subtle, var(--color-surface-1));color:var(--color-fg-primary);font-size:var(--text-sm)}.ds-prompt-input__warning-close{background:none;border:none;cursor:pointer;padding:0;display:flex;color:inherit;flex-shrink:0}.ds-prompt-input__toolbar{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__spacer{flex:1}.ds-model-picker{position:relative;display:inline-flex}.ds-model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:4px var(--space-2, 8px);border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.ds-model-picker__trigger:hover{border-color:var(--color-border-strong);background:var(--color-state-hover)}.ds-model-picker__trigger-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-model-picker__menu{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-1, 4px);min-width:200px;max-height:320px;overflow-y:auto}.ds-model-picker__separator{height:1px;background:var(--color-border-light);margin:var(--space-1, 4px) 0}.ds-model-picker__group-label{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-secondary)}.ds-model-picker__group-label[data-tier=fast]{color:var(--data-5-fg)}.ds-model-picker__group-label[data-tier=standard]{color:var(--data-3-fg)}.ds-model-picker__group-label[data-tier=premium]{color:var(--data-6-fg)}.ds-model-picker__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-2, 8px);border:none;border-radius:var(--radius-2);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ds-model-picker__item:hover{background:var(--color-state-hover)}.ds-model-picker__item--active{background:var(--color-state-selected)}.ds-model-picker__item--auto{background:var(--color-accent-bg)}.ds-model-picker__item--auto:hover{background:var(--color-accent-bg);filter:brightness(1.1)}.ds-model-picker__item-icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-model-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-sources-panel__title{font-size:var(--text-xs, 11px);font-weight:600;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-1, 4px);margin-bottom:var(--space-1, 4px)}.ds-sources-panel .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-sources-panel__row{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-3, 6px);background:var(--color-surface-1);font-size:var(--text-sm, 12px);cursor:default}.ds-sources-panel__row--clickable{cursor:pointer}.ds-sources-panel__row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel__filename{font-weight:400;color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-sources-panel__pages{color:var(--color-fg-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.ds-sources-panel__snippet{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);line-height:1.5;padding:var(--space-1, 4px) var(--space-2, 8px);border-left:2px solid var(--color-border-default);margin:var(--space-1, 4px) 0}.ds-sources-panel__snippet--clickable{cursor:pointer}.ds-sources-panel__snippet--clickable:hover{border-left-color:var(--color-accent-default);color:var(--color-fg-primary)}.ds-sources-panel__more{font-size:var(--text-sm, 12px);color:var(--color-accent-default);background:none;border:none;padding:var(--space-1, 4px) var(--space-1, 4px);cursor:pointer;text-align:left}.ds-sources-panel__more:hover{text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm, 12px);padding:var(--space-1) 0;cursor:default}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable{cursor:pointer}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-icon{flex-shrink:0;color:var(--color-fg-secondary)}.ds-sources-panel--compact .ds-sources-panel__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel--compact .ds-sources-panel__pages{flex-shrink:0}.ds-token-counter{display:flex;flex-direction:column;gap:var(--space-1)}.ds-token-counter__track{width:100%;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-token-counter--s .ds-token-counter__track{height:4px}.ds-token-counter--m .ds-token-counter__track{height:6px}.ds-token-counter__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease,background-color .35s ease}.ds-token-counter__fill--normal{background-color:var(--color-fg-secondary)}.ds-token-counter__fill--warning{background-color:var(--data-2-fg)}.ds-token-counter__fill--error{background-color:var(--data-1-fg)}.ds-token-counter__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);display:flex;gap:var(--space-2)}.ds-token-counter__label--normal{color:var(--color-fg-secondary)}.ds-token-counter__label--warning{color:var(--data-2-fg)}.ds-token-counter__label--error{color:var(--data-1-fg)}.ds-confidence-bar{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-confidence-bar--block{display:flex}.ds-confidence-bar__segments{display:flex;gap:2px;align-items:center}.ds-confidence-bar__seg{border-radius:var(--radius-full);flex-shrink:0;opacity:.2}.ds-confidence-bar__seg--filled{opacity:1}.ds-confidence-bar--xs .ds-confidence-bar__seg{width:8px;height:3px}.ds-confidence-bar--s .ds-confidence-bar__seg{width:10px;height:4px}.ds-confidence-bar--low .ds-confidence-bar__seg{background-color:var(--data-1-fg)}.ds-confidence-bar--medium .ds-confidence-bar__seg{background-color:var(--data-2-fg)}.ds-confidence-bar--high .ds-confidence-bar__seg{background-color:var(--data-4-fg)}.ds-confidence-bar__label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);white-space:nowrap}.ds-diff-view{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);border-radius:var(--radius-3);border:1px solid var(--color-border-default);overflow:hidden}.ds-diff-view__title{padding:var(--space-2) var(--space-3);font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:600;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-1)}.ds-diff-view__body{overflow-x:auto;overflow-y:auto}.ds-diff-view__line{display:flex;align-items:stretch;min-width:0}.ds-diff-view__line--add{background-color:var(--data-4-bg)}.ds-diff-view__line--remove{background-color:var(--data-1-bg)}.ds-diff-view__line--context{background-color:transparent}.ds-diff-view__lineno{flex-shrink:0;width:3.5ch;padding:2px var(--space-2);text-align:right;color:var(--color-fg-secondary);opacity:.5;border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none}.ds-diff-view__prefix{flex-shrink:0;width:1.5ch;padding:2px 0 2px var(--space-2);-webkit-user-select:none;user-select:none}.ds-diff-view__line--add .ds-diff-view__prefix{color:var(--data-4-fg)}.ds-diff-view__line--remove .ds-diff-view__prefix{color:var(--data-1-fg)}.ds-diff-view__line--context .ds-diff-view__prefix{color:var(--color-fg-secondary);opacity:.4}.ds-diff-view__text{flex:1;padding:2px var(--space-2) 2px var(--space-1);white-space:pre;min-width:0;color:var(--color-fg-primary)}.ds-diff-view--wrap .ds-diff-view__text{white-space:pre-wrap;word-break:break-all}.ds-diff-view__line--context .ds-diff-view__text{color:var(--color-fg-secondary)}.ds-diff-view--split .ds-diff-view__body{display:flex}.ds-diff-view__split-col{flex:1;min-width:0;overflow-x:auto}.ds-diff-view__split-col+.ds-diff-view__split-col{border-left:1px solid var(--color-border-default)}.ds-tool-bubble{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:6px var(--space-3, 12px);border-radius:var(--radius-3);background:var(--color-surface-1);color:var(--color-fg-secondary);max-width:90%}.ds-tool-bubble__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-fg-secondary);opacity:.7}.ds-tool-bubble__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);font-weight:500;color:var(--color-fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-message-feedback{display:inline-flex;gap:var(--space-2, 8px)}.ds-message-feedback__btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:var(--radius-3);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.ds-message-feedback__btn:hover{color:var(--color-fg-primary);background:var(--color-state-hover)}.ds-message-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-message-feedback__btn--liked{color:var(--color-accent-default);cursor:default;pointer-events:none}.ds-message-feedback__btn--disliked{color:var(--color-status-error);cursor:default;pointer-events:none}.ds-message-feedback.ds-message-feedback--voted{opacity:1}.ds-message-footer{display:inline-flex;align-items:center;gap:var(--space-2, 8px);opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-footer,.ds-chat-message--user:hover .ds-message-footer,.ds-message-footer:focus-within{opacity:1}.ds-message-footer:has(.ds-message-feedback--voted){opacity:1}@media (hover: none){.ds-message-footer{opacity:1}}.ds-message-footer__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap}
1
+ @layer base{:root{--color-white: #F8F9FA;--color-black: #0E0F11;--color-red-light: #EE7A7A;--color-red: #EA6464;--color-red-dark: #E15252;--data-red: #EA6464;--data-orange: #F59E42;--data-yellow: #FFCD1B;--data-teal: #34D399;--data-blue: #60A5FA;--data-violet: #A78BFA;--data-pink: #F472B6;--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-state-focus: rgba(248, 249, 250, .3);--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);--data-1-fg: var(--data-red);--data-1-bg: rgba(234, 100, 100, .15);--data-1-border: rgba(234, 100, 100, .35);--data-2-fg: var(--data-orange);--data-2-bg: rgba(245, 158, 66, .15);--data-2-border: rgba(245, 158, 66, .35);--data-3-fg: var(--data-yellow);--data-3-bg: rgba(255, 205, 27, .15);--data-3-border: rgba(255, 205, 27, .35);--data-4-fg: var(--data-teal);--data-4-bg: rgba( 52, 211, 153, .15);--data-4-border: rgba( 52, 211, 153, .35);--data-5-fg: var(--data-blue);--data-5-bg: rgba( 96, 165, 250, .15);--data-5-border: rgba( 96, 165, 250, .35);--data-6-fg: var(--data-violet);--data-6-bg: rgba(167, 139, 250, .15);--data-6-border: rgba(167, 139, 250, .35);--data-7-fg: var(--data-pink);--data-7-bg: rgba(244, 114, 182, .15);--data-7-border: rgba(244, 114, 182, .35);--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-2-5: 36px;--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;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, .2, 1);--easing-accelerate: cubic-bezier(.3, 0, 1, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-duration-instant: .1s;--motion-duration-quick: .2s;--motion-duration-moderate: .3s;--motion-duration-slow: .5s;--motion-hover: var(--motion-duration-quick) var(--easing-standard);--motion-enter: var(--motion-duration-moderate) var(--easing-decelerate);--motion-exit: var(--motion-duration-quick) var(--easing-accelerate);--motion-emphasis: var(--motion-duration-slow) var(--easing-emphasized);--transition-fast: var(--motion-duration-instant) var(--easing-standard);--transition-normal: var(--motion-duration-quick) var(--easing-standard);--transition-slow: var(--motion-duration-moderate) var(--easing-standard);--state-disabled-opacity: .4;--focus-ring-color: var(--color-state-focus);--focus-ring-offset: 2px;--focus-ring-width: 2px;--focus-ring: 0 0 0 var(--focus-ring-offset) var(--color-surface-0), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--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-xs: 11px;--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-density=compact]{--height-1: 20px;--height-2: 28px;--height-2-5: 32px;--height-3: 36px;--height-4: 44px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--text-md: 13px;--text-sm: 11px}@media (max-width: 767px){[data-density=compact]{--height-1: 24px;--height-2: 32px;--height-2-5: 36px;--height-3: 44px;--height-4: 56px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-md: 14px;--text-sm: 12px}}[data-corners=sharp]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0}[data-typography=editorial]{--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);--badge-font-size-xs: 10px;--badge-tracking: 0;--badge-text-transform: none}[data-density=airy]{--card-hover-transform: translateY(-3px)}[data-variant=edgy]{--radius-1: 0;--radius-2: 0;--radius-3: 0;--radius-4: 0;--radius-6: 0;--radius-8: 0;--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);--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);--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-font-size-xs: 10px;--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)}@supports (background: color-mix(in srgb,red,blue)){:root{--color-state-hover: color-mix(in srgb, currentColor 7%, transparent);--color-state-active: color-mix(in srgb, currentColor 12%, transparent);--color-state-selected: color-mix(in srgb, currentColor 10%, transparent)}}@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(--motion-emphasis),color var(--motion-emphasis)}*{box-sizing:border-box}::selection{background-color:var(--color-state-selected);color:var(--color-fg-primary)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-instant: .01ms;--motion-duration-quick: .01ms;--motion-duration-moderate: .01ms;--motion-duration-slow: .01ms}}}.ds-spinner{display:inline-block;border-radius:var(--radius-full, 9999px);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, 8px);font-size:var(--text-lg, 16px);font-weight:var(--btn-font-weight);font-family:var(--font-ui, inherit);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1;border:none;cursor:pointer;transition:background-color var(--motion-hover, .2s ease),border-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease);white-space:nowrap;text-decoration:none;position:relative;isolation:isolate}.ds-button:disabled,.ds-button[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-button--primary:disabled,.ds-button--primary[aria-disabled=true]{background-color:transparent;color:var(--btn-secondary-color);border:1px solid var(--btn-secondary-border)}.ds-button__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-button__icon>svg{width:var(--_btn-icon-sz, 20px);height:var(--_btn-icon-sz, 20px);stroke-width:1.5px}.ds-button--xs{--_btn-icon-sz: var(--btn-icon-size-xs, 14px)}.ds-button--s{--_btn-icon-sz: var(--btn-icon-size-s, 16px)}.ds-button--m{--_btn-icon-sz: var(--btn-icon-size-m, 20px)}.ds-button--l{--_btn-icon-sz: var(--btn-icon-size-l, 24px)}.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(--motion-hover, .2s ease)}.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, 24px);padding:0 calc(var(--height-1, 24px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-xs, 12px);border-radius:var(--radius-2, 4px)}.ds-button--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-2, 4px)}.ds-button--sm{height:var(--height-2-5, 36px);padding:0 calc(var(--height-2-5, 36px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-s, 14px);border-radius:var(--radius-3, 6px)}.ds-button--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-m, 16px);border-radius:var(--radius-3, 6px)}.ds-button--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) * var(--btn-padding-ratio, .5));font-size:var(--btn-font-size-l, 16px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.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)}.ds-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-input-wrapper--full{width:100%}.ds-input-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-input-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, .2s ease);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:focus-visible{box-shadow:var(--focus-ring)}.ds-input:disabled{cursor:not-allowed}.ds-input--error{border-color:var(--color-error)}.ds-input--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-input--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-input--sm{height:var(--height-2-5, 36px);padding:0 10px;font-size:var(--text-md, 14px);border-radius:var(--radius-3, 6px)}.ds-input--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-input--with-icon.ds-input--xs{padding-left:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon.ds-input--s{padding-left:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon.ds-input--sm{padding-left:40px}.ds-input--with-icon.ds-input--m{padding-left:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 4)}.ds-input--with-icon-right.ds-input--xs{padding-right:calc(var(--height-1, 24px) / 4 + 16px + var(--height-1, 24px) / 4)}.ds-input--with-icon-right.ds-input--s{padding-right:calc(var(--height-2, 32px) / 4 + 20px + var(--height-2, 32px) / 4)}.ds-input--with-icon-right.ds-input--sm{padding-right:40px}.ds-input--with-icon-right.ds-input--m{padding-right:calc(var(--height-3, 44px) / 4 + 24px + var(--height-3, 44px) / 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, .2s ease);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, 14px);color:var(--color-fg-secondary)}.ds-input-error-wrap{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--transition-fast, .1s ease)}.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, 4px);font-size:var(--text-md, 14px);color:var(--color-error)}.ds-textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-textarea-wrapper--full{width:100%}.ds-textarea-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-textarea-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, .2s ease);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-visible{box-shadow:var(--focus-ring)}.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, 8px);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-textarea--s{padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-textarea--m{padding:var(--space-3, 12px);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-textarea-hint{font-size:var(--text-md, 14px);color:var(--color-fg-secondary)}.ds-textarea-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-select-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-select-wrapper--full{width:100%}.ds-select-wrapper--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-select-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, 12px);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, .2s ease);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:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-select-trigger:disabled{cursor:not-allowed}.ds-select-trigger--error{border-color:var(--color-error)}.ds-select-trigger--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 4);font-size:var(--text-sm, 12px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px)}.ds-select-trigger--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px);border-radius:var(--radius-3, 6px)}.ds-select-placeholder{color:var(--color-fg-secondary)}.ds-select-icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.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(--motion-enter, .3s ease)}.ds-select-dropdown--down.ds-select-dropdown--closing{animation:ds-select-out-down var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--up{animation:ds-select-in-up var(--motion-enter, .3s ease)}.ds-select-dropdown--up.ds-select-dropdown--closing{animation:ds-select-out-up var(--motion-exit, .2s ease) forwards}.ds-select-dropdown--s{border-radius:var(--radius-2, 4px)}.ds-select-dropdown--m{border-radius:var(--radius-3, 6px)}.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, .2s ease)}.ds-select-option--s{min-height:var(--height-2, 32px);padding:var(--space-2, 8px) calc(var(--height-2, 32px) / 4);font-size:var(--text-md, 14px)}.ds-select-option--m{min-height:var(--height-3, 44px);padding:var(--space-2, 8px) calc(var(--height-3, 44px) / 4);font-size:var(--text-lg, 16px)}.ds-select-option:hover:before{background-color:var(--color-state-hover)}.ds-select-option--selected:before{background-color:var(--color-state-selected)}.ds-select-option--active:before{background-color:var(--color-state-hover)}.ds-select-error{font-size:var(--text-md, 14px);color:var(--color-error)}.ds-stepper-wrapper{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.ds-stepper-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);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, 4px);transition:border-color var(--transition-normal, .2s ease)}.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, .1s ease);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, .1s ease)}.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:focus-visible{outline:none;box-shadow:var(--focus-ring);z-index:1}.ds-stepper-button:disabled{opacity:.5;cursor:not-allowed}.ds-stepper-button--minus{border-radius:var(--radius-2, 4px) 0 0 var(--radius-2, 4px);border-right:1px solid var(--field-border)}.ds-stepper-button--plus{border-radius:0 var(--radius-2, 4px) var(--radius-2, 4px) 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, 16px);letter-spacing:var(--tracking-lg);outline:none;cursor:text}.ds-stepper-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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, 24px)}.ds-stepper--xs .ds-stepper-button{width:var(--height-1, 24px);padding:0}.ds-stepper--xs .ds-stepper-input{font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);padding:0 var(--space-2, 8px)}.ds-stepper--s{height:var(--height-2, 32px)}.ds-stepper--s .ds-stepper-button{width:var(--height-2, 32px);padding:0}.ds-stepper--s .ds-stepper-input{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);padding:0 var(--space-2, 8px)}.ds-stepper--m{height:var(--height-3, 44px)}.ds-stepper--m .ds-stepper-button{width:var(--height-3, 44px);padding:0}.ds-stepper--m .ds-stepper-input{font-size:var(--text-lg, 16px);letter-spacing:var(--tracking-lg);padding:0 var(--space-3, 12px)}.ds-stepper-hint{font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md);color:var(--color-fg-secondary)}.ds-stepper-error{font-size:var(--text-md, 14px);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}.ds-card{display:flex;flex-direction:column;min-width:0;background-color:transparent;border-radius:var(--radius-3, 6px);border:1px solid var(--card-border);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease);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, .2s ease)}.ds-card--interactive:hover:not([aria-disabled=true]){transform:var(--card-hover-transform, none)}.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(--motion-hover, .2s ease),transform var(--motion-hover, .2s ease)}.ds-card--outline:hover:not([aria-disabled=true]){border-color:var(--color-border-strong);transform:var(--card-hover-transform, none)}.ds-card--interactive:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-card[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-card--none{padding:0;gap:0}.ds-card--s{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-card--m{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-card--l{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}.ds-h1{font-size:var(--text-4xl, 32px);font-weight:var(--font-weight-regular, 400);line-height:1.2;color:var(--color-fg-primary);letter-spacing:var(--tracking-4xl);margin:0}.ds-h2{font-size:var(--text-3xl, 24px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-3xl);margin:0}.ds-h3{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-regular, 400);line-height:1.3;color:var(--color-fg-primary);letter-spacing:var(--tracking-2xl);margin:0}.ds-h4{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-regular, 400);line-height:1.4;color:var(--color-fg-primary);letter-spacing:var(--tracking-xl);margin:0}.ds-p1{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-regular, 400);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, 14px);font-weight:var(--font-weight-regular, 400);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, 12px);font-weight:var(--font-weight-regular, 400);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, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--badge-tracking);text-transform:var(--badge-text-transform);white-space:nowrap}.ds-badge--xs{padding:1px var(--space-1, 4px);font-size:var(--badge-font-size-xs);letter-spacing:var(--tracking-sm);border-radius:var(--radius-1, 2px)}.ds-badge--s{padding:2px var(--space-2, 8px);font-size:var(--badge-font-size-s);border-radius:var(--radius-2, 4px)}.ds-badge--m{padding:3px var(--space-3, 12px);font-size:var(--badge-font-size-m);border-radius:var(--radius-3, 6px)}.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)}.ds-badge--data-1{background-color:var(--data-1-bg);color:var(--data-1-fg)}.ds-badge--data-2{background-color:var(--data-2-bg);color:var(--data-2-fg)}.ds-badge--data-3{background-color:var(--data-3-bg);color:var(--data-3-fg)}.ds-badge--data-4{background-color:var(--data-4-bg);color:var(--data-4-fg)}.ds-badge--data-5{background-color:var(--data-5-bg);color:var(--data-5-fg)}.ds-badge--data-6{background-color:var(--data-6-bg);color:var(--data-6-fg)}.ds-badge--data-7{background-color:var(--data-7-bg);color:var(--data-7-fg)}[data-variant=edgy] .ds-badge{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}.ds-alert{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px)}.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, 16px);font-weight:var(--font-weight-regular, 400);margin-bottom:var(--space-2, 8px)}.ds-alert__message{font-size:var(--text-md, 14px);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, .2s ease)}.ds-alert__close:hover{opacity:1}.ds-alert__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.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)}@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, 16px);overflow-y:auto;animation:ds-modal-backdrop-in var(--motion-enter, .3s ease)}.ds-modal{background-color:var(--color-surface-1);border-radius:var(--radius-4, 8px);box-shadow:var(--shadow-2);display:flex;flex-direction:column;margin:auto 0;animation:ds-modal-content-in var(--motion-enter, .3s ease) .05s both}.ds-modal-overlay--closing{animation:ds-modal-backdrop-out var(--motion-exit, .2s ease) forwards}.ds-modal-overlay--closing .ds-modal{animation:ds-modal-content-out var(--motion-exit, .2s ease) forwards}.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, 24px)}.ds-modal__title{font-size:var(--text-2xl, 20px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-modal__body{padding:0 var(--space-6, 24px) var(--space-6, 24px);flex:1}.ds-modal__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-6, 24px) var(--space-6, 24px);background-color:var(--color-surface-1);position:relative;z-index:10;border-bottom-left-radius:var(--space-3, 12px);border-bottom-right-radius:var(--space-3, 12px)}.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, 6px);color:var(--color-fg-primary);font-size:var(--text-lg, 16px);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, .2s ease)}.ds-code-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-code-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-code-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-code-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-code-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.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, .2s ease)}.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, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-code-accordion--expanded .ds-code-accordion__inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .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, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);border-radius:0 0 var(--radius-3, 6px) var(--radius-3, 6px);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, 8px)}.ds-code-accordion--m .ds-code-accordion__header,.ds-code-accordion--m .ds-code-accordion__pre{padding:var(--space-3, 12px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-4, 16px)}.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, 14px)}.ds-code-accordion--l .ds-code-accordion__header,.ds-code-accordion--l .ds-code-accordion__pre{padding:var(--space-3, 12px)}}@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, 6px);white-space:nowrap}.ds-code-block{font-family:Fira Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-md, 14px);background-color:var(--color-surface-2);color:var(--color-fg-primary);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);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}.ds-link{color:var(--color-accent-default);text-decoration:none;cursor:pointer;transition:color var(--transition-fast, .1s ease),text-decoration var(--transition-fast, .1s ease);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-link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}.ds-tabs{display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);font-family:var(--font-ui, inherit);font-weight:var(--ui-font-weight, 500);letter-spacing:var(--tab-tracking);text-transform:var(--ui-text-transform, none);line-height:1;cursor:pointer;background-color:transparent;color:var(--color-fg-primary);transition:border-color var(--motion-hover, .2s ease),background-color var(--motion-hover, .2s ease);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(--motion-hover, .2s ease)}.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,.ds-tab--sm{--_tab-icon-sz: var(--tab-icon-size-s, 14px)}.ds-tab--m{--_tab-icon-sz: var(--tab-icon-size-m, 16px)}.ds-tab--l{--_tab-icon-sz: var(--tab-icon-size-l, 20px)}.ds-tab--xs{height:var(--height-1, 24px);padding:0 calc(var(--height-1, 24px) / 2);font-size:var(--tab-font-size-xs);border-radius:var(--radius-2, 4px)}.ds-tab--s{height:var(--height-2, 32px);padding:0 calc(var(--height-2, 32px) / 2);font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-2, 4px)}.ds-tab--sm{height:var(--height-2-5, 36px);padding:0 14px;font-size:var(--tab-font-size-s, 13px);border-radius:var(--radius-3, 6px)}.ds-tab--m{height:var(--height-3, 44px);padding:0 calc(var(--height-3, 44px) / 2);font-size:var(--tab-font-size-m, 14px);border-radius:var(--radius-3, 6px)}.ds-tab--l{height:var(--height-4, 56px);padding:0 calc(var(--height-4, 56px) / 2);font-size:var(--tab-font-size-l, 15px);border-radius:var(--radius-3, 6px);gap:var(--space-3, 12px)}.ds-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-tab:disabled,.ds-tab[aria-disabled=true]{opacity:var(--state-disabled-opacity, .4);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, 16px);height:var(--_tab-icon-sz, 16px);stroke-width:1.5px}.ds-tab--icon-only{aspect-ratio:1;padding-left:0;padding-right:0}.ds-seg{display:inline-flex;position:relative;padding:3px;border:1px solid var(--color-border-default);border-radius:var(--radius-3, 6px);background:var(--color-surface-1)}.ds-seg--disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed;pointer-events:none}.ds-seg__pill{position:absolute;top:3px;bottom:3px;background:var(--color-state-hover);border-radius:calc(var(--radius-3, 6px) - 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, 4px);background:transparent;border:none;cursor:pointer;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);color:var(--color-fg-secondary);border-radius:calc(var(--radius-3, 6px) - 2px);white-space:nowrap;transition:color var(--motion-hover, .2s ease)}.ds-seg__btn:hover:not(:disabled){color:var(--color-fg-primary)}.ds-seg__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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, 24px);padding:0 var(--space-2, 8px);font-size:var(--text-sm, 12px)}.ds-seg--m .ds-seg__btn{height:var(--height-2, 32px);padding:0 var(--space-3, 12px)}.ds-seg--sm .ds-seg__btn{height:var(--height-2-5, 36px);padding:0 var(--space-3, 12px)}.ds-seg--l .ds-seg__btn{height:var(--height-3, 44px);padding:0 var(--space-4, 16px);font-size:var(--text-lg, 16px)}@media (prefers-reduced-motion: reduce){.ds-seg__pill{transition:none}}.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, 6px);color:var(--color-fg-primary);font-size:var(--text-xl, 18px);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, .2s ease)}.ds-accordion__header[aria-expanded=true]{border-radius:var(--radius-3, 6px) var(--radius-3, 6px) 0 0}.ds-accordion__header:hover:before{background-color:var(--color-state-hover)}.ds-accordion__header:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-accordion__title{font-weight:var(--font-weight-regular, 400)}.ds-accordion__icon{flex-shrink:0;color:var(--color-fg-secondary);transition:transform var(--transition-normal, .2s ease)}.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, .2s ease)}.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, .2s ease) .05s,visibility 0s var(--transition-normal, .2s ease)}.ds-accordion--expanded .ds-accordion__content-inner{opacity:1;visibility:visible;transition:opacity var(--transition-normal, .2s ease) .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, 6px) var(--radius-3, 6px)}.ds-accordion--s .ds-accordion__header{padding:var(--space-3, 12px)}.ds-accordion--s .ds-accordion__content-body{padding:var(--space-3, 12px);gap:var(--space-2, 8px)}.ds-accordion--m .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--m .ds-accordion__content-body{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-6, 24px)}.ds-accordion--l .ds-accordion__content-body{padding:var(--space-6, 24px);gap:var(--space-4, 16px)}@media (max-width: 640px){.ds-accordion__header{font-size:var(--text-lg, 16px)}.ds-accordion--l .ds-accordion__header{padding:var(--space-4, 16px)}.ds-accordion--l .ds-accordion__content-inner{padding:var(--space-4, 16px);gap:var(--space-3, 12px)}}.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, 12px);letter-spacing:var(--tracking-sm);width:max-content;max-width:200px;padding:var(--space-2, 8px);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1);z-index:var(--z-tooltip);border-radius:var(--radius-2, 4px);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}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-toggle--disabled{opacity:var(--state-disabled-opacity, .4);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, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0}.ds-toggle__input:focus-visible+.ds-toggle__track{box-shadow:var(--focus-ring)}.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, .2s ease);box-shadow:0 1px 3px #0003}.ds-toggle__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-toggle--xs .ds-toggle__track{width:calc(var(--icon-1, 16px) * 1.75);height:var(--icon-1, 16px);border-radius:calc(var(--icon-1, 16px) / 2);padding:2px}.ds-toggle--xs .ds-toggle__thumb{width:calc(var(--icon-1, 16px) - 4px);height:calc(var(--icon-1, 16px) - 4px)}.ds-toggle--xs .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-1, 16px) * .75))}.ds-toggle--xs .ds-toggle__label{font-size:var(--text-sm, 12px)}.ds-toggle--s .ds-toggle__track{width:calc(var(--icon-2, 20px) * 1.75);height:var(--icon-2, 20px);border-radius:calc(var(--icon-2, 20px) / 2);padding:2px}.ds-toggle--s .ds-toggle__thumb{width:calc(var(--icon-2, 20px) - 4px);height:calc(var(--icon-2, 20px) - 4px)}.ds-toggle--s .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-2, 20px) * .75))}.ds-toggle--s .ds-toggle__label{font-size:var(--text-md, 14px)}.ds-toggle--m .ds-toggle__track{width:calc(var(--icon-3, 24px) * 1.75);height:var(--icon-3, 24px);border-radius:calc(var(--icon-3, 24px) / 2);padding:2px}.ds-toggle--m .ds-toggle__thumb{width:calc(var(--icon-3, 24px) - 4px);height:calc(var(--icon-3, 24px) - 4px)}.ds-toggle--m .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-3, 24px) * .75))}.ds-toggle--m .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-toggle--l .ds-toggle__track{width:calc(var(--icon-4, 28px) * 1.75);height:var(--icon-4, 28px);border-radius:calc(var(--icon-4, 28px) / 2);padding:3px}.ds-toggle--l .ds-toggle__thumb{width:calc(var(--icon-4, 28px) - 6px);height:calc(var(--icon-4, 28px) - 6px)}.ds-toggle--l .ds-toggle__input:checked+.ds-toggle__track .ds-toggle__thumb{transform:translate(calc(var(--icon-4, 28px) * .75))}.ds-toggle--l .ds-toggle__label{font-size:var(--text-lg, 16px)}.ds-checkbox{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-checkbox--disabled{opacity:var(--state-disabled-opacity, .4);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, .2s ease),border-color var(--transition-normal, .2s ease);flex-shrink:0;border-radius:4px}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:var(--focus-ring)}.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, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-checkbox--xs .ds-checkbox__box{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-checkbox--xs .ds-checkbox__label{font-size:var(--text-sm, 12px)}.ds-checkbox--s .ds-checkbox__box{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-checkbox--s .ds-checkbox__label{font-size:var(--text-md, 14px)}.ds-checkbox--m .ds-checkbox__box{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-checkbox--m .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-checkbox--l .ds-checkbox__box{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-checkbox--l .ds-checkbox__label{font-size:var(--text-lg, 16px)}.ds-radio{display:inline-flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer}.ds-radio--disabled{opacity:var(--state-disabled-opacity, .4);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, .2s ease),border-color var(--transition-normal, .2s ease);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:focus-visible+.ds-radio__circle{box-shadow:var(--focus-ring)}.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, .2s ease)}.ds-radio__input:checked+.ds-radio__circle .ds-radio__dot{opacity:1}.ds-radio__label{font-size:var(--text-lg, 16px);color:var(--color-fg-primary);-webkit-user-select:none;user-select:none}.ds-radio--xs .ds-radio__circle{width:var(--icon-1, 16px);height:var(--icon-1, 16px)}.ds-radio--xs .ds-radio__dot{width:6px;height:6px}.ds-radio--xs .ds-radio__label{font-size:var(--text-sm, 12px)}.ds-radio--s .ds-radio__circle{width:var(--icon-2, 20px);height:var(--icon-2, 20px)}.ds-radio--s .ds-radio__dot{width:8px;height:8px}.ds-radio--s .ds-radio__label{font-size:var(--text-md, 14px)}.ds-radio--m .ds-radio__circle{width:var(--icon-3, 24px);height:var(--icon-3, 24px)}.ds-radio--m .ds-radio__dot{width:10px;height:10px}.ds-radio--m .ds-radio__label{font-size:var(--text-lg, 16px)}.ds-radio--l .ds-radio__circle{width:var(--icon-4, 28px);height:var(--icon-4, 28px)}.ds-radio--l .ds-radio__dot{width:12px;height:12px}.ds-radio--l .ds-radio__label{font-size:var(--text-lg, 16px)}.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, 4px)}.ds-skeleton--circle{border-radius:var(--radius-full, 9999px)}.ds-skeleton--text{height:1em;border-radius:var(--radius-2, 4px)}.ds-skeleton--pill{border-radius:var(--radius-full, 9999px)}.ds-skeleton-text{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.ds-avatar__initials{font-size:.4em;font-weight:var(--font-weight-medium, 500);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, 9999px);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, 6px);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, 9999px)}.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-th--sortable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.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, 8px) var(--space-3, 12px);font-size:var(--text-sm, 12px);letter-spacing:var(--tracking-sm);line-height:1.4}.ds-table--default th,.ds-table--default td{padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-md, 14px);letter-spacing:var(--tracking-md)}.ds-table-row--interactive{cursor:pointer;transition:background-color var(--transition-fast, .1s ease)}.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--interactive:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:-2px}.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, 4px)}.ds-th__sort-icon{flex-shrink:0;opacity:.35;transition:opacity var(--transition-fast, .1s ease)}.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}@keyframes ds-row-exit{to{opacity:0;transform:translateY(-3px)}}@keyframes ds-row-flash{0%{background-color:var(--color-accent-bg)}to{background-color:transparent}}.ds-table-row{transition:background-color .1s ease;transition:opacity .18s ease,transform .18s ease,background-color .1s ease}@starting-style{.ds-table-row{opacity:0;transform:translateY(-3px)}}.ds-table-row--exiting{animation:ds-row-exit .18s ease forwards;pointer-events:none}.ds-table-row--updated{animation:ds-row-flash .6s ease}@media (prefers-reduced-motion: reduce){.ds-table-row,.ds-table-row--exiting,.ds-table-row--updated{animation:none;transition:none}}.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, 24px);height:var(--icon-3, 24px)}.ds-empty-state--m .ds-empty-state__icon svg,.ds-empty-state--l .ds-empty-state__icon svg{width:var(--icon-5, 48px);height:var(--icon-5, 48px)}.ds-empty-state__title{font-size:var(--text-lg, 16px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);line-height:1.4}.ds-empty-state__description{font-size:var(--text-md, 14px);color:var(--color-fg-secondary);line-height:1.5;max-width:360px}.ds-empty-state--s{padding:var(--space-6, 24px);gap:var(--space-2, 8px)}.ds-empty-state--s .ds-empty-state__title{font-size:var(--text-md, 14px)}.ds-empty-state--s .ds-empty-state__description{font-size:var(--text-sm, 12px)}.ds-empty-state--m{padding:var(--space-10, 40px);gap:var(--space-3, 12px)}.ds-empty-state--l{padding:var(--space-16, 64px);gap:var(--space-4, 16px)}.ds-empty-state--l .ds-empty-state__title{font-size:var(--text-xl, 18px)}.ds-empty-state__action{margin-top:var(--space-1, 4px)}.ds-field{display:flex;flex-direction:column}.ds-field[data-disabled]{opacity:var(--state-disabled-opacity, .4);pointer-events:none;cursor:not-allowed}.ds-field-label{font-family:var(--font-ui, inherit);font-size:var(--label-font-size);font-weight:var(--font-weight-regular, 400);letter-spacing:var(--label-tracking);text-transform:var(--label-text-transform);color:var(--label-color);margin-bottom:var(--space-1, 4px)}.ds-field[data-required] .ds-field-label:after{content:" *";color:var(--color-error)}.ds-field-hint,.ds-field-error{font-size:var(--text-md, 14px);line-height:1.5;margin-top:var(--space-2, 8px)}.ds-field-hint{color:var(--color-fg-secondary)}.ds-field-error{color:var(--color-error)}[data-state=error] .ds-field-control .ds-input,[data-state=error] .ds-field-control .ds-textarea,[data-state=error] .ds-field-control .ds-select-trigger{border-color:var(--color-error)}[data-density=compact] .ds-field-hint,[data-density=compact] .ds-field-error{font-size:var(--text-sm, 12px);margin-top:var(--space-1, 4px)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-stat--inline{flex-direction:row;align-items:baseline;gap:var(--space-3, 12px)}.ds-stat--xs .ds-stat-label{font-size:11px}.ds-stat--xs .ds-stat-value{font-size:20px}.ds-stat--s .ds-stat-label{font-size:var(--text-sm, 12px)}.ds-stat--s .ds-stat-value{font-size:24px}.ds-stat--m .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--m .ds-stat-value{font-size:32px}.ds-stat--l .ds-stat-label{font-size:var(--text-md, 14px)}.ds-stat--l .ds-stat-value{font-size:40px}.ds-stat-label{font-family:var(--font-ui, inherit);color:var(--color-fg-secondary);letter-spacing:var(--ui-tracking, 0);text-transform:var(--ui-text-transform, none);line-height:1.2}.ds-stat-value{font-weight:var(--font-weight-semibold, 600);color:var(--color-fg-primary);line-height:1.1;font-variant-numeric:tabular-nums}.ds-stat-delta{font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.2}.ds-stat-delta--up{color:var(--color-status-success)}.ds-stat-delta--down{color:var(--color-status-error)}.ds-stat-delta--neutral{color:var(--color-fg-secondary)}[data-density=compact] .ds-stat--m .ds-stat-value{font-size:24px}[data-density=compact] .ds-stat--l .ds-stat-value{font-size:32px}.ds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-breadcrumb-item{display:flex;align-items:center}.ds-breadcrumb-sep{padding:0 var(--space-2, 8px);color:var(--color-fg-disabled);-webkit-user-select:none;user-select:none}.ds-breadcrumb-list a{color:var(--color-fg-secondary);text-decoration:none;border-radius:var(--radius-1, 2px);transition:color var(--motion-hover, .2s ease)}.ds-breadcrumb-list a:hover{color:var(--color-fg-primary)}.ds-breadcrumb-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-breadcrumb-list [aria-current=page]{color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500)}[data-density=compact] .ds-breadcrumb-list{font-size:var(--text-sm, 12px)}.ds-pagination{display:flex;align-items:center;gap:var(--space-1, 4px);font-family:var(--font-ui, inherit)}.ds-pagination-page,.ds-pagination-arrow{display:flex;align-items:center;justify-content:center;height:var(--height-2, 32px);min-width:var(--height-2, 32px);padding:0 var(--space-2, 8px);border:none;background:none;color:var(--color-fg-secondary);font-family:inherit;font-size:var(--text-md, 14px);border-radius:var(--radius-2, 4px);cursor:pointer;transition:background-color var(--motion-hover, .2s ease),color var(--motion-hover, .2s ease)}.ds-pagination-page:hover:not(:disabled),.ds-pagination-arrow:hover:not(:disabled){background-color:var(--color-state-hover);color:var(--color-fg-primary)}.ds-pagination-page:focus-visible,.ds-pagination-arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-pagination-page:disabled,.ds-pagination-arrow:disabled{opacity:var(--state-disabled-opacity, .4);cursor:not-allowed}.ds-pagination-page--current{background-color:var(--color-state-selected);color:var(--color-fg-primary);font-weight:var(--font-weight-medium, 500);cursor:default}.ds-pagination-page--current:hover{background-color:var(--color-state-selected)}.ds-pagination-gap{display:flex;align-items:center;justify-content:center;min-width:var(--height-2, 32px);color:var(--color-fg-disabled);font-size:var(--text-md, 14px);-webkit-user-select:none;user-select:none}[data-density=compact] .ds-pagination-page,[data-density=compact] .ds-pagination-arrow{font-size:var(--text-sm, 12px)}@keyframes ds-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ds-drawer-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes ds-drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ds-drawer-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes ds-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ds-drawer-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ds-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);z-index:var(--z-drawer);animation:ds-drawer-overlay-in var(--motion-enter, .3s ease)}.ds-drawer-overlay--closing{animation:ds-drawer-overlay-out var(--motion-exit, .2s ease) forwards}.ds-drawer{position:fixed;top:0;bottom:0;width:var(--ds-drawer-width, 360px);max-width:100vw;background-color:var(--color-surface-1);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden}.ds-drawer[data-side=right]{right:0;border-radius:var(--radius-4, 8px) 0 0 var(--radius-4, 8px);animation:ds-drawer-in-right var(--motion-enter, .3s ease)}.ds-drawer[data-side=left]{left:0;border-radius:0 var(--radius-4, 8px) var(--radius-4, 8px) 0;animation:ds-drawer-in-left var(--motion-enter, .3s ease)}.ds-drawer--closing[data-side=right]{animation:ds-drawer-out-right var(--motion-exit, .2s ease) forwards}.ds-drawer--closing[data-side=left]{animation:ds-drawer-out-left var(--motion-exit, .2s ease) forwards}.ds-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5, 20px) var(--space-6, 24px);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.ds-drawer-title{font-size:var(--text-xl, 18px);font-weight:var(--font-weight-medium, 500);color:var(--color-fg-primary);margin:0}.ds-drawer-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-fg-secondary);padding:var(--space-1, 4px);border-radius:var(--radius-2, 4px);transition:color var(--motion-hover, .2s ease)}.ds-drawer-close:hover{color:var(--color-fg-primary)}.ds-drawer-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-drawer-body{flex:1;overflow-y:auto;padding:var(--space-6, 24px)}.ds-drawer-footer{padding:var(--space-4, 16px) var(--space-6, 24px);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-3, 12px);flex-shrink:0}@media (max-width: 639px){.ds-drawer{width:100vw!important;border-radius:0!important}}.ds-banner{display:flex;align-items:center;gap:var(--space-3, 12px);min-height:var(--height-3, 44px);padding:0 var(--space-5, 20px);width:100%;font-family:var(--font-ui, inherit);font-size:var(--text-md, 14px)}.ds-banner-icon{display:flex;align-items:center;flex-shrink:0}.ds-banner-text{flex:1;color:var(--color-fg-primary);line-height:1.5}.ds-banner-action{background:none;border:1px solid currentColor;border-radius:var(--radius-2, 4px);color:inherit;cursor:pointer;font-family:inherit;font-size:var(--text-sm, 12px);font-weight:var(--font-weight-medium, 500);padding:2px var(--space-3, 12px);white-space:nowrap;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-action:hover{opacity:.8}.ds-banner-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-banner-dismiss{display:flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.7;padding:0;flex-shrink:0;transition:opacity var(--motion-hover, .2s ease)}.ds-banner-dismiss:hover{opacity:1}.ds-banner-dismiss:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-banner--info{background:linear-gradient(var(--color-status-info-bg),var(--color-status-info-bg)),var(--color-surface-1);color:var(--color-status-info)}.ds-banner--success{background:linear-gradient(var(--color-status-success-bg),var(--color-status-success-bg)),var(--color-surface-1);color:var(--color-status-success)}.ds-banner--warning{background:linear-gradient(var(--color-status-warning-bg),var(--color-status-warning-bg)),var(--color-surface-1);color:var(--color-status-warning)}.ds-banner--error{background:linear-gradient(var(--color-status-error-bg),var(--color-status-error-bg)),var(--color-surface-1);color:var(--color-status-error)}.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, 6px);box-shadow:var(--shadow-2);padding:var(--space-2, 8px);animation:ds-dropdown-in var(--motion-enter, .3s ease)}.ds-dropdown__menu--closing{animation:ds-dropdown-out var(--motion-exit, .2s ease) forwards}.ds-dropdown__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;height:var(--height-2, 32px);padding:0 var(--space-3, 12px);background:none;border:none;border-radius:var(--radius-2, 4px);cursor:pointer;font-size:var(--text-md, 14px);font-family:var(--font-ui, inherit);font-weight:var(--font-weight-regular, 400);color:var(--color-fg-secondary);text-align:left;text-decoration:none;transition:background-color var(--transition-normal, .2s ease),color var(--transition-normal, .2s ease)}.ds-dropdown__item:hover:not(:disabled):not([aria-disabled=true]),.ds-dropdown__item:focus-visible{background-color:var(--color-state-hover);color:var(--color-fg-primary);outline:none}.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, 12px);color:var(--color-fg-disabled);padding-left:var(--space-3, 12px)}.ds-dropdown__separator{height:1px;background-color:var(--color-border-light);margin:var(--space-2, 8px) 0}.ds-dropdown__section{padding:var(--space-2, 8px) var(--space-2, 8px) var(--space-2, 8px)}.ds-dropdown__section-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);margin-bottom:var(--space-2, 8px);padding:0 var(--space-1, 4px)}.ds-progress{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.ds-progress__track{flex:1;background-color:var(--color-state-selected);border-radius:var(--radius-full, 9999px);overflow:hidden}.ds-progress__fill{height:100%;border-radius:var(--radius-full, 9999px);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, 4px)}.ds-progress--s .ds-progress__track{height:var(--space-2, 8px)}.ds-progress--m .ds-progress__track{height:var(--space-3, 12px)}.ds-progress--l .ds-progress__track{height:var(--space-6, 24px)}.ds-progress__value{flex-shrink:0;font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);font-family:var(--font-ui, inherit);min-width:2.5ch;text-align:right}@media (prefers-reduced-motion: reduce){.ds-progress__fill{transition:none}}.ds-toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2, 8px);pointer-events:none}.ds-toast-container--bottom-right{bottom:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--bottom-left{bottom:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--top-right{top:var(--space-6, 24px);right:var(--space-6, 24px);align-items:flex-end}.ds-toast-container--top-left{top:var(--space-6, 24px);left:var(--space-6, 24px);align-items:flex-start}.ds-toast-container--bottom-center{bottom:var(--space-6, 24px);left:50%;transform:translate(-50%);align-items:center}.ds-toast{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);border-radius:var(--radius-3, 6px);box-shadow:var(--shadow-3);font-size:var(--text-md, 14px);pointer-events:all;max-width:380px;min-width:240px;opacity:0;transform:translateY(8px);transition:opacity var(--motion-enter, .3s ease),transform var(--motion-enter, .3s 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, .2s ease)}.ds-toast__close:hover{opacity:1}.ds-toast__close:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-2, 4px)}.ds-tool-card{border-radius:var(--radius-3);overflow:hidden}.ds-tool-card .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-tool-card__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.ds-tool-card__icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-tool-card__label{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-tool-card__body{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.ds-streaming-text{white-space:pre-wrap}.ds-cursor{display:inline-block;margin-left:2px;background:currentColor;opacity:.8;vertical-align:text-bottom;animation:ds-cursor-blink 1s steps(2,end) infinite}.ds-cursor--line{width:2px;height:1.1em}.ds-cursor--block{width:.5em;height:1em}@keyframes ds-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-cursor{animation:none;opacity:.6}}.ds-reasoning__title{display:flex;align-items:center;gap:var(--space-2, 8px)}.ds-reasoning__icon{color:var(--color-fg-secondary);flex-shrink:0}.ds-step-indicator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px)}.ds-step-indicator__dots{display:flex;gap:var(--space-2, 8px);align-items:center}.ds-step-indicator__dot{width:18px;height:6px;border-radius:var(--radius-full, 9999px);border:none;padding:0;background:var(--color-border-default);cursor:default;transition:width var(--transition-fast, .15s ease),background-color var(--transition-fast, .15s ease);display:inline-flex;align-items:center;justify-content:center;color:transparent}.ds-step-indicator__dot:not(:disabled){cursor:pointer}.ds-step-indicator__dot:not(:disabled):hover{background:var(--color-fg-secondary)}.ds-step-indicator__dot--active{background:var(--color-accent-default);width:28px}.ds-step-indicator__dot--done{background:var(--color-accent-default);color:#fff}.ds-step-indicator__dot:disabled:not(.ds-step-indicator__dot--active):not(.ds-step-indicator__dot--done){opacity:.5}.ds-step-indicator__counter{font-variant-numeric:tabular-nums;letter-spacing:.02em}.ds-chat-message{display:flex;flex-direction:column;position:relative}.ds-chat-message--user{align-items:flex-end;padding-left:10%}.ds-chat-message--user .ds-chat-message__bubble{position:relative;max-width:80%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--color-surface-1);border-radius:var(--radius-4, 8px) var(--radius-4, 8px) 0 var(--radius-4, 8px);overflow-wrap:break-word;word-break:break-word}.ds-chat-message--user .ds-chat-message__bubble:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:6px 0 0 6px;border-color:transparent transparent transparent var(--color-surface-1)}.ds-chat-message--user .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;justify-content:flex-end}.ds-chat-message--assistant{padding-left:var(--space-2, 8px);padding-right:10%}.ds-chat-message--assistant .ds-chat-message__footer{margin-top:var(--space-1, 4px);margin-bottom:var(--space-2, 8px);display:flex;align-items:center;gap:var(--space-1, 4px)}.ds-chat-message--tool{padding-left:var(--space-2, 8px)}.ds-chat-message--system{align-items:center;padding:var(--space-1, 4px) 0}.ds-chat-message__system-label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);background:var(--color-state-selected);padding:var(--space-1, 4px) var(--space-3, 12px);border-radius:var(--radius-full, 9999px)}.ds-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.ds-chat-message__body>*:last-child,.ds-chat-message__bubble>*:last-child{margin-bottom:0}.ds-message-action{display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.ds-chat-message--assistant:hover .ds-message-action,.ds-chat-message--user:hover .ds-message-action,.ds-message-action:focus-within{opacity:1}@media (hover: none){.ds-message-action{opacity:1}}.ds-chat-message__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap;align-items:center;margin-left:var(--space-3, 12px)}.ds-chat-message--user .ds-chat-message__footer .ds-chat-message__timestamp{margin-left:0;margin-right:var(--space-3, 12px)}.ds-prompt-input{display:flex;gap:var(--space-3);background-color:var(--color-surface-0)}.ds-prompt-input__file-input{display:none}.ds-prompt-input__box{flex:1;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow-1);transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.ds-prompt-input__box:hover{border-color:var(--color-border-strong)}.ds-prompt-input__box:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.ds-prompt-input__box--dragging{border-color:var(--color-accent-default)!important;background-color:var(--color-accent-bg)}.ds-prompt-input__drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-3);border:2px dashed var(--color-accent-default);background:var(--color-accent-bg);z-index:10;pointer-events:none;color:var(--color-accent-default);font-size:var(--text-lg);font-family:inherit}.ds-prompt-input__textarea{resize:none;background-color:transparent;border:none;color:var(--color-fg-primary);font-size:var(--text-lg);font-family:inherit;outline:none;width:100%}.ds-prompt-input__textarea--anim{caret-color:transparent}.ds-prompt-input__anim{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--text-lg);font-family:inherit;line-height:1.4;color:var(--color-fg-secondary);opacity:.78;display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:clip}.ds-prompt-input__anim-text{display:inline-block;white-space:nowrap}.ds-prompt-input__anim-cursor{display:inline-block;width:.55ch;height:1.05em;margin-left:1px;background:currentColor;transform:translateY(.16em);animation:ds-prompt-cursor-blink 1.05s steps(1) infinite;flex-shrink:0}@keyframes ds-prompt-cursor-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ds-prompt-input__images{display:flex;gap:var(--space-2);flex-wrap:wrap}.ds-prompt-input__image-thumb{position:relative;width:56px;height:56px;border-radius:var(--radius-3);overflow:hidden;border:1px solid var(--color-border-default)}.ds-prompt-input__image-thumb img{width:100%;height:100%;object-fit:cover}.ds-prompt-input__image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background-color:var(--color-overlay);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.ds-prompt-input__attachments{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ds-prompt-input__badge-content{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__uploading{color:var(--color-fg-secondary);font-size:var(--text-sm)}.ds-prompt-input__remove-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--color-fg-primary)}.ds-prompt-input__warnings{display:flex;flex-direction:column;gap:var(--space-2)}.ds-prompt-input__warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);background:var(--color-state-warning-subtle, var(--color-surface-1));color:var(--color-fg-primary);font-size:var(--text-sm)}.ds-prompt-input__warning-close{background:none;border:none;cursor:pointer;padding:0;display:flex;color:inherit;flex-shrink:0}.ds-prompt-input__toolbar{display:flex;align-items:center;gap:var(--space-2)}.ds-prompt-input__spacer{flex:1}.ds-model-picker{position:relative;display:inline-flex}.ds-model-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:4px var(--space-2, 8px);border:1px solid var(--color-border-default);border-radius:var(--radius-3);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.ds-model-picker__trigger:hover{border-color:var(--color-border-strong);background:var(--color-state-hover)}.ds-model-picker__trigger-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-model-picker__menu{background:var(--color-surface-1);border:1px solid var(--color-border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-2);padding:var(--space-1, 4px);min-width:200px;max-height:320px;overflow-y:auto}.ds-model-picker__separator{height:1px;background:var(--color-border-light);margin:var(--space-1, 4px) 0}.ds-model-picker__group-label{padding:var(--space-1, 4px) var(--space-2, 8px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-secondary)}.ds-model-picker__group-label[data-tier=fast]{color:var(--data-5-fg)}.ds-model-picker__group-label[data-tier=standard]{color:var(--data-3-fg)}.ds-model-picker__group-label[data-tier=premium]{color:var(--data-6-fg)}.ds-model-picker__item{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%;padding:var(--space-2, 8px) var(--space-2, 8px);border:none;border-radius:var(--radius-2);background:transparent;color:var(--color-fg-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.ds-model-picker__item:hover{background:var(--color-state-hover)}.ds-model-picker__item--active{background:var(--color-state-selected)}.ds-model-picker__item--auto{background:var(--color-accent-bg)}.ds-model-picker__item--auto:hover{background:var(--color-accent-bg);filter:brightness(1.1)}.ds-model-picker__item-icon{display:inline-flex;flex-shrink:0;color:var(--color-fg-secondary)}.ds-model-picker__item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel{display:flex;flex-direction:column;gap:var(--space-1, 4px)}.ds-sources-panel__title{font-size:var(--text-xs, 11px);font-weight:600;color:var(--color-fg-secondary);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-1, 4px);margin-bottom:var(--space-1, 4px)}.ds-sources-panel .ds-accordion__header{font-size:var(--text-sm, 12px)}.ds-sources-panel__row{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-3, 6px);background:var(--color-surface-1);font-size:var(--text-sm, 12px);cursor:default}.ds-sources-panel__row--clickable{cursor:pointer}.ds-sources-panel__row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel__filename{font-weight:400;color:var(--color-fg-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.ds-sources-panel__pages{color:var(--color-fg-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.ds-sources-panel__snippet{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);line-height:1.5;padding:var(--space-1, 4px) var(--space-2, 8px);border-left:2px solid var(--color-border-default);margin:var(--space-1, 4px) 0}.ds-sources-panel__snippet--clickable{cursor:pointer}.ds-sources-panel__snippet--clickable:hover{border-left-color:var(--color-accent-default);color:var(--color-fg-primary)}.ds-sources-panel__more{font-size:var(--text-sm, 12px);color:var(--color-accent-default);background:none;border:none;padding:var(--space-1, 4px) var(--space-1, 4px);cursor:pointer;text-align:left}.ds-sources-panel__more:hover{text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm, 12px);padding:var(--space-1) 0;cursor:default}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable{cursor:pointer}.ds-sources-panel--compact .ds-sources-panel__compact-row--clickable:hover .ds-sources-panel__filename{color:var(--color-accent-default);text-decoration:underline}.ds-sources-panel--compact .ds-sources-panel__compact-icon{flex-shrink:0;color:var(--color-fg-secondary)}.ds-sources-panel--compact .ds-sources-panel__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sources-panel--compact .ds-sources-panel__pages{flex-shrink:0}.ds-token-counter{display:flex;flex-direction:column;gap:var(--space-1)}.ds-token-counter__track{width:100%;background-color:var(--color-state-selected);border-radius:var(--radius-full);overflow:hidden}.ds-token-counter--s .ds-token-counter__track{height:4px}.ds-token-counter--m .ds-token-counter__track{height:6px}.ds-token-counter__fill{height:100%;border-radius:var(--radius-full);transition:width .35s ease,background-color .35s ease}.ds-token-counter__fill--normal{background-color:var(--color-fg-secondary)}.ds-token-counter__fill--warning{background-color:var(--data-2-fg)}.ds-token-counter__fill--error{background-color:var(--data-1-fg)}.ds-token-counter__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);color:var(--color-fg-secondary);display:flex;gap:var(--space-2)}.ds-token-counter__label--normal{color:var(--color-fg-secondary)}.ds-token-counter__label--warning{color:var(--data-2-fg)}.ds-token-counter__label--error{color:var(--data-1-fg)}.ds-confidence-bar{display:inline-flex;align-items:center;gap:var(--space-2)}.ds-confidence-bar--block{display:flex}.ds-confidence-bar__segments{display:flex;gap:2px;align-items:center}.ds-confidence-bar__seg{border-radius:var(--radius-full);flex-shrink:0;opacity:.2}.ds-confidence-bar__seg--filled{opacity:1}.ds-confidence-bar--xs .ds-confidence-bar__seg{width:8px;height:3px}.ds-confidence-bar--s .ds-confidence-bar__seg{width:10px;height:4px}.ds-confidence-bar--low .ds-confidence-bar__seg{background-color:var(--data-1-fg)}.ds-confidence-bar--medium .ds-confidence-bar__seg{background-color:var(--data-2-fg)}.ds-confidence-bar--high .ds-confidence-bar__seg{background-color:var(--data-4-fg)}.ds-confidence-bar__label{font-size:var(--text-sm, 12px);color:var(--color-fg-secondary);white-space:nowrap}.ds-diff-view{font-family:var(--font-mono, monospace);font-size:var(--text-sm, 12px);border-radius:var(--radius-3);border:1px solid var(--color-border-default);overflow:hidden}.ds-diff-view__title{padding:var(--space-2) var(--space-3);font-family:var(--font-ui, inherit);font-size:var(--text-sm, 12px);font-weight:600;color:var(--color-fg-secondary);border-bottom:1px solid var(--color-border-default);background:var(--color-surface-1)}.ds-diff-view__body{overflow-x:auto;overflow-y:auto}.ds-diff-view__line{display:flex;align-items:stretch;min-width:0}.ds-diff-view__line--add{background-color:var(--data-4-bg)}.ds-diff-view__line--remove{background-color:var(--data-1-bg)}.ds-diff-view__line--context{background-color:transparent}.ds-diff-view__lineno{flex-shrink:0;width:3.5ch;padding:2px var(--space-2);text-align:right;color:var(--color-fg-secondary);opacity:.5;border-right:1px solid var(--color-border-light);-webkit-user-select:none;user-select:none}.ds-diff-view__prefix{flex-shrink:0;width:1.5ch;padding:2px 0 2px var(--space-2);-webkit-user-select:none;user-select:none}.ds-diff-view__line--add .ds-diff-view__prefix{color:var(--data-4-fg)}.ds-diff-view__line--remove .ds-diff-view__prefix{color:var(--data-1-fg)}.ds-diff-view__line--context .ds-diff-view__prefix{color:var(--color-fg-secondary);opacity:.4}.ds-diff-view__text{flex:1;padding:2px var(--space-2) 2px var(--space-1);white-space:pre;min-width:0;color:var(--color-fg-primary)}.ds-diff-view--wrap .ds-diff-view__text{white-space:pre-wrap;word-break:break-all}.ds-diff-view__line--context .ds-diff-view__text{color:var(--color-fg-secondary)}.ds-diff-view--split .ds-diff-view__body{display:flex}.ds-diff-view__split-col{flex:1;min-width:0;overflow-x:auto}.ds-diff-view__split-col+.ds-diff-view__split-col{border-left:1px solid var(--color-border-default)}.ds-tool-bubble{display:inline-flex;align-items:center;gap:var(--space-2, 8px);padding:6px var(--space-3, 12px);border-radius:var(--radius-3);background:var(--color-surface-1);color:var(--color-fg-secondary);max-width:90%}.ds-tool-bubble__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-fg-secondary);opacity:.7}.ds-tool-bubble__label{font-size:var(--text-sm, 12px);font-family:var(--font-mono, monospace);font-weight:500;color:var(--color-fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-message-feedback{display:inline-flex;gap:var(--space-2, 8px)}.ds-message-feedback__btn{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:var(--radius-3);color:var(--color-fg-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),opacity var(--transition-fast)}.ds-message-feedback__btn:hover{color:var(--color-fg-primary);background:var(--color-state-hover)}.ds-message-feedback__btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-message-feedback__btn--liked{color:var(--color-accent-default);cursor:default;pointer-events:none}.ds-message-feedback__btn--disliked{color:var(--color-status-error);cursor:default;pointer-events:none}.ds-message-feedback.ds-message-feedback--voted{opacity:1}.ds-message-footer{display:inline-flex;align-items:center;gap:var(--space-2, 8px)}.ds-message-footer__timestamp{font-size:var(--text-xs, 11px);color:var(--color-fg-secondary);white-space:nowrap}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@donkit-ai/design-system",
3
- "version": "1.4.2",
3
+ "version": "1.4.4",
4
4
  "description": "Donkit Design System - minimal design tokens and React components",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs.js",