@donkit-ai/design-system 1.0.3 → 1.0.4

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),q=require("react-dom"),E=require("lucide-react"),g={1:16,2:20,3:24,4:28,5:48};var K={exports:{}},V={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),X=require("react-dom"),E=require("lucide-react"),g={1:16,2:20,3:24,4:28,5:48};var K={exports:{}},C={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ae;function fe(){if(ae)return V;ae=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function s(c,n,a){var l=null;if(a!==void 0&&(l=""+a),n.key!==void 0&&(l=""+n.key),"key"in n){a={};for(var i in n)i!=="key"&&(a[i]=n[i])}else a=n;return n=a.ref,{$$typeof:t,type:c,key:l,ref:n!==void 0?n:null,props:a}}return V.Fragment=e,V.jsx=s,V.jsxs=s,V}var C={};/**
+ */var ae;function fe(){if(ae)return C;ae=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function s(c,n,a){var l=null;if(a!==void 0&&(l=""+a),n.key!==void 0&&(l=""+n.key),"key"in n){a={};for(var i in n)i!=="key"&&(a[i]=n[i])}else a=n;return n=a.ref,{$$typeof:t,type:c,key:l,ref:n!==void 0?n:null,props:a}}return C.Fragment=e,C.jsx=s,C.jsxs=s,C}var H={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var oe;function me(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){function t(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===L?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case S:return"Fragment";case m:return"Profiler";case $:return"StrictMode";case I:return"Suspense";case P:return"SuspenseList";case N:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case j:return"Portal";case k:return o.displayName||"Context";case w:return(o._context.displayName||"Context")+".Consumer";case A:var h=o.render;return o=o.displayName,o||(o=h.displayName||h.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case X:return h=o.displayName||null,h!==null?h:t(o.type)||"Memo";case z:h=o._payload,o=o._init;try{return t(o(h))}catch{}}return null}function e(o){return""+o}function s(o){try{e(o);var h=!1}catch{h=!0}if(h){h=console;var y=h.error,R=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return y.call(h,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R),e(o)}}function c(o){if(o===S)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===z)return"<...>";try{var h=t(o);return h?"<"+h+">":"<...>"}catch{return"<...>"}}function n(){var o=B.A;return o===null?null:o.getOwner()}function a(){return Error("react-stack-top-frame")}function l(o){if(H.call(o,"key")){var h=Object.getOwnPropertyDescriptor(o,"key").get;if(h&&h.isReactWarning)return!1}return o.key!==void 0}function i(o,h){function y(){Y||(Y=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",h))}y.isReactWarning=!0,Object.defineProperty(o,"key",{get:y,configurable:!0})}function b(){var o=t(this.type);return te[o]||(te[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function f(o,h,y,R,U,G){var T=y.ref;return o={$$typeof:_,type:o,key:h,props:y,_owner:R},(T!==void 0?T:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:b}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function d(o,h,y,R,U,G){var T=h.children;if(T!==void 0)if(R)if(ee(T)){for(R=0;R<T.length;R++)u(T[R]);Object.freeze&&Object.freeze(T)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(T);if(H.call(h,"key")){T=t(o);var M=Object.keys(h).filter(function(ue){return ue!=="key"});R=0<M.length?"{key: someKey, "+M.join(": ..., ")+": ...}":"{key: someKey}",ne[T+R]||(M=0<M.length?"{"+M.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var oe;function me(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&function(){function t(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===L?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case T:return"Fragment";case A:return"Profiler";case $:return"StrictMode";case I:return"Suspense";case P:return"SuspenseList";case N:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case j:return"Portal";case w:return o.displayName||"Context";case m:return(o._context.displayName||"Context")+".Consumer";case S:var x=o.render;return o=o.displayName,o||(o=x.displayName||x.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case B:return x=o.displayName||null,x!==null?x:t(o.type)||"Memo";case Y:x=o._payload,o=o._init;try{return t(o(x))}catch{}}return null}function e(o){return""+o}function s(o){try{e(o);var x=!1}catch{x=!0}if(x){x=console;var y=x.error,k=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return y.call(x,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",k),e(o)}}function c(o){if(o===T)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===Y)return"<...>";try{var x=t(o);return x?"<"+x+">":"<...>"}catch{return"<...>"}}function n(){var o=D.A;return o===null?null:o.getOwner()}function a(){return Error("react-stack-top-frame")}function l(o){if(U.call(o,"key")){var x=Object.getOwnPropertyDescriptor(o,"key").get;if(x&&x.isReactWarning)return!1}return o.key!==void 0}function i(o,x){function y(){V||(V=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",x))}y.isReactWarning=!0,Object.defineProperty(o,"key",{get:y,configurable:!0})}function b(){var o=t(this.type);return te[o]||(te[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function f(o,x,y,k,q,G){var R=y.ref;return o={$$typeof:_,type:o,key:x,props:y,_owner:k},(R!==void 0?R:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:b}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:q}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function d(o,x,y,k,q,G){var R=x.children;if(R!==void 0)if(k)if(ee(R)){for(k=0;k<R.length;k++)u(R[k]);Object.freeze&&Object.freeze(R)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(R);if(U.call(x,"key")){R=t(o);var F=Object.keys(x).filter(function(ue){return ue!=="key"});k=0<F.length?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}",ne[R+k]||(F=0<F.length?"{"+F.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,R,T,M,T),ne[T+R]=!0)}if(T=null,y!==void 0&&(s(y),T=""+y),l(h)&&(s(h.key),T=""+h.key),"key"in h){y={};for(var J in h)J!=="key"&&(y[J]=h[J])}else y=h;return T&&i(y,typeof o=="function"?o.displayName||o.name||"Unknown":o),f(o,T,y,n(),U,G)}function u(o){x(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===z&&(o._payload.status==="fulfilled"?x(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function x(o){return typeof o=="object"&&o!==null&&o.$$typeof===_}var v=p,_=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),$=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),w=Symbol.for("react.consumer"),k=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),N=Symbol.for("react.activity"),L=Symbol.for("react.client.reference"),B=v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,H=Object.prototype.hasOwnProperty,ee=Array.isArray,D=console.createTask?console.createTask:function(){return null};v={react_stack_bottom_frame:function(o){return o()}};var Y,te={},se=v.react_stack_bottom_frame.bind(v,a)(),re=D(c(a)),ne={};C.Fragment=S,C.jsx=function(o,h,y){var R=1e4>B.recentlyCreatedOwnerStacks++;return d(o,h,y,!1,R?Error("react-stack-top-frame"):se,R?D(c(o)):re)},C.jsxs=function(o,h,y){var R=1e4>B.recentlyCreatedOwnerStacks++;return d(o,h,y,!0,R?Error("react-stack-top-frame"):se,R?D(c(o)):re)}}()),C}process.env.NODE_ENV==="production"?K.exports=fe():K.exports=me();var r=K.exports;function le({children:t,variant:e="primary",size:s="m",fullWidth:c=!1,icon:n,disabled:a=!1,onClick:l,type:i="button",href:b,"aria-label":f,...d}){const u=n&&!t,x=["ds-button",`ds-button--${e}`,`ds-button--${s}`,c&&"ds-button--full",u&&"ds-button--icon-only"].filter(Boolean).join(" "),v=r.jsxs(r.Fragment,{children:[n&&!u&&r.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n}),t,u&&r.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n})]});if(b){const _=j=>{if(a){j.preventDefault();return}j.metaKey||j.ctrlKey||j.button===1||(j.preventDefault(),l==null||l(j))};return r.jsx("a",{className:x,href:a?void 0:b,onClick:_,"aria-label":f,"aria-disabled":a?"true":void 0,...d,children:v})}return r.jsx("button",{type:i,className:x,disabled:a,onClick:l,"aria-label":f,...d,children:v})}function pe({label:t,error:e,hint:s,fullWidth:c=!0,icon:n,iconRight:a,onIconRightClick:l,size:i="m",disabled:b,id:f,...d}){const u=f||`input-${p.useId()}`,x=s?`${u}-hint`:void 0,v=e?`${u}-error`:void 0,_=v||x;return r.jsxs("div",{className:`ds-input-wrapper ${c?"ds-input-wrapper--full":""} ${b?"ds-input-wrapper--disabled":""}`,children:[t&&r.jsx("label",{className:"ds-input-label",htmlFor:u,children:t}),r.jsxs("div",{className:"ds-input-container",children:[n&&r.jsx("span",{className:`ds-input-icon ds-input-icon--${i}`,"aria-hidden":"true",children:n}),r.jsx("input",{id:u,className:`ds-input ds-input--${i} ${n?"ds-input--with-icon":""} ${a?"ds-input--with-icon-right":""} ${e?"ds-input--error":""}`,disabled:b,"aria-invalid":e?"true":"false","aria-describedby":_,...d}),a&&r.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${i}`,onClick:l,tabIndex:-1,"aria-label":"Toggle visibility",children:a})]}),s&&!e&&r.jsx("span",{id:x,className:"ds-input-hint",children:s}),e&&r.jsx("span",{id:v,className:"ds-input-error",role:"alert",children:e})]})}function be({label:t,error:e,hint:s,fullWidth:c=!0,size:n="m",disabled:a,id:l,resize:i=!0,rows:b=3,...f}){const d=l||`textarea-${p.useId()}`,u=s?`${d}-hint`:void 0,x=e?`${d}-error`:void 0,v=x||u;return r.jsxs("div",{className:`ds-textarea-wrapper ${c?"ds-textarea-wrapper--full":""} ${a?"ds-textarea-wrapper--disabled":""}`,children:[t&&r.jsx("label",{className:"ds-textarea-label",htmlFor:d,children:t}),r.jsx("textarea",{id:d,className:`ds-textarea ds-textarea--${n} ${e?"ds-textarea--error":""} ${i?"":"ds-textarea--no-resize"}`,disabled:a,"aria-invalid":e?"true":"false","aria-describedby":v,rows:b,...f}),s&&!e&&r.jsx("span",{id:u,className:"ds-textarea-hint",children:s}),e&&r.jsx("span",{id:x,className:"ds-textarea-error",role:"alert",children:e})]})}function he({label:t,value:e,onChange:s,options:c=[],placeholder:n="Select option",error:a,fullWidth:l=!0,size:i="m",disabled:b=!1,id:f,...d}){const[u,x]=p.useState(!1),[v,_]=p.useState({}),[j,S]=p.useState("down"),$=p.useRef(null),m=p.useRef(null),w=f||`select-${p.useId()}`,k=`${w}-label`,A=a?`${w}-error`:void 0,I=()=>{var Y;const N=(Y=$.current)==null?void 0:Y.getBoundingClientRect();if(!N)return;const L=window.innerHeight,B=L-N.bottom,H=N.top,D=B<300&&H>B;S(D?"up":"down"),_(D?{bottom:L-N.top+4,left:N.left,width:N.width}:{top:N.bottom+4,left:N.left,width:N.width})};p.useEffect(()=>{if(u)return I(),window.addEventListener("scroll",I,!0),window.addEventListener("resize",I),()=>{window.removeEventListener("scroll",I,!0),window.removeEventListener("resize",I)}},[u]),p.useEffect(()=>{const N=L=>{$.current&&!$.current.contains(L.target)&&m.current&&!m.current.contains(L.target)&&x(!1)};return document.addEventListener("mousedown",N),()=>document.removeEventListener("mousedown",N)},[]);const P=c.find(N=>N.value===e),X=i==="xs"?g[1]:i==="small"?g[2]:g[3],z=u&&r.jsx("div",{ref:m,role:"listbox","aria-labelledby":t?k:void 0,className:`ds-select-dropdown ds-select-dropdown--${i} ds-select-dropdown--${j}`,style:v,children:c.map(N=>r.jsx("button",{type:"button",role:"option","aria-selected":e===N.value,className:`ds-select-option ds-select-option--${i} ${e===N.value?"ds-select-option--selected":""}`,onClick:()=>{s==null||s(N.value),x(!1)},children:N.label},N.value))});return r.jsxs("div",{className:`ds-select-wrapper ${l?"ds-select-wrapper--full":""} ${b?"ds-select-wrapper--disabled":""}`,children:[t&&r.jsx("label",{id:k,className:"ds-select-label",children:t}),r.jsx("div",{className:"ds-select-container",ref:$,children:r.jsxs("button",{type:"button",id:w,role:"combobox","aria-haspopup":"listbox","aria-expanded":u,"aria-labelledby":t?k:void 0,"aria-invalid":a?"true":"false","aria-describedby":A,className:`ds-select-trigger ds-select-trigger--${i} ${a?"ds-select-trigger--error":""}`,onClick:()=>!b&&x(!u),disabled:b,...d,children:[r.jsx("span",{className:P?"":"ds-select-placeholder",children:(P==null?void 0:P.label)||n}),r.jsx(E.ChevronDown,{size:X,strokeWidth:1.5,className:`ds-select-icon ${u&&j==="down"?"ds-select-icon--open":""} ${u&&j==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),a&&r.jsx("span",{id:A,className:"ds-select-error",role:"alert",children:a}),typeof document<"u"&&q.createPortal(z,document.body)]})}function xe({label:t,value:e=0,onChange:s,min:c=0,max:n=100,step:a=1,size:l="m",disabled:i=!1,hint:b,error:f,...d}){const u=()=>{if(i)return;const $=Math.min(Number(e)+a,n);s==null||s($)},x=()=>{if(i)return;const $=Math.max(Number(e)-a,c);s==null||s($)},v=$=>{if(i)return;const m=$.target.value;if(m===""){s==null||s(c);return}const w=Number(m);if(!isNaN(w)){const k=Math.min(Math.max(w,c),n);s==null||s(k)}},_=["ds-stepper-wrapper",i&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),j=["ds-stepper",`ds-stepper--${l}`,i&&"ds-stepper--disabled"].filter(Boolean).join(" "),S=l==="xs"?g[1]:l==="small"?g[2]:g[3];return r.jsxs("div",{className:_,children:[t&&r.jsx("label",{className:"ds-stepper-label",children:t}),r.jsxs("div",{className:j,children:[r.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:x,disabled:i||e<=c,"aria-label":"Decrease",children:r.jsx(E.Minus,{size:S,strokeWidth:1.5})}),r.jsx("input",{type:"number",className:"ds-stepper-input",value:e,onChange:v,min:c,max:n,step:a,disabled:i,...d}),r.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:u,disabled:i||e>=n,"aria-label":"Increase",children:r.jsx(E.Plus,{size:S,strokeWidth:1.5})})]}),b&&!f&&r.jsx("div",{className:"ds-stepper-hint",children:b}),f&&r.jsx("div",{className:"ds-stepper-error",children:f})]})}function ve({children:t,padding:e="m",variant:s="info",hover:c=!1,onClick:n,href:a,disabled:l=!1,...i}){const f=(c?"interactive":s)==="interactive"||n||a,d=["ds-card",`ds-card--${e}`,f&&"ds-card--interactive"].filter(Boolean).join(" ");if(a){const v=_=>{if(l){_.preventDefault();return}_.metaKey||_.ctrlKey||_.button===1||(_.preventDefault(),n==null||n(_))};return r.jsx("a",{className:d,href:l?void 0:a,onClick:v,"aria-disabled":l?"true":void 0,...i,children:t})}const u=f&&n?"button":"div",x=f&&n?{type:"button",onClick:n,disabled:l}:{};return r.jsx(u,{className:d,role:f&&!n?"article":void 0,...x,...i,children:t})}function je({children:t,...e}){return r.jsx("h1",{className:"ds-h1",...e,children:t})}function _e({children:t,...e}){return r.jsx("h2",{className:"ds-h2",...e,children:t})}function we({children:t,...e}){return r.jsx("h3",{className:"ds-h3",...e,children:t})}function Ne({children:t,...e}){return r.jsx("h4",{className:"ds-h4",...e,children:t})}function ye({children:t,secondary:e=!1,...s}){return r.jsx("p",{className:`ds-p1 ${e?"ds-p1--secondary":""}`,...s,children:t})}function Ee({children:t,secondary:e=!1,...s}){return r.jsx("p",{className:`ds-p2 ${e?"ds-p2--secondary":""}`,...s,children:t})}function ke({children:t,secondary:e=!1,...s}){return r.jsx("p",{className:`ds-p3 ${e?"ds-p3--secondary":""}`,...s,children:t})}function Re({children:t,variant:e="default",size:s="m",role:c,...n}){const a=["ds-badge",`ds-badge--${e}`,`ds-badge--${s}`].filter(Boolean).join(" "),l=c||(["info","success","warning","error"].includes(e)?"status":void 0);return r.jsx("span",{className:a,role:l,...n,children:t})}const Te={info:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};function $e({children:t,variant:e="info",title:s,onClose:c,role:n,...a}){const l=Te[e],i=n||(e==="error"?"alert":"status");return r.jsxs("div",{className:`ds-alert ds-alert--${e} ${s?"":"ds-alert--no-title"}`,role:i,...a,children:[l&&r.jsx("div",{className:"ds-alert__icon",children:r.jsx(l,{size:g[3],strokeWidth:1.5})}),r.jsxs("div",{className:"ds-alert__content",children:[s&&r.jsx("div",{className:"ds-alert__title",children:s}),t&&r.jsx("div",{className:"ds-alert__message",children:t})]}),c&&r.jsx("button",{type:"button",className:"ds-alert__close",onClick:c,"aria-label":"Close alert",children:r.jsx(E.X,{size:g[3],strokeWidth:1.5})})]})}function Se({children:t,title:e,onClose:s,size:c="m",...n}){const a=p.useRef(null),l=p.useId();p.useEffect(()=>{const d=x=>{x.key==="Escape"&&(s==null||s())},u=x=>{a.current&&!a.current.contains(x.target)&&(s==null||s())};return document.addEventListener("keydown",d),document.addEventListener("mousedown",u),()=>{document.removeEventListener("keydown",d),document.removeEventListener("mousedown",u)}},[s]);const i=p.Children.toArray(t),b=i.find(d=>(d==null?void 0:d.type)===Z),f=i.filter(d=>(d==null?void 0:d.type)!==Z);return r.jsx("div",{className:"ds-modal-overlay",...n,children:r.jsxs("div",{className:`ds-modal ds-modal--${c}`,ref:a,role:"dialog","aria-modal":"true","aria-labelledby":e?l:void 0,children:[(e||s)&&r.jsxs("div",{className:"ds-modal__header",children:[e&&r.jsx("h3",{id:l,className:"ds-modal__title",children:e}),s&&r.jsx(le,{variant:"ghost",size:"small",icon:r.jsx(E.X,{size:g[2],strokeWidth:1.5}),onClick:s,"aria-label":"Close modal"})]}),r.jsx("div",{className:"ds-modal__body",children:f}),b]})})}function Z({children:t}){return r.jsx("div",{className:"ds-modal__footer",children:t})}function ie({children:t,title:e="Code",defaultExpanded:s=!1,expanded:c,onToggle:n,padding:a="s",className:l="",...i}){const[b,f]=p.useState(s),d=c!==void 0,u=d?c:b,x=()=>{d?n==null||n(!c):f(_=>!_)},v=["ds-code-accordion",`ds-code-accordion--${a}`,l].filter(Boolean).join(" ");return r.jsxs("div",{className:v,...i,children:[r.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:x,"aria-expanded":u,children:[r.jsx("span",{className:"ds-code-accordion__title",children:e}),r.jsx(E.ChevronDown,{size:g[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${u?"ds-code-accordion__icon--expanded":""}`})]}),u&&r.jsx("pre",{className:"ds-code-accordion__content",children:r.jsx("code",{children:t})})]})}function ge({children:t,block:e=!1,collapsible:s=!1,title:c="Code",defaultExpanded:n=!1,...a}){return e?s?r.jsx(ie,{title:c,defaultExpanded:n,...a,children:t}):r.jsx("pre",{className:"ds-code-block",...a,children:r.jsx("code",{children:t})}):r.jsx("code",{className:"ds-code-inline",...a,children:t})}function Ae({href:t,children:e,onClick:s,target:c,rel:n,...a}){const i=c==="_blank"?n?`${n} noopener noreferrer`:"noopener noreferrer":n;return r.jsx("a",{href:t,className:"ds-link",onClick:s,target:c,rel:i,...a,children:e})}function Ie({children:t,size:e="m",variant:s="ghost",...c}){return r.jsx("div",{className:"ds-tabs",role:"tablist",...c,children:p.Children.map(t,n=>p.isValidElement(n)?p.cloneElement(n,{size:e,variant:s}):n)})}function Pe({children:t,selected:e=!1,onClick:s,size:c="m",variant:n="ghost",disabled:a=!1,icon:l,href:i,...b}){const f=l&&!t,d=["ds-tab",`ds-tab--${c}`,`ds-tab--${n}`,e&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),u=r.jsxs(r.Fragment,{children:[l&&r.jsx("span",{className:"ds-tab-icon",children:l}),t]});if(i){const x=v=>{if(a){v.preventDefault();return}v.metaKey||v.ctrlKey||v.button===1||(v.preventDefault(),s==null||s(v))};return r.jsx("a",{role:"tab","aria-current":e?"page":void 0,"aria-disabled":a?"true":void 0,className:d,href:a?void 0:i,onClick:x,...b,children:u})}return r.jsx("button",{role:"tab","aria-selected":e,className:d,onClick:s,disabled:a,...b,children:u})}function Oe({children:t,title:e,defaultExpanded:s=!1,expanded:c,onToggle:n,padding:a="m",...l}){const[i,b]=p.useState(s),f=c!==void 0,d=f?c:i,u=()=>{f?n==null||n(!c):b(v=>!v)},x=["ds-accordion",`ds-accordion--${a}`].filter(Boolean).join(" ");return r.jsxs("div",{className:x,...l,children:[r.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:u,"aria-expanded":d,children:[r.jsx("span",{className:"ds-accordion__title",children:e}),r.jsx(E.ChevronDown,{size:g[2],strokeWidth:1.5,className:`ds-accordion__icon ${d?"ds-accordion__icon--expanded":""}`})]}),d&&r.jsx("div",{className:"ds-accordion__content",children:t})]})}const O=8,F=8;function Le(t,e,s){const c=window.innerWidth;let n,a;switch(t){case"top":n=e.top-s.height-O,a=e.left+e.width/2-s.width/2;break;case"bottom":n=e.bottom+O,a=e.left+e.width/2-s.width/2;break;case"left":n=e.top+e.height/2-s.height/2,a=e.left-s.width-O;break;case"right":n=e.top+e.height/2-s.height/2,a=e.right+O;break;default:n=e.bottom+O,a=e.left}const l=Math.max(F,Math.min(c-s.width-F,a)),i=a-l;return{top:n,left:l,arrowOffset:i}}function Be(t,e,s){const c=window.innerWidth,n=window.innerHeight;if(t.top>=e+O+F)return"top";if(n-t.bottom>=e+O+F)return"bottom";if(c-t.right>=s+O+F)return"right";if(t.left>=s+O+F)return"left";const a=Math.max(t.top,n-t.bottom,t.left,c-t.right);return a===t.top?"top":a===n-t.bottom?"bottom":a===c-t.right?"right":"left"}function De({children:t,content:e,position:s,...c}){const[n,a]=p.useState(!1),[l,i]=p.useState({visibility:"hidden"}),[b,f]=p.useState(s||"top"),d=p.useRef(null),u=p.useRef(null),x=p.useRef(!1),v=()=>{if(!d.current||!u.current)return;const j=d.current.getBoundingClientRect(),S=u.current.getBoundingClientRect(),$=s||Be(j,S.height,S.width),{top:m,left:w,arrowOffset:k}=Le($,j,S);f($),i({position:"fixed",top:m,left:w,visibility:"visible","--arrow-offset":`${k}px`})};if(p.useEffect(()=>{if(!n)return;i({position:"fixed",visibility:"hidden"});const j=requestAnimationFrame(v);return window.addEventListener("scroll",v,!0),window.addEventListener("resize",v),()=>{cancelAnimationFrame(j),window.removeEventListener("scroll",v,!0),window.removeEventListener("resize",v)}},[n,s]),p.useEffect(()=>{if(!n)return;const j=S=>{d.current&&!d.current.contains(S.target)&&a(!1)};return document.addEventListener("touchstart",j),()=>document.removeEventListener("touchstart",j)},[n]),!e)return t;const _=n&&r.jsx("div",{ref:u,className:`ds-tooltip ds-tooltip--${b}`,role:"tooltip",style:l,children:e});return r.jsxs("div",{ref:d,className:"ds-tooltip-wrapper",onMouseEnter:()=>{x.current||a(!0)},onMouseLeave:()=>{x.current||a(!1)},onTouchStart:()=>{x.current=!0,a(j=>!j)},...c,children:[t,typeof document<"u"&&q.createPortal(_,document.body)]})}function Me({checked:t=!1,onChange:e,size:s="m",disabled:c=!1,label:n,id:a,...l}){const i=a||`toggle-${p.useId()}`,b=["ds-toggle",`ds-toggle--${s}`,c&&"ds-toggle--disabled"].filter(Boolean).join(" ");return r.jsxs("label",{className:b,htmlFor:i,children:[r.jsx("input",{type:"checkbox",id:i,className:"ds-toggle__input",checked:t,onChange:f=>e==null?void 0:e(f.target.checked),disabled:c,...l}),r.jsx("span",{className:"ds-toggle__track",children:r.jsx("span",{className:"ds-toggle__thumb"})}),n&&r.jsx("span",{className:"ds-toggle__label",children:n})]})}function Fe({checked:t=!1,onChange:e,size:s="m",disabled:c=!1,label:n,id:a,...l}){const i=a||`checkbox-${p.useId()}`,b=["ds-checkbox",`ds-checkbox--${s}`,c&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=s==="xs"?10:s==="small"?14:s==="large"?20:16;return r.jsxs("label",{className:b,htmlFor:i,children:[r.jsx("input",{type:"checkbox",id:i,className:"ds-checkbox__input",checked:t,onChange:d=>e==null?void 0:e(d.target.checked),disabled:c,...l}),r.jsx("span",{className:"ds-checkbox__box",children:t&&r.jsx(E.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),n&&r.jsx("span",{className:"ds-checkbox__label",children:n})]})}function We({checked:t=!1,onChange:e,size:s="m",disabled:c=!1,label:n,name:a,value:l,id:i,...b}){const f=i||`radio-${p.useId()}`,d=["ds-radio",`ds-radio--${s}`,c&&"ds-radio--disabled"].filter(Boolean).join(" ");return r.jsxs("label",{className:d,htmlFor:f,children:[r.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:t,onChange:u=>e==null?void 0:e(u.target.checked),disabled:c,name:a,value:l,...b}),r.jsx("span",{className:"ds-radio__circle",children:r.jsx("span",{className:"ds-radio__dot"})}),n&&r.jsx("span",{className:"ds-radio__label",children:n})]})}function ze({size:t="m",color:e="default",className:s="",...c}){return r.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${e}`,s].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...c})}function Ye({width:t,height:e,shape:s="rect",className:c="",style:n={},...a}){return r.jsx("span",{className:["ds-skeleton",`ds-skeleton--${s}`,c].filter(Boolean).join(" "),style:{width:t,height:e,...n},"aria-hidden":"true",...a})}function Ve(t){let e=2166136261;for(let s=0;s<t.length;s++)e^=t.charCodeAt(s),e=Math.imul(e,16777619)>>>0;return e%360}function Ce({seed:t,icon:e,size:s=32,className:c="",style:n={},...a}){const l=Ve(t??"");return r.jsx("div",{className:["ds-avatar",c].filter(Boolean).join(" "),style:{width:s,height:s,"--ds-avatar-h":l,...n},"aria-hidden":"true",...a,children:e})}function He({children:t,size:e="compact",stickyTop:s,maxHeight:c,className:n="",style:a={},...l}){const i={...c?{maxHeight:c}:{},...s!==void 0?{"--ds-table-sticky-top":typeof s=="number"?`${s}px`:s}:{},...a};return r.jsx("div",{className:["ds-table-wrap",c?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:i,children:r.jsx("table",{className:["ds-table",`ds-table--${e}`,n].filter(Boolean).join(" "),...l,children:t})})}function Ue({children:t,...e}){return r.jsx("thead",{...e,children:t})}function qe({children:t,...e}){return r.jsx("tbody",{...e,children:t})}function Xe({children:t,interactive:e,selected:s,className:c="",onClick:n,...a}){return r.jsx("tr",{className:["ds-table-row",e||n?"ds-table-row--interactive":"",s?"ds-table-row--selected":"",c].filter(Boolean).join(" "),onClick:n,...a,children:t})}function Ge({children:t,align:e="left",sortDir:s,onSort:c,width:n,className:a="",style:l={},...i}){const b=!!c||s!==void 0,f=s==="asc"?E.ChevronUp:s==="desc"?E.ChevronDown:E.ChevronsUpDown;return r.jsx("th",{className:["ds-th",b?"ds-th--sortable":"",s?"ds-th--sorted":"",e!=="left"?`ds-table-cell--${e}`:"",a].filter(Boolean).join(" "),onClick:c,style:{width:n,...l},...i,children:b?r.jsxs("span",{className:"ds-th__inner",children:[t,r.jsx("span",{className:"ds-th__sort-icon",children:r.jsx(f,{size:11,strokeWidth:2.5})})]}):t})}function Je({children:t,align:e="left",secondary:s,muted:c,truncate:n,nowrap:a,className:l="",...i}){return r.jsx("td",{className:["ds-td",e!=="left"?`ds-table-cell--${e}`:"",s?"ds-table-cell--secondary":"",c?"ds-table-cell--muted":"",n?"ds-table-cell--truncate":"",a?"ds-table-cell--nowrap":"",l].filter(Boolean).join(" "),...i,children:t})}function Ke({icon:t,title:e,description:s,action:c,size:n="m",className:a="",...l}){return r.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${n}`,a].filter(Boolean).join(" "),...l,children:[t&&r.jsx("div",{className:"ds-empty-state__icon",children:t}),r.jsx("div",{className:"ds-empty-state__title",children:e}),s&&r.jsx("div",{className:"ds-empty-state__description",children:s}),c&&r.jsx("div",{className:"ds-empty-state__action",children:c})]})}function Ze({trigger:t,items:e=[],open:s,onOpenChange:c,align:n="left",className:a="",style:l,...i}){const[b,f]=p.useState(!1),d=s!==void 0,u=d?s:b,x=p.useRef(null),[v,_]=p.useState({}),j=()=>{d?c==null||c(!1):f(!1)},S=()=>{const m=!u;d?c==null||c(m):f(m)};p.useEffect(()=>{if(!u)return;const m=()=>{var k;const w=(k=x.current)==null?void 0:k.getBoundingClientRect();w&&_(n==="right"?{top:w.bottom+4,right:window.innerWidth-w.right}:{top:w.bottom+4,left:w.left})};return m(),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m),()=>{window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m)}},[u,n]),p.useEffect(()=>{if(!u)return;const m=k=>{var A;(A=x.current)!=null&&A.contains(k.target)||j()},w=k=>{k.key==="Escape"&&j()};return document.addEventListener("mousedown",m),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",w)}},[u]);const $=u&&r.jsx("div",{className:["ds-dropdown__menu",`ds-dropdown__menu--${n}`].join(" "),style:v,children:e.map((m,w)=>{if(m.separator)return r.jsx("div",{className:"ds-dropdown__separator"},w);if(m.type==="section")return r.jsxs("div",{className:"ds-dropdown__section",children:[m.label&&r.jsx("div",{className:"ds-dropdown__section-label",children:m.label}),r.jsx("div",{className:"ds-dropdown__section-content",children:m.content})]},w);const k=!!m.href,A=k?"a":"button",I=k?{href:m.disabled?void 0:m.href,"aria-disabled":m.disabled?"true":void 0}:{type:"button",disabled:m.disabled};return r.jsxs(A,{className:["ds-dropdown__item",m.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...I,onClick:()=>{var P;(P=m.onClick)==null||P.call(m),j()},children:[m.icon&&r.jsx("span",{className:"ds-dropdown__item-icon",children:m.icon}),r.jsx("span",{className:"ds-dropdown__item-label",children:m.label}),m.shortcut&&r.jsx("span",{className:"ds-dropdown__item-shortcut",children:m.shortcut})]},w)})});return r.jsxs("div",{ref:x,className:["ds-dropdown",a].filter(Boolean).join(" "),style:l,...i,children:[r.jsx("div",{className:"ds-dropdown__trigger",onClick:S,children:t}),typeof document<"u"&&q.createPortal($,document.body)]})}const ce={default:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};let W=[];const Q=new Set;function de(){Q.forEach(t=>t([...W]))}function Qe(t){W=[...W,t],de()}function et(t){W=W.filter(e=>e.id!==t),de()}function tt(){const t=(e,s={})=>{Qe({id:`${Date.now()}-${Math.random()}`,message:e,type:"default",duration:4e3,...s})};return t.success=(e,s)=>t(e,{...s,type:"success"}),t.error=(e,s)=>t(e,{...s,type:"error"}),t.warning=(e,s)=>t(e,{...s,type:"warning"}),{toast:t}}function st({data:t,onDismiss:e}){const[s,c]=p.useState(!1),n=p.useRef(null);p.useEffect(()=>(requestAnimationFrame(()=>c(!0)),t.duration>0&&(n.current=setTimeout(()=>a(),t.duration)),()=>clearTimeout(n.current)),[]);function a(){c(!1),setTimeout(()=>e(t.id),250)}const l=ce[t.type]??ce.default;return r.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,s&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[r.jsx("div",{className:"ds-toast__icon",children:r.jsx(l,{size:g[3],strokeWidth:1.5})}),r.jsx("span",{className:"ds-toast__message",children:t.message}),r.jsx("button",{className:"ds-toast__close",onClick:a,"aria-label":"Закрыть",children:r.jsx(E.X,{size:g[3],strokeWidth:1.5})})]})}function rt({position:t="bottom-right"}){const[e,s]=p.useState(()=>[...W]);return p.useEffect(()=>(Q.add(s),()=>Q.delete(s)),[]),!e.length||typeof document>"u"?null:q.createPortal(r.jsx("div",{className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:e.map(c=>r.jsx(st,{data:c,onDismiss:et},c.id))}),document.body)}exports.Accordion=Oe;exports.Alert=$e;exports.Avatar=Ce;exports.Badge=Re;exports.Button=le;exports.Card=ve;exports.Checkbox=Fe;exports.Code=ge;exports.CodeAccordion=ie;exports.Dropdown=Ze;exports.EmptyState=Ke;exports.H1=je;exports.H2=_e;exports.H3=we;exports.H4=Ne;exports.Input=pe;exports.Link=Ae;exports.Modal=Se;exports.ModalFooter=Z;exports.P1=ye;exports.P2=Ee;exports.P3=ke;exports.Radio=We;exports.Select=he;exports.Skeleton=Ye;exports.Spinner=ze;exports.Stepper=xe;exports.Tab=Pe;exports.Table=He;exports.TableBody=qe;exports.TableHead=Ue;exports.TableRow=Xe;exports.Tabs=Ie;exports.Td=Je;exports.Textarea=be;exports.Th=Ge;exports.ToastContainer=rt;exports.Toggle=Me;exports.Tooltip=De;exports.iconSizes=g;exports.useToast=tt;
+  <%s key={someKey} {...props} />`,k,R,F,R),ne[R+k]=!0)}if(R=null,y!==void 0&&(s(y),R=""+y),l(x)&&(s(x.key),R=""+x.key),"key"in x){y={};for(var J in x)J!=="key"&&(y[J]=x[J])}else y=x;return R&&i(y,typeof o=="function"?o.displayName||o.name||"Unknown":o),f(o,R,y,n(),q,G)}function u(o){v(o)?o._store&&(o._store.validated=1):typeof o=="object"&&o!==null&&o.$$typeof===Y&&(o._payload.status==="fulfilled"?v(o._payload.value)&&o._payload.value._store&&(o._payload.value._store.validated=1):o._store&&(o._store.validated=1))}function v(o){return typeof o=="object"&&o!==null&&o.$$typeof===_}var h=p,_=Symbol.for("react.transitional.element"),j=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),$=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),m=Symbol.for("react.consumer"),w=Symbol.for("react.context"),S=Symbol.for("react.forward_ref"),I=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),B=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),N=Symbol.for("react.activity"),L=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,ee=Array.isArray,M=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(o){return o()}};var V,te={},se=h.react_stack_bottom_frame.bind(h,a)(),re=M(c(a)),ne={};H.Fragment=T,H.jsx=function(o,x,y){var k=1e4>D.recentlyCreatedOwnerStacks++;return d(o,x,y,!1,k?Error("react-stack-top-frame"):se,k?M(c(o)):re)},H.jsxs=function(o,x,y){var k=1e4>D.recentlyCreatedOwnerStacks++;return d(o,x,y,!0,k?Error("react-stack-top-frame"):se,k?M(c(o)):re)}}()),H}process.env.NODE_ENV==="production"?K.exports=fe():K.exports=me();var r=K.exports;function le({children:t,variant:e="primary",size:s="m",fullWidth:c=!1,icon:n,disabled:a=!1,onClick:l,type:i="button",href:b,"aria-label":f,...d}){const u=n&&!t,v=["ds-button",`ds-button--${e}`,`ds-button--${s}`,c&&"ds-button--full",u&&"ds-button--icon-only"].filter(Boolean).join(" "),h=r.jsxs(r.Fragment,{children:[n&&!u&&r.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n}),t,u&&r.jsx("span",{className:"ds-button__icon","aria-hidden":"true",children:n})]});if(b){const _=j=>{if(a){j.preventDefault();return}j.metaKey||j.ctrlKey||j.button===1||(j.preventDefault(),l==null||l(j))};return r.jsx("a",{className:v,href:a?void 0:b,onClick:_,"aria-label":f,"aria-disabled":a?"true":void 0,...d,children:h})}return r.jsx("button",{type:i,className:v,disabled:a,onClick:l,"aria-label":f,...d,children:h})}function pe({label:t,error:e,hint:s,fullWidth:c=!0,icon:n,iconRight:a,onIconRightClick:l,size:i="m",disabled:b,id:f,...d}){const u=f||`input-${p.useId()}`,v=s?`${u}-hint`:void 0,h=e?`${u}-error`:void 0,_=h||v;return r.jsxs("div",{className:`ds-input-wrapper ${c?"ds-input-wrapper--full":""} ${b?"ds-input-wrapper--disabled":""}`,children:[t&&r.jsx("label",{className:"ds-input-label",htmlFor:u,children:t}),r.jsxs("div",{className:"ds-input-container",children:[n&&r.jsx("span",{className:`ds-input-icon ds-input-icon--${i}`,"aria-hidden":"true",children:n}),r.jsx("input",{id:u,className:`ds-input ds-input--${i} ${n?"ds-input--with-icon":""} ${a?"ds-input--with-icon-right":""} ${e?"ds-input--error":""}`,disabled:b,"aria-invalid":e?"true":"false","aria-describedby":_,...d}),a&&r.jsx("button",{type:"button",className:`ds-input-icon-right ds-input-icon-right--${i}`,onClick:l,tabIndex:-1,"aria-label":"Toggle visibility",children:a})]}),s&&!e&&r.jsx("span",{id:v,className:"ds-input-hint",children:s}),e&&r.jsx("span",{id:h,className:"ds-input-error",role:"alert",children:e})]})}function be({label:t,error:e,hint:s,fullWidth:c=!0,size:n="m",disabled:a,id:l,resize:i=!0,rows:b=3,...f}){const d=l||`textarea-${p.useId()}`,u=s?`${d}-hint`:void 0,v=e?`${d}-error`:void 0,h=v||u;return r.jsxs("div",{className:`ds-textarea-wrapper ${c?"ds-textarea-wrapper--full":""} ${a?"ds-textarea-wrapper--disabled":""}`,children:[t&&r.jsx("label",{className:"ds-textarea-label",htmlFor:d,children:t}),r.jsx("textarea",{id:d,className:`ds-textarea ds-textarea--${n} ${e?"ds-textarea--error":""} ${i?"":"ds-textarea--no-resize"}`,disabled:a,"aria-invalid":e?"true":"false","aria-describedby":h,rows:b,...f}),s&&!e&&r.jsx("span",{id:u,className:"ds-textarea-hint",children:s}),e&&r.jsx("span",{id:v,className:"ds-textarea-error",role:"alert",children:e})]})}function he({label:t,value:e,onChange:s,options:c=[],placeholder:n="Select option",error:a,fullWidth:l=!0,size:i="m",disabled:b=!1,id:f,...d}){const[u,v]=p.useState(!1),[h,_]=p.useState({}),[j,T]=p.useState("down"),$=p.useRef(null),A=p.useRef(null),m=f||`select-${p.useId()}`,w=`${m}-label`,S=a?`${m}-error`:void 0,I=()=>{var V;const N=(V=$.current)==null?void 0:V.getBoundingClientRect();if(!N)return;const L=window.innerHeight,D=L-N.bottom,U=N.top,M=D<300&&U>D;T(M?"up":"down"),_(M?{bottom:L-N.top+4,left:N.left,width:N.width}:{top:N.bottom+4,left:N.left,width:N.width})};p.useEffect(()=>{if(u)return I(),window.addEventListener("scroll",I,!0),window.addEventListener("resize",I),()=>{window.removeEventListener("scroll",I,!0),window.removeEventListener("resize",I)}},[u]),p.useEffect(()=>{const N=L=>{$.current&&!$.current.contains(L.target)&&A.current&&!A.current.contains(L.target)&&v(!1)};return document.addEventListener("mousedown",N),()=>document.removeEventListener("mousedown",N)},[]);const P=c.find(N=>N.value===e),B=i==="xs"?g[1]:i==="small"?g[2]:g[3],Y=u&&r.jsx("div",{ref:A,role:"listbox","aria-labelledby":t?w:void 0,className:`ds-select-dropdown ds-select-dropdown--${i} ds-select-dropdown--${j}`,style:h,children:c.map(N=>r.jsx("button",{type:"button",role:"option","aria-selected":e===N.value,className:`ds-select-option ds-select-option--${i} ${e===N.value?"ds-select-option--selected":""}`,onClick:()=>{s==null||s(N.value),v(!1)},children:N.label},N.value))});return r.jsxs("div",{className:`ds-select-wrapper ${l?"ds-select-wrapper--full":""} ${b?"ds-select-wrapper--disabled":""}`,children:[t&&r.jsx("label",{id:w,className:"ds-select-label",children:t}),r.jsx("div",{className:"ds-select-container",ref:$,children:r.jsxs("button",{type:"button",id:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":u,"aria-labelledby":t?w:void 0,"aria-invalid":a?"true":"false","aria-describedby":S,className:`ds-select-trigger ds-select-trigger--${i} ${a?"ds-select-trigger--error":""}`,onClick:()=>!b&&v(!u),disabled:b,...d,children:[r.jsx("span",{className:P?"":"ds-select-placeholder",children:(P==null?void 0:P.label)||n}),r.jsx(E.ChevronDown,{size:B,strokeWidth:1.5,className:`ds-select-icon ${u&&j==="down"?"ds-select-icon--open":""} ${u&&j==="up"?"ds-select-icon--up":""}`,"aria-hidden":"true"})]})}),a&&r.jsx("span",{id:S,className:"ds-select-error",role:"alert",children:a}),typeof document<"u"&&X.createPortal(Y,document.body)]})}function xe({label:t,value:e=0,onChange:s,min:c=0,max:n=100,step:a=1,size:l="m",disabled:i=!1,hint:b,error:f,...d}){const u=()=>{if(i)return;const $=Math.min(Number(e)+a,n);s==null||s($)},v=()=>{if(i)return;const $=Math.max(Number(e)-a,c);s==null||s($)},h=$=>{if(i)return;const A=$.target.value;if(A===""){s==null||s(c);return}const m=Number(A);if(!isNaN(m)){const w=Math.min(Math.max(m,c),n);s==null||s(w)}},_=["ds-stepper-wrapper",i&&"ds-stepper-wrapper--disabled",f&&"ds-stepper-wrapper--error"].filter(Boolean).join(" "),j=["ds-stepper",`ds-stepper--${l}`,i&&"ds-stepper--disabled"].filter(Boolean).join(" "),T=l==="xs"?g[1]:l==="small"?g[2]:g[3];return r.jsxs("div",{className:_,children:[t&&r.jsx("label",{className:"ds-stepper-label",children:t}),r.jsxs("div",{className:j,children:[r.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--minus",onClick:v,disabled:i||e<=c,"aria-label":"Decrease",children:r.jsx(E.Minus,{size:T,strokeWidth:1.5})}),r.jsx("input",{type:"number",className:"ds-stepper-input",value:e,onChange:h,min:c,max:n,step:a,disabled:i,...d}),r.jsx("button",{type:"button",className:"ds-stepper-button ds-stepper-button--plus",onClick:u,disabled:i||e>=n,"aria-label":"Increase",children:r.jsx(E.Plus,{size:T,strokeWidth:1.5})})]}),b&&!f&&r.jsx("div",{className:"ds-stepper-hint",children:b}),f&&r.jsx("div",{className:"ds-stepper-error",children:f})]})}function ve({children:t,padding:e="m",variant:s="info",hover:c=!1,onClick:n,href:a,disabled:l=!1,...i}){const f=(c?"interactive":s)==="interactive"||n||a,d=["ds-card",`ds-card--${e}`,f&&"ds-card--interactive"].filter(Boolean).join(" ");if(a){const h=_=>{if(l){_.preventDefault();return}_.metaKey||_.ctrlKey||_.button===1||(_.preventDefault(),n==null||n(_))};return r.jsx("a",{className:d,href:l?void 0:a,onClick:h,"aria-disabled":l?"true":void 0,...i,children:t})}const u=f&&n?"button":"div",v=f&&n?{type:"button",onClick:n,disabled:l}:{};return r.jsx(u,{className:d,role:f&&!n?"article":void 0,...v,...i,children:t})}function je({children:t,...e}){return r.jsx("h1",{className:"ds-h1",...e,children:t})}function _e({children:t,...e}){return r.jsx("h2",{className:"ds-h2",...e,children:t})}function we({children:t,...e}){return r.jsx("h3",{className:"ds-h3",...e,children:t})}function Ne({children:t,...e}){return r.jsx("h4",{className:"ds-h4",...e,children:t})}function ye({children:t,secondary:e=!1,...s}){return r.jsx("p",{className:`ds-p1 ${e?"ds-p1--secondary":""}`,...s,children:t})}function Ee({children:t,secondary:e=!1,...s}){return r.jsx("p",{className:`ds-p2 ${e?"ds-p2--secondary":""}`,...s,children:t})}function ke({children:t,secondary:e=!1,...s}){return r.jsx("p",{className:`ds-p3 ${e?"ds-p3--secondary":""}`,...s,children:t})}function Re({children:t,variant:e="default",size:s="m",role:c,...n}){const a=["ds-badge",`ds-badge--${e}`,`ds-badge--${s}`].filter(Boolean).join(" "),l=c||(["info","success","warning","error"].includes(e)?"status":void 0);return r.jsx("span",{className:a,role:l,...n,children:t})}const Te={info:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};function $e({children:t,variant:e="info",title:s,onClose:c,role:n,...a}){const l=Te[e],i=n||(e==="error"?"alert":"status");return r.jsxs("div",{className:`ds-alert ds-alert--${e} ${s?"":"ds-alert--no-title"}`,role:i,...a,children:[l&&r.jsx("div",{className:"ds-alert__icon",children:r.jsx(l,{size:g[3],strokeWidth:1.5})}),r.jsxs("div",{className:"ds-alert__content",children:[s&&r.jsx("div",{className:"ds-alert__title",children:s}),t&&r.jsx("div",{className:"ds-alert__message",children:t})]}),c&&r.jsx("button",{type:"button",className:"ds-alert__close",onClick:c,"aria-label":"Close alert",children:r.jsx(E.X,{size:g[3],strokeWidth:1.5})})]})}function Se({children:t,title:e,onClose:s,size:c="m",...n}){const a=p.useRef(null),l=p.useId();p.useEffect(()=>{const d=v=>{v.key==="Escape"&&(s==null||s())},u=v=>{a.current&&!a.current.contains(v.target)&&(s==null||s())};return document.addEventListener("keydown",d),document.addEventListener("mousedown",u),()=>{document.removeEventListener("keydown",d),document.removeEventListener("mousedown",u)}},[s]);const i=p.Children.toArray(t),b=i.find(d=>(d==null?void 0:d.type)===Z),f=i.filter(d=>(d==null?void 0:d.type)!==Z);return r.jsx("div",{className:"ds-modal-overlay",...n,children:r.jsxs("div",{className:`ds-modal ds-modal--${c}`,ref:a,role:"dialog","aria-modal":"true","aria-labelledby":e?l:void 0,children:[(e||s)&&r.jsxs("div",{className:"ds-modal__header",children:[e&&r.jsx("h3",{id:l,className:"ds-modal__title",children:e}),s&&r.jsx(le,{variant:"ghost",size:"small",icon:r.jsx(E.X,{size:g[2],strokeWidth:1.5}),onClick:s,"aria-label":"Close modal"})]}),r.jsx("div",{className:"ds-modal__body",children:f}),b]})})}function Z({children:t}){return r.jsx("div",{className:"ds-modal__footer",children:t})}function ie({children:t,title:e="Code",defaultExpanded:s=!1,expanded:c,onToggle:n,padding:a="s",className:l="",...i}){const[b,f]=p.useState(s),d=c!==void 0,u=d?c:b,v=()=>{d?n==null||n(!c):f(_=>!_)},h=["ds-code-accordion",`ds-code-accordion--${a}`,l].filter(Boolean).join(" ");return r.jsxs("div",{className:h,...i,children:[r.jsxs("button",{type:"button",className:"ds-code-accordion__header",onClick:v,"aria-expanded":u,children:[r.jsx("span",{className:"ds-code-accordion__title",children:e}),r.jsx(E.ChevronDown,{size:g[2],strokeWidth:1.5,className:`ds-code-accordion__icon ${u?"ds-code-accordion__icon--expanded":""}`})]}),u&&r.jsx("pre",{className:"ds-code-accordion__content",children:r.jsx("code",{children:t})})]})}function ge({children:t,block:e=!1,collapsible:s=!1,title:c="Code",defaultExpanded:n=!1,...a}){return e?s?r.jsx(ie,{title:c,defaultExpanded:n,...a,children:t}):r.jsx("pre",{className:"ds-code-block",...a,children:r.jsx("code",{children:t})}):r.jsx("code",{className:"ds-code-inline",...a,children:t})}function Ae({href:t,children:e,onClick:s,target:c,rel:n,...a}){const i=c==="_blank"?n?`${n} noopener noreferrer`:"noopener noreferrer":n;return r.jsx("a",{href:t,className:"ds-link",onClick:s,target:c,rel:i,...a,children:e})}function Ie({children:t,size:e="m",variant:s="ghost",...c}){return r.jsx("div",{className:"ds-tabs",role:"tablist",...c,children:p.Children.map(t,n=>p.isValidElement(n)?p.cloneElement(n,{size:e,variant:s}):n)})}function Pe({children:t,selected:e=!1,onClick:s,size:c="m",variant:n="ghost",disabled:a=!1,icon:l,href:i,...b}){const f=l&&!t,d=["ds-tab",`ds-tab--${c}`,`ds-tab--${n}`,e&&"ds-tab--selected",f&&"ds-tab--icon-only"].filter(Boolean).join(" "),u=r.jsxs(r.Fragment,{children:[l&&r.jsx("span",{className:"ds-tab-icon",children:l}),t]});if(i){const v=h=>{if(a){h.preventDefault();return}h.metaKey||h.ctrlKey||h.button===1||(h.preventDefault(),s==null||s(h))};return r.jsx("a",{role:"tab","aria-current":e?"page":void 0,"aria-disabled":a?"true":void 0,className:d,href:a?void 0:i,onClick:v,...b,children:u})}return r.jsx("button",{role:"tab","aria-selected":e,className:d,onClick:s,disabled:a,...b,children:u})}function Oe({children:t,title:e,defaultExpanded:s=!1,expanded:c,onToggle:n,padding:a="m",...l}){const[i,b]=p.useState(s),f=c!==void 0,d=f?c:i,u=()=>{f?n==null||n(!c):b(h=>!h)},v=["ds-accordion",`ds-accordion--${a}`].filter(Boolean).join(" ");return r.jsxs("div",{className:v,...l,children:[r.jsxs("button",{type:"button",className:"ds-accordion__header",onClick:u,"aria-expanded":d,children:[r.jsx("span",{className:"ds-accordion__title",children:e}),r.jsx(E.ChevronDown,{size:g[2],strokeWidth:1.5,className:`ds-accordion__icon ${d?"ds-accordion__icon--expanded":""}`})]}),d&&r.jsx("div",{className:"ds-accordion__content",children:t})]})}const O=8,W=8;function Le(t,e,s){const c=window.innerWidth;let n,a;switch(t){case"top":n=e.top-s.height-O,a=e.left+e.width/2-s.width/2;break;case"bottom":n=e.bottom+O,a=e.left+e.width/2-s.width/2;break;case"left":n=e.top+e.height/2-s.height/2,a=e.left-s.width-O;break;case"right":n=e.top+e.height/2-s.height/2,a=e.right+O;break;default:n=e.bottom+O,a=e.left}const l=Math.max(W,Math.min(c-s.width-W,a)),i=a-l;return{top:n,left:l,arrowOffset:i}}function Be(t,e,s){const c=window.innerWidth,n=window.innerHeight;if(t.top>=e+O+W)return"top";if(n-t.bottom>=e+O+W)return"bottom";if(c-t.right>=s+O+W)return"right";if(t.left>=s+O+W)return"left";const a=Math.max(t.top,n-t.bottom,t.left,c-t.right);return a===t.top?"top":a===n-t.bottom?"bottom":a===c-t.right?"right":"left"}function De({children:t,content:e,position:s,...c}){const[n,a]=p.useState(!1),[l,i]=p.useState({visibility:"hidden"}),[b,f]=p.useState(s||"top"),d=p.useRef(null),u=p.useRef(null),v=p.useRef(!1),h=()=>{if(!d.current||!u.current)return;const j=d.current.getBoundingClientRect(),T=u.current.getBoundingClientRect(),$=s||Be(j,T.height,T.width),{top:A,left:m,arrowOffset:w}=Le($,j,T);f($),i({position:"fixed",top:A,left:m,visibility:"visible","--arrow-offset":`${w}px`})};if(p.useEffect(()=>{if(!n)return;i({position:"fixed",visibility:"hidden"});const j=requestAnimationFrame(h);return window.addEventListener("scroll",h,!0),window.addEventListener("resize",h),()=>{cancelAnimationFrame(j),window.removeEventListener("scroll",h,!0),window.removeEventListener("resize",h)}},[n,s]),p.useEffect(()=>{if(!n)return;const j=T=>{d.current&&!d.current.contains(T.target)&&a(!1)};return document.addEventListener("touchstart",j),()=>document.removeEventListener("touchstart",j)},[n]),!e)return t;const _=n&&r.jsx("div",{ref:u,className:`ds-tooltip ds-tooltip--${b}`,role:"tooltip",style:l,children:e});return r.jsxs("div",{ref:d,className:"ds-tooltip-wrapper",onMouseEnter:()=>{v.current||a(!0)},onMouseLeave:()=>{v.current||a(!1)},onTouchStart:()=>{v.current=!0,a(j=>!j)},...c,children:[t,typeof document<"u"&&X.createPortal(_,document.body)]})}function Me({checked:t=!1,onChange:e,size:s="m",disabled:c=!1,label:n,id:a,...l}){const i=a||`toggle-${p.useId()}`,b=["ds-toggle",`ds-toggle--${s}`,c&&"ds-toggle--disabled"].filter(Boolean).join(" ");return r.jsxs("label",{className:b,htmlFor:i,children:[r.jsx("input",{type:"checkbox",id:i,className:"ds-toggle__input",checked:t,onChange:f=>e==null?void 0:e(f.target.checked),disabled:c,...l}),r.jsx("span",{className:"ds-toggle__track",children:r.jsx("span",{className:"ds-toggle__thumb"})}),n&&r.jsx("span",{className:"ds-toggle__label",children:n})]})}function Fe({checked:t=!1,onChange:e,size:s="m",disabled:c=!1,label:n,id:a,...l}){const i=a||`checkbox-${p.useId()}`,b=["ds-checkbox",`ds-checkbox--${s}`,c&&"ds-checkbox--disabled"].filter(Boolean).join(" "),f=s==="xs"?10:s==="small"?14:s==="large"?20:16;return r.jsxs("label",{className:b,htmlFor:i,children:[r.jsx("input",{type:"checkbox",id:i,className:"ds-checkbox__input",checked:t,onChange:d=>e==null?void 0:e(d.target.checked),disabled:c,...l}),r.jsx("span",{className:"ds-checkbox__box",children:t&&r.jsx(E.Check,{size:f,strokeWidth:2.5,className:"ds-checkbox__icon"})}),n&&r.jsx("span",{className:"ds-checkbox__label",children:n})]})}function We({checked:t=!1,onChange:e,size:s="m",disabled:c=!1,label:n,name:a,value:l,id:i,...b}){const f=i||`radio-${p.useId()}`,d=["ds-radio",`ds-radio--${s}`,c&&"ds-radio--disabled"].filter(Boolean).join(" ");return r.jsxs("label",{className:d,htmlFor:f,children:[r.jsx("input",{type:"radio",id:f,className:"ds-radio__input",checked:t,onChange:u=>e==null?void 0:e(u.target.checked),disabled:c,name:a,value:l,...b}),r.jsx("span",{className:"ds-radio__circle",children:r.jsx("span",{className:"ds-radio__dot"})}),n&&r.jsx("span",{className:"ds-radio__label",children:n})]})}function ze({size:t="m",color:e="default",className:s="",...c}){return r.jsx("span",{className:["ds-spinner",`ds-spinner--${t}`,`ds-spinner--${e}`,s].filter(Boolean).join(" "),role:"status","aria-label":"Loading",...c})}function Ye({width:t,height:e,shape:s="rect",className:c="",style:n={},...a}){return r.jsx("span",{className:["ds-skeleton",`ds-skeleton--${s}`,c].filter(Boolean).join(" "),style:{width:t,height:e,...n},"aria-hidden":"true",...a})}function Ve(t){let e=2166136261;for(let s=0;s<t.length;s++)e^=t.charCodeAt(s),e=Math.imul(e,16777619)>>>0;return e%360}function Ce({seed:t,icon:e,size:s=32,className:c="",style:n={},...a}){const l=Ve(t??"");return r.jsx("div",{className:["ds-avatar",c].filter(Boolean).join(" "),style:{width:s,height:s,"--ds-avatar-h":l,...n},"aria-hidden":"true",...a,children:e})}function He({children:t,size:e="compact",stickyTop:s,maxHeight:c,className:n="",style:a={},...l}){const i={...c?{maxHeight:c}:{},...s!==void 0?{"--ds-table-sticky-top":typeof s=="number"?`${s}px`:s}:{},...a};return r.jsx("div",{className:["ds-table-wrap",c?"ds-table-wrap--scroll":""].filter(Boolean).join(" "),style:i,children:r.jsx("table",{className:["ds-table",`ds-table--${e}`,n].filter(Boolean).join(" "),...l,children:t})})}function Ue({children:t,...e}){return r.jsx("thead",{...e,children:t})}function qe({children:t,...e}){return r.jsx("tbody",{...e,children:t})}function Xe({children:t,interactive:e,selected:s,className:c="",onClick:n,...a}){return r.jsx("tr",{className:["ds-table-row",e||n?"ds-table-row--interactive":"",s?"ds-table-row--selected":"",c].filter(Boolean).join(" "),onClick:n,...a,children:t})}function Ge({children:t,align:e="left",sortDir:s,onSort:c,width:n,className:a="",style:l={},...i}){const b=!!c||s!==void 0,f=s==="asc"?E.ChevronUp:s==="desc"?E.ChevronDown:E.ChevronsUpDown;return r.jsx("th",{className:["ds-th",b?"ds-th--sortable":"",s?"ds-th--sorted":"",e!=="left"?`ds-table-cell--${e}`:"",a].filter(Boolean).join(" "),onClick:c,style:{width:n,...l},...i,children:b?r.jsxs("span",{className:"ds-th__inner",children:[t,r.jsx("span",{className:"ds-th__sort-icon",children:r.jsx(f,{size:11,strokeWidth:2.5})})]}):t})}function Je({children:t,align:e="left",secondary:s,muted:c,truncate:n,nowrap:a,className:l="",...i}){return r.jsx("td",{className:["ds-td",e!=="left"?`ds-table-cell--${e}`:"",s?"ds-table-cell--secondary":"",c?"ds-table-cell--muted":"",n?"ds-table-cell--truncate":"",a?"ds-table-cell--nowrap":"",l].filter(Boolean).join(" "),...i,children:t})}function Ke({icon:t,title:e,description:s,action:c,size:n="m",className:a="",...l}){return r.jsxs("div",{className:["ds-empty-state",`ds-empty-state--${n}`,a].filter(Boolean).join(" "),...l,children:[t&&r.jsx("div",{className:"ds-empty-state__icon",children:t}),r.jsx("div",{className:"ds-empty-state__title",children:e}),s&&r.jsx("div",{className:"ds-empty-state__description",children:s}),c&&r.jsx("div",{className:"ds-empty-state__action",children:c})]})}function Ze({trigger:t,items:e=[],open:s,onOpenChange:c,align:n="left",className:a="",style:l,...i}){const[b,f]=p.useState(!1),d=s!==void 0,u=d?s:b,v=p.useRef(null),h=p.useRef(null),[_,j]=p.useState({}),T=()=>{d?c==null||c(!1):f(!1)},$=()=>{const m=!u;d?c==null||c(m):f(m)};p.useEffect(()=>{if(!u)return;const m=()=>{var S;const w=(S=v.current)==null?void 0:S.getBoundingClientRect();w&&j(n==="right"?{top:w.bottom+4,right:window.innerWidth-w.right}:{top:w.bottom+4,left:w.left})};return m(),window.addEventListener("scroll",m,!0),window.addEventListener("resize",m),()=>{window.removeEventListener("scroll",m,!0),window.removeEventListener("resize",m)}},[u,n]),p.useEffect(()=>{if(!u)return;const m=S=>{var I,P;!((I=v.current)!=null&&I.contains(S.target))&&!((P=h.current)!=null&&P.contains(S.target))&&T()},w=S=>{S.key==="Escape"&&T()};return document.addEventListener("mousedown",m),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",m),document.removeEventListener("keydown",w)}},[u]);const A=u&&r.jsx("div",{ref:h,className:["ds-dropdown__menu",`ds-dropdown__menu--${n}`].join(" "),style:_,children:e.map((m,w)=>{if(m.separator)return r.jsx("div",{className:"ds-dropdown__separator"},w);if(m.type==="section")return r.jsxs("div",{className:"ds-dropdown__section",children:[m.label&&r.jsx("div",{className:"ds-dropdown__section-label",children:m.label}),r.jsx("div",{className:"ds-dropdown__section-content",children:m.content})]},w);const S=!!m.href,I=S?"a":"button",P=S?{href:m.disabled?void 0:m.href,"aria-disabled":m.disabled?"true":void 0}:{type:"button",disabled:m.disabled};return r.jsxs(I,{className:["ds-dropdown__item",m.danger&&"ds-dropdown__item--danger"].filter(Boolean).join(" "),...P,onClick:()=>{var B;(B=m.onClick)==null||B.call(m),T()},children:[m.icon&&r.jsx("span",{className:"ds-dropdown__item-icon",children:m.icon}),r.jsx("span",{className:"ds-dropdown__item-label",children:m.label}),m.shortcut&&r.jsx("span",{className:"ds-dropdown__item-shortcut",children:m.shortcut})]},w)})});return r.jsxs("div",{ref:v,className:["ds-dropdown",a].filter(Boolean).join(" "),style:l,...i,children:[r.jsx("div",{className:"ds-dropdown__trigger",onClick:$,children:t}),typeof document<"u"&&X.createPortal(A,document.body)]})}const ce={default:E.Info,success:E.CheckCircle,warning:E.AlertTriangle,error:E.XCircle};let z=[];const Q=new Set;function de(){Q.forEach(t=>t([...z]))}function Qe(t){z=[...z,t],de()}function et(t){z=z.filter(e=>e.id!==t),de()}function tt(){const t=(e,s={})=>{Qe({id:`${Date.now()}-${Math.random()}`,message:e,type:"default",duration:4e3,...s})};return t.success=(e,s)=>t(e,{...s,type:"success"}),t.error=(e,s)=>t(e,{...s,type:"error"}),t.warning=(e,s)=>t(e,{...s,type:"warning"}),{toast:t}}function st({data:t,onDismiss:e}){const[s,c]=p.useState(!1),n=p.useRef(null);p.useEffect(()=>(requestAnimationFrame(()=>c(!0)),t.duration>0&&(n.current=setTimeout(()=>a(),t.duration)),()=>clearTimeout(n.current)),[]);function a(){c(!1),setTimeout(()=>e(t.id),250)}const l=ce[t.type]??ce.default;return r.jsxs("div",{className:["ds-toast",`ds-toast--${t.type}`,s&&"ds-toast--visible"].filter(Boolean).join(" "),role:t.type==="error"?"alert":"status","aria-live":"polite",children:[r.jsx("div",{className:"ds-toast__icon",children:r.jsx(l,{size:g[3],strokeWidth:1.5})}),r.jsx("span",{className:"ds-toast__message",children:t.message}),r.jsx("button",{className:"ds-toast__close",onClick:a,"aria-label":"Закрыть",children:r.jsx(E.X,{size:g[3],strokeWidth:1.5})})]})}function rt({position:t="bottom-right"}){const[e,s]=p.useState(()=>[...z]);return p.useEffect(()=>(Q.add(s),()=>Q.delete(s)),[]),!e.length||typeof document>"u"?null:X.createPortal(r.jsx("div",{className:["ds-toast-container",`ds-toast-container--${t}`].join(" "),children:e.map(c=>r.jsx(st,{data:c,onDismiss:et},c.id))}),document.body)}exports.Accordion=Oe;exports.Alert=$e;exports.Avatar=Ce;exports.Badge=Re;exports.Button=le;exports.Card=ve;exports.Checkbox=Fe;exports.Code=ge;exports.CodeAccordion=ie;exports.Dropdown=Ze;exports.EmptyState=Ke;exports.H1=je;exports.H2=_e;exports.H3=we;exports.H4=Ne;exports.Input=pe;exports.Link=Ae;exports.Modal=Se;exports.ModalFooter=Z;exports.P1=ye;exports.P2=Ee;exports.P3=ke;exports.Radio=We;exports.Select=he;exports.Skeleton=Ye;exports.Spinner=ze;exports.Stepper=xe;exports.Tab=Pe;exports.Table=He;exports.TableBody=qe;exports.TableHead=Ue;exports.TableRow=Xe;exports.Tabs=Ie;exports.Td=Je;exports.Textarea=be;exports.Th=Ge;exports.ToastContainer=rt;exports.Toggle=Me;exports.Tooltip=De;exports.iconSizes=g;exports.useToast=tt;

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import S, { useState as g, useRef as B, useEffect as L } from "react";
-import J from "react-dom";
-import { ChevronDown as C, Minus as ve, Plus as je, XCircle as fe, AlertTriangle as me, CheckCircle as pe, Info as be, X as se, Check as _e, ChevronUp as we, ChevronsUpDown as Ne } from "lucide-react";
+import A, { useState as I, useRef as L, useEffect as B } from "react";
+import C from "react-dom";
+import { ChevronDown as K, Minus as ve, Plus as je, XCircle as fe, AlertTriangle as me, CheckCircle as pe, Info as be, X as se, Check as _e, ChevronUp as we, ChevronsUpDown as Ne } from "lucide-react";
 const T = {
   1: 16,
   2: 20,
@@ -8,7 +8,7 @@ const T = {
   4: 28,
   5: 48
 };
-var ee = { exports: {} }, H = {};
+var ee = { exports: {} }, G = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -20,7 +20,7 @@ var ee = { exports: {} }, H = {};
  */
 var le;
 function ye() {
-  if (le) return H;
+  if (le) return G;
   le = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function s(c, n, a) {
@@ -38,9 +38,9 @@ function ye() {
       props: a
     };
   }
-  return H.Fragment = e, H.jsx = s, H.jsxs = s, H;
+  return G.Fragment = e, G.jsx = s, G.jsxs = s, G;
 }
-var G = {};
+var q = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -59,13 +59,13 @@ function Ee() {
         return o.$$typeof === D ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case R:
+        case k:
           return "Fragment";
-        case m:
+        case S:
           return "Profiler";
         case $:
           return "StrictMode";
-        case I:
+        case g:
           return "Suspense";
         case P:
           return "SuspenseList";
@@ -78,19 +78,19 @@ function Ee() {
         ), o.$$typeof) {
           case v:
             return "Portal";
-          case y:
-            return o.displayName || "Context";
           case _:
+            return o.displayName || "Context";
+          case m:
             return (o._context.displayName || "Context") + ".Consumer";
-          case A:
-            var b = o.render;
-            return o = o.displayName, o || (o = b.displayName || b.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case K:
-            return b = o.displayName || null, b !== null ? b : t(o.type) || "Memo";
-          case V:
-            b = o._payload, o = o._init;
+          case R:
+            var h = o.render;
+            return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case M:
+            return h = o.displayName || null, h !== null ? h : t(o.type) || "Memo";
+          case U:
+            h = o._payload, o = o._init;
             try {
-              return t(o(b));
+              return t(o(h));
             } catch {
             }
         }
@@ -102,50 +102,50 @@ function Ee() {
     function s(o) {
       try {
         e(o);
-        var b = !1;
+        var h = !1;
       } catch {
-        b = !0;
+        h = !0;
       }
-      if (b) {
-        b = console;
-        var N = b.error, E = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (h) {
+        h = console;
+        var N = h.error, y = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return N.call(
-          b,
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
+          y
         ), e(o);
       }
     }
     function c(o) {
-      if (o === R) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === V)
+      if (o === k) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === U)
         return "<...>";
       try {
-        var b = t(o);
-        return b ? "<" + b + ">" : "<...>";
+        var h = t(o);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var o = M.A;
+      var o = F.A;
       return o === null ? null : o.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function l(o) {
-      if (q.call(o, "key")) {
-        var b = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (b && b.isReactWarning) return !1;
+      if (X.call(o, "key")) {
+        var h = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function i(o, b) {
+    function i(o, h) {
       function N() {
-        U || (U = !0, console.error(
+        H || (H = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          b
+          h
         ));
       }
       N.isReactWarning = !0, Object.defineProperty(o, "key", {
@@ -159,15 +159,15 @@ function Ee() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function f(o, b, N, E, X, Z) {
-      var k = N.ref;
+    function f(o, h, N, y, J, Z) {
+      var E = N.ref;
       return o = {
         $$typeof: j,
         type: o,
-        key: b,
+        key: h,
         props: N,
-        _owner: E
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(o, "ref", {
+        _owner: y
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: p
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
@@ -184,7 +184,7 @@ function Ee() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
+        value: J
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -192,94 +192,94 @@ function Ee() {
         value: Z
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function d(o, b, N, E, X, Z) {
-      var k = b.children;
-      if (k !== void 0)
-        if (E)
-          if (re(k)) {
-            for (E = 0; E < k.length; E++)
-              u(k[E]);
-            Object.freeze && Object.freeze(k);
+    function d(o, h, N, y, J, Z) {
+      var E = h.children;
+      if (E !== void 0)
+        if (y)
+          if (re(E)) {
+            for (y = 0; y < E.length; y++)
+              u(E[y]);
+            Object.freeze && Object.freeze(E);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else u(k);
-      if (q.call(b, "key")) {
-        k = t(o);
-        var W = Object.keys(b).filter(function(xe) {
+        else u(E);
+      if (X.call(h, "key")) {
+        E = t(o);
+        var Y = Object.keys(h).filter(function(xe) {
           return xe !== "key";
         });
-        E = 0 < W.length ? "{key: someKey, " + W.join(": ..., ") + ": ...}" : "{key: someKey}", ce[k + E] || (W = 0 < W.length ? "{" + W.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ce[E + y] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          y,
           E,
-          k,
-          W,
-          k
-        ), ce[k + E] = !0);
+          Y,
+          E
+        ), ce[E + y] = !0);
       }
-      if (k = null, N !== void 0 && (s(N), k = "" + N), l(b) && (s(b.key), k = "" + b.key), "key" in b) {
+      if (E = null, N !== void 0 && (s(N), E = "" + N), l(h) && (s(h.key), E = "" + h.key), "key" in h) {
         N = {};
-        for (var Q in b)
-          Q !== "key" && (N[Q] = b[Q]);
-      } else N = b;
-      return k && i(
+        for (var Q in h)
+          Q !== "key" && (N[Q] = h[Q]);
+      } else N = h;
+      return E && i(
         N,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), f(
         o,
-        k,
+        E,
         N,
         n(),
-        X,
+        J,
         Z
       );
     }
     function u(o) {
-      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === V && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === U && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function h(o) {
+    function x(o) {
       return typeof o == "object" && o !== null && o.$$typeof === j;
     }
-    var x = S, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), M = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, re = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var b = A, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), F = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, re = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
-    x = {
+    b = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var U, ne = {}, ae = x.react_stack_bottom_frame.bind(
-      x,
+    var H, ne = {}, ae = b.react_stack_bottom_frame.bind(
+      b,
       a
-    )(), oe = F(c(a)), ce = {};
-    G.Fragment = R, G.jsx = function(o, b, N) {
-      var E = 1e4 > M.recentlyCreatedOwnerStacks++;
+    )(), oe = W(c(a)), ce = {};
+    q.Fragment = k, q.jsx = function(o, h, N) {
+      var y = 1e4 > F.recentlyCreatedOwnerStacks++;
       return d(
         o,
-        b,
+        h,
         N,
         !1,
-        E ? Error("react-stack-top-frame") : ae,
-        E ? F(c(o)) : oe
+        y ? Error("react-stack-top-frame") : ae,
+        y ? W(c(o)) : oe
       );
-    }, G.jsxs = function(o, b, N) {
-      var E = 1e4 > M.recentlyCreatedOwnerStacks++;
+    }, q.jsxs = function(o, h, N) {
+      var y = 1e4 > F.recentlyCreatedOwnerStacks++;
       return d(
         o,
-        b,
+        h,
         N,
         !0,
-        E ? Error("react-stack-top-frame") : ae,
-        E ? F(c(o)) : oe
+        y ? Error("react-stack-top-frame") : ae,
+        y ? W(c(o)) : oe
       );
     };
-  }()), G;
+  }()), q;
 }
 process.env.NODE_ENV === "production" ? ee.exports = ye() : ee.exports = Ee();
 var r = ee.exports;
@@ -296,13 +296,13 @@ function ke({
   "aria-label": f,
   ...d
 }) {
-  const u = n && !t, h = [
+  const u = n && !t, x = [
     "ds-button",
     `ds-button--${e}`,
     `ds-button--${s}`,
     c && "ds-button--full",
     u && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), x = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  ].filter(Boolean).join(" "), b = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     n && !u && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n }),
     t,
     u && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: n })
@@ -318,13 +318,13 @@ function ke({
     return /* @__PURE__ */ r.jsx(
       "a",
       {
-        className: h,
+        className: x,
         href: a ? void 0 : p,
         onClick: j,
         "aria-label": f,
         "aria-disabled": a ? "true" : void 0,
         ...d,
-        children: x
+        children: b
       }
     );
   }
@@ -332,12 +332,12 @@ function ke({
     "button",
     {
       type: i,
-      className: h,
+      className: x,
       disabled: a,
       onClick: l,
       "aria-label": f,
       ...d,
-      children: x
+      children: b
     }
   );
 }
@@ -354,7 +354,7 @@ function De({
   id: f,
   ...d
 }) {
-  const u = f || `input-${S.useId()}`, h = s ? `${u}-hint` : void 0, x = e ? `${u}-error` : void 0, j = x || h;
+  const u = f || `input-${A.useId()}`, x = s ? `${u}-hint` : void 0, b = e ? `${u}-error` : void 0, j = b || x;
   return /* @__PURE__ */ r.jsxs("div", { className: `ds-input-wrapper ${c ? "ds-input-wrapper--full" : ""} ${p ? "ds-input-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ r.jsx("label", { className: "ds-input-label", htmlFor: u, children: t }),
     /* @__PURE__ */ r.jsxs("div", { className: "ds-input-container", children: [
@@ -382,8 +382,8 @@ function De({
         }
       )
     ] }),
-    s && !e && /* @__PURE__ */ r.jsx("span", { id: h, className: "ds-input-hint", children: s }),
-    e && /* @__PURE__ */ r.jsx("span", { id: x, className: "ds-input-error", role: "alert", children: e })
+    s && !e && /* @__PURE__ */ r.jsx("span", { id: x, className: "ds-input-hint", children: s }),
+    e && /* @__PURE__ */ r.jsx("span", { id: b, className: "ds-input-error", role: "alert", children: e })
   ] });
 }
 function Me({
@@ -398,7 +398,7 @@ function Me({
   rows: p = 3,
   ...f
 }) {
-  const d = l || `textarea-${S.useId()}`, u = s ? `${d}-hint` : void 0, h = e ? `${d}-error` : void 0, x = h || u;
+  const d = l || `textarea-${A.useId()}`, u = s ? `${d}-hint` : void 0, x = e ? `${d}-error` : void 0, b = x || u;
   return /* @__PURE__ */ r.jsxs("div", { className: `ds-textarea-wrapper ${c ? "ds-textarea-wrapper--full" : ""} ${a ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ r.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: t }),
     /* @__PURE__ */ r.jsx(
@@ -408,13 +408,13 @@ function Me({
         className: `ds-textarea ds-textarea--${n} ${e ? "ds-textarea--error" : ""} ${i ? "" : "ds-textarea--no-resize"}`,
         disabled: a,
         "aria-invalid": e ? "true" : "false",
-        "aria-describedby": x,
+        "aria-describedby": b,
         rows: p,
         ...f
       }
     ),
     s && !e && /* @__PURE__ */ r.jsx("span", { id: u, className: "ds-textarea-hint", children: s }),
-    e && /* @__PURE__ */ r.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: e })
+    e && /* @__PURE__ */ r.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: e })
   ] });
 }
 function Fe({
@@ -430,34 +430,34 @@ function Fe({
   id: f,
   ...d
 }) {
-  const [u, h] = g(!1), [x, j] = g({}), [v, R] = g("down"), $ = B(null), m = B(null), _ = f || `select-${S.useId()}`, y = `${_}-label`, A = a ? `${_}-error` : void 0, I = () => {
-    var U;
-    const w = (U = $.current) == null ? void 0 : U.getBoundingClientRect();
+  const [u, x] = I(!1), [b, j] = I({}), [v, k] = I("down"), $ = L(null), S = L(null), m = f || `select-${A.useId()}`, _ = `${m}-label`, R = a ? `${m}-error` : void 0, g = () => {
+    var H;
+    const w = (H = $.current) == null ? void 0 : H.getBoundingClientRect();
     if (!w) return;
-    const D = window.innerHeight, M = D - w.bottom, q = w.top, F = M < 300 && q > M;
-    R(F ? "up" : "down"), j(
-      F ? { bottom: D - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
+    const D = window.innerHeight, F = D - w.bottom, X = w.top, W = F < 300 && X > F;
+    k(W ? "up" : "down"), j(
+      W ? { bottom: D - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
     );
   };
-  L(() => {
+  B(() => {
     if (u)
-      return I(), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
-        window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+      return g(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
+        window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
       };
-  }, [u]), L(() => {
+  }, [u]), B(() => {
     const w = (D) => {
-      $.current && !$.current.contains(D.target) && m.current && !m.current.contains(D.target) && h(!1);
+      $.current && !$.current.contains(D.target) && S.current && !S.current.contains(D.target) && x(!1);
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
   }, []);
-  const P = c.find((w) => w.value === e), K = i === "xs" ? T[1] : i === "small" ? T[2] : T[3], V = u && /* @__PURE__ */ r.jsx(
+  const P = c.find((w) => w.value === e), M = i === "xs" ? T[1] : i === "small" ? T[2] : T[3], U = u && /* @__PURE__ */ r.jsx(
     "div",
     {
-      ref: m,
+      ref: S,
       role: "listbox",
-      "aria-labelledby": t ? y : void 0,
+      "aria-labelledby": t ? _ : void 0,
       className: `ds-select-dropdown ds-select-dropdown--${i} ds-select-dropdown--${v}`,
-      style: x,
+      style: b,
       children: c.map((w) => /* @__PURE__ */ r.jsx(
         "button",
         {
@@ -466,7 +466,7 @@ function Fe({
           "aria-selected": e === w.value,
           className: `ds-select-option ds-select-option--${i} ${e === w.value ? "ds-select-option--selected" : ""}`,
           onClick: () => {
-            s == null || s(w.value), h(!1);
+            s == null || s(w.value), x(!1);
           },
           children: w.label
         },
@@ -475,28 +475,28 @@ function Fe({
     }
   );
   return /* @__PURE__ */ r.jsxs("div", { className: `ds-select-wrapper ${l ? "ds-select-wrapper--full" : ""} ${p ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ r.jsx("label", { id: y, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ r.jsx("label", { id: _, className: "ds-select-label", children: t }),
     /* @__PURE__ */ r.jsx("div", { className: "ds-select-container", ref: $, children: /* @__PURE__ */ r.jsxs(
       "button",
       {
         type: "button",
-        id: _,
+        id: m,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": u,
-        "aria-labelledby": t ? y : void 0,
+        "aria-labelledby": t ? _ : void 0,
         "aria-invalid": a ? "true" : "false",
-        "aria-describedby": A,
+        "aria-describedby": R,
         className: `ds-select-trigger ds-select-trigger--${i} ${a ? "ds-select-trigger--error" : ""}`,
-        onClick: () => !p && h(!u),
+        onClick: () => !p && x(!u),
         disabled: p,
         ...d,
         children: [
           /* @__PURE__ */ r.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || n }),
           /* @__PURE__ */ r.jsx(
-            C,
+            K,
             {
-              size: K,
+              size: M,
               strokeWidth: 1.5,
               className: `ds-select-icon ${u && v === "down" ? "ds-select-icon--open" : ""} ${u && v === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
@@ -505,8 +505,8 @@ function Fe({
         ]
       }
     ) }),
-    a && /* @__PURE__ */ r.jsx("span", { id: A, className: "ds-select-error", role: "alert", children: a }),
-    typeof document < "u" && J.createPortal(V, document.body)
+    a && /* @__PURE__ */ r.jsx("span", { id: R, className: "ds-select-error", role: "alert", children: a }),
+    typeof document < "u" && C.createPortal(U, document.body)
   ] });
 }
 function We({
@@ -526,21 +526,21 @@ function We({
     if (i) return;
     const $ = Math.min(Number(e) + a, n);
     s == null || s($);
-  }, h = () => {
+  }, x = () => {
     if (i) return;
     const $ = Math.max(Number(e) - a, c);
     s == null || s($);
-  }, x = ($) => {
+  }, b = ($) => {
     if (i) return;
-    const m = $.target.value;
-    if (m === "") {
+    const S = $.target.value;
+    if (S === "") {
       s == null || s(c);
       return;
     }
-    const _ = Number(m);
-    if (!isNaN(_)) {
-      const y = Math.min(Math.max(_, c), n);
-      s == null || s(y);
+    const m = Number(S);
+    if (!isNaN(m)) {
+      const _ = Math.min(Math.max(m, c), n);
+      s == null || s(_);
     }
   }, j = [
     "ds-stepper-wrapper",
@@ -550,7 +550,7 @@ function We({
     "ds-stepper",
     `ds-stepper--${l}`,
     i && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), R = l === "xs" ? T[1] : l === "small" ? T[2] : T[3];
+  ].filter(Boolean).join(" "), k = l === "xs" ? T[1] : l === "small" ? T[2] : T[3];
   return /* @__PURE__ */ r.jsxs("div", { className: j, children: [
     t && /* @__PURE__ */ r.jsx("label", { className: "ds-stepper-label", children: t }),
     /* @__PURE__ */ r.jsxs("div", { className: v, children: [
@@ -559,10 +559,10 @@ function We({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: h,
+          onClick: x,
           disabled: i || e <= c,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ r.jsx(ve, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ r.jsx(ve, { size: k, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -571,7 +571,7 @@ function We({
           type: "number",
           className: "ds-stepper-input",
           value: e,
-          onChange: x,
+          onChange: b,
           min: c,
           max: n,
           step: a,
@@ -587,7 +587,7 @@ function We({
           onClick: u,
           disabled: i || e >= n,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ r.jsx(je, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ r.jsx(je, { size: k, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -612,7 +612,7 @@ function Ye({
     f && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (a) {
-    const x = (j) => {
+    const b = (j) => {
       if (l) {
         j.preventDefault();
         return;
@@ -624,14 +624,14 @@ function Ye({
       {
         className: d,
         href: l ? void 0 : a,
-        onClick: x,
+        onClick: b,
         "aria-disabled": l ? "true" : void 0,
         ...i,
         children: t
       }
     );
   }
-  const u = f && n ? "button" : "div", h = f && n ? {
+  const u = f && n ? "button" : "div", x = f && n ? {
     type: "button",
     onClick: n,
     disabled: l
@@ -641,7 +641,7 @@ function Ye({
     {
       className: d,
       role: f && !n ? "article" : void 0,
-      ...h,
+      ...x,
       ...i,
       children: t
     }
@@ -722,18 +722,18 @@ function Ke({
   size: c = "m",
   ...n
 }) {
-  const a = B(null), l = S.useId();
-  L(() => {
-    const d = (h) => {
-      h.key === "Escape" && (s == null || s());
-    }, u = (h) => {
-      a.current && !a.current.contains(h.target) && (s == null || s());
+  const a = L(null), l = A.useId();
+  B(() => {
+    const d = (x) => {
+      x.key === "Escape" && (s == null || s());
+    }, u = (x) => {
+      a.current && !a.current.contains(x.target) && (s == null || s());
     };
     return document.addEventListener("keydown", d), document.addEventListener("mousedown", u), () => {
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", u);
     };
   }, [s]);
-  const i = S.Children.toArray(t), p = i.find((d) => (d == null ? void 0 : d.type) === de), f = i.filter((d) => (d == null ? void 0 : d.type) !== de);
+  const i = A.Children.toArray(t), p = i.find((d) => (d == null ? void 0 : d.type) === de), f = i.filter((d) => (d == null ? void 0 : d.type) !== de);
   return /* @__PURE__ */ r.jsx("div", { className: "ds-modal-overlay", ...n, children: /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -775,25 +775,25 @@ function Re({
   className: l = "",
   ...i
 }) {
-  const [p, f] = g(s), d = c !== void 0, u = d ? c : p, h = () => {
+  const [p, f] = I(s), d = c !== void 0, u = d ? c : p, x = () => {
     d ? n == null || n(!c) : f((j) => !j);
-  }, x = [
+  }, b = [
     "ds-code-accordion",
     `ds-code-accordion--${a}`,
     l
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: x, ...i, children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: b, ...i, children: [
     /* @__PURE__ */ r.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: h,
+        onClick: x,
         "aria-expanded": u,
         children: [
           /* @__PURE__ */ r.jsx("span", { className: "ds-code-accordion__title", children: e }),
           /* @__PURE__ */ r.jsx(
-            C,
+            K,
             {
               size: T[2],
               strokeWidth: 1.5,
@@ -825,7 +825,7 @@ function Qe({ href: t, children: e, onClick: s, target: c, rel: n, ...a }) {
   );
 }
 function et({ children: t, size: e = "m", variant: s = "ghost", ...c }) {
-  return /* @__PURE__ */ r.jsx("div", { className: "ds-tabs", role: "tablist", ...c, children: S.Children.map(t, (n) => S.isValidElement(n) ? S.cloneElement(n, { size: e, variant: s }) : n) });
+  return /* @__PURE__ */ r.jsx("div", { className: "ds-tabs", role: "tablist", ...c, children: A.Children.map(t, (n) => A.isValidElement(n) ? A.cloneElement(n, { size: e, variant: s }) : n) });
 }
 function tt({ children: t, selected: e = !1, onClick: s, size: c = "m", variant: n = "ghost", disabled: a = !1, icon: l, href: i, ...p }) {
   const f = l && !t, d = [
@@ -839,12 +839,12 @@ function tt({ children: t, selected: e = !1, onClick: s, size: c = "m", variant:
     t
   ] });
   if (i) {
-    const h = (x) => {
+    const x = (b) => {
       if (a) {
-        x.preventDefault();
+        b.preventDefault();
         return;
       }
-      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), s == null || s(x));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), s == null || s(b));
     };
     return /* @__PURE__ */ r.jsx(
       "a",
@@ -854,7 +854,7 @@ function tt({ children: t, selected: e = !1, onClick: s, size: c = "m", variant:
         "aria-disabled": a ? "true" : void 0,
         className: d,
         href: a ? void 0 : i,
-        onClick: h,
+        onClick: x,
         ...p,
         children: u
       }
@@ -882,13 +882,13 @@ function st({
   padding: a = "m",
   ...l
 }) {
-  const [i, p] = g(s), f = c !== void 0, d = f ? c : i, u = () => {
-    f ? n == null || n(!c) : p((x) => !x);
-  }, h = [
+  const [i, p] = I(s), f = c !== void 0, d = f ? c : i, u = () => {
+    f ? n == null || n(!c) : p((b) => !b);
+  }, x = [
     "ds-accordion",
     `ds-accordion--${a}`
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs("div", { className: h, ...l, children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: x, ...l, children: [
     /* @__PURE__ */ r.jsxs(
       "button",
       {
@@ -899,7 +899,7 @@ function st({
         children: [
           /* @__PURE__ */ r.jsx("span", { className: "ds-accordion__title", children: e }),
           /* @__PURE__ */ r.jsx(
-            C,
+            K,
             {
               size: T[2],
               strokeWidth: 1.5,
@@ -912,7 +912,7 @@ function st({
     d && /* @__PURE__ */ r.jsx("div", { className: "ds-accordion__content", children: t })
   ] });
 }
-const O = 8, Y = 8;
+const O = 8, z = 8;
 function Te(t, e, s) {
   const c = window.innerWidth;
   let n, a;
@@ -932,41 +932,41 @@ function Te(t, e, s) {
     default:
       n = e.bottom + O, a = e.left;
   }
-  const l = Math.max(Y, Math.min(c - s.width - Y, a)), i = a - l;
+  const l = Math.max(z, Math.min(c - s.width - z, a)), i = a - l;
   return { top: n, left: l, arrowOffset: i };
 }
 function Se(t, e, s) {
   const c = window.innerWidth, n = window.innerHeight;
-  if (t.top >= e + O + Y) return "top";
-  if (n - t.bottom >= e + O + Y) return "bottom";
-  if (c - t.right >= s + O + Y) return "right";
-  if (t.left >= s + O + Y) return "left";
+  if (t.top >= e + O + z) return "top";
+  if (n - t.bottom >= e + O + z) return "bottom";
+  if (c - t.right >= s + O + z) return "right";
+  if (t.left >= s + O + z) return "left";
   const a = Math.max(t.top, n - t.bottom, t.left, c - t.right);
   return a === t.top ? "top" : a === n - t.bottom ? "bottom" : a === c - t.right ? "right" : "left";
 }
 function rt({ children: t, content: e, position: s, ...c }) {
-  const [n, a] = g(!1), [l, i] = g({ visibility: "hidden" }), [p, f] = g(s || "top"), d = B(null), u = B(null), h = B(!1), x = () => {
+  const [n, a] = I(!1), [l, i] = I({ visibility: "hidden" }), [p, f] = I(s || "top"), d = L(null), u = L(null), x = L(!1), b = () => {
     if (!d.current || !u.current) return;
-    const v = d.current.getBoundingClientRect(), R = u.current.getBoundingClientRect(), $ = s || Se(v, R.height, R.width), { top: m, left: _, arrowOffset: y } = Te($, v, R);
+    const v = d.current.getBoundingClientRect(), k = u.current.getBoundingClientRect(), $ = s || Se(v, k.height, k.width), { top: S, left: m, arrowOffset: _ } = Te($, v, k);
     f($), i({
       position: "fixed",
-      top: m,
-      left: _,
+      top: S,
+      left: m,
       visibility: "visible",
-      "--arrow-offset": `${y}px`
+      "--arrow-offset": `${_}px`
     });
   };
-  if (L(() => {
+  if (B(() => {
     if (!n) return;
     i({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(x);
-    return window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
+    const v = requestAnimationFrame(b);
+    return window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      cancelAnimationFrame(v), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
-  }, [n, s]), L(() => {
+  }, [n, s]), B(() => {
     if (!n) return;
-    const v = (R) => {
-      d.current && !d.current.contains(R.target) && a(!1);
+    const v = (k) => {
+      d.current && !d.current.contains(k.target) && a(!1);
     };
     return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
   }, [n]), !e) return t;
@@ -986,18 +986,18 @@ function rt({ children: t, content: e, position: s, ...c }) {
       ref: d,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || a(!0);
+        x.current || a(!0);
       },
       onMouseLeave: () => {
-        h.current || a(!1);
+        x.current || a(!1);
       },
       onTouchStart: () => {
-        h.current = !0, a((v) => !v);
+        x.current = !0, a((v) => !v);
       },
       ...c,
       children: [
         t,
-        typeof document < "u" && J.createPortal(j, document.body)
+        typeof document < "u" && C.createPortal(j, document.body)
       ]
     }
   );
@@ -1011,7 +1011,7 @@ function nt({
   id: a,
   ...l
 }) {
-  const i = a || `toggle-${S.useId()}`, p = [
+  const i = a || `toggle-${A.useId()}`, p = [
     "ds-toggle",
     `ds-toggle--${s}`,
     c && "ds-toggle--disabled"
@@ -1042,7 +1042,7 @@ function at({
   id: a,
   ...l
 }) {
-  const i = a || `checkbox-${S.useId()}`, p = [
+  const i = a || `checkbox-${A.useId()}`, p = [
     "ds-checkbox",
     `ds-checkbox--${s}`,
     c && "ds-checkbox--disabled"
@@ -1082,7 +1082,7 @@ function ot({
   id: i,
   ...p
 }) {
-  const f = i || `radio-${S.useId()}`, d = [
+  const f = i || `radio-${A.useId()}`, d = [
     "ds-radio",
     `ds-radio--${s}`,
     c && "ds-radio--disabled"
@@ -1200,7 +1200,7 @@ function mt({ children: t, interactive: e, selected: s, className: c = "", onCli
   );
 }
 function pt({ children: t, align: e = "left", sortDir: s, onSort: c, width: n, className: a = "", style: l = {}, ...i }) {
-  const p = !!c || s !== void 0, f = s === "asc" ? we : s === "desc" ? C : Ne;
+  const p = !!c || s !== void 0, f = s === "asc" ? we : s === "desc" ? K : Ne;
   return /* @__PURE__ */ r.jsx(
     "th",
     {
@@ -1272,41 +1272,42 @@ function xt({
   style: l,
   ...i
 }) {
-  const [p, f] = g(!1), d = s !== void 0, u = d ? s : p, h = B(null), [x, j] = g({}), v = () => {
+  const [p, f] = I(!1), d = s !== void 0, u = d ? s : p, x = L(null), b = L(null), [j, v] = I({}), k = () => {
     d ? c == null || c(!1) : f(!1);
-  }, R = () => {
+  }, $ = () => {
     const m = !u;
     d ? c == null || c(m) : f(m);
   };
-  L(() => {
+  B(() => {
     if (!u) return;
     const m = () => {
-      var y;
-      const _ = (y = h.current) == null ? void 0 : y.getBoundingClientRect();
-      _ && j(
+      var R;
+      const _ = (R = x.current) == null ? void 0 : R.getBoundingClientRect();
+      _ && v(
         n === "right" ? { top: _.bottom + 4, right: window.innerWidth - _.right } : { top: _.bottom + 4, left: _.left }
       );
     };
     return m(), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
       window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
     };
-  }, [u, n]), L(() => {
+  }, [u, n]), B(() => {
     if (!u) return;
-    const m = (y) => {
-      var A;
-      (A = h.current) != null && A.contains(y.target) || v();
-    }, _ = (y) => {
-      y.key === "Escape" && v();
+    const m = (R) => {
+      var g, P;
+      !((g = x.current) != null && g.contains(R.target)) && !((P = b.current) != null && P.contains(R.target)) && k();
+    }, _ = (R) => {
+      R.key === "Escape" && k();
     };
     return document.addEventListener("mousedown", m), document.addEventListener("keydown", _), () => {
       document.removeEventListener("mousedown", m), document.removeEventListener("keydown", _);
     };
   }, [u]);
-  const $ = u && /* @__PURE__ */ r.jsx(
+  const S = u && /* @__PURE__ */ r.jsx(
     "div",
     {
+      ref: b,
       className: ["ds-dropdown__menu", `ds-dropdown__menu--${n}`].join(" "),
-      style: x,
+      style: j,
       children: e.map((m, _) => {
         if (m.separator)
           return /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__separator" }, _);
@@ -1315,18 +1316,18 @@ function xt({
             m.label && /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__section-label", children: m.label }),
             /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__section-content", children: m.content })
           ] }, _);
-        const y = !!m.href, A = y ? "a" : "button", I = y ? { href: m.disabled ? void 0 : m.href, "aria-disabled": m.disabled ? "true" : void 0 } : { type: "button", disabled: m.disabled };
+        const R = !!m.href, g = R ? "a" : "button", P = R ? { href: m.disabled ? void 0 : m.href, "aria-disabled": m.disabled ? "true" : void 0 } : { type: "button", disabled: m.disabled };
         return /* @__PURE__ */ r.jsxs(
-          A,
+          g,
           {
             className: [
               "ds-dropdown__item",
               m.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...I,
+            ...P,
             onClick: () => {
-              var P;
-              (P = m.onClick) == null || P.call(m), v();
+              var M;
+              (M = m.onClick) == null || M.call(m), k();
             },
             children: [
               m.icon && /* @__PURE__ */ r.jsx("span", { className: "ds-dropdown__item-icon", children: m.icon }),
@@ -1342,13 +1343,13 @@ function xt({
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: h,
+      ref: x,
       className: ["ds-dropdown", a].filter(Boolean).join(" "),
       style: l,
       ...i,
       children: [
-        /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__trigger", onClick: R, children: t }),
-        typeof document < "u" && J.createPortal($, document.body)
+        /* @__PURE__ */ r.jsx("div", { className: "ds-dropdown__trigger", onClick: $, children: t }),
+        typeof document < "u" && C.createPortal(S, document.body)
       ]
     }
   );
@@ -1359,16 +1360,16 @@ const ue = {
   warning: me,
   error: fe
 };
-let z = [];
+let V = [];
 const te = /* @__PURE__ */ new Set();
 function he() {
-  te.forEach((t) => t([...z]));
+  te.forEach((t) => t([...V]));
 }
 function Ae(t) {
-  z = [...z, t], he();
+  V = [...V, t], he();
 }
 function Ie(t) {
-  z = z.filter((e) => e.id !== t), he();
+  V = V.filter((e) => e.id !== t), he();
 }
 function vt() {
   const t = (e, s = {}) => {
@@ -1383,8 +1384,8 @@ function vt() {
   return t.success = (e, s) => t(e, { ...s, type: "success" }), t.error = (e, s) => t(e, { ...s, type: "error" }), t.warning = (e, s) => t(e, { ...s, type: "warning" }), { toast: t };
 }
 function Pe({ data: t, onDismiss: e }) {
-  const [s, c] = g(!1), n = B(null);
-  L(() => (requestAnimationFrame(() => c(!0)), t.duration > 0 && (n.current = setTimeout(() => a(), t.duration)), () => clearTimeout(n.current)), []);
+  const [s, c] = I(!1), n = L(null);
+  B(() => (requestAnimationFrame(() => c(!0)), t.duration > 0 && (n.current = setTimeout(() => a(), t.duration)), () => clearTimeout(n.current)), []);
   function a() {
     c(!1), setTimeout(() => e(t.id), 250);
   }
@@ -1416,8 +1417,8 @@ function Pe({ data: t, onDismiss: e }) {
   );
 }
 function jt({ position: t = "bottom-right" }) {
-  const [e, s] = g(() => [...z]);
-  return L(() => (te.add(s), () => te.delete(s)), []), !e.length || typeof document > "u" ? null : J.createPortal(
+  const [e, s] = I(() => [...V]);
+  return B(() => (te.add(s), () => te.delete(s)), []), !e.length || typeof document > "u" ? null : C.createPortal(
     /* @__PURE__ */ r.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: e.map((c) => /* @__PURE__ */ r.jsx(Pe, { data: c, onDismiss: Ie }, c.id)) }),
     document.body
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donkit-ai/design-system",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Donkit Design System - minimal design tokens and React components",
   "type": "module",
   "main": "./dist/index.cjs.js",