@chain-ui/core 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime"),u=require("react-dom");var d=(0,c.forwardRef)(function({variant:e=`solid`,color:t=`primary`,size:n=`md`,shape:r=`default`,disabled:i=!1,loading:a=!1,icon:o,iconRight:s,children:c,onClick:u,className:d,htmlType:f,ariaLabel:p,...m},h){let g=i||a,_=[`chain-btn`,`chain-btn--${e}`,`chain-btn--${t}`,`chain-btn--${n}`,r!==`default`&&`chain-btn--${r}`,g&&`chain-btn--disabled`,a&&`chain-btn--loading`,d].filter(Boolean).join(` `);return(0,l.jsxs)(`button`,{ref:h,type:f,className:_,disabled:g,"aria-disabled":g||void 0,"aria-busy":a||void 0,"aria-label":p,onClick:e=>{g||u?.(e)},...m,children:[a&&(0,l.jsx)(`span`,{className:`chain-btn__spinner`,"aria-hidden":`true`}),!a&&o&&(0,l.jsx)(`span`,{className:`chain-btn__icon`,children:o}),c&&(0,l.jsx)(`span`,{children:c}),!a&&s&&(0,l.jsx)(`span`,{className:`chain-btn__icon--right`,children:s})]})}),f=(0,c.forwardRef)(function({value:e,defaultValue:t,onChange:n,variant:r=`outline`,size:i=`md`,status:a=`default`,disabled:o=!1,readOnly:s=!1,prefix:u,suffix:d,allowClear:f=!1,clearAriaLabel:p=`Clear input`,showCount:m=!1,maxLength:h,className:g,style:_,...v},y){let[b,x]=(0,c.useState)(t??``),S=e!==void 0,C=S?e:b,w=e=>{if(o||s)return;let t=e.target.value;S||x(t),n?.(t,e)},T=()=>{S||x(``),n?.(``,{target:{value:``}})},E=f&&C.length>0&&!o&&!s;return(0,l.jsxs)(`div`,{className:[`chain-input`,`chain-input--${r}`,`chain-input--${i}`,a!==`default`&&`chain-input--${a}`,o&&`chain-input--disabled`,s&&`chain-input--readonly`,g].filter(Boolean).join(` `),style:_,children:[u&&(0,l.jsx)(`span`,{className:`chain-input__prefix`,children:u}),(0,l.jsx)(`input`,{ref:y,className:`chain-input__field`,value:C,defaultValue:S?void 0:t,onChange:w,disabled:o,readOnly:s,maxLength:h,"aria-disabled":o||void 0,"aria-invalid":a===`error`||void 0,...v}),(E||m||d)&&(0,l.jsxs)(`span`,{className:`chain-input__suffix`,children:[E&&(0,l.jsx)(`span`,{className:`chain-input__clear`,onClick:T,role:`button`,tabIndex:0,"aria-label":p,children:`×`}),m&&(0,l.jsxs)(`span`,{className:`chain-input__count`,children:[C.length,h!==void 0&&` / ${h}`]}),d]})]})});function p(e,t){if(t===`default`||!c.default.isValidElement(e))return e;let n=e.type;return typeof n==`function`||typeof n==`object`&&n?c.default.cloneElement(e,{status:t}):e}var m=(0,c.forwardRef)(function({label:e,labelWidth:t=120,labelAlign:n=`right`,required:r=!1,requiredMark:i=`*`,colon:a=!0,colonText:o=`:`,status:s=`default`,help:u,layout:d=`horizontal`,children:f,className:m,style:h,...g},_){let v=e!=null,y=()=>{if(!v)return null;let s=a&&typeof e==`string`&&e.length>0;return(0,l.jsxs)(`label`,{className:[`chain-form-item__label`,n===`right`&&`chain-form-item__label--right`].filter(Boolean).join(` `),style:{width:typeof t==`number`?`${t}px`:t},children:[r&&(0,l.jsx)(`span`,{className:`chain-form-item__label-required`,"aria-hidden":`true`,children:i}),(0,l.jsx)(`span`,{className:`chain-form-item__label-text`,children:e}),s&&(0,l.jsx)(`span`,{className:`chain-form-item__label-colon`,children:o})]})},b=[`chain-form-item`,`chain-form-item--${d}`,s!==`default`&&`chain-form-item--${s}`,r&&`chain-form-item--required`,m].filter(Boolean).join(` `),x=[`chain-form-item__help`,s!==`default`&&`chain-form-item__help--${s}`].filter(Boolean).join(` `),S=s!==`default`&&c.default.Children.count(f)===1?p(c.default.Children.toArray(f)[0],s):f;return(0,l.jsxs)(`div`,{ref:_,className:b,style:h,...g,children:[y(),(0,l.jsx)(`div`,{className:`chain-form-item__control`,children:S}),u&&(0,l.jsx)(`div`,{className:x,children:u})]})});function h(e,t){return e===t.value}var g=(0,c.forwardRef)(function({value:e,defaultValue:t,onChange:n,options:r=[],variant:i=`outline`,size:a=`md`,status:o=`default`,disabled:s=!1,loading:d=!1,allowClear:f=!1,placeholder:p=`Please select`,mode:m=`single`,showSearch:g=!1,prefix:_,suffix:v,emptyText:y=`暂无数据`,clearAriaLabel:b=`Clear selection`,searchPlaceholder:x=`Search`,expandAriaLabel:S=`Expand`,collapseAriaLabel:C=`Collapse`,removeAriaLabel:w=`Remove`,dropdownClassName:T,dropdownStyle:E,getPopupContainer:D,className:O,style:k,...A},j){let M=e!==void 0,[N,P]=(0,c.useState)(t??(m===`multiple`?[]:``)),F=M?e:N,[I,L]=(0,c.useState)(!1),[R,z]=(0,c.useState)(-1),[B,V]=(0,c.useState)(``),[H,ee]=(0,c.useState)({top:0,left:0,width:0}),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=(0,c.useRef)(null),K=(0,c.useRef)(null),q=s||d,J=(0,c.useCallback)((e,t)=>{M||P(e),n?.(e,t)},[M,n]),te=r.filter(e=>m===`multiple`&&Array.isArray(F)?F.some(t=>h(t,e)):h(F,e)),ne=g&&B?r.filter(e=>String(e.label).toLowerCase().includes(B.toLowerCase())):r,Y=ne.filter(e=>!e.disabled),X=(0,c.useCallback)(()=>{if(!U.current)return;let e=U.current.getBoundingClientRect();ee({top:e.bottom+4,left:e.left,width:e.width})},[]),Z=(0,c.useCallback)(()=>{q||(X(),L(!0),z(-1),V(``))},[q,X]),Q=(0,c.useCallback)(()=>{L(!1),z(-1),V(``)},[]),$=(0,c.useCallback)((e,t)=>{if(!e.disabled)if(m===`multiple`){let n=Array.isArray(F)?F:[];J(n.some(t=>h(t,e))?n.filter(t=>!h(t,e)):[...n,e.value],t)}else J(e.value,t),Q()},[m,F,J,Q]),re=(0,c.useCallback)(e=>{e.stopPropagation(),J(m===`multiple`?[]:``,e)},[m,J]),ie=(0,c.useCallback)((e,t)=>{t.stopPropagation(),m===`multiple`&&Array.isArray(F)&&J(F.filter(t=>!h(t,e)),t)},[m,F,J]),ae=()=>{if(m===`multiple`&&Array.isArray(F)&&F.length>0)return null;if(m===`single`&&F!==``&&F!==void 0){let e=r.find(e=>h(F,e));return e?e.label:String(F)}return null},oe=(0,c.useCallback)(()=>{q||(I?Q():Z())},[q,I,Z,Q]),se=(0,c.useCallback)(e=>{if(!q)switch(e.key){case`Enter`:case` `:e.preventDefault(),I?R>=0&&R<Y.length&&$(Y[R],e):Z();break;case`ArrowDown`:e.preventDefault(),I?z(e=>e<Y.length-1?e+1:0):(Z(),z(0));break;case`ArrowUp`:e.preventDefault(),I&&z(e=>e>0?e-1:Y.length-1);break;case`Escape`:e.preventDefault(),Q(),U.current?.focus();break;case`Tab`:I&&Q();break}},[q,I,R,Y,$,Z,Q]),ce=(0,c.useCallback)((e,t)=>{$(e,t)},[$]),le=(0,c.useCallback)(e=>{re(e)},[re]),ue=(0,c.useCallback)(e=>{V(e.target.value),z(-1)},[]);(0,c.useEffect)(()=>{if(!I)return;let e=e=>{let t=e.target;W.current?.contains(t)||U.current?.contains(t)||Q()};return document.addEventListener(`mousedown`,e,!0),()=>document.removeEventListener(`mousedown`,e,!0)},[I,Q]),(0,c.useEffect)(()=>{if(!I)return;let e=()=>X();return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[I,X]),(0,c.useEffect)(()=>{I&&g&&requestAnimationFrame(()=>G.current?.focus())},[I,g]),(0,c.useEffect)(()=>{if(R<0||!K.current)return;let e=K.current.querySelectorAll(`.chain-select__item`)[R];e&&typeof e.scrollIntoView==`function`&&e.scrollIntoView({block:`nearest`})},[R]);let de=f&&!q&&(m===`multiple`?Array.isArray(F)&&F.length>0:F!==``&&F!==void 0),fe=[`chain-select`,`chain-select--${i}`,`chain-select--${a}`,o!==`default`&&`chain-select--${o}`,q&&`chain-select--disabled`,d&&`chain-select--loading`,m===`multiple`&&`chain-select--multiple`,I&&`chain-select--open`,O].filter(Boolean).join(` `),pe=ae(),me=()=>{if(!I)return null;let e=D?.()??document.body;return(0,u.createPortal)((0,l.jsxs)(`div`,{ref:W,className:[`chain-select__dropdown`,T].filter(Boolean).join(` `),style:{top:H.top,left:H.left,width:H.width,...E},children:[g&&(0,l.jsx)(`div`,{className:`chain-select__search`,children:(0,l.jsx)(`input`,{ref:G,className:`chain-select__search-input`,placeholder:x,value:B,onChange:ue,role:`searchbox`,onClick:e=>e.stopPropagation()})}),ne.length===0?(0,l.jsx)(`div`,{className:`chain-select__empty`,children:y}):(0,l.jsx)(`ul`,{ref:K,className:`chain-select__list`,role:`listbox`,children:ne.map((e,t)=>{let n=m===`multiple`&&Array.isArray(F)?F.some(t=>h(t,e)):h(F,e);return(0,l.jsxs)(`li`,{className:[`chain-select__item`,n&&`chain-select__item--selected`,t===R&&`chain-select__item--highlighted`,e.disabled&&`chain-select__item--disabled`].filter(Boolean).join(` `),role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,onClick:t=>{e.disabled||ce(e,t)},onMouseEnter:()=>{e.disabled||z(t)},children:[(0,l.jsx)(`span`,{children:e.label}),n&&(0,l.jsx)(`span`,{className:`chain-select__item-check`,"aria-hidden":`true`,children:`✓`})]},e.value)})})]}),e)};return(0,l.jsxs)(`div`,{ref:j,className:fe,style:k,...A,children:[(0,l.jsxs)(`div`,{ref:U,className:`chain-select__trigger`,role:`combobox`,"aria-expanded":I,"aria-haspopup":`listbox`,"aria-disabled":q||void 0,tabIndex:q?-1:0,onClick:oe,onKeyDown:se,children:[_&&(0,l.jsx)(`span`,{className:`chain-select__prefix`,children:_}),(0,l.jsx)(`div`,{className:`chain-select__trigger-inner`,children:m===`multiple`&&Array.isArray(F)&&F.length>0?(0,l.jsx)(`div`,{className:`chain-select__tags`,children:te.map(e=>(0,l.jsxs)(`span`,{className:`chain-select__tag`,children:[(0,l.jsx)(`span`,{children:e.label}),(0,l.jsx)(`button`,{type:`button`,className:`chain-select__tag-remove`,"aria-label":w,onClick:t=>ie(e,t),children:`×`})]},e.value))}):pe?(0,l.jsx)(`span`,{className:`chain-select__value`,children:pe}):(0,l.jsx)(`span`,{className:`chain-select__placeholder`,children:p})}),de&&(0,l.jsx)(`span`,{className:`chain-select__clear`,role:`button`,"aria-label":b,onClick:le,children:`×`}),d?(0,l.jsx)(`span`,{className:`chain-select__spinner`,"aria-hidden":`true`}):(0,l.jsx)(`span`,{className:`chain-select__arrow`,"aria-label":I?C:S,children:`▼`}),v&&(0,l.jsx)(`span`,{className:`chain-select__suffix`,children:v})]}),me()]})}),_={sm:`400px`,md:`520px`,lg:`720px`},v=`a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])`,y=(0,c.forwardRef)(function({open:e=!1,onCancel:t,title:n,children:r,footer:i,onOk:a,okText:o=`确定`,okButtonProps:s,cancelText:f=`取消`,cancelButtonProps:p,confirmLoading:m=!1,closable:h=!0,closeAriaLabel:g=`Close`,maskClosable:y=!0,keyboard:b=!0,destroyOnClose:x=!1,size:S=`md`,width:C,centered:w=!1,getContainer:T,className:E,style:D,...O},k){let A=(0,c.useId)(),[j,M]=(0,c.useState)(!1),[N,P]=(0,c.useState)(!1),[F,I]=(0,c.useState)(!1),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=(0,c.useRef)(null),B=(0,c.useRef)(0),V=e||j,H=(0,c.useCallback)(e=>{L.current=e,typeof k==`function`?k(e):k&&(k.current=e)},[k]);(0,c.useEffect)(()=>{if(e)z.current=document.activeElement,requestAnimationFrame(()=>{M(!0)});else{P(!0);let e=setTimeout(()=>{P(!1),M(!1)},250);return()=>clearTimeout(e)}},[e]),(0,c.useEffect)(()=>{if(!V)return;let e=window.innerWidth-document.documentElement.clientWidth;B.current=e;let t=document.body.style.overflow,n=document.body.style.paddingRight;return document.body.style.overflow=`hidden`,e>0&&(document.body.style.paddingRight=`${e}px`),()=>{document.body.style.overflow=t,document.body.style.paddingRight=n}},[V]),(0,c.useEffect)(()=>{if(!V)return;let e=setTimeout(()=>{R.current?.focus()},50);return()=>clearTimeout(e)},[V]),(0,c.useEffect)(()=>{!V&&z.current&&(z.current.focus(),z.current=null)},[V]),(0,c.useEffect)(()=>{if(!V||!b)return;let e=e=>{e.key===`Escape`&&t?.()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[V,b,t]);let ee=(0,c.useCallback)(e=>{y&&e.target===e.currentTarget&&t?.()},[y,t]),U=(0,c.useCallback)(async()=>{if(!a)return;let e=a();if(e instanceof Promise){I(!0);try{await e,I(!1),t?.()}catch{I(!1)}}},[a,t]),W=(0,c.useCallback)(e=>{if(e.key!==`Tab`)return;let t=R.current;if(!t)return;let n=t.querySelectorAll(v);if(n.length===0){e.preventDefault();return}let r=n[0],i=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),r.focus())},[]),G=C??_[S]??_.md,K=m||F,q=[`chain-modal`,j&&!N&&`chain-modal--open`,N&&`chain-modal--hidden`,w&&`chain-modal--centered`,E].filter(Boolean).join(` `);return!V&&x?null:(0,u.createPortal)((0,l.jsxs)(`div`,{ref:H,className:q,style:D,role:`dialog`,"aria-modal":`true`,"aria-labelledby":n?A:void 0,...O,children:[(0,l.jsx)(`div`,{className:`chain-modal__mask`,onMouseDown:ee}),(0,l.jsx)(`div`,{className:`chain-modal__wrap`,children:(0,l.jsxs)(`div`,{ref:R,className:`chain-modal__content`,tabIndex:-1,style:{width:typeof G==`number`?`${G}px`:G},onKeyDown:W,children:[n!==void 0||h?(0,l.jsxs)(`div`,{className:`chain-modal__header`,children:[n&&(0,l.jsx)(`h2`,{id:A,className:`chain-modal__title`,children:n}),h&&(0,l.jsx)(`button`,{type:`button`,className:`chain-modal__close`,"aria-label":g,onClick:t,children:`×`})]}):null,r&&(0,l.jsx)(`div`,{className:`chain-modal__body`,children:r}),i===void 0?i===null?null:(0,l.jsxs)(`div`,{className:`chain-modal__footer`,children:[(0,l.jsx)(d,{...p,onClick:t,children:f}),(0,l.jsx)(d,{variant:`solid`,color:`primary`,...s,loading:K,onClick:U,children:o})]}):i]})})]}),T?.()??document.body)});function b(e,t,n){if(typeof n==`function`)return n(e);let r=e[n];return String(r??t)}function x(e,t){if(t!=null)return Array.isArray(t)?t.reduce((e,t)=>{if(typeof e==`object`&&e)return e[t]},e):e[t]}var S=(0,c.forwardRef)(function({dataSource:e,columns:t,rowKey:n=`key`,rowSelection:r,loading:i=!1,emptyText:a=`暂无数据`,pagination:o,bordered:s=!0,size:u=`md`,locale:f,scroll:p,onRow:m,className:h,style:g,..._},v){let y={total:f?.total??`共`,items:f?.items??`条`,prevPage:f?.prevPage??`上一页`,nextPage:f?.nextPage??`下一页`},S=r?.type===`radio`,C=r!=null,w=(0,c.useMemo)(()=>r?.selectedRowKeys??[],[r?.selectedRowKeys]),T=(0,c.useCallback)(()=>{if(!r)return;let t=e.filter(e=>!r.getCheckboxProps?.(e)?.disabled).map((e,t)=>b(e,t,n));if(S)return;let i=t.every(e=>w.includes(e)),a;if(i)a=w.filter(e=>!t.includes(e));else{let e=new Set(w);t.forEach(t=>e.add(t)),a=Array.from(e)}let o=e.filter((e,t)=>a.includes(b(e,t,n)));r.onChange?.(a,o),r.onSelect?.(e[0],!i,o)},[r,e,w,S,n]),E=(0,c.useCallback)((t,i)=>{if(!r)return;let a=b(t,i,n),o,s=w.includes(a);if(S){if(s)return;o=[a]}else o=s?w.filter(e=>e!==a):[...w,a];let c=e.filter((e,t)=>o.includes(b(e,t,n)));r.onChange?.(o,c),r.onSelect?.(t,!s,c)},[r,e,w,S,n]),D=e.map((e,t)=>r?.getCheckboxProps?.(e)?.disabled?null:b(e,t,n)).filter(Boolean),O=D.length>0&&D.every(e=>w.includes(e)),k=w.some(e=>D.includes(e))&&!O,A=o?o.current??1:1,j=o?o.pageSize??10:10,M=o?o.total??e.length:e.length,N=Math.max(1,Math.ceil(M/j)),P=(0,c.useCallback)(e=>{o&&o.onChange?.(e,j)},[o,j]);return(0,l.jsxs)(`div`,{ref:v,className:[`chain-table`,`chain-table--${u}`,s&&`chain-table--bordered`,i&&`chain-table--loading`,h].filter(Boolean).join(` `),style:g,role:`table`,..._,children:[(0,l.jsx)(`div`,{className:`chain-table__container`,style:p?{maxHeight:p.y,overflow:p.x?`auto`:void 0}:void 0,children:(0,l.jsxs)(`table`,{className:`chain-table__table`,children:[(0,l.jsxs)(`colgroup`,{children:[C&&(0,l.jsx)(`col`,{style:{width:48}}),t.map(e=>(0,l.jsx)(`col`,{style:{width:e.width}},e.key))]}),(0,l.jsx)(`thead`,{className:`chain-table__header`,children:(0,l.jsxs)(`tr`,{className:`chain-table__header-row`,children:[C&&(0,l.jsx)(`th`,{className:`chain-table__selection chain-table__header-cell`,role:`columnheader`,children:!S&&(0,l.jsx)(`span`,{className:`chain-table__checkbox`,children:(0,l.jsx)(`input`,{type:`checkbox`,checked:O,ref:e=>{e&&(e.indeterminate=k)},onChange:T,"aria-label":`Select all`})})}),t.map(e=>(0,l.jsx)(`th`,{className:[`chain-table__header-cell`,e.align&&`chain-table__header-cell--align-${e.align}`].filter(Boolean).join(` `),role:`columnheader`,children:e.title},e.key))]})}),(0,l.jsx)(`tbody`,{className:`chain-table__body`,children:e.length===0?(0,l.jsx)(`tr`,{className:`chain-table__row`,children:(0,l.jsx)(`td`,{className:`chain-table__cell chain-table__empty`,colSpan:t.length+ +!!C,role:`status`,"aria-live":`polite`,children:a})}):e.map((e,i)=>{let a=b(e,i,n),o=w.includes(a),s=r?.getCheckboxProps?.(e)?.disabled??!1,c=m?.(e,i);return(0,l.jsxs)(`tr`,{className:[`chain-table__row`,o&&`chain-table__row--selected`,c?.className].filter(Boolean).join(` `),role:`row`,onClick:c?.onClick,onDoubleClick:c?.onDoubleClick,children:[C&&(0,l.jsx)(`td`,{className:`chain-table__selection chain-table__cell`,role:`cell`,children:(0,l.jsx)(`span`,{className:`chain-table__checkbox`,children:(0,l.jsx)(`input`,{type:S?`radio`:`checkbox`,name:S?`chain-table-radio`:void 0,checked:o,disabled:s,onChange:()=>E(e,i),"aria-label":r.selectAriaLabel??`Select row`})})}),t.map(t=>{let n=x(e,t.dataIndex),r=t.render?t.render(n,e,i):n==null?`-`:String(n);return(0,l.jsx)(`td`,{className:[`chain-table__cell`,t.align&&`chain-table__cell--align-${t.align}`,t.ellipsis&&`chain-table__cell--ellipsis`].filter(Boolean).join(` `),role:`cell`,title:t.ellipsis&&typeof r==`string`?r:void 0,children:r},t.key)})]},a)})})]})}),i&&(0,l.jsx)(`div`,{className:`chain-table__loading-overlay`,children:(0,l.jsx)(`span`,{className:`chain-table__loading-spinner`})}),o!==void 0&&o!==!1&&(0,l.jsxs)(`div`,{className:`chain-table__pagination`,children:[(0,l.jsxs)(`span`,{className:`chain-table__pagination-total`,children:[y.total,` `,M,` `,y.items]}),(0,l.jsxs)(`div`,{className:`chain-table__pagination-nav`,children:[(0,l.jsx)(d,{size:`sm`,disabled:A<=1,onClick:()=>P(A-1),children:y.prevPage}),(0,l.jsxs)(`span`,{children:[A,` / `,N]}),(0,l.jsx)(d,{size:`sm`,disabled:A>=N,onClick:()=>P(A+1),children:y.nextPage})]})]})]})}),C=(0,c.forwardRef)(function({color:e=`default`,variant:t=`light`,size:n=`md`,closable:r=!1,onClose:i,children:a,className:o,...s},c){return(0,l.jsxs)(`span`,{ref:c,className:[`chain-tag`,`chain-tag--${t}`,`chain-tag--${e}`,`chain-tag--${n}`,r&&`chain-tag--closable`,o].filter(Boolean).join(` `),...s,children:[(0,l.jsx)(`span`,{className:`chain-tag__text`,children:a}),r&&(0,l.jsx)(`span`,{className:`chain-tag__close`,role:`button`,tabIndex:0,onClick:i,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i?.(e))},"aria-label":`Close`,children:`×`})]})}),w=(0,c.forwardRef)(function({count:e,dot:t=!1,color:n=`error`,size:r=`md`,overflowCount:i=99,showZero:a=!1,offset:o,children:s,className:c,style:u,...d},f){let p=!t&&e!==void 0&&!a&&e===0,m=e===void 0&&!t,h=(()=>{if(t||e===void 0)return null;let n=typeof e==`number`?e:void 0;return n!==void 0&&n>i?`${i}+`:String(e)})();if(p)return s?(0,l.jsx)(l.Fragment,{children:s}):null;let g=(0,l.jsx)(`span`,{className:[[`chain-badge__content`,t?`chain-badge__content--dot`:`chain-badge__content--number`,!s&&`chain-badge__content--${r}`].filter(Boolean).join(` `),`chain-badge--${n}`,s&&`chain-badge--${r}`].filter(Boolean).join(` `),style:o?{marginLeft:o[0],marginTop:o[1]}:void 0,children:h},`badge`);return s?(0,l.jsxs)(`span`,{ref:f,className:[`chain-badge`,c].filter(Boolean).join(` `),style:u,...d,children:[s,g]}):(0,l.jsx)(`span`,{ref:f,className:[`chain-badge`,c].filter(Boolean).join(` `),style:u,...d,children:m?null:g})});function T(e,t){if(t<=7)return Array.from({length:t},(e,t)=>t+1);let n=[];n.push(1),e>3&&n.push(`ellipsis`);let r=Math.max(2,e-1),i=Math.min(t-1,e+1);for(let e=r;e<=i;e++)n.push(e);return e<t-2&&n.push(`ellipsis`),n.push(t),n}var E=(0,c.forwardRef)(function({value:e,defaultValue:t=1,pageSize:n=10,total:r=0,onChange:i,showSizeChanger:a=!1,pageSizeOptions:o=[10,20,50,100],showQuickJumper:s=!1,showTotal:u=!0,size:d=`md`,disabled:f=!1,locale:p,className:m,...h},g){let[_,v]=(0,c.useState)(t),y=e!==void 0,b=y?e:_,[x,S]=(0,c.useState)(``),[C,w]=(0,c.useState)(n),E=y?n:C,D={total:p?.total??`共`,items:p?.items??`条`,prevPage:p?.prevPage??`上一页`,nextPage:p?.nextPage??`下一页`,jumpTo:p?.jumpTo??`前往`},O=Math.max(1,Math.ceil(r/E)),k=Math.max(1,Math.min(b,O)),A=(0,c.useMemo)(()=>T(k,O),[k,O]),j=(0,c.useCallback)(e=>{if(f)return;let t=Math.max(1,Math.min(e,O));y||v(t),i?.(t,E)},[f,O,y,i,E]),M=(0,c.useCallback)(e=>{if(f)return;w(e);let t=Math.ceil(r/e),n=Math.min(k,t);y||(v(n),w(e)),i?.(n,e)},[f,r,k,y,i]),N=(0,c.useCallback)(()=>{let e=parseInt(x,10);isNaN(e)||(j(e),S(``))},[x,j]);return(0,l.jsxs)(`div`,{ref:g,className:[`chain-pagination`,`chain-pagination--${d}`,f&&`chain-pagination--disabled`,m].filter(Boolean).join(` `),...h,children:[u&&(0,l.jsxs)(`span`,{className:`chain-pagination__total`,children:[D.total,` `,r,` `,D.items]}),(0,l.jsxs)(`ul`,{className:`chain-pagination__list`,children:[(0,l.jsx)(`li`,{className:[`chain-pagination__prev`,(f||k<=1)&&`chain-pagination__item--disabled`].filter(Boolean).join(` `),children:(0,l.jsx)(`button`,{type:`button`,disabled:f||k<=1,onClick:()=>j(k-1),children:D.prevPage})}),A.map((e,t)=>e===`ellipsis`?(0,l.jsx)(`li`,{className:`chain-pagination__item chain-pagination__item--disabled`,children:(0,l.jsx)(`span`,{children:`...`})},`ellipsis-${t}`):(0,l.jsx)(`li`,{className:[`chain-pagination__item`,e===k&&`chain-pagination__item--active`].filter(Boolean).join(` `),children:(0,l.jsx)(`button`,{type:`button`,disabled:f,onClick:()=>j(e),children:e})},e)),(0,l.jsx)(`li`,{className:[`chain-pagination__next`,(f||k>=O)&&`chain-pagination__item--disabled`].filter(Boolean).join(` `),children:(0,l.jsx)(`button`,{type:`button`,disabled:f||k>=O,onClick:()=>j(k+1),children:D.nextPage})})]}),a&&(0,l.jsx)(`select`,{className:`chain-pagination__size-changer`,value:E,disabled:f,onChange:e=>M(Number(e.target.value)),children:o.map(e=>(0,l.jsxs)(`option`,{value:e,children:[e,` `,D.items]},e))}),s&&(0,l.jsxs)(`div`,{className:`chain-pagination__jump`,children:[(0,l.jsx)(`input`,{type:`text`,value:x,disabled:f,onChange:e=>S(e.target.value),onKeyDown:e=>{e.key===`Enter`&&N()},placeholder:``}),(0,l.jsx)(`button`,{type:`button`,disabled:f,onClick:N,children:D.jumpTo})]})]})}),D={success:`✓`,warning:`!`,error:`✗`,info:`ℹ`},O=(0,c.forwardRef)(function({color:e=`info`,size:t=`md`,message:n,description:r,showIcon:i=!0,closable:a=!1,closeAriaLabel:o=`Close`,onClose:s,open:c=!0,action:u,children:d,className:f,...p},m){return c?(0,l.jsxs)(`div`,{ref:m,className:[`chain-alert`,`chain-alert--${e}`,`chain-alert--${t}`,a&&`chain-alert--closable`,f].filter(Boolean).join(` `),role:`alert`,...p,children:[i&&(0,l.jsx)(`span`,{className:`chain-alert__icon`,"aria-hidden":`true`,children:D[e]}),(0,l.jsxs)(`div`,{className:`chain-alert__content`,children:[(0,l.jsx)(`div`,{className:`chain-alert__message`,children:n}),r&&(0,l.jsx)(`div`,{className:`chain-alert__description`,children:r}),d]}),u&&(0,l.jsx)(`div`,{className:`chain-alert__action`,children:u}),a&&(0,l.jsx)(`button`,{type:`button`,className:`chain-alert__close`,"aria-label":o,onClick:s,children:`×`})]}):null}),k={sm:`var(--space-1)`,md:`var(--space-2)`,lg:`var(--space-4)`},A=(0,c.forwardRef)(function({size:e=`md`,direction:t=`horizontal`,align:n=`center`,wrap:r=!1,children:i,className:a,style:o,...s},c){let u=typeof e==`number`?`${e}px`:k[e]??k.md;return(0,l.jsx)(`div`,{ref:c,className:[`chain-space`,`chain-space--${t}`,`chain-space--align-${n}`,r&&`chain-space--wrap`,a].filter(Boolean).join(` `),style:{gap:u,...o},...s,children:i})}),j=(0,c.forwardRef)(function({orientation:e=`horizontal`,type:t=`solid`,size:n=`md`,children:r,className:i,...a},o){return e===`vertical`?(0,l.jsx)(`hr`,{ref:o,className:[`chain-divider`,`chain-divider--vertical`,`chain-divider--${t}`,`chain-divider--${n}`,i].filter(Boolean).join(` `),role:`separator`,"aria-orientation":`vertical`,...a}):r?(0,l.jsxs)(`div`,{ref:o,className:[`chain-divider`,`chain-divider--horizontal`,`chain-divider--${t}`,`chain-divider--${n}`,`chain-divider--with-text`,i].filter(Boolean).join(` `),role:`separator`,...a,children:[(0,l.jsx)(`span`,{className:`chain-divider__line`}),(0,l.jsx)(`span`,{className:`chain-divider__text`,children:r}),(0,l.jsx)(`span`,{className:`chain-divider__line`})]}):(0,l.jsx)(`hr`,{ref:o,className:[`chain-divider`,`chain-divider--horizontal`,`chain-divider--${t}`,`chain-divider--${n}`,i].filter(Boolean).join(` `),role:`separator`,...a})});exports.Alert=O,exports.Badge=w,exports.Button=d,exports.Divider=j,exports.FormItem=m,exports.Input=f,exports.Modal=y,exports.Pagination=E,exports.Select=g,exports.Space=A,exports.Table=S,exports.Tag=C;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime"),u=require("react-dom");var d=(0,c.forwardRef)(function({variant:e=`solid`,color:t=`primary`,size:n=`md`,shape:r=`default`,disabled:i=!1,loading:a=!1,icon:o,iconRight:s,children:c,onClick:u,className:d,htmlType:f,ariaLabel:p,...m},h){let g=i||a,_=[`chain-btn`,`chain-btn--${e}`,`chain-btn--${t}`,`chain-btn--${n}`,r!==`default`&&`chain-btn--${r}`,g&&`chain-btn--disabled`,a&&`chain-btn--loading`,d].filter(Boolean).join(` `);return(0,l.jsxs)(`button`,{ref:h,type:f,className:_,disabled:g,"aria-disabled":g||void 0,"aria-busy":a||void 0,"aria-label":p,onClick:e=>{g||u?.(e)},...m,children:[a&&(0,l.jsx)(`span`,{className:`chain-btn__spinner`,"aria-hidden":`true`}),!a&&o&&(0,l.jsx)(`span`,{className:`chain-btn__icon`,children:o}),c&&(0,l.jsx)(`span`,{children:c}),!a&&s&&(0,l.jsx)(`span`,{className:`chain-btn__icon--right`,children:s})]})}),f=(0,c.forwardRef)(function({value:e,defaultValue:t,onChange:n,variant:r=`outline`,size:i=`md`,status:a=`default`,disabled:o=!1,readOnly:s=!1,prefix:u,suffix:d,allowClear:f=!1,clearAriaLabel:p=`Clear input`,showCount:m=!1,maxLength:h,className:g,style:_,...v},y){let[b,x]=(0,c.useState)(t??``),S=e!==void 0,C=S?e:b,w=e=>{if(o||s)return;let t=e.target.value;S||x(t),n?.(t,e)},T=()=>{S||x(``),n?.(``,{target:{value:``}})},E=f&&C.length>0&&!o&&!s;return(0,l.jsxs)(`div`,{className:[`chain-input`,`chain-input--${r}`,`chain-input--${i}`,a!==`default`&&`chain-input--${a}`,o&&`chain-input--disabled`,s&&`chain-input--readonly`,g].filter(Boolean).join(` `),style:_,children:[u&&(0,l.jsx)(`span`,{className:`chain-input__prefix`,children:u}),(0,l.jsx)(`input`,{ref:y,className:`chain-input__field`,...S?{value:C}:{defaultValue:t},onChange:w,disabled:o,readOnly:s,maxLength:h,"aria-disabled":o||void 0,"aria-invalid":a===`error`||void 0,...v}),(E||m||d)&&(0,l.jsxs)(`span`,{className:`chain-input__suffix`,children:[E&&(0,l.jsx)(`span`,{className:`chain-input__clear`,onClick:T,role:`button`,tabIndex:0,"aria-label":p,children:`×`}),m&&(0,l.jsxs)(`span`,{className:`chain-input__count`,children:[C.length,h!==void 0&&` / ${h}`]}),d]})]})});function p(e,t){if(t===`default`||!c.default.isValidElement(e))return e;let n=e.type;return typeof n==`function`||typeof n==`object`&&n?c.default.cloneElement(e,{status:t}):e}var m=(0,c.forwardRef)(function({label:e,labelWidth:t=120,labelAlign:n=`right`,required:r=!1,requiredMark:i=`*`,colon:a=!0,colonText:o=`:`,status:s=`default`,help:u,layout:d=`horizontal`,children:f,className:m,style:h,...g},_){let v=e!=null,y=()=>{if(!v)return null;let s=a&&typeof e==`string`&&e.length>0;return(0,l.jsxs)(`label`,{className:[`chain-form-item__label`,n===`right`&&`chain-form-item__label--right`].filter(Boolean).join(` `),style:{width:typeof t==`number`?`${t}px`:t},children:[r&&(0,l.jsx)(`span`,{className:`chain-form-item__label-required`,"aria-hidden":`true`,children:i}),(0,l.jsx)(`span`,{className:`chain-form-item__label-text`,children:e}),s&&(0,l.jsx)(`span`,{className:`chain-form-item__label-colon`,children:o})]})},b=[`chain-form-item`,`chain-form-item--${d}`,s!==`default`&&`chain-form-item--${s}`,r&&`chain-form-item--required`,m].filter(Boolean).join(` `),x=[`chain-form-item__help`,s!==`default`&&`chain-form-item__help--${s}`].filter(Boolean).join(` `),S=s!==`default`&&c.default.Children.count(f)===1?p(c.default.Children.toArray(f)[0],s):f;return(0,l.jsxs)(`div`,{ref:_,className:b,style:h,...g,children:[y(),(0,l.jsx)(`div`,{className:`chain-form-item__control`,children:S}),u&&(0,l.jsx)(`div`,{className:x,children:u})]})});function h(e,t){return e===t.value}var g=(0,c.forwardRef)(function({value:e,defaultValue:t,onChange:n,options:r=[],variant:i=`outline`,size:a=`md`,status:o=`default`,disabled:s=!1,loading:d=!1,allowClear:f=!1,placeholder:p=`Please select`,mode:m=`single`,showSearch:g=!1,prefix:_,suffix:v,emptyText:y=`暂无数据`,clearAriaLabel:b=`Clear selection`,searchPlaceholder:x=`Search`,expandAriaLabel:S=`Expand`,collapseAriaLabel:C=`Collapse`,removeAriaLabel:w=`Remove`,dropdownClassName:T,dropdownStyle:E,getPopupContainer:D,className:O,style:k,...A},j){let M=e!==void 0,[N,P]=(0,c.useState)(t??(m===`multiple`?[]:``)),F=M?e:N,[I,L]=(0,c.useState)(!1),[R,z]=(0,c.useState)(-1),[B,V]=(0,c.useState)(``),[H,ee]=(0,c.useState)({top:0,left:0,width:0}),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=(0,c.useRef)(null),K=(0,c.useRef)(null),q=s||d,J=(0,c.useCallback)((e,t)=>{M||P(e),n?.(e,t)},[M,n]),te=r.filter(e=>m===`multiple`&&Array.isArray(F)?F.some(t=>h(t,e)):h(F,e)),ne=g&&B?r.filter(e=>String(e.label).toLowerCase().includes(B.toLowerCase())):r,Y=ne.filter(e=>!e.disabled),X=(0,c.useCallback)(()=>{if(!U.current)return;let e=U.current.getBoundingClientRect();ee({top:e.bottom+4,left:e.left,width:e.width})},[]),Z=(0,c.useCallback)(()=>{q||(X(),L(!0),z(-1),V(``))},[q,X]),Q=(0,c.useCallback)(()=>{L(!1),z(-1),V(``)},[]),$=(0,c.useCallback)((e,t)=>{if(!e.disabled)if(m===`multiple`){let n=Array.isArray(F)?F:[];J(n.some(t=>h(t,e))?n.filter(t=>!h(t,e)):[...n,e.value],t)}else J(e.value,t),Q()},[m,F,J,Q]),re=(0,c.useCallback)(e=>{e.stopPropagation(),J(m===`multiple`?[]:``,e)},[m,J]),ie=(0,c.useCallback)((e,t)=>{t.stopPropagation(),m===`multiple`&&Array.isArray(F)&&J(F.filter(t=>!h(t,e)),t)},[m,F,J]),ae=()=>{if(m===`multiple`&&Array.isArray(F)&&F.length>0)return null;if(m===`single`&&F!==``&&F!==void 0){let e=r.find(e=>h(F,e));return e?e.label:String(F)}return null},oe=(0,c.useCallback)(()=>{q||(I?Q():Z())},[q,I,Z,Q]),se=(0,c.useCallback)(e=>{if(!q)switch(e.key){case`Enter`:case` `:e.preventDefault(),I?R>=0&&R<Y.length&&$(Y[R],e):Z();break;case`ArrowDown`:e.preventDefault(),I?z(e=>e<Y.length-1?e+1:0):(Z(),z(0));break;case`ArrowUp`:e.preventDefault(),I&&z(e=>e>0?e-1:Y.length-1);break;case`Escape`:e.preventDefault(),Q(),U.current?.focus();break;case`Tab`:I&&Q();break}},[q,I,R,Y,$,Z,Q]),ce=(0,c.useCallback)((e,t)=>{$(e,t)},[$]),le=(0,c.useCallback)(e=>{re(e)},[re]),ue=(0,c.useCallback)(e=>{V(e.target.value),z(-1)},[]);(0,c.useEffect)(()=>{if(!I)return;let e=e=>{let t=e.target;W.current?.contains(t)||U.current?.contains(t)||Q()};return document.addEventListener(`mousedown`,e,!0),()=>document.removeEventListener(`mousedown`,e,!0)},[I,Q]),(0,c.useEffect)(()=>{if(!I)return;let e=()=>X();return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[I,X]),(0,c.useEffect)(()=>{I&&g&&requestAnimationFrame(()=>G.current?.focus())},[I,g]),(0,c.useEffect)(()=>{if(R<0||!K.current)return;let e=K.current.querySelectorAll(`.chain-select__item`)[R];e&&typeof e.scrollIntoView==`function`&&e.scrollIntoView({block:`nearest`})},[R]);let de=f&&!q&&(m===`multiple`?Array.isArray(F)&&F.length>0:F!==``&&F!==void 0),fe=[`chain-select`,`chain-select--${i}`,`chain-select--${a}`,o!==`default`&&`chain-select--${o}`,q&&`chain-select--disabled`,d&&`chain-select--loading`,m===`multiple`&&`chain-select--multiple`,I&&`chain-select--open`,O].filter(Boolean).join(` `),pe=ae(),me=()=>{if(!I)return null;let e=D?.()??document.body;return(0,u.createPortal)((0,l.jsxs)(`div`,{ref:W,className:[`chain-select__dropdown`,T].filter(Boolean).join(` `),style:{top:H.top,left:H.left,width:H.width,...E},children:[g&&(0,l.jsx)(`div`,{className:`chain-select__search`,children:(0,l.jsx)(`input`,{ref:G,className:`chain-select__search-input`,placeholder:x,value:B,onChange:ue,role:`searchbox`,onClick:e=>e.stopPropagation()})}),ne.length===0?(0,l.jsx)(`div`,{className:`chain-select__empty`,children:y}):(0,l.jsx)(`ul`,{ref:K,className:`chain-select__list`,role:`listbox`,children:ne.map((e,t)=>{let n=m===`multiple`&&Array.isArray(F)?F.some(t=>h(t,e)):h(F,e);return(0,l.jsxs)(`li`,{className:[`chain-select__item`,n&&`chain-select__item--selected`,t===R&&`chain-select__item--highlighted`,e.disabled&&`chain-select__item--disabled`].filter(Boolean).join(` `),role:`option`,"aria-selected":n,"aria-disabled":e.disabled||void 0,onClick:t=>{e.disabled||ce(e,t)},onMouseEnter:()=>{e.disabled||z(t)},children:[(0,l.jsx)(`span`,{children:e.label}),n&&(0,l.jsx)(`span`,{className:`chain-select__item-check`,"aria-hidden":`true`,children:`✓`})]},e.value)})})]}),e)};return(0,l.jsxs)(`div`,{ref:j,className:fe,style:k,...A,children:[(0,l.jsxs)(`div`,{ref:U,className:`chain-select__trigger`,role:`combobox`,"aria-expanded":I,"aria-haspopup":`listbox`,"aria-disabled":q||void 0,tabIndex:q?-1:0,onClick:oe,onKeyDown:se,children:[_&&(0,l.jsx)(`span`,{className:`chain-select__prefix`,children:_}),(0,l.jsx)(`div`,{className:`chain-select__trigger-inner`,children:m===`multiple`&&Array.isArray(F)&&F.length>0?(0,l.jsx)(`div`,{className:`chain-select__tags`,children:te.map(e=>(0,l.jsxs)(`span`,{className:`chain-select__tag`,children:[(0,l.jsx)(`span`,{children:e.label}),(0,l.jsx)(`button`,{type:`button`,className:`chain-select__tag-remove`,"aria-label":w,onClick:t=>ie(e,t),children:`×`})]},e.value))}):pe?(0,l.jsx)(`span`,{className:`chain-select__value`,children:pe}):(0,l.jsx)(`span`,{className:`chain-select__placeholder`,children:p})}),de&&(0,l.jsx)(`span`,{className:`chain-select__clear`,role:`button`,"aria-label":b,onClick:le,children:`×`}),d?(0,l.jsx)(`span`,{className:`chain-select__spinner`,"aria-hidden":`true`}):(0,l.jsx)(`span`,{className:`chain-select__arrow`,"aria-label":I?C:S,children:`▼`}),v&&(0,l.jsx)(`span`,{className:`chain-select__suffix`,children:v})]}),me()]})}),_={sm:`400px`,md:`520px`,lg:`720px`},v=`a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])`,y=(0,c.forwardRef)(function({open:e=!1,onCancel:t,title:n,children:r,footer:i,onOk:a,okText:o=`确定`,okButtonProps:s,cancelText:f=`取消`,cancelButtonProps:p,confirmLoading:m=!1,closable:h=!0,closeAriaLabel:g=`Close`,maskClosable:y=!0,keyboard:b=!0,destroyOnClose:x=!1,size:S=`md`,width:C,centered:w=!1,getContainer:T,className:E,style:D,...O},k){let A=(0,c.useId)(),[j,M]=(0,c.useState)(!1),[N,P]=(0,c.useState)(!1),[F,I]=(0,c.useState)(!1),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=(0,c.useRef)(null),B=(0,c.useRef)(0),V=e||j,H=(0,c.useCallback)(e=>{L.current=e,typeof k==`function`?k(e):k&&(k.current=e)},[k]);(0,c.useEffect)(()=>{if(e)z.current=document.activeElement,requestAnimationFrame(()=>{M(!0)});else{P(!0);let e=setTimeout(()=>{P(!1),M(!1)},250);return()=>clearTimeout(e)}},[e]),(0,c.useEffect)(()=>{if(!V)return;let e=window.innerWidth-document.documentElement.clientWidth;B.current=e;let t=document.body.style.overflow,n=document.body.style.paddingRight;return document.body.style.overflow=`hidden`,e>0&&(document.body.style.paddingRight=`${e}px`),()=>{document.body.style.overflow=t,document.body.style.paddingRight=n}},[V]),(0,c.useEffect)(()=>{if(!V)return;let e=setTimeout(()=>{R.current?.focus()},50);return()=>clearTimeout(e)},[V]),(0,c.useEffect)(()=>{!V&&z.current&&(z.current.focus(),z.current=null)},[V]),(0,c.useEffect)(()=>{if(!V||!b)return;let e=e=>{e.key===`Escape`&&t?.()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[V,b,t]);let ee=(0,c.useCallback)(e=>{y&&e.target===e.currentTarget&&t?.()},[y,t]),U=(0,c.useCallback)(async()=>{if(!a)return;let e=a();if(e instanceof Promise){I(!0);try{await e,I(!1),t?.()}catch{I(!1)}}},[a,t]),W=(0,c.useCallback)(e=>{if(e.key!==`Tab`)return;let t=R.current;if(!t)return;let n=t.querySelectorAll(v);if(n.length===0){e.preventDefault();return}let r=n[0],i=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),r.focus())},[]),G=C??_[S]??_.md,K=m||F,q=[`chain-modal`,j&&!N&&`chain-modal--open`,N&&`chain-modal--hidden`,w&&`chain-modal--centered`,E].filter(Boolean).join(` `);return!V&&x?null:(0,u.createPortal)((0,l.jsxs)(`div`,{ref:H,className:q,style:D,role:`dialog`,"aria-modal":`true`,"aria-labelledby":n?A:void 0,...O,children:[(0,l.jsx)(`div`,{className:`chain-modal__mask`,onMouseDown:ee}),(0,l.jsx)(`div`,{className:`chain-modal__wrap`,children:(0,l.jsxs)(`div`,{ref:R,className:`chain-modal__content`,tabIndex:-1,style:{width:typeof G==`number`?`${G}px`:G},onKeyDown:W,children:[n!==void 0||h?(0,l.jsxs)(`div`,{className:`chain-modal__header`,children:[n&&(0,l.jsx)(`h2`,{id:A,className:`chain-modal__title`,children:n}),h&&(0,l.jsx)(`button`,{type:`button`,className:`chain-modal__close`,"aria-label":g,onClick:t,children:`×`})]}):null,r&&(0,l.jsx)(`div`,{className:`chain-modal__body`,children:r}),i===void 0?i===null?null:(0,l.jsxs)(`div`,{className:`chain-modal__footer`,children:[(0,l.jsx)(d,{...p,onClick:t,children:f}),(0,l.jsx)(d,{variant:`solid`,color:`primary`,...s,loading:K,onClick:U,children:o})]}):i]})})]}),T?.()??document.body)});function b(e,t,n){if(typeof n==`function`)return n(e);let r=e[n];return String(r??t)}function x(e,t){if(t!=null)return Array.isArray(t)?t.reduce((e,t)=>{if(typeof e==`object`&&e)return e[t]},e):e[t]}var S=(0,c.forwardRef)(function({dataSource:e,columns:t,rowKey:n=`key`,rowSelection:r,loading:i=!1,emptyText:a=`暂无数据`,pagination:o,bordered:s=!0,size:u=`md`,locale:f,scroll:p,onRow:m,className:h,style:g,..._},v){let y={total:f?.total??`共`,items:f?.items??`条`,prevPage:f?.prevPage??`上一页`,nextPage:f?.nextPage??`下一页`},S=r?.type===`radio`,C=r!=null,w=(0,c.useMemo)(()=>r?.selectedRowKeys??[],[r?.selectedRowKeys]),T=(0,c.useCallback)(()=>{if(!r)return;let t=e.filter(e=>!r.getCheckboxProps?.(e)?.disabled).map((e,t)=>b(e,t,n));if(S)return;let i=t.every(e=>w.includes(e)),a;if(i)a=w.filter(e=>!t.includes(e));else{let e=new Set(w);t.forEach(t=>e.add(t)),a=Array.from(e)}let o=e.filter((e,t)=>a.includes(b(e,t,n)));r.onChange?.(a,o),r.onSelect?.(e[0],!i,o)},[r,e,w,S,n]),E=(0,c.useCallback)((t,i)=>{if(!r)return;let a=b(t,i,n),o,s=w.includes(a);if(S){if(s)return;o=[a]}else o=s?w.filter(e=>e!==a):[...w,a];let c=e.filter((e,t)=>o.includes(b(e,t,n)));r.onChange?.(o,c),r.onSelect?.(t,!s,c)},[r,e,w,S,n]),D=e.map((e,t)=>r?.getCheckboxProps?.(e)?.disabled?null:b(e,t,n)).filter(Boolean),O=D.length>0&&D.every(e=>w.includes(e)),k=w.some(e=>D.includes(e))&&!O,A=o?o.current??1:1,j=o?o.pageSize??10:10,M=o?o.total??e.length:e.length,N=Math.max(1,Math.ceil(M/j)),P=(0,c.useCallback)(e=>{o&&o.onChange?.(e,j)},[o,j]);return(0,l.jsxs)(`div`,{ref:v,className:[`chain-table`,`chain-table--${u}`,s&&`chain-table--bordered`,i&&`chain-table--loading`,h].filter(Boolean).join(` `),style:g,role:`table`,..._,children:[(0,l.jsx)(`div`,{className:`chain-table__container`,style:p?{maxHeight:p.y,overflow:p.x?`auto`:void 0}:void 0,children:(0,l.jsxs)(`table`,{className:`chain-table__table`,children:[(0,l.jsxs)(`colgroup`,{children:[C&&(0,l.jsx)(`col`,{style:{width:48}}),t.map(e=>(0,l.jsx)(`col`,{style:{width:e.width}},e.key))]}),(0,l.jsx)(`thead`,{className:`chain-table__header`,children:(0,l.jsxs)(`tr`,{className:`chain-table__header-row`,children:[C&&(0,l.jsx)(`th`,{className:`chain-table__selection chain-table__header-cell`,role:`columnheader`,children:!S&&(0,l.jsx)(`span`,{className:`chain-table__checkbox`,children:(0,l.jsx)(`input`,{type:`checkbox`,checked:O,ref:e=>{e&&(e.indeterminate=k)},onChange:T,"aria-label":`Select all`})})}),t.map(e=>(0,l.jsx)(`th`,{className:[`chain-table__header-cell`,e.align&&`chain-table__header-cell--align-${e.align}`].filter(Boolean).join(` `),role:`columnheader`,children:e.title},e.key))]})}),(0,l.jsx)(`tbody`,{className:`chain-table__body`,children:e.length===0?(0,l.jsx)(`tr`,{className:`chain-table__row`,children:(0,l.jsx)(`td`,{className:`chain-table__cell chain-table__empty`,colSpan:t.length+ +!!C,role:`status`,"aria-live":`polite`,children:a})}):e.map((e,i)=>{let a=b(e,i,n),o=w.includes(a),s=r?.getCheckboxProps?.(e)?.disabled??!1,c=m?.(e,i);return(0,l.jsxs)(`tr`,{className:[`chain-table__row`,o&&`chain-table__row--selected`,c?.className].filter(Boolean).join(` `),role:`row`,onClick:c?.onClick,onDoubleClick:c?.onDoubleClick,children:[C&&(0,l.jsx)(`td`,{className:`chain-table__selection chain-table__cell`,role:`cell`,children:(0,l.jsx)(`span`,{className:`chain-table__checkbox`,children:(0,l.jsx)(`input`,{type:S?`radio`:`checkbox`,name:S?`chain-table-radio`:void 0,checked:o,disabled:s,onChange:()=>E(e,i),"aria-label":r.selectAriaLabel??`Select row`})})}),t.map(t=>{let n=x(e,t.dataIndex),r=t.render?t.render(n,e,i):n==null?`-`:String(n);return(0,l.jsx)(`td`,{className:[`chain-table__cell`,t.align&&`chain-table__cell--align-${t.align}`,t.ellipsis&&`chain-table__cell--ellipsis`].filter(Boolean).join(` `),role:`cell`,title:t.ellipsis&&typeof r==`string`?r:void 0,children:r},t.key)})]},a)})})]})}),i&&(0,l.jsx)(`div`,{className:`chain-table__loading-overlay`,children:(0,l.jsx)(`span`,{className:`chain-table__loading-spinner`})}),o!==void 0&&o!==!1&&(0,l.jsxs)(`div`,{className:`chain-table__pagination`,children:[(0,l.jsxs)(`span`,{className:`chain-table__pagination-total`,children:[y.total,` `,M,` `,y.items]}),(0,l.jsxs)(`div`,{className:`chain-table__pagination-nav`,children:[(0,l.jsx)(d,{size:`sm`,disabled:A<=1,onClick:()=>P(A-1),children:y.prevPage}),(0,l.jsxs)(`span`,{children:[A,` / `,N]}),(0,l.jsx)(d,{size:`sm`,disabled:A>=N,onClick:()=>P(A+1),children:y.nextPage})]})]})]})}),C=(0,c.forwardRef)(function({color:e=`default`,variant:t=`light`,size:n=`md`,closable:r=!1,onClose:i,children:a,className:o,...s},c){return(0,l.jsxs)(`span`,{ref:c,className:[`chain-tag`,`chain-tag--${t}`,`chain-tag--${e}`,`chain-tag--${n}`,r&&`chain-tag--closable`,o].filter(Boolean).join(` `),...s,children:[(0,l.jsx)(`span`,{className:`chain-tag__text`,children:a}),r&&(0,l.jsx)(`span`,{className:`chain-tag__close`,role:`button`,tabIndex:0,onClick:i,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i?.(e))},"aria-label":`Close`,children:`×`})]})}),w=(0,c.forwardRef)(function({count:e,dot:t=!1,color:n=`error`,size:r=`md`,overflowCount:i=99,showZero:a=!1,offset:o,children:s,className:c,style:u,...d},f){let p=!t&&e!==void 0&&!a&&e===0,m=e===void 0&&!t,h=(()=>{if(t||e===void 0)return null;let n=typeof e==`number`?e:void 0;return n!==void 0&&n>i?`${i}+`:String(e)})();if(p)return s?(0,l.jsx)(l.Fragment,{children:s}):null;let g=(0,l.jsx)(`span`,{className:[[`chain-badge__content`,t?`chain-badge__content--dot`:`chain-badge__content--number`,!s&&`chain-badge__content--${r}`].filter(Boolean).join(` `),`chain-badge--${n}`,s&&`chain-badge--${r}`].filter(Boolean).join(` `),style:o?{marginLeft:o[0],marginTop:o[1]}:void 0,children:h},`badge`);return s?(0,l.jsxs)(`span`,{ref:f,className:[`chain-badge`,c].filter(Boolean).join(` `),style:u,...d,children:[s,g]}):(0,l.jsx)(`span`,{ref:f,className:[`chain-badge`,c].filter(Boolean).join(` `),style:u,...d,children:m?null:g})});function T(e,t){if(t<=7)return Array.from({length:t},(e,t)=>t+1);let n=[];n.push(1),e>3&&n.push(`ellipsis`);let r=Math.max(2,e-1),i=Math.min(t-1,e+1);for(let e=r;e<=i;e++)n.push(e);return e<t-2&&n.push(`ellipsis`),n.push(t),n}var E=(0,c.forwardRef)(function({value:e,defaultValue:t=1,pageSize:n=10,total:r=0,onChange:i,showSizeChanger:a=!1,pageSizeOptions:o=[10,20,50,100],showQuickJumper:s=!1,showTotal:u=!0,size:d=`md`,disabled:f=!1,locale:p,className:m,...h},g){let[_,v]=(0,c.useState)(t),y=e!==void 0,b=y?e:_,[x,S]=(0,c.useState)(``),[C,w]=(0,c.useState)(n),E=y?n:C,D={total:p?.total??`共`,items:p?.items??`条`,prevPage:p?.prevPage??`上一页`,nextPage:p?.nextPage??`下一页`,jumpTo:p?.jumpTo??`前往`},O=Math.max(1,Math.ceil(r/E)),k=Math.max(1,Math.min(b,O)),A=(0,c.useMemo)(()=>T(k,O),[k,O]),j=(0,c.useCallback)(e=>{if(f)return;let t=Math.max(1,Math.min(e,O));y||v(t),i?.(t,E)},[f,O,y,i,E]),M=(0,c.useCallback)(e=>{if(f)return;w(e);let t=Math.ceil(r/e),n=Math.min(k,t);y||(v(n),w(e)),i?.(n,e)},[f,r,k,y,i]),N=(0,c.useCallback)(()=>{let e=parseInt(x,10);isNaN(e)||(j(e),S(``))},[x,j]);return(0,l.jsxs)(`div`,{ref:g,className:[`chain-pagination`,`chain-pagination--${d}`,f&&`chain-pagination--disabled`,m].filter(Boolean).join(` `),...h,children:[u&&(0,l.jsxs)(`span`,{className:`chain-pagination__total`,children:[D.total,` `,r,` `,D.items]}),(0,l.jsxs)(`ul`,{className:`chain-pagination__list`,children:[(0,l.jsx)(`li`,{className:[`chain-pagination__prev`,(f||k<=1)&&`chain-pagination__item--disabled`].filter(Boolean).join(` `),children:(0,l.jsx)(`button`,{type:`button`,disabled:f||k<=1,onClick:()=>j(k-1),children:D.prevPage})}),A.map((e,t)=>e===`ellipsis`?(0,l.jsx)(`li`,{className:`chain-pagination__item chain-pagination__item--disabled`,children:(0,l.jsx)(`span`,{children:`...`})},`ellipsis-${t}`):(0,l.jsx)(`li`,{className:[`chain-pagination__item`,e===k&&`chain-pagination__item--active`].filter(Boolean).join(` `),children:(0,l.jsx)(`button`,{type:`button`,disabled:f,onClick:()=>j(e),children:e})},e)),(0,l.jsx)(`li`,{className:[`chain-pagination__next`,(f||k>=O)&&`chain-pagination__item--disabled`].filter(Boolean).join(` `),children:(0,l.jsx)(`button`,{type:`button`,disabled:f||k>=O,onClick:()=>j(k+1),children:D.nextPage})})]}),a&&(0,l.jsx)(`select`,{className:`chain-pagination__size-changer`,value:E,disabled:f,onChange:e=>M(Number(e.target.value)),children:o.map(e=>(0,l.jsxs)(`option`,{value:e,children:[e,` `,D.items]},e))}),s&&(0,l.jsxs)(`div`,{className:`chain-pagination__jump`,children:[(0,l.jsx)(`input`,{type:`text`,value:x,disabled:f,onChange:e=>S(e.target.value),onKeyDown:e=>{e.key===`Enter`&&N()},placeholder:``}),(0,l.jsx)(`button`,{type:`button`,disabled:f,onClick:N,children:D.jumpTo})]})]})}),D={success:`✓`,warning:`!`,error:`✗`,info:`ℹ`},O=(0,c.forwardRef)(function({color:e=`info`,size:t=`md`,message:n,description:r,showIcon:i=!0,closable:a=!1,closeAriaLabel:o=`Close`,onClose:s,open:c=!0,action:u,children:d,className:f,...p},m){return c?(0,l.jsxs)(`div`,{ref:m,className:[`chain-alert`,`chain-alert--${e}`,`chain-alert--${t}`,a&&`chain-alert--closable`,f].filter(Boolean).join(` `),role:`alert`,...p,children:[i&&(0,l.jsx)(`span`,{className:`chain-alert__icon`,"aria-hidden":`true`,children:D[e]}),(0,l.jsxs)(`div`,{className:`chain-alert__content`,children:[(0,l.jsx)(`div`,{className:`chain-alert__message`,children:n}),r&&(0,l.jsx)(`div`,{className:`chain-alert__description`,children:r}),d]}),u&&(0,l.jsx)(`div`,{className:`chain-alert__action`,children:u}),a&&(0,l.jsx)(`button`,{type:`button`,className:`chain-alert__close`,"aria-label":o,onClick:s,children:`×`})]}):null}),k={sm:`var(--space-1)`,md:`var(--space-2)`,lg:`var(--space-4)`},A=(0,c.forwardRef)(function({size:e=`md`,gap:t,direction:n=`horizontal`,align:r=`center`,wrap:i=!1,children:a,className:o,style:s,...c},u){let d=t==null?typeof e==`number`?`${e}px`:k[e]??k.md:typeof t==`number`?`${t}px`:t;return(0,l.jsx)(`div`,{ref:u,className:[`chain-space`,`chain-space--${n}`,`chain-space--align-${r}`,i&&`chain-space--wrap`,o].filter(Boolean).join(` `),style:{gap:d,...s},...c,children:a})}),j=(0,c.forwardRef)(function({orientation:e=`horizontal`,type:t=`solid`,size:n=`md`,children:r,className:i,...a},o){return e===`vertical`?(0,l.jsx)(`hr`,{ref:o,className:[`chain-divider`,`chain-divider--vertical`,`chain-divider--${t}`,`chain-divider--${n}`,i].filter(Boolean).join(` `),role:`separator`,"aria-orientation":`vertical`,...a}):r?(0,l.jsxs)(`div`,{ref:o,className:[`chain-divider`,`chain-divider--horizontal`,`chain-divider--${t}`,`chain-divider--${n}`,`chain-divider--with-text`,i].filter(Boolean).join(` `),role:`separator`,...a,children:[(0,l.jsx)(`span`,{className:`chain-divider__line`}),(0,l.jsx)(`span`,{className:`chain-divider__text`,children:r}),(0,l.jsx)(`span`,{className:`chain-divider__line`})]}):(0,l.jsx)(`hr`,{ref:o,className:[`chain-divider`,`chain-divider--horizontal`,`chain-divider--${t}`,`chain-divider--${n}`,i].filter(Boolean).join(` `),role:`separator`,...a})});exports.Alert=O,exports.Badge=w,exports.Button=d,exports.Divider=j,exports.FormItem=m,exports.Input=f,exports.Modal=y,exports.Pagination=E,exports.Select=g,exports.Space=A,exports.Table=S,exports.Tag=C;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- :root{--color-primary-50:#eff3f9;--color-primary-100:#d8e3f2;--color-primary-200:#bacce7;--color-primary-300:#94b1da;--color-primary-400:#6e95ce;--color-primary-500:#1b365d;--color-primary-600:#162d4f;--color-primary-700:#132642;--color-primary-800:#0f1f35;--color-primary-900:#0c1829;--color-primary-950:#09121f;--color-brand-50:#fdebeb;--color-brand-100:#fccece;--color-brand-200:#faa7a7;--color-brand-300:#f77777;--color-brand-400:#f54646;--color-brand-500:red;--color-brand-600:#d80000;--color-brand-700:#b70000;--color-brand-800:#930000;--color-brand-900:#720000;--color-brand-950:#510000;--color-success-50:#ebfdfc;--color-success-100:#cefcf9;--color-success-200:#a7faf5;--color-success-300:#77f7f0;--color-success-400:#46f5ea;--color-success-500:#00857d;--color-success-600:#00716a;--color-success-700:#005f5a;--color-success-800:#004d48;--color-success-900:#003b38;--color-success-950:#002a28;--color-warning-50:#fdf7eb;--color-warning-100:#fcebce;--color-warning-200:#fadca7;--color-warning-300:#f7c977;--color-warning-400:#f5b646;--color-warning-500:#ffa300;--color-warning-600:#d88a00;--color-warning-700:#b77500;--color-warning-800:#935e00;--color-warning-900:#724900;--color-warning-950:#513400;--color-error-50:#fbeeed;--color-error-100:#f7d6d3;--color-error-200:#f1b5b1;--color-error-300:#e98c85;--color-error-400:#e1635a;--color-error-500:#da291c;--color-error-600:#b92217;--color-error-700:#9c1d14;--color-error-800:#7e1710;--color-error-900:#62120c;--color-error-950:#450d08;--color-info-50:#ebf6fd;--color-info-100:#cee8fc;--color-info-200:#a7d6fa;--color-info-300:#77c0f7;--color-info-400:#46aaf5;--color-info-500:#0076cf;--color-info-600:#0064af;--color-info-700:#005495;--color-info-800:#004478;--color-info-900:#00355d;--color-info-950:#002542;--color-text-primary:#1f2329;--color-text-secondary:#5c6166;--color-text-tertiary:#8c9196;--color-text-disabled:#bbbfc4;--color-text-placeholder:#c5c9ce;--color-border:#d9dce0;--color-border-light:#e8eaed;--color-border-split:#f0f1f3;--color-fill-base:#fff;--color-fill-default:#f5f6f8;--color-fill-hover:#ebedf0;--color-fill-active:#e6ecf5;--color-fill-selected:#d6e4f7;--color-bg-page:#f2f3f5;--color-bg-container:#fff;--color-bg-elevated:#fff;--font-family-en:"HedleyNew-Regular", "Arial", sans-serif;--font-family-cn:"Noto Sans CJK SC Regular", "微软雅黑", sans-serif;--font-family-base:"HedleyNew-Regular", "Noto Sans CJK SC Regular", "Arial", "微软雅黑", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-loose:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-none:none;--shadow-1:0 1px 4px #1b365d14;--shadow-2:0 4px 12px #1b365d1f;--shadow-3:0 8px 24px #1b365d29;--shadow-focus:0 0 0 3px #1b365d26;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080;--duration-instant:0s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}.chain-btn{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;display:inline-flex}.chain-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.chain-btn--sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.chain-btn--md{height:32px;padding:0 var(--space-4);font-size:var(--font-size-base)}.chain-btn--lg{height:40px;padding:0 var(--space-5);font-size:var(--font-size-md)}.chain-btn--circle{border-radius:var(--radius-full);padding:0}.chain-btn--circle.chain-btn--sm{width:28px}.chain-btn--circle.chain-btn--md{width:32px}.chain-btn--circle.chain-btn--lg{width:40px}.chain-btn--round{border-radius:var(--radius-lg)}.chain-btn--solid{color:#fff}.chain-btn--solid.chain-btn--primary{background-color:var(--color-primary-500)}.chain-btn--solid.chain-btn--primary:hover{background-color:var(--color-primary-600)}.chain-btn--solid.chain-btn--primary:active{background-color:var(--color-primary-700)}.chain-btn--solid.chain-btn--brand{background-color:var(--color-brand-500)}.chain-btn--solid.chain-btn--brand:hover{background-color:var(--color-brand-600)}.chain-btn--solid.chain-btn--brand:active{background-color:var(--color-brand-700)}.chain-btn--solid.chain-btn--success{background-color:var(--color-success-500)}.chain-btn--solid.chain-btn--success:hover{background-color:var(--color-success-600)}.chain-btn--solid.chain-btn--success:active{background-color:var(--color-success-700)}.chain-btn--solid.chain-btn--warning{background-color:var(--color-warning-500)}.chain-btn--solid.chain-btn--warning:hover{background-color:var(--color-warning-600)}.chain-btn--solid.chain-btn--warning:active{background-color:var(--color-warning-700)}.chain-btn--solid.chain-btn--error{background-color:var(--color-error-500)}.chain-btn--solid.chain-btn--error:hover{background-color:var(--color-error-600)}.chain-btn--solid.chain-btn--error:active{background-color:var(--color-error-700)}.chain-btn--solid.chain-btn--info{background-color:var(--color-info-500)}.chain-btn--solid.chain-btn--info:hover{background-color:var(--color-info-600)}.chain-btn--solid.chain-btn--info:active{background-color:var(--color-info-700)}.chain-btn--outline{background-color:#0000}.chain-btn--outline.chain-btn--primary{color:var(--color-primary-500);border-color:var(--color-primary-500)}.chain-btn--outline.chain-btn--primary:hover{background-color:var(--color-primary-50)}.chain-btn--outline.chain-btn--primary:active{background-color:var(--color-primary-100)}.chain-btn--outline.chain-btn--brand{color:var(--color-brand-500);border-color:var(--color-brand-500)}.chain-btn--outline.chain-btn--brand:hover{background-color:var(--color-brand-50)}.chain-btn--outline.chain-btn--brand:active{background-color:var(--color-brand-100)}.chain-btn--outline.chain-btn--success{color:var(--color-success-500);border-color:var(--color-success-500)}.chain-btn--outline.chain-btn--success:hover{background-color:var(--color-success-50)}.chain-btn--outline.chain-btn--success:active{background-color:var(--color-success-100)}.chain-btn--outline.chain-btn--warning{color:var(--color-warning-500);border-color:var(--color-warning-500)}.chain-btn--outline.chain-btn--warning:hover{background-color:var(--color-warning-50)}.chain-btn--outline.chain-btn--warning:active{background-color:var(--color-warning-100)}.chain-btn--outline.chain-btn--error{color:var(--color-error-500);border-color:var(--color-error-500)}.chain-btn--outline.chain-btn--error:hover{background-color:var(--color-error-50)}.chain-btn--outline.chain-btn--error:active{background-color:var(--color-error-100)}.chain-btn--outline.chain-btn--info{color:var(--color-info-500);border-color:var(--color-info-500)}.chain-btn--outline.chain-btn--info:hover{background-color:var(--color-info-50)}.chain-btn--outline.chain-btn--info:active{background-color:var(--color-info-100)}.chain-btn--ghost{background-color:#0000;border-color:#0000}.chain-btn--ghost.chain-btn--primary{color:var(--color-primary-500)}.chain-btn--ghost.chain-btn--primary:hover{background-color:var(--color-primary-50)}.chain-btn--ghost.chain-btn--primary:active{background-color:var(--color-primary-100)}.chain-btn--ghost.chain-btn--brand{color:var(--color-brand-500)}.chain-btn--ghost.chain-btn--brand:hover{background-color:var(--color-brand-50)}.chain-btn--ghost.chain-btn--brand:active{background-color:var(--color-brand-100)}.chain-btn--ghost.chain-btn--success{color:var(--color-success-500)}.chain-btn--ghost.chain-btn--success:hover{background-color:var(--color-success-50)}.chain-btn--ghost.chain-btn--success:active{background-color:var(--color-success-100)}.chain-btn--ghost.chain-btn--warning{color:var(--color-warning-500)}.chain-btn--ghost.chain-btn--warning:hover{background-color:var(--color-warning-50)}.chain-btn--ghost.chain-btn--warning:active{background-color:var(--color-warning-100)}.chain-btn--ghost.chain-btn--error{color:var(--color-error-500)}.chain-btn--ghost.chain-btn--error:hover{background-color:var(--color-error-50)}.chain-btn--ghost.chain-btn--error:active{background-color:var(--color-error-100)}.chain-btn--ghost.chain-btn--info{color:var(--color-info-500)}.chain-btn--ghost.chain-btn--info:hover{background-color:var(--color-info-50)}.chain-btn--ghost.chain-btn--info:active{background-color:var(--color-info-100)}.chain-btn--link{background-color:#0000;border-color:#0000;height:auto;padding:0}.chain-btn--link.chain-btn--primary{color:var(--color-primary-500)}.chain-btn--link.chain-btn--primary:hover{text-decoration:underline}.chain-btn--link.chain-btn--brand{color:var(--color-brand-500)}.chain-btn--link.chain-btn--brand:hover{text-decoration:underline}.chain-btn--link.chain-btn--success{color:var(--color-success-500)}.chain-btn--link.chain-btn--success:hover{text-decoration:underline}.chain-btn--link.chain-btn--warning{color:var(--color-warning-500)}.chain-btn--link.chain-btn--warning:hover{text-decoration:underline}.chain-btn--link.chain-btn--error{color:var(--color-error-500)}.chain-btn--link.chain-btn--error:hover{text-decoration:underline}.chain-btn--link.chain-btn--info{color:var(--color-info-500)}.chain-btn--link.chain-btn--info:hover{text-decoration:underline}.chain-btn--disabled,.chain-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chain-btn--loading{pointer-events:none;cursor:default}.chain-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite chain-btn-spin;display:inline-flex}@keyframes chain-btn-spin{to{transform:rotate(360deg)}}.chain-input{box-sizing:border-box;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-fill-base);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);display:inline-flex}.chain-input:focus-within{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.chain-input--sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.chain-input--md{height:32px;padding:0 var(--space-4)}.chain-input--lg{height:40px;padding:0 var(--space-4);font-size:var(--font-size-md)}.chain-input--filled{background-color:var(--color-fill-default);border-color:#0000}.chain-input--filled:focus-within{background-color:var(--color-fill-base)}.chain-input--borderless{background-color:#0000;border-color:#0000}.chain-input--borderless:focus-within{box-shadow:none}.chain-input--error{border-color:var(--color-error-500)}.chain-input--error:focus-within{box-shadow:0 0 0 3px #da291c26}.chain-input--warning{border-color:var(--color-warning-500)}.chain-input--warning:focus-within{box-shadow:0 0 0 3px #ffa30026}.chain-input--disabled{background-color:var(--color-fill-default);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed}.chain-input--disabled:focus-within{border-color:var(--color-border-light);box-shadow:none}.chain-input--readonly{background-color:var(--color-fill-default);color:var(--color-text-primary);border-color:var(--color-border-light);cursor:default}.chain-input--readonly:focus-within{border-color:var(--color-border-light);box-shadow:none}.chain-input__field{width:100%;min-width:0;height:100%;font:inherit;color:inherit;line-height:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.chain-input__field::placeholder{color:var(--color-text-placeholder)}.chain-input__field:disabled{color:inherit;cursor:inherit}.chain-input__field:read-only{cursor:inherit}.chain-input__prefix,.chain-input__suffix{color:var(--color-text-tertiary);font-size:inherit;flex-shrink:0;align-items:center;display:inline-flex}.chain-input__clear{cursor:pointer;width:16px;height:16px;color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default);border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.chain-input__clear:hover{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-input__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.chain-form-item{box-sizing:border-box;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);display:flex}.chain-form-item--horizontal{align-items:flex-start;gap:var(--space-4);flex-direction:row}.chain-form-item--vertical{gap:var(--space-1);flex-direction:column}.chain-form-item--vertical .chain-form-item__label{width:auto}.chain-form-item__label{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-tight);word-break:break-word;flex-shrink:0;align-items:center;padding-top:6px;display:inline-flex}.chain-form-item__label--right{justify-content:flex-end}.chain-form-item__label-text{display:inline}.chain-form-item__label-colon{flex-shrink:0;margin-left:0;display:inline}.chain-form-item__label-required{color:var(--color-error-500);flex-shrink:0;margin-right:4px;display:inline}.chain-form-item__control{flex-direction:column;flex:1;min-width:0;display:flex}.chain-form-item__help{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.chain-form-item--error .chain-form-item__label,.chain-form-item__help--error{color:var(--color-error-500)}.chain-form-item--warning .chain-form-item__label,.chain-form-item__help--warning{color:var(--color-warning-500)}.chain-select{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);display:inline-block;position:relative}.chain-select__trigger{box-sizing:border-box;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-fill-base);width:100%;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;display:flex}.chain-select__trigger:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.chain-select__trigger-inner{align-items:center;gap:var(--space-1);flex:1;min-width:0;display:flex;overflow:hidden}.chain-select__placeholder{color:var(--color-text-placeholder);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chain-select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chain-select__arrow{width:16px;height:16px;color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.chain-select--open .chain-select__arrow{transform:rotate(180deg)}.chain-select__clear{cursor:pointer;width:16px;height:16px;color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.chain-select__clear:hover{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-select__spinner{border:2px solid var(--color-text-tertiary);border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite chain-select-spin;display:inline-flex}@keyframes chain-select-spin{to{transform:rotate(360deg)}}.chain-select__prefix,.chain-select__suffix{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;display:inline-flex}.chain-select--sm .chain-select__trigger{height:28px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.chain-select--md .chain-select__trigger{height:32px;padding:0 var(--space-4);font-size:var(--font-size-base)}.chain-select--lg .chain-select__trigger{height:40px;padding:0 var(--space-4);font-size:var(--font-size-md)}.chain-select--filled .chain-select__trigger{background-color:var(--color-fill-default);border-color:#0000}.chain-select--filled .chain-select__trigger:focus-visible,.chain-select--filled.chain-select--open .chain-select__trigger{background-color:var(--color-fill-base)}.chain-select--borderless .chain-select__trigger{background-color:#0000;border-color:#0000}.chain-select--borderless .chain-select__trigger:focus-visible{box-shadow:none}.chain-select--error .chain-select__trigger{border-color:var(--color-error-500)}.chain-select--error .chain-select__trigger:focus-visible{box-shadow:0 0 0 3px #da291c26}.chain-select--warning .chain-select__trigger{border-color:var(--color-warning-500)}.chain-select--warning .chain-select__trigger:focus-visible{box-shadow:0 0 0 3px #ffa30026}.chain-select--disabled .chain-select__trigger{background-color:var(--color-fill-default);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed}.chain-select--disabled .chain-select__arrow{color:var(--color-text-disabled)}.chain-select--loading .chain-select__trigger{cursor:default}.chain-select__tags{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.chain-select__tag{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-fill-default);height:22px;font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:2px;padding:0 4px;line-height:1;display:inline-flex}.chain-select__tag-remove{border-radius:var(--radius-xs);cursor:pointer;width:14px;height:14px;color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.chain-select__tag-remove:hover{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-select__dropdown{z-index:var(--z-index-dropdown);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:100%;box-shadow:var(--shadow-2);position:fixed;overflow:hidden}.chain-select__search{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-split)}.chain-select__search-input{box-sizing:border-box;width:100%;height:28px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-fill-base);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.chain-select__search-input:focus{border-color:var(--color-primary-500)}.chain-select__search-input::placeholder{color:var(--color-text-placeholder)}.chain-select__list{padding:var(--space-1) 0;max-height:256px;margin:0;list-style:none;overflow-y:auto}.chain-select__item{padding:0 var(--space-3);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.chain-select--sm .chain-select__item{height:32px;font-size:var(--font-size-sm)}.chain-select--md .chain-select__item{height:36px;font-size:var(--font-size-base)}.chain-select--lg .chain-select__item{height:40px;font-size:var(--font-size-md)}.chain-select__item--highlighted{background-color:var(--color-fill-hover)}.chain-select__item--selected{background-color:var(--color-fill-selected);color:var(--color-primary-500)}.chain-select__item--disabled{color:var(--color-text-disabled);cursor:not-allowed}.chain-select__item-check{color:var(--color-primary-500);flex-shrink:0;font-size:12px;display:inline-flex}.chain-select__empty{padding:var(--space-4) var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.chain-modal{z-index:var(--z-index-modal-backdrop);font-family:var(--font-family-base);position:fixed;inset:0}.chain-modal__mask{transition:opacity var(--duration-normal) var(--ease-out);background:#00000073;position:absolute;inset:0}.chain-modal__wrap{pointer-events:none;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:absolute;inset:0;overflow:auto}.chain-modal--centered .chain-modal__wrap{align-items:center;padding-top:0}.chain-modal__content{background:var(--color-bg-elevated);border-radius:var(--radius-sm);width:520px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-3);z-index:var(--z-index-modal);pointer-events:auto;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);outline:none;flex-direction:column;display:flex;position:relative}.chain-modal__header{border-bottom:1px solid var(--color-border-split);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chain-modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.chain-modal__close{border-radius:var(--radius-xs);cursor:pointer;width:24px;height:24px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:16px;padding:0;font-size:18px;line-height:1;display:inline-flex}.chain-modal__close:hover{color:var(--color-text-primary);background-color:var(--color-fill-hover)}.chain-modal__body{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);flex:1;padding:16px 24px;overflow-y:auto}.chain-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-split);flex-shrink:0;padding:16px 24px;display:flex}.chain-modal:not(.chain-modal--open) .chain-modal__mask{opacity:0}.chain-modal:not(.chain-modal--open) .chain-modal__content{opacity:0;transform:scale(.95)}.chain-modal--open .chain-modal__mask{opacity:1}.chain-modal--open .chain-modal__content{opacity:1;transform:scale(1)}.chain-modal--hidden .chain-modal__mask{opacity:0}.chain-modal--hidden .chain-modal__content{opacity:0;transform:scale(.95)}.chain-table{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--color-text-primary);position:relative}.chain-table__container{overflow:auto}.chain-table__table{border-collapse:collapse;table-layout:fixed;width:100%}.chain-table__header{background:var(--color-fill-default)}.chain-table__header-cell{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;border-bottom:2px solid var(--color-border);text-align:left;padding:0 16px;overflow:hidden}.chain-table__header-cell--align-center{text-align:center}.chain-table__header-cell--align-right{text-align:right}.chain-table__row{background:var(--color-fill-base);border-bottom:1px solid var(--color-border-split);transition:background-color var(--duration-fast) var(--ease-default)}.chain-table__row:nth-child(2n){background:var(--color-fill-default)}.chain-table__row:hover{background:var(--color-fill-hover)}.chain-table__row--selected{background:var(--color-fill-selected)!important}.chain-table__cell{text-align:left;padding:0 16px;overflow:hidden}.chain-table__cell--align-center{text-align:center}.chain-table__cell--align-right{text-align:right}.chain-table__cell--ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chain-table__selection{text-align:center;width:48px}.chain-table__checkbox{justify-content:center;align-items:center;display:inline-flex}.chain-table__checkbox input[type=checkbox],.chain-table__checkbox input[type=radio]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary-500)}.chain-table__checkbox input[type=checkbox]:disabled,.chain-table__checkbox input[type=radio]:disabled{cursor:not-allowed;opacity:.4}.chain-table__empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-base);padding:64px 16px}.chain-table__loading-overlay{z-index:1;background:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chain-table__loading-spinner{border:3px solid var(--color-primary-100);border-top-color:var(--color-primary-500);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite chain-table-spin;display:inline-flex}@keyframes chain-table-spin{to{transform:rotate(360deg)}}.chain-table--bordered .chain-table__table{border:1px solid var(--color-border)}.chain-table--bordered .chain-table__header-cell,.chain-table--bordered .chain-table__cell{border-right:1px solid var(--color-border-split)}.chain-table--bordered .chain-table__header-cell:last-child,.chain-table--bordered .chain-table__cell:last-child{border-right:none}.chain-table--sm .chain-table__header-cell,.chain-table--sm .chain-table__cell{height:40px;font-size:var(--font-size-sm);padding-left:12px;padding-right:12px}.chain-table--sm .chain-table__selection{padding-left:0;padding-right:0}.chain-table--md .chain-table__header-cell,.chain-table--md .chain-table__cell{height:48px;font-size:var(--font-size-base);padding-left:16px;padding-right:16px}.chain-table--md .chain-table__selection{padding-left:0;padding-right:0}.chain-table--lg .chain-table__header-cell,.chain-table--lg .chain-table__cell{height:56px;font-size:var(--font-size-base);padding-left:16px;padding-right:16px}.chain-table--lg .chain-table__selection{padding-left:0;padding-right:0}.chain-table__pagination{justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.chain-table__pagination-total{flex-shrink:0}.chain-table__pagination-nav{align-items:center;gap:var(--space-2);display:flex}.chain-tag{border-radius:var(--radius-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;border:1px solid #0000;align-items:center;gap:4px;display:inline-flex}.chain-tag__text{display:inline}.chain-tag--sm{height:20px;padding:0 8px;font-size:12px}.chain-tag--md{height:24px;padding:0 12px;font-size:13px}.chain-tag--lg{height:28px;padding:0 12px;font-size:14px}.chain-tag__close{cursor:pointer;width:14px;height:14px;transition:background-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:-2px;padding:0;font-size:12px;line-height:1;display:inline-flex}.chain-tag--sm .chain-tag__close{width:12px;height:12px;font-size:10px}.chain-tag__close:hover{background-color:#0000001a}.chain-tag--solid{color:#fff}.chain-tag--solid.chain-tag--primary{background-color:var(--color-primary-500)}.chain-tag--solid.chain-tag--brand{background-color:var(--color-brand-500)}.chain-tag--solid.chain-tag--success{background-color:var(--color-success-500)}.chain-tag--solid.chain-tag--warning{background-color:var(--color-warning-500)}.chain-tag--solid.chain-tag--error{background-color:var(--color-error-500)}.chain-tag--solid.chain-tag--info{background-color:var(--color-info-500)}.chain-tag--solid.chain-tag--default{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-tag--outline{background-color:#0000}.chain-tag--outline.chain-tag--primary{color:var(--color-primary-500);border-color:var(--color-primary-500)}.chain-tag--outline.chain-tag--brand{color:var(--color-brand-500);border-color:var(--color-brand-500)}.chain-tag--outline.chain-tag--success{color:var(--color-success-500);border-color:var(--color-success-500)}.chain-tag--outline.chain-tag--warning{color:var(--color-warning-500);border-color:var(--color-warning-500)}.chain-tag--outline.chain-tag--error{color:var(--color-error-500);border-color:var(--color-error-500)}.chain-tag--outline.chain-tag--info{color:var(--color-info-500);border-color:var(--color-info-500)}.chain-tag--outline.chain-tag--default{color:var(--color-text-secondary);border-color:var(--color-border)}.chain-tag--light{border-color:#0000}.chain-tag--light.chain-tag--primary{color:var(--color-primary-500);background-color:var(--color-primary-50)}.chain-tag--light.chain-tag--brand{color:var(--color-brand-500);background-color:var(--color-brand-50)}.chain-tag--light.chain-tag--success{color:var(--color-success-500);background-color:var(--color-success-50)}.chain-tag--light.chain-tag--warning{color:var(--color-warning-500);background-color:var(--color-warning-50)}.chain-tag--light.chain-tag--error{color:var(--color-error-500);background-color:var(--color-error-50)}.chain-tag--light.chain-tag--info{color:var(--color-info-500);background-color:var(--color-info-50)}.chain-tag--light.chain-tag--default{color:var(--color-text-secondary);background-color:var(--color-fill-default);border:1px solid var(--color-border)}.chain-badge{vertical-align:middle;display:inline-flex;position:relative}.chain-badge__content{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);color:#fff;border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.chain-badge__content--dot{background-color:var(--color-error-500);border-radius:50%;padding:0}.chain-badge--primary{background-color:var(--color-primary-500)}.chain-badge--brand{background-color:var(--color-brand-500)}.chain-badge--success{background-color:var(--color-success-500)}.chain-badge--warning{background-color:var(--color-warning-500)}.chain-badge--error{background-color:var(--color-error-500)}.chain-badge--info{background-color:var(--color-info-500)}.chain-badge--default{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-badge__content--number.chain-badge__content--sm{min-width:16px;height:16px;padding:0 4px;font-size:11px}.chain-badge__content--number.chain-badge__content--md{min-width:18px;height:18px;padding:0 6px;font-size:12px}.chain-badge__content--number.chain-badge__content--lg{min-width:20px;height:20px;padding:0 8px;font-size:13px}.chain-badge__content--dot.chain-badge__content--sm{width:6px;height:6px}.chain-badge__content--dot.chain-badge__content--md{width:8px;height:8px}.chain-badge__content--dot.chain-badge__content--lg{width:10px;height:10px}.chain-badge>.chain-badge__content{transform-origin:100% 0;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.chain-pagination{align-items:center;gap:var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.chain-pagination__total{white-space:nowrap;flex-shrink:0}.chain-pagination__list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.chain-pagination__item button,.chain-pagination__prev button,.chain-pagination__next button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-fill-base);min-width:32px;height:32px;color:var(--color-text-primary);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.chain-pagination__item button:hover,.chain-pagination__prev button:hover,.chain-pagination__next button:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.chain-pagination__item--active button{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.chain-pagination__item--disabled button,.chain-pagination__item--disabled button:hover{color:var(--color-text-disabled);border-color:var(--color-border-light);background:var(--color-fill-base);cursor:not-allowed}.chain-pagination__item--disabled span{min-width:32px;height:32px;color:var(--color-text-disabled);justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.chain-pagination--sm .chain-pagination__item button,.chain-pagination--sm .chain-pagination__prev button,.chain-pagination--sm .chain-pagination__next button{min-width:28px;height:28px;font-size:12px}.chain-pagination--lg .chain-pagination__item button,.chain-pagination--lg .chain-pagination__prev button,.chain-pagination--lg .chain-pagination__next button{min-width:40px;height:40px}.chain-pagination__size-changer{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-fill-base);height:32px;font-family:inherit;font-size:inherit;color:var(--color-text-primary);cursor:pointer;padding:0 8px}.chain-pagination__jump{align-items:center;gap:4px;display:flex}.chain-pagination__jump input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:48px;height:32px;font-family:inherit;font-size:inherit;text-align:center;outline:none;padding:0 8px}.chain-pagination__jump input:focus{border-color:var(--color-primary-500)}.chain-pagination__jump button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-fill-base);height:32px;font-family:inherit;font-size:inherit;cursor:pointer;padding:0 8px}.chain-pagination__jump button:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.chain-alert{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-base);line-height:var(--line-height-tight);border:1px solid;display:flex}.chain-alert--sm{padding:8px 12px;font-size:13px}.chain-alert--md{padding:12px 16px;font-size:14px}.chain-alert--lg{padding:16px 20px;font-size:14px}.chain-alert--success{background-color:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-500)}.chain-alert--warning{background-color:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-500)}.chain-alert--error{background-color:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-500)}.chain-alert--info{background-color:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-500)}.chain-alert__icon{width:20px;height:20px;font-size:14px;line-height:1;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chain-alert__content{flex:1;min-width:0}.chain-alert__message{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.chain-alert__description{color:var(--color-text-secondary);font-weight:var(--font-weight-regular);margin-top:4px}.chain-alert__close{border-radius:var(--radius-xs);cursor:pointer;width:20px;height:20px;color:inherit;opacity:.6;transition:opacity var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.chain-alert__close:hover{opacity:1}.chain-alert__action{margin-left:var(--space-2);flex-shrink:0}.chain-space{display:inline-flex}.chain-space--horizontal{flex-direction:row}.chain-space--vertical{flex-direction:column}.chain-space--wrap{flex-wrap:wrap}.chain-space--align-start{align-items:flex-start}.chain-space--align-end{align-items:flex-end}.chain-space--align-center{align-items:center}.chain-space--align-baseline{align-items:baseline}.chain-divider{box-sizing:border-box;border:none;margin:0}.chain-divider--horizontal{border-top-style:solid;border-top-color:var(--color-border-split);width:100%}.chain-divider--vertical{border-left-style:solid;border-left-color:var(--color-border-split);vertical-align:middle;width:0;height:1em;display:inline-block}.chain-divider--horizontal.chain-divider--solid{border-top-style:solid}.chain-divider--horizontal.chain-divider--dashed{border-top-style:dashed}.chain-divider--vertical.chain-divider--solid{border-left-style:solid}.chain-divider--vertical.chain-divider--dashed{border-left-style:dashed}.chain-divider--horizontal.chain-divider--sm{border-top-width:.5px}.chain-divider--horizontal.chain-divider--md{border-top-width:1px}.chain-divider--horizontal.chain-divider--lg{border-top-width:2px}.chain-divider--vertical.chain-divider--sm{border-left-width:.5px}.chain-divider--vertical.chain-divider--md{border-left-width:1px}.chain-divider--vertical.chain-divider--lg{border-left-width:2px}.chain-divider--with-text{align-items:center;gap:var(--space-3);border:none;display:flex}.chain-divider--with-text .chain-divider__line{border-top-style:solid;border-top-color:var(--color-border-split);flex:1}.chain-divider--with-text.chain-divider--sm .chain-divider__line{border-top-width:.5px}.chain-divider--with-text.chain-divider--md .chain-divider__line{border-top-width:1px}.chain-divider--with-text.chain-divider--lg .chain-divider__line{border-top-width:2px}.chain-divider--with-text.chain-divider--dashed .chain-divider__line{border-top-style:dashed}.chain-divider__text{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}
1
+ :root{--color-primary-50:#eff3f9;--color-primary-100:#d8e3f2;--color-primary-200:#bacce7;--color-primary-300:#94b1da;--color-primary-400:#6e95ce;--color-primary-500:#1b365d;--color-primary-600:#162d4f;--color-primary-700:#132642;--color-primary-800:#0f1f35;--color-primary-900:#0c1829;--color-primary-950:#09121f;--color-brand-50:#fdebeb;--color-brand-100:#fccece;--color-brand-200:#faa7a7;--color-brand-300:#f77777;--color-brand-400:#f54646;--color-brand-500:red;--color-brand-600:#d80000;--color-brand-700:#b70000;--color-brand-800:#930000;--color-brand-900:#720000;--color-brand-950:#510000;--color-success-50:#ebfdfc;--color-success-100:#cefcf9;--color-success-200:#a7faf5;--color-success-300:#77f7f0;--color-success-400:#46f5ea;--color-success-500:#00857d;--color-success-600:#00716a;--color-success-700:#005f5a;--color-success-800:#004d48;--color-success-900:#003b38;--color-success-950:#002a28;--color-warning-50:#fdf7eb;--color-warning-100:#fcebce;--color-warning-200:#fadca7;--color-warning-300:#f7c977;--color-warning-400:#f5b646;--color-warning-500:#ffa300;--color-warning-600:#d88a00;--color-warning-700:#b77500;--color-warning-800:#935e00;--color-warning-900:#724900;--color-warning-950:#513400;--color-error-50:#fbeeed;--color-error-100:#f7d6d3;--color-error-200:#f1b5b1;--color-error-300:#e98c85;--color-error-400:#e1635a;--color-error-500:#da291c;--color-error-600:#b92217;--color-error-700:#9c1d14;--color-error-800:#7e1710;--color-error-900:#62120c;--color-error-950:#450d08;--color-info-50:#ebf6fd;--color-info-100:#cee8fc;--color-info-200:#a7d6fa;--color-info-300:#77c0f7;--color-info-400:#46aaf5;--color-info-500:#0076cf;--color-info-600:#0064af;--color-info-700:#005495;--color-info-800:#004478;--color-info-900:#00355d;--color-info-950:#002542;--color-text-primary:#1f2329;--color-text-secondary:#5c6166;--color-text-tertiary:#8c9196;--color-text-disabled:#bbbfc4;--color-text-placeholder:#c5c9ce;--color-border:#d9dce0;--color-border-light:#e8eaed;--color-border-split:#f0f1f3;--color-fill-base:#fff;--color-fill-default:#f5f6f8;--color-fill-hover:#ebedf0;--color-fill-active:#e6ecf5;--color-fill-selected:#d6e4f7;--color-bg-page:#f2f3f5;--color-bg-container:#fff;--color-bg-elevated:#fff;--font-family-en:"HedleyNew-Regular", "Arial", sans-serif;--font-family-cn:"Noto Sans CJK SC Regular", "微软雅黑", sans-serif;--font-family-base:"HedleyNew-Regular", "Noto Sans CJK SC Regular", "Arial", "微软雅黑", -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-loose:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--shadow-none:none;--shadow-1:0 1px 4px #1b365d14;--shadow-2:0 4px 12px #1b365d1f;--shadow-3:0 8px 24px #1b365d29;--shadow-focus:0 0 0 3px #1b365d26;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080;--duration-instant:0s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}.chain-btn{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;text-decoration:none;display:inline-flex}.chain-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.chain-btn--sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.chain-btn--md{height:32px;padding:0 var(--space-4);font-size:var(--font-size-base)}.chain-btn--lg{height:40px;padding:0 var(--space-5);font-size:var(--font-size-md)}.chain-btn--circle{border-radius:var(--radius-full);padding:0}.chain-btn--circle.chain-btn--sm{width:28px}.chain-btn--circle.chain-btn--md{width:32px}.chain-btn--circle.chain-btn--lg{width:40px}.chain-btn--round{border-radius:var(--radius-lg)}.chain-btn--solid{color:#fff}.chain-btn--solid.chain-btn--primary{background-color:var(--color-primary-500)}.chain-btn--solid.chain-btn--primary:hover{background-color:var(--color-primary-600)}.chain-btn--solid.chain-btn--primary:active{background-color:var(--color-primary-700)}.chain-btn--solid.chain-btn--brand{background-color:var(--color-brand-500)}.chain-btn--solid.chain-btn--brand:hover{background-color:var(--color-brand-600)}.chain-btn--solid.chain-btn--brand:active{background-color:var(--color-brand-700)}.chain-btn--solid.chain-btn--success{background-color:var(--color-success-500)}.chain-btn--solid.chain-btn--success:hover{background-color:var(--color-success-600)}.chain-btn--solid.chain-btn--success:active{background-color:var(--color-success-700)}.chain-btn--solid.chain-btn--warning{background-color:var(--color-warning-500)}.chain-btn--solid.chain-btn--warning:hover{background-color:var(--color-warning-600)}.chain-btn--solid.chain-btn--warning:active{background-color:var(--color-warning-700)}.chain-btn--solid.chain-btn--error{background-color:var(--color-error-500)}.chain-btn--solid.chain-btn--error:hover{background-color:var(--color-error-600)}.chain-btn--solid.chain-btn--error:active{background-color:var(--color-error-700)}.chain-btn--solid.chain-btn--info{background-color:var(--color-info-500)}.chain-btn--solid.chain-btn--info:hover{background-color:var(--color-info-600)}.chain-btn--solid.chain-btn--info:active{background-color:var(--color-info-700)}.chain-btn--outline{background-color:#0000}.chain-btn--outline.chain-btn--primary{color:var(--color-primary-500);border-color:var(--color-primary-500)}.chain-btn--outline.chain-btn--primary:hover{background-color:var(--color-primary-50)}.chain-btn--outline.chain-btn--primary:active{background-color:var(--color-primary-100)}.chain-btn--outline.chain-btn--brand{color:var(--color-brand-500);border-color:var(--color-brand-500)}.chain-btn--outline.chain-btn--brand:hover{background-color:var(--color-brand-50)}.chain-btn--outline.chain-btn--brand:active{background-color:var(--color-brand-100)}.chain-btn--outline.chain-btn--success{color:var(--color-success-500);border-color:var(--color-success-500)}.chain-btn--outline.chain-btn--success:hover{background-color:var(--color-success-50)}.chain-btn--outline.chain-btn--success:active{background-color:var(--color-success-100)}.chain-btn--outline.chain-btn--warning{color:var(--color-warning-500);border-color:var(--color-warning-500)}.chain-btn--outline.chain-btn--warning:hover{background-color:var(--color-warning-50)}.chain-btn--outline.chain-btn--warning:active{background-color:var(--color-warning-100)}.chain-btn--outline.chain-btn--error{color:var(--color-error-500);border-color:var(--color-error-500)}.chain-btn--outline.chain-btn--error:hover{background-color:var(--color-error-50)}.chain-btn--outline.chain-btn--error:active{background-color:var(--color-error-100)}.chain-btn--outline.chain-btn--info{color:var(--color-info-500);border-color:var(--color-info-500)}.chain-btn--outline.chain-btn--info:hover{background-color:var(--color-info-50)}.chain-btn--outline.chain-btn--info:active{background-color:var(--color-info-100)}.chain-btn--ghost{background-color:#0000;border-color:#0000}.chain-btn--ghost.chain-btn--primary{color:var(--color-primary-500)}.chain-btn--ghost.chain-btn--primary:hover{background-color:var(--color-primary-50)}.chain-btn--ghost.chain-btn--primary:active{background-color:var(--color-primary-100)}.chain-btn--ghost.chain-btn--brand{color:var(--color-brand-500)}.chain-btn--ghost.chain-btn--brand:hover{background-color:var(--color-brand-50)}.chain-btn--ghost.chain-btn--brand:active{background-color:var(--color-brand-100)}.chain-btn--ghost.chain-btn--success{color:var(--color-success-500)}.chain-btn--ghost.chain-btn--success:hover{background-color:var(--color-success-50)}.chain-btn--ghost.chain-btn--success:active{background-color:var(--color-success-100)}.chain-btn--ghost.chain-btn--warning{color:var(--color-warning-500)}.chain-btn--ghost.chain-btn--warning:hover{background-color:var(--color-warning-50)}.chain-btn--ghost.chain-btn--warning:active{background-color:var(--color-warning-100)}.chain-btn--ghost.chain-btn--error{color:var(--color-error-500)}.chain-btn--ghost.chain-btn--error:hover{background-color:var(--color-error-50)}.chain-btn--ghost.chain-btn--error:active{background-color:var(--color-error-100)}.chain-btn--ghost.chain-btn--info{color:var(--color-info-500)}.chain-btn--ghost.chain-btn--info:hover{background-color:var(--color-info-50)}.chain-btn--ghost.chain-btn--info:active{background-color:var(--color-info-100)}.chain-btn--link{background-color:#0000;border-color:#0000;height:auto;padding:0}.chain-btn--link.chain-btn--primary{color:var(--color-primary-500)}.chain-btn--link.chain-btn--primary:hover{text-decoration:underline}.chain-btn--link.chain-btn--brand{color:var(--color-brand-500)}.chain-btn--link.chain-btn--brand:hover{text-decoration:underline}.chain-btn--link.chain-btn--success{color:var(--color-success-500)}.chain-btn--link.chain-btn--success:hover{text-decoration:underline}.chain-btn--link.chain-btn--warning{color:var(--color-warning-500)}.chain-btn--link.chain-btn--warning:hover{text-decoration:underline}.chain-btn--link.chain-btn--error{color:var(--color-error-500)}.chain-btn--link.chain-btn--error:hover{text-decoration:underline}.chain-btn--link.chain-btn--info{color:var(--color-info-500)}.chain-btn--link.chain-btn--info:hover{text-decoration:underline}.chain-btn--disabled,.chain-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.chain-btn--loading{pointer-events:none;cursor:default}.chain-btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite chain-btn-spin;display:inline-flex}@keyframes chain-btn-spin{to{transform:rotate(360deg)}}.chain-input{box-sizing:border-box;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-fill-base);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);display:inline-flex}.chain-input:focus-within{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.chain-input--sm{height:28px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.chain-input--md{height:32px;padding:0 var(--space-4)}.chain-input--lg{height:40px;padding:0 var(--space-4);font-size:var(--font-size-md)}.chain-input--filled{background-color:var(--color-fill-default);border-color:#0000}.chain-input--filled:focus-within{background-color:var(--color-fill-base)}.chain-input--borderless{background-color:#0000;border-color:#0000}.chain-input--borderless:focus-within{box-shadow:none}.chain-input--error{border-color:var(--color-error-500)}.chain-input--error:focus-within{box-shadow:0 0 0 3px #da291c26}.chain-input--warning{border-color:var(--color-warning-500)}.chain-input--warning:focus-within{box-shadow:0 0 0 3px #ffa30026}.chain-input--disabled{background-color:var(--color-fill-default);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed}.chain-input--disabled:focus-within{border-color:var(--color-border-light);box-shadow:none}.chain-input--readonly{background-color:var(--color-fill-default);color:var(--color-text-primary);border-color:var(--color-border-light);cursor:default}.chain-input--readonly:focus-within{border-color:var(--color-border-light);box-shadow:none}.chain-input__field{width:100%;min-width:0;height:100%;font:inherit;color:inherit;line-height:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}.chain-input__field::placeholder{color:var(--color-text-placeholder)}.chain-input__field:disabled{color:inherit;cursor:inherit}.chain-input__field:read-only{cursor:inherit}.chain-input__prefix,.chain-input__suffix{color:var(--color-text-tertiary);font-size:inherit;flex-shrink:0;align-items:center;display:inline-flex}.chain-input__clear{cursor:pointer;width:16px;height:16px;color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default);border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.chain-input__clear:hover{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-input__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.chain-form-item{box-sizing:border-box;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);display:flex}.chain-form-item--horizontal{align-items:flex-start;gap:var(--space-4);flex-direction:row}.chain-form-item--vertical{gap:var(--space-1);flex-direction:column}.chain-form-item--vertical .chain-form-item__label{width:auto}.chain-form-item__label{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-tight);word-break:break-word;flex-shrink:0;align-items:center;padding-top:6px;display:inline-flex}.chain-form-item__label--right{justify-content:flex-end}.chain-form-item__label-text{display:inline}.chain-form-item__label-colon{flex-shrink:0;margin-left:0;display:inline}.chain-form-item__label-required{color:var(--color-error-500);flex-shrink:0;margin-right:4px;display:inline}.chain-form-item__control{flex-direction:column;flex:1;min-width:0;display:flex}.chain-form-item__help{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.chain-form-item--error .chain-form-item__label,.chain-form-item__help--error{color:var(--color-error-500)}.chain-form-item--warning .chain-form-item__label,.chain-form-item__help--warning{color:var(--color-warning-500)}.chain-select{width:100%;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);display:inline-block;position:relative}.chain-select__trigger{box-sizing:border-box;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-fill-base);width:100%;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;display:flex}.chain-select__trigger:focus-visible{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.chain-select__trigger-inner{align-items:center;gap:var(--space-1);flex:1;min-width:0;display:flex;overflow:hidden}.chain-select__placeholder{color:var(--color-text-placeholder);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chain-select__value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chain-select__arrow{width:16px;height:16px;color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.chain-select--open .chain-select__arrow{transform:rotate(180deg)}.chain-select__clear{cursor:pointer;width:16px;height:16px;color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.chain-select__clear:hover{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-select__spinner{border:2px solid var(--color-text-tertiary);border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite chain-select-spin;display:inline-flex}@keyframes chain-select-spin{to{transform:rotate(360deg)}}.chain-select__prefix,.chain-select__suffix{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;display:inline-flex}.chain-select--sm .chain-select__trigger{height:28px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.chain-select--md .chain-select__trigger{height:32px;padding:0 var(--space-4);font-size:var(--font-size-base)}.chain-select--lg .chain-select__trigger{height:40px;padding:0 var(--space-4);font-size:var(--font-size-md)}.chain-select--filled .chain-select__trigger{background-color:var(--color-fill-default);border-color:#0000}.chain-select--filled .chain-select__trigger:focus-visible,.chain-select--filled.chain-select--open .chain-select__trigger{background-color:var(--color-fill-base)}.chain-select--borderless .chain-select__trigger{background-color:#0000;border-color:#0000}.chain-select--borderless .chain-select__trigger:focus-visible{box-shadow:none}.chain-select--error .chain-select__trigger{border-color:var(--color-error-500)}.chain-select--error .chain-select__trigger:focus-visible{box-shadow:0 0 0 3px #da291c26}.chain-select--warning .chain-select__trigger{border-color:var(--color-warning-500)}.chain-select--warning .chain-select__trigger:focus-visible{box-shadow:0 0 0 3px #ffa30026}.chain-select--disabled .chain-select__trigger{background-color:var(--color-fill-default);color:var(--color-text-disabled);border-color:var(--color-border-light);cursor:not-allowed}.chain-select--disabled .chain-select__arrow{color:var(--color-text-disabled)}.chain-select--loading .chain-select__trigger{cursor:default}.chain-select__tags{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.chain-select__tag{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-fill-default);height:22px;font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:2px;padding:0 4px;line-height:1;display:inline-flex}.chain-select__tag-remove{border-radius:var(--radius-xs);cursor:pointer;width:14px;height:14px;color:var(--color-text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.chain-select__tag-remove:hover{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-select__dropdown{z-index:var(--z-index-dropdown);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:100%;box-shadow:var(--shadow-2);position:fixed;overflow:hidden}.chain-select__search{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border-split)}.chain-select__search-input{box-sizing:border-box;width:100%;height:28px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-fill-base);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.chain-select__search-input:focus{border-color:var(--color-primary-500)}.chain-select__search-input::placeholder{color:var(--color-text-placeholder)}.chain-select__list{padding:var(--space-1) 0;max-height:256px;margin:0;list-style:none;overflow-y:auto}.chain-select__item{padding:0 var(--space-3);cursor:pointer;color:var(--color-text-primary);transition:background-color var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.chain-select--sm .chain-select__item{height:32px;font-size:var(--font-size-sm)}.chain-select--md .chain-select__item{height:36px;font-size:var(--font-size-base)}.chain-select--lg .chain-select__item{height:40px;font-size:var(--font-size-md)}.chain-select__item--highlighted{background-color:var(--color-fill-hover)}.chain-select__item--selected{background-color:var(--color-fill-selected);color:var(--color-primary-500)}.chain-select__item--disabled{color:var(--color-text-disabled);cursor:not-allowed}.chain-select__item-check{color:var(--color-primary-500);flex-shrink:0;font-size:12px;display:inline-flex}.chain-select__empty{padding:var(--space-4) var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.chain-modal{z-index:var(--z-index-modal-backdrop);font-family:var(--font-family-base);position:fixed;inset:0}.chain-modal__mask{transition:opacity var(--duration-normal) var(--ease-out);background:#00000073;position:absolute;inset:0}.chain-modal__wrap{pointer-events:none;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:absolute;inset:0;overflow:auto}.chain-modal--centered .chain-modal__wrap{align-items:center;padding-top:0}.chain-modal__content{background:var(--color-bg-elevated);border-radius:var(--radius-sm);width:520px;max-height:calc(100vh - 100px);box-shadow:var(--shadow-3);z-index:var(--z-index-modal);pointer-events:auto;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);outline:none;flex-direction:column;display:flex;position:relative}.chain-modal__header{border-bottom:1px solid var(--color-border-split);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chain-modal__title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.chain-modal__close{border-radius:var(--radius-xs);cursor:pointer;width:24px;height:24px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:16px;padding:0;font-size:18px;line-height:1;display:inline-flex}.chain-modal__close:hover{color:var(--color-text-primary);background-color:var(--color-fill-hover)}.chain-modal__body{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);flex:1;padding:16px 24px;overflow-y:auto}.chain-modal__footer{justify-content:flex-end;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-split);flex-shrink:0;padding:16px 24px;display:flex}.chain-modal:not(.chain-modal--open){pointer-events:none}.chain-modal:not(.chain-modal--open) .chain-modal__mask{opacity:0}.chain-modal:not(.chain-modal--open) .chain-modal__content{opacity:0;transform:scale(.95)}.chain-modal--open .chain-modal__mask{opacity:1}.chain-modal--open .chain-modal__content{opacity:1;transform:scale(1)}.chain-modal--hidden .chain-modal__mask{opacity:0}.chain-modal--hidden .chain-modal__content{opacity:0;transform:scale(.95)}.chain-table{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--color-text-primary);position:relative}.chain-table__container{overflow:auto}.chain-table__table{border-collapse:collapse;table-layout:fixed;width:100%}.chain-table__header{background:var(--color-fill-default)}.chain-table__header-cell{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;border-bottom:2px solid var(--color-border);text-align:left;padding:0 16px;overflow:hidden}.chain-table__header-cell--align-center{text-align:center}.chain-table__header-cell--align-right{text-align:right}.chain-table__row{background:var(--color-fill-base);border-bottom:1px solid var(--color-border-split);transition:background-color var(--duration-fast) var(--ease-default)}.chain-table__row:nth-child(2n){background:var(--color-fill-default)}.chain-table__row:hover{background:var(--color-fill-hover)}.chain-table__row--selected{background:var(--color-fill-selected)!important}.chain-table__cell{text-align:left;padding:0 16px;overflow:hidden}.chain-table__cell--align-center{text-align:center}.chain-table__cell--align-right{text-align:right}.chain-table__cell--ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chain-table__selection{text-align:center;width:48px}.chain-table__checkbox{justify-content:center;align-items:center;display:inline-flex}.chain-table__checkbox input[type=checkbox],.chain-table__checkbox input[type=radio]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary-500)}.chain-table__checkbox input[type=checkbox]:disabled,.chain-table__checkbox input[type=radio]:disabled{cursor:not-allowed;opacity:.4}.chain-table__empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-base);padding:64px 16px}.chain-table__loading-overlay{z-index:1;background:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chain-table__loading-spinner{border:3px solid var(--color-primary-100);border-top-color:var(--color-primary-500);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite chain-table-spin;display:inline-flex}@keyframes chain-table-spin{to{transform:rotate(360deg)}}.chain-table--bordered .chain-table__table{border:1px solid var(--color-border)}.chain-table--bordered .chain-table__header-cell,.chain-table--bordered .chain-table__cell{border-right:1px solid var(--color-border-split)}.chain-table--bordered .chain-table__header-cell:last-child,.chain-table--bordered .chain-table__cell:last-child{border-right:none}.chain-table--sm .chain-table__header-cell,.chain-table--sm .chain-table__cell{height:40px;font-size:var(--font-size-sm);padding-left:12px;padding-right:12px}.chain-table--sm .chain-table__selection{padding-left:0;padding-right:0}.chain-table--md .chain-table__header-cell,.chain-table--md .chain-table__cell{height:48px;font-size:var(--font-size-base);padding-left:16px;padding-right:16px}.chain-table--md .chain-table__selection{padding-left:0;padding-right:0}.chain-table--lg .chain-table__header-cell,.chain-table--lg .chain-table__cell{height:56px;font-size:var(--font-size-base);padding-left:16px;padding-right:16px}.chain-table--lg .chain-table__selection{padding-left:0;padding-right:0}.chain-table__pagination{justify-content:flex-end;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.chain-table__pagination-total{flex-shrink:0}.chain-table__pagination-nav{align-items:center;gap:var(--space-2);display:flex}.chain-tag{border-radius:var(--radius-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;border:1px solid #0000;align-items:center;gap:4px;display:inline-flex}.chain-tag__text{display:inline}.chain-tag--sm{height:20px;padding:0 8px;font-size:12px}.chain-tag--md{height:24px;padding:0 12px;font-size:13px}.chain-tag--lg{height:28px;padding:0 12px;font-size:14px}.chain-tag__close{cursor:pointer;width:14px;height:14px;transition:background-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:-2px;padding:0;font-size:12px;line-height:1;display:inline-flex}.chain-tag--sm .chain-tag__close{width:12px;height:12px;font-size:10px}.chain-tag__close:hover{background-color:#0000001a}.chain-tag--solid{color:#fff}.chain-tag--solid.chain-tag--primary{background-color:var(--color-primary-500)}.chain-tag--solid.chain-tag--brand{background-color:var(--color-brand-500)}.chain-tag--solid.chain-tag--success{background-color:var(--color-success-500)}.chain-tag--solid.chain-tag--warning{background-color:var(--color-warning-500)}.chain-tag--solid.chain-tag--error{background-color:var(--color-error-500)}.chain-tag--solid.chain-tag--info{background-color:var(--color-info-500)}.chain-tag--solid.chain-tag--default{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-tag--outline{background-color:#0000}.chain-tag--outline.chain-tag--primary{color:var(--color-primary-500);border-color:var(--color-primary-500)}.chain-tag--outline.chain-tag--brand{color:var(--color-brand-500);border-color:var(--color-brand-500)}.chain-tag--outline.chain-tag--success{color:var(--color-success-500);border-color:var(--color-success-500)}.chain-tag--outline.chain-tag--warning{color:var(--color-warning-500);border-color:var(--color-warning-500)}.chain-tag--outline.chain-tag--error{color:var(--color-error-500);border-color:var(--color-error-500)}.chain-tag--outline.chain-tag--info{color:var(--color-info-500);border-color:var(--color-info-500)}.chain-tag--outline.chain-tag--default{color:var(--color-text-secondary);border-color:var(--color-border)}.chain-tag--light{border-color:#0000}.chain-tag--light.chain-tag--primary{color:var(--color-primary-500);background-color:var(--color-primary-50)}.chain-tag--light.chain-tag--brand{color:var(--color-brand-500);background-color:var(--color-brand-50)}.chain-tag--light.chain-tag--success{color:var(--color-success-500);background-color:var(--color-success-50)}.chain-tag--light.chain-tag--warning{color:var(--color-warning-500);background-color:var(--color-warning-50)}.chain-tag--light.chain-tag--error{color:var(--color-error-500);background-color:var(--color-error-50)}.chain-tag--light.chain-tag--info{color:var(--color-info-500);background-color:var(--color-info-50)}.chain-tag--light.chain-tag--default{color:var(--color-text-secondary);background-color:var(--color-fill-default);border:1px solid var(--color-border)}.chain-badge{vertical-align:middle;display:inline-flex;position:relative}.chain-badge__content{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);color:#fff;border-radius:var(--radius-full);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.chain-badge__content--dot{background-color:var(--color-error-500);border-radius:50%;padding:0}.chain-badge--primary{background-color:var(--color-primary-500)}.chain-badge--brand{background-color:var(--color-brand-500)}.chain-badge--success{background-color:var(--color-success-500)}.chain-badge--warning{background-color:var(--color-warning-500)}.chain-badge--error{background-color:var(--color-error-500)}.chain-badge--info{background-color:var(--color-info-500)}.chain-badge--default{background-color:var(--color-fill-hover);color:var(--color-text-secondary)}.chain-badge__content--number.chain-badge__content--sm{min-width:16px;height:16px;padding:0 4px;font-size:11px}.chain-badge__content--number.chain-badge__content--md{min-width:18px;height:18px;padding:0 6px;font-size:12px}.chain-badge__content--number.chain-badge__content--lg{min-width:20px;height:20px;padding:0 8px;font-size:13px}.chain-badge__content--dot.chain-badge__content--sm{width:6px;height:6px}.chain-badge__content--dot.chain-badge__content--md{width:8px;height:8px}.chain-badge__content--dot.chain-badge__content--lg{width:10px;height:10px}.chain-badge>.chain-badge__content{transform-origin:100% 0;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.chain-pagination{align-items:center;gap:var(--space-4);font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.chain-pagination__total{white-space:nowrap;flex-shrink:0}.chain-pagination__list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.chain-pagination__item button,.chain-pagination__prev button,.chain-pagination__next button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-fill-base);min-width:32px;height:32px;color:var(--color-text-primary);font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.chain-pagination__item button:hover,.chain-pagination__prev button:hover,.chain-pagination__next button:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.chain-pagination__item--active button{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.chain-pagination__item--disabled button,.chain-pagination__item--disabled button:hover{color:var(--color-text-disabled);border-color:var(--color-border-light);background:var(--color-fill-base);cursor:not-allowed}.chain-pagination__item--disabled span{min-width:32px;height:32px;color:var(--color-text-disabled);justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.chain-pagination--sm .chain-pagination__item button,.chain-pagination--sm .chain-pagination__prev button,.chain-pagination--sm .chain-pagination__next button{min-width:28px;height:28px;font-size:12px}.chain-pagination--lg .chain-pagination__item button,.chain-pagination--lg .chain-pagination__prev button,.chain-pagination--lg .chain-pagination__next button{min-width:40px;height:40px}.chain-pagination__size-changer{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-fill-base);height:32px;font-family:inherit;font-size:inherit;color:var(--color-text-primary);cursor:pointer;padding:0 8px}.chain-pagination__jump{align-items:center;gap:4px;display:flex}.chain-pagination__jump input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:48px;height:32px;font-family:inherit;font-size:inherit;text-align:center;outline:none;padding:0 8px}.chain-pagination__jump input:focus{border-color:var(--color-primary-500)}.chain-pagination__jump button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-fill-base);height:32px;font-family:inherit;font-size:inherit;cursor:pointer;padding:0 8px}.chain-pagination__jump button:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.chain-alert{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family-base);line-height:var(--line-height-tight);border:1px solid;display:flex}.chain-alert--sm{padding:8px 12px;font-size:13px}.chain-alert--md{padding:12px 16px;font-size:14px}.chain-alert--lg{padding:16px 20px;font-size:14px}.chain-alert--success{background-color:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-500)}.chain-alert--warning{background-color:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-500)}.chain-alert--error{background-color:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-500)}.chain-alert--info{background-color:var(--color-info-50);border-color:var(--color-info-200);color:var(--color-info-500)}.chain-alert__icon{width:20px;height:20px;font-size:14px;line-height:1;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chain-alert__content{flex:1;min-width:0}.chain-alert__message{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.chain-alert__description{color:var(--color-text-secondary);font-weight:var(--font-weight-regular);margin-top:4px}.chain-alert__close{border-radius:var(--radius-xs);cursor:pointer;width:20px;height:20px;color:inherit;opacity:.6;transition:opacity var(--duration-fast) var(--ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.chain-alert__close:hover{opacity:1}.chain-alert__action{margin-left:var(--space-2);flex-shrink:0}.chain-space{display:inline-flex}.chain-space--horizontal{flex-direction:row}.chain-space--vertical{flex-direction:column}.chain-space--wrap{flex-wrap:wrap}.chain-space--align-start{align-items:flex-start}.chain-space--align-end{align-items:flex-end}.chain-space--align-center{align-items:center}.chain-space--align-baseline{align-items:baseline}.chain-divider{box-sizing:border-box;border:none;margin:0}.chain-divider--horizontal{border-top-style:solid;border-top-color:var(--color-border-split);width:100%}.chain-divider--vertical{border-left-style:solid;border-left-color:var(--color-border-split);vertical-align:middle;width:0;height:1em;display:inline-block}.chain-divider--horizontal.chain-divider--solid{border-top-style:solid}.chain-divider--horizontal.chain-divider--dashed{border-top-style:dashed}.chain-divider--vertical.chain-divider--solid{border-left-style:solid}.chain-divider--vertical.chain-divider--dashed{border-left-style:dashed}.chain-divider--horizontal.chain-divider--sm{border-top-width:.5px}.chain-divider--horizontal.chain-divider--md{border-top-width:1px}.chain-divider--horizontal.chain-divider--lg{border-top-width:2px}.chain-divider--vertical.chain-divider--sm{border-left-width:.5px}.chain-divider--vertical.chain-divider--md{border-left-width:1px}.chain-divider--vertical.chain-divider--lg{border-left-width:2px}.chain-divider--with-text{align-items:center;gap:var(--space-3);border:none;display:flex}.chain-divider--with-text .chain-divider__line{border-top-style:solid;border-top-color:var(--color-border-split);flex:1}.chain-divider--with-text.chain-divider--sm .chain-divider__line{border-top-width:.5px}.chain-divider--with-text.chain-divider--md .chain-divider__line{border-top-width:1px}.chain-divider--with-text.chain-divider--lg .chain-divider__line{border-top-width:2px}.chain-divider--with-text.chain-divider--dashed .chain-divider__line{border-top-style:dashed}.chain-divider__text{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}
package/dist/index.js CHANGED
@@ -68,8 +68,7 @@ var f = t(function({ variant: e = "solid", color: t = "primary", size: n = "md",
68
68
  /* @__PURE__ */ l("input", {
69
69
  ref: b,
70
70
  className: "chain-input__field",
71
- value: w,
72
- defaultValue: C ? void 0 : t,
71
+ ...C ? { value: w } : { defaultValue: t },
73
72
  onChange: T,
74
73
  disabled: o,
75
74
  readOnly: c,
@@ -983,23 +982,23 @@ var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i =
983
982
  sm: "var(--space-1)",
984
983
  md: "var(--space-2)",
985
984
  lg: "var(--space-4)"
986
- }, j = t(function({ size: e = "md", direction: t = "horizontal", align: n = "center", wrap: r = !1, children: i, className: a, style: o, ...s }, c) {
987
- let u = typeof e == "number" ? `${e}px` : A[e] ?? A.md;
985
+ }, j = t(function({ size: e = "md", gap: t, direction: n = "horizontal", align: r = "center", wrap: i = !1, children: a, className: o, style: s, ...c }, u) {
986
+ let d = t == null ? typeof e == "number" ? `${e}px` : A[e] ?? A.md : typeof t == "number" ? `${t}px` : t;
988
987
  return /* @__PURE__ */ l("div", {
989
- ref: c,
988
+ ref: u,
990
989
  className: [
991
990
  "chain-space",
992
- `chain-space--${t}`,
993
- `chain-space--align-${n}`,
994
- r && "chain-space--wrap",
995
- a
991
+ `chain-space--${n}`,
992
+ `chain-space--align-${r}`,
993
+ i && "chain-space--wrap",
994
+ o
996
995
  ].filter(Boolean).join(" "),
997
996
  style: {
998
- gap: u,
999
- ...o
997
+ gap: d,
998
+ ...s
1000
999
  },
1001
- ...s,
1002
- children: i
1000
+ ...c,
1001
+ children: a
1003
1002
  });
1004
1003
  }), M = t(function({ orientation: e = "horizontal", type: t = "solid", size: n = "md", children: r, className: i, ...a }, o) {
1005
1004
  return e === "vertical" ? /* @__PURE__ */ l("hr", {
@@ -1,6 +1,7 @@
1
1
  import { HTMLAttributes, ReactNode } from 'react';
2
- export interface SpaceProps extends HTMLAttributes<HTMLDivElement> {
2
+ export interface SpaceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {
3
3
  size?: 'sm' | 'md' | 'lg' | number;
4
+ gap?: string | number;
4
5
  direction?: 'horizontal' | 'vertical';
5
6
  align?: 'start' | 'end' | 'center' | 'baseline';
6
7
  wrap?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chain-ui/core",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "type": "module",
5
5
  "description": "Core UI components for Chain UI design system",
6
6
  "main": "./dist/index.cjs",
@@ -16,7 +16,8 @@
16
16
  "import": "./dist/*.js",
17
17
  "require": "./dist/*.cjs",
18
18
  "types": "./dist/*.d.ts"
19
- }
19
+ },
20
+ "./dist/*.css": "./dist/*.css"
20
21
  },
21
22
  "files": [
22
23
  "dist"