@dss-kit/ui-kit 0.1.19 → 0.1.21

package/dist/styles/utils/typography/_variants.scss

@@ -1,85 +1,85 @@
-@use "../fonts";
-@use "../breakpoints/semantic.scss" as breakpoints;
-
-/* Общий базовый стиль для любого текста */
-@mixin common {
-  @include fonts.Inter;
-  word-break: break-word;
-}
-
-/* Быстрое объявление font-size + line-height */
-@mixin text-size($font-size, $line-height) {
-  font-size: $font-size;
-  line-height: $line-height;
-}
-
-/* ==== Titles ==== */
-@mixin title-1 {
-  @include text-size(32px, 36px);
-
-  // md = 768px
-  @include breakpoints.bp-md() {
-    font-size: 24px;
-  }
-}
-
-@mixin title-2 {
-  @include text-size(24px, 28px);
-
-  // md = 768px
-  @include breakpoints.bp-md() {
-    font-size: 20px;
-  }
-}
-
-@mixin title-3 {
-  @include text-size(20px, 28px);
-
-  // md = 768px
-  @include breakpoints.bp-md() {
-    font-size: 18px;
-  }
-
-  // xs = 480px
-  @include breakpoints.bp-xs() {
-    font-size: 16px;
-  }
-}
-
-/* ==== Headline ==== */
-@mixin headline-1 {
-  font-size: 22px;
-  line-height: 26px;
-}
-
-@mixin headline-2 {
-  font-size: 18px;
-  line-height: 22px;
-}
-
-@mixin headline-3 {
-  font-size: 16px;
-  line-height: 20px;
-}
-
-/* ==== Body ==== */
-@mixin body-1 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-@mixin body-2 {
-  font-size: 14px;
-  line-height: 20px;
-}
-
-/* ==== Caption ==== */
-@mixin caption-1 {
-  font-size: 12px;
-  line-height: 16px;
-}
-
-@mixin caption-2 {
-  font-size: 10px;
-  line-height: 14px;
-}
+@use "../fonts";
+@use "../breakpoints/semantic.scss" as breakpoints;
+
+/* Общий базовый стиль для любого текста */
+@mixin common {
+  @include fonts.Inter;
+  word-break: break-word;
+}
+
+/* Быстрое объявление font-size + line-height */
+@mixin text-size($font-size, $line-height) {
+  font-size: $font-size;
+  line-height: $line-height;
+}
+
+/* ==== Titles ==== */
+@mixin title-1 {
+  @include text-size(32px, 36px);
+
+  // md = 768px
+  @include breakpoints.bp-md() {
+    font-size: 24px;
+  }
+}
+
+@mixin title-2 {
+  @include text-size(24px, 28px);
+
+  // md = 768px
+  @include breakpoints.bp-md() {
+    font-size: 20px;
+  }
+}
+
+@mixin title-3 {
+  @include text-size(20px, 28px);
+
+  // md = 768px
+  @include breakpoints.bp-md() {
+    font-size: 18px;
+  }
+
+  // xs = 480px
+  @include breakpoints.bp-xs() {
+    font-size: 16px;
+  }
+}
+
+/* ==== Headline ==== */
+@mixin headline-1 {
+  font-size: 22px;
+  line-height: 26px;
+}
+
+@mixin headline-2 {
+  font-size: 18px;
+  line-height: 22px;
+}
+
+@mixin headline-3 {
+  font-size: 16px;
+  line-height: 20px;
+}
+
+/* ==== Body ==== */
+@mixin body-1 {
+  font-size: 16px;
+  line-height: 24px;
+}
+
+@mixin body-2 {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+/* ==== Caption ==== */
+@mixin caption-1 {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+@mixin caption-2 {
+  font-size: 10px;
+  line-height: 14px;
+}

package/dist/styles/utils/typography/index.scss

@@ -1,2 +1,2 @@
-@forward "_variants";
-@forward "_font-weight";
+@forward "_variants";
+@forward "_font-weight";

package/dist/ui-kit.cjs.js

@@ -34,18 +34,18 @@
    * LICENSE.md file in the root directory of this source tree.
    *
    * @license MIT
-   */function So(e,t){return e?Np(e)?P.createElement(e,t):e:null}function Np(e){return Hp(e)||typeof e=="function"||Gp(e)}function Hp(e){return typeof e=="function"&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function Gp(e){return typeof e=="object"&&typeof e.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}function Wp(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=P.useState(()=>({current:$p(t)})),[i,s]=P.useState(()=>n.current.initialState);return n.current.setOptions(o=>({...o,...e,state:{...i,...e.state},onStateChange:r=>{s(r),e.onStateChange==null||e.onStateChange(r)}})),n.current}const Up=e=>P.createElement("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("style",null,`\r
-    @keyframes spin {\r
-      from {\r
-        transform: rotate(0deg);\r
-      }\r
-      to {\r
-        transform: rotate(360deg);\r
-      }\r
-    }\r
-    .spinner {\r
-      transform-origin: center;\r
-      animation: spin 1s linear infinite;\r
-    }\r
-  `),P.createElement("g",{className:"spinner"},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0003 6.83317C13.5692 6.83317 11.2376 7.79894 9.51851 9.51803C7.79943 11.2371 6.83366 13.5687 6.83366 15.9998C6.83366 18.431 7.79943 20.7626 9.51851 22.4817C11.2376 24.2007 13.5692 25.1665 16.0003 25.1665C18.4315 25.1665 20.7631 24.2007 22.4821 22.4817C24.2012 20.7626 25.167 18.431 25.167 15.9998C25.167 13.5687 24.2012 11.2371 22.4821 9.51803C20.7631 7.79894 18.4315 6.83317 16.0003 6.83317ZM3.16699 15.9998C3.16699 8.91217 8.91266 3.1665 16.0003 3.1665C23.088 3.1665 28.8337 8.91217 28.8337 15.9998C28.8337 23.0875 23.088 28.8332 16.0003 28.8332C8.91266 28.8332 3.16699 23.0875 3.16699 15.9998Z",fill:"currentColor",fillOpacity:.12}),P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9997 6.83319C13.6363 6.82787 11.3633 7.74068 9.65999 9.37907C9.30711 9.70535 8.84021 9.88001 8.35982 9.86545C7.87943 9.85089 7.42396 9.64827 7.09149 9.30122C6.75902 8.95416 6.57612 8.49043 6.58218 8.00985C6.58823 7.52928 6.78276 7.07031 7.12388 6.73174C9.50956 4.43941 12.6912 3.16143 15.9997 3.16652C16.4859 3.16652 16.9522 3.35967 17.296 3.70349C17.6398 4.04731 17.833 4.51362 17.833 4.99985C17.833 5.48608 17.6398 5.9524 17.296 6.29621C16.9522 6.64003 16.4859 6.83319 15.9997 6.83319Z",fill:"currentColor"}))),Kp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("g",{clipPath:"url(#clip0_2074_3858)"},P.createElement("path",{d:"M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_2074_3858"},P.createElement("rect",{width:24,height:24,fill:"white"})))),qp="_table_19yhs_8",Xp={table:qp},Yp=w.forwardRef(({children:e,className:t,style:n,...i},s)=>m.jsx("td",{ref:s,className:M.cx(t),style:n,...i,children:e})),Sa=w.forwardRef(({children:e,className:t,showBorders:n=!1,isSelected:i=!1,...s},o)=>{const r=M.css({borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:o,className:M.cx(r,t),...s,children:e})});Sa.displayName="TableBodyRow";const Zp=w.forwardRef(({children:e,className:t,style:n,justifyContent:i="flex-start",alignItems:s="flex-start",...o},r)=>{const a=M.css({justifyContent:i,alignItems:s,fontWeight:"inherit"});return m.jsx("th",{ref:r,className:M.cx(a,t),style:n,...o,children:e})}),_a=w.forwardRef(({children:e,className:t,showBorders:n=!1,...i},s)=>{const o=M.css({backgroundColor:"var(--fill-bg-secondary)",borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:s,className:M.cx(o,t),...i,children:e})});_a.displayName="TableHeadRow";const Jp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),em=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),tm=(e,t)=>{const n=[];if(t<=10){for(let o=1;o<=t;o++)n.push(o);return n}const i=2,s=[];for(let o=Math.max(2,e+1-i);o<=Math.min(t-1,e+1+i);o++)s.push(o);return e+1-i>2?n.push(1,"..."):n.push(1),n.push(...s),e+1+i<t-1?n.push("...",t):t>1&&n.push(t),n},nm=({pageIndex:e,pageSize:t,totalCount:n,onPageChange:i,onPageSizeChange:s,pageSizeOptions:o=[10,20,50,100],showPageSizeSelector:r=!0,renderPageSizeSelectorItem:a=l=>l.label})=>{const l=Math.ceil(n/t),c=e>0,u=e<l-1,d=()=>{c&&i(e-1)},f=()=>{u&&i(e+1)},h=g=>{s(Number(g))},p=tm(e,l);return n===0?null:m.jsxs(V,{row:!0,justifyContent:"space-between",children:[m.jsxs(V,{row:!0,gap:"var(--spacing-sm)",children:[m.jsx(dt,{onClick:d,disabled:!c,color:"neutral",size:"sm",children:m.jsx(Jp,{})}),m.jsx(V,{row:!0,gap:"var(--spacing-sm)",children:p.map(g=>m.jsx(im,{isDots:g==="...",isCurrentPage:g===e+1,disabled:g==="...",onClick:()=>i(g-1),children:g},g))}),m.jsx(dt,{color:"neutral",size:"sm",onClick:f,disabled:!u,children:m.jsx(Qp,{})})]}),r&&m.jsx(V,{children:m.jsx(aa,{value:t.toString(),size:"sm",items:o.map(g=>({value:g.toString(),label:g.toString()})),returnedValue:g=>g.value,renderItem:a,onChange:g=>h(g)})})]})},im=({children:e,isCurrentPage:t=!1,onClick:n,isDots:i=!1,disabled:s=!1})=>{const o=M.css({cursor:s?"not-allowed":"pointer",userSelect:"none",width:"40px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t?"var(--fill-accent-secondary)":"var(--fill-bg-secondary)",borderRadius:"var(--corner-sm)",border:t?"1px solid var(--fill-accent-secondary-hover)":"1px solid var(--border-neutral-alpha-basic)"}),r=M.css({width:"24px",height:"24px",color:t?"var(--icon-secondary)":"var(--icon-tertiary)"});return m.jsx(V,{className:o,onClick:s?void 0:n,children:i?m.jsx(em,{className:r}):m.jsx(O,{center:!0,variant:"body-2",fontWeight:"medium",children:e})})},sm=M.css({position:"relative",borderRadius:"var(--corner-md)",overflow:"hidden","&::before, &::after":{content:'""',position:"absolute",top:0,bottom:14,width:96,pointerEvents:"none",zIndex:2,transition:"opacity 0.2s ease"},"&::before":{left:0,background:"linear-gradient(to left, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"},"&::after":{right:0,background:"linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"}}),om=M.css({overflowX:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--neutral-86) var(--neutral-96)"}),Ra=w.memo(({data:e,children:t,className:n,showBorders:i=!1,...s})=>{const[o,r]=w.useState(!1),[a,l]=w.useState(!1),c=w.useRef(null),u=w.useCallback(()=>{const f=c.current;if(!f)return;const{scrollLeft:h,scrollWidth:p,clientWidth:g}=f,x=p>g;r(x&&h>0),l(x&&h<p-g-1)},[]);w.useEffect(()=>{const f=c.current;if(!f)return;u();const h=new ResizeObserver(u);return h.observe(f),f.addEventListener("scroll",u),()=>{h.disconnect(),f.removeEventListener("scroll",u)}},[u,e]);const d=M.css({border:i?"1px solid var(--border-neutral-alpha-low)":"transparent","&::before":{opacity:o?1:0},"&::after":{opacity:a?1:0}});return m.jsx(V,{className:M.cx(sm,d,n),...s,children:m.jsx(V,{ref:c,className:om,children:t})})});Ra.displayName="TableWrapper";const ba=w.forwardRef(({data:e,columns:t,showBorders:n=!0,enableSorting:i=!1,enablePagination:s=!1,enableRowSelection:o=!1,enableMultiRowSelection:r=!1,sorting:a,onSortingChange:l,columnFilters:c,onColumnFiltersChange:u,columnVisibility:d,onColumnVisibilityChange:f,pagination:h,onPaginationChange:p,rowSelection:g,onRowSelectionChange:x,totalCount:v,loading:C=!1,emptyLabels:y={title:"Nothing found",description:"No results found for “result”",action:"Reset"},loadingLabels:S={title:"Loading...",description:"Please wait or reset your promt",action:"Reset"},className:_,containerClassName:R,tableOptions:T={},onRowClick:b,getRowId:k,headCellComponent:F=Zp,bodyCellComponent:z=Yp,headRowComponent:Y=_a,bodyRowComponent:ee=Sa,onReset:ie,renderPageSizeSelectorItem:re},te)=>{const $=w.useMemo(()=>Zg(),[]),[U,I]=w.useState([]),[j,W]=w.useState([]),[ve,Qe]=w.useState({}),[Jt,Qt]=w.useState({pageIndex:0,pageSize:10}),[en,tn]=w.useState({}),_t=a??U,Rt=c??j,Wi=d??ve,Ee=h??Jt,Ui=g??en,Ma=L=>{const B=typeof L=="function"?L(_t):L;l?l(B):I(B)},Ta=L=>{const B=typeof L=="function"?L(Rt):L;u?u(B):W(B)},Va=L=>{const B=typeof L=="function"?L(Wi):L;f?f(B):Qe(B)},nn=L=>{const B=typeof L=="function"?L(Ee):L;p?p(B):Qt(B)},Ea=L=>{const B=typeof L=="function"?L(Ui):L;x?x(B):tn(B)},Aa=w.useMemo(()=>t.map(({key:L,accessor:B,...je})=>L==="accessor"?$.accessor(Ia=>Ia[B],{id:B.toString(),...je}):$[L]({id:B.toString(),...je})),[t,$]),sn=Wp({data:e,columns:Aa,state:{sorting:_t,columnFilters:Rt,columnVisibility:Wi,pagination:Ee,rowSelection:Ui},onSortingChange:Ma,onColumnFiltersChange:Ta,onColumnVisibilityChange:Va,onPaginationChange:nn,onRowSelectionChange:Ea,getCoreRowModel:jp(),getSortedRowModel:i?Bp():void 0,getPaginationRowModel:s?zp():void 0,enableRowSelection:o,enableMultiRowSelection:r,getRowId:k,manualPagination:!!v,pageCount:v?Math.ceil(v/Ee.pageSize):void 0,...T});w.useImperativeHandle(te,()=>sn);const{rows:Ki}=sn.getRowModel(),Da=(L,B)=>{b&&b(L.original,B)},Fa=M.css({width:"100%",maxWidth:"100%",minWidth:"max-content",borderCollapse:"collapse",borderSpacing:0,backgroundColor:"var(--fill-bg-primary)"}),ka=M.css({backgroundColor:"var(--fill-bg-secondary)",color:"var(--text-tertiary)"});return C?m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Up,{width:32,height:32,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:S.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:S.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:S.action})]}):Ki.length?m.jsxs(V,{w:"full",gap:"var(--spacing-xl)",className:M.cx(R),children:[m.jsx(Ra,{data:e,showBorders:n,children:m.jsxs("table",{className:M.cx(Fa,Xp.table,_),children:[m.jsx("thead",{className:ka,children:sn.getHeaderGroups().map(L=>m.jsx(Y,{showBorders:n,children:L.headers.map(B=>m.jsx(F,{style:{width:B.getSize()},onClick:B.column.getToggleSortingHandler(),children:B.isPlaceholder?null:So(B.column.columnDef.header,B.getContext())},B.id))},L.id))}),m.jsx("tbody",{children:Ki.map((L,B)=>m.jsx(ee,{showBorders:n,isSelected:L.getIsSelected(),onClick:()=>Da(L,B),children:L.getVisibleCells().map(je=>m.jsx(z,{children:So(je.column.columnDef.cell,je.getContext())},je.id))},L.id))})]})}),s&&!C&&m.jsx(nm,{pageIndex:Ee.pageIndex,pageSize:Ee.pageSize,totalCount:v||e.length,renderPageSizeSelectorItem:re,onPageChange:L=>nn({...Ee,pageIndex:L}),onPageSizeChange:L=>nn({...Ee,pageSize:L,pageIndex:0})})]}):m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Kp,{width:24,height:24,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:y.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:y.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:y.action})]})});ba.displayName="Table";const rm=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e})),Gi=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e}));Gi.displayName="TableHeadCellContent";const am=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 4.75L4.75 0.75L0.75 4.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),lm=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 0.75L4.75 4.75L0.75 0.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),um=({sortDirection:e,gap:t="5px",...n})=>m.jsxs(V,{gap:t,...n,children:[m.jsx(am,{style:{color:e==="asc"?"var(--icon-accent)":"var(--icon-tertiary)"}}),m.jsx(lm,{style:{color:e==="desc"?"var(--icon-accent)":"var(--icon-tertiary)"}})]}),Pa=({children:e,tableProps:t,gap:n="10px",...i})=>{const s=t.column.getIsSorted();return m.jsxs(Gi,{style:{cursor:"pointer",userSelect:"none"},gap:n,...i,children:[e,m.jsx(um,{sortDirection:s})]})};Pa.displayName="TableHeadCellContentSortable";const Zt=ba;Zt.HeadCellContent=Gi;Zt.HeadCellContentSortable=Pa;Zt.BodyCellContent=rm;const cm="_themeProviderScoped_16pja_9",dm={themeProviderScoped:cm};function fm({className:e,children:t,theme:n}){return m.jsx("div",{className:Fe(dm.themeProviderScoped,e),id:"theme-provider-scoped","data-theme":n,children:t})}exports.AnimatedText=Nt;exports.Avatar=Hh;exports.Box=V;exports.Button=dh;exports.Checkbox=Oi;exports.Hint=ug;exports.IconButton=dt;exports.Input=oa;exports.Modal=Xt;exports.Portal=ra;exports.Ripple=yt;exports.Select=aa;exports.Switch=la;exports.Table=Zt;exports.Tag=zi;exports.Text=O;exports.ThemeProviderScoped=fm;exports.getSizeClass=ct;exports.getStyleClass=Gt;exports.useControlled=Ht;exports.useDropdownPosition=bo;
+   */function So(e,t){return e?Np(e)?P.createElement(e,t):e:null}function Np(e){return Hp(e)||typeof e=="function"||Gp(e)}function Hp(e){return typeof e=="function"&&(()=>{const t=Object.getPrototypeOf(e);return t.prototype&&t.prototype.isReactComponent})()}function Gp(e){return typeof e=="object"&&typeof e.$$typeof=="symbol"&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}function Wp(e){const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[n]=P.useState(()=>({current:$p(t)})),[i,s]=P.useState(()=>n.current.initialState);return n.current.setOptions(o=>({...o,...e,state:{...i,...e.state},onStateChange:r=>{s(r),e.onStateChange==null||e.onStateChange(r)}})),n.current}const Up=e=>P.createElement("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("style",null,`
+    @keyframes spin {
+      from {
+        transform: rotate(0deg);
+      }
+      to {
+        transform: rotate(360deg);
+      }
+    }
+    .spinner {
+      transform-origin: center;
+      animation: spin 1s linear infinite;
+    }
+  `),P.createElement("g",{className:"spinner"},P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0003 6.83317C13.5692 6.83317 11.2376 7.79894 9.51851 9.51803C7.79943 11.2371 6.83366 13.5687 6.83366 15.9998C6.83366 18.431 7.79943 20.7626 9.51851 22.4817C11.2376 24.2007 13.5692 25.1665 16.0003 25.1665C18.4315 25.1665 20.7631 24.2007 22.4821 22.4817C24.2012 20.7626 25.167 18.431 25.167 15.9998C25.167 13.5687 24.2012 11.2371 22.4821 9.51803C20.7631 7.79894 18.4315 6.83317 16.0003 6.83317ZM3.16699 15.9998C3.16699 8.91217 8.91266 3.1665 16.0003 3.1665C23.088 3.1665 28.8337 8.91217 28.8337 15.9998C28.8337 23.0875 23.088 28.8332 16.0003 28.8332C8.91266 28.8332 3.16699 23.0875 3.16699 15.9998Z",fill:"currentColor",fillOpacity:.12}),P.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9997 6.83319C13.6363 6.82787 11.3633 7.74068 9.65999 9.37907C9.30711 9.70535 8.84021 9.88001 8.35982 9.86545C7.87943 9.85089 7.42396 9.64827 7.09149 9.30122C6.75902 8.95416 6.57612 8.49043 6.58218 8.00985C6.58823 7.52928 6.78276 7.07031 7.12388 6.73174C9.50956 4.43941 12.6912 3.16143 15.9997 3.16652C16.4859 3.16652 16.9522 3.35967 17.296 3.70349C17.6398 4.04731 17.833 4.51362 17.833 4.99985C17.833 5.48608 17.6398 5.9524 17.296 6.29621C16.9522 6.64003 16.4859 6.83319 15.9997 6.83319Z",fill:"currentColor"}))),Kp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("g",{clipPath:"url(#clip0_2074_3858)"},P.createElement("path",{d:"M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),P.createElement("defs",null,P.createElement("clipPath",{id:"clip0_2074_3858"},P.createElement("rect",{width:24,height:24,fill:"white"})))),qp="_table_19yhs_8",Xp={table:qp},Yp=w.forwardRef(({children:e,className:t,style:n,...i},s)=>m.jsx("td",{ref:s,className:M.cx(t),style:n,...i,children:e})),Sa=w.forwardRef(({children:e,className:t,showBorders:n=!1,isSelected:i=!1,...s},o)=>{const r=M.css({borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:o,className:M.cx(r,t),...s,children:e})});Sa.displayName="TableBodyRow";const Zp=w.forwardRef(({children:e,className:t,style:n,justifyContent:i="flex-start",alignItems:s="flex-start",...o},r)=>{const a=M.css({justifyContent:i,alignItems:s,fontWeight:"inherit"});return m.jsx("th",{ref:r,className:M.cx(a,t),style:n,...o,children:e})}),_a=w.forwardRef(({children:e,className:t,showBorders:n=!1,...i},s)=>{const o=M.css({backgroundColor:"var(--fill-bg-secondary)",borderBottom:n?"1px solid var(--border-neutral-alpha-low)":"none"});return m.jsx("tr",{ref:s,className:M.cx(o,t),...i,children:e})});_a.displayName="TableHeadRow";const Jp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qp=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),em=e=>P.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),P.createElement("path",{d:"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),tm=(e,t)=>{const n=[];if(t<=10){for(let o=1;o<=t;o++)n.push(o);return n}const i=2,s=[];for(let o=Math.max(2,e+1-i);o<=Math.min(t-1,e+1+i);o++)s.push(o);return e+1-i>2?n.push(1,"..."):n.push(1),n.push(...s),e+1+i<t-1?n.push("...",t):t>1&&n.push(t),n},nm=({pageIndex:e,pageSize:t,totalCount:n,onPageChange:i,onPageSizeChange:s,pageSizeOptions:o=[10,20,50,100],showPageSizeSelector:r=!0,renderPageSizeSelectorItem:a=l=>l.label})=>{const l=Math.ceil(n/t),c=e>0,u=e<l-1,d=()=>{c&&i(e-1)},f=()=>{u&&i(e+1)},h=g=>{s(Number(g))},p=tm(e,l);return n===0?null:m.jsxs(V,{row:!0,justifyContent:"space-between",children:[m.jsxs(V,{row:!0,gap:"var(--spacing-sm)",children:[m.jsx(dt,{onClick:d,disabled:!c,color:"neutral",size:"sm",children:m.jsx(Jp,{})}),m.jsx(V,{row:!0,gap:"var(--spacing-sm)",children:p.map(g=>m.jsx(im,{isDots:g==="...",isCurrentPage:g===e+1,disabled:g==="...",onClick:()=>i(g-1),children:g},g))}),m.jsx(dt,{color:"neutral",size:"sm",onClick:f,disabled:!u,children:m.jsx(Qp,{})})]}),r&&m.jsx(V,{children:m.jsx(aa,{value:t.toString(),size:"sm",items:o.map(g=>({value:g.toString(),label:g.toString()})),returnedValue:g=>g.value,renderItem:a,onChange:g=>h(g)})})]})},im=({children:e,isCurrentPage:t=!1,onClick:n,isDots:i=!1,disabled:s=!1})=>{const o=M.css({cursor:s?"not-allowed":"pointer",userSelect:"none",width:"40px",height:"40px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:t?"var(--fill-accent-secondary)":"var(--fill-bg-secondary)",borderRadius:"var(--corner-sm)",border:t?"1px solid var(--fill-accent-secondary-hover)":"1px solid var(--border-neutral-alpha-basic)"}),r=M.css({width:"24px",height:"24px",color:t?"var(--icon-secondary)":"var(--icon-tertiary)"});return m.jsx(V,{className:o,onClick:s?void 0:n,children:i?m.jsx(em,{className:r}):m.jsx(O,{center:!0,variant:"body-2",fontWeight:"medium",children:e})})},sm=M.css({position:"relative",borderRadius:"var(--corner-md)",overflow:"hidden","&::before, &::after":{content:'""',position:"absolute",top:0,bottom:14,width:96,pointerEvents:"none",zIndex:2,transition:"opacity 0.2s ease"},"&::before":{left:0,background:"linear-gradient(to left, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"},"&::after":{right:0,background:"linear-gradient(to right, rgba(255, 255, 255, 0.00) 0%, #FFF 100%)"}}),om=M.css({overflowX:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--neutral-86) var(--neutral-96)"}),Ra=w.memo(({data:e,children:t,className:n,showBorders:i=!1,...s})=>{const[o,r]=w.useState(!1),[a,l]=w.useState(!1),c=w.useRef(null),u=w.useCallback(()=>{const f=c.current;if(!f)return;const{scrollLeft:h,scrollWidth:p,clientWidth:g}=f,x=p>g;r(x&&h>0),l(x&&h<p-g-1)},[]);w.useEffect(()=>{const f=c.current;if(!f)return;u();const h=new ResizeObserver(u);return h.observe(f),f.addEventListener("scroll",u),()=>{h.disconnect(),f.removeEventListener("scroll",u)}},[u,e]);const d=M.css({border:i?"1px solid var(--border-neutral-alpha-low)":"transparent","&::before":{opacity:o?1:0},"&::after":{opacity:a?1:0}});return m.jsx(V,{className:M.cx(sm,d,n),...s,children:m.jsx(V,{ref:c,className:om,children:t})})});Ra.displayName="TableWrapper";const ba=w.forwardRef(({data:e,columns:t,showBorders:n=!0,enableSorting:i=!1,enablePagination:s=!1,enableRowSelection:o=!1,enableMultiRowSelection:r=!1,sorting:a,onSortingChange:l,columnFilters:c,onColumnFiltersChange:u,columnVisibility:d,onColumnVisibilityChange:f,pagination:h,onPaginationChange:p,rowSelection:g,onRowSelectionChange:x,totalCount:v,loading:C=!1,emptyLabels:y={title:"Nothing found",description:"No results found for “result”",action:"Reset"},loadingLabels:S={title:"Loading...",description:"Please wait or reset your promt",action:"Reset"},className:_,containerClassName:R,tableOptions:T={},onRowClick:b,getRowId:k,headCellComponent:F=Zp,bodyCellComponent:z=Yp,headRowComponent:Y=_a,bodyRowComponent:ee=Sa,onReset:ie,renderPageSizeSelectorItem:re},te)=>{const $=w.useMemo(()=>Zg(),[]),[U,I]=w.useState([]),[j,W]=w.useState([]),[ve,Qe]=w.useState({}),[Jt,Qt]=w.useState({pageIndex:0,pageSize:10}),[en,tn]=w.useState({}),_t=a??U,Rt=c??j,Wi=d??ve,Ee=h??Jt,Ui=g??en,Ma=L=>{const B=typeof L=="function"?L(_t):L;l?l(B):I(B)},Ta=L=>{const B=typeof L=="function"?L(Rt):L;u?u(B):W(B)},Va=L=>{const B=typeof L=="function"?L(Wi):L;f?f(B):Qe(B)},nn=L=>{const B=typeof L=="function"?L(Ee):L;p?p(B):Qt(B)},Ea=L=>{const B=typeof L=="function"?L(Ui):L;x?x(B):tn(B)},Aa=w.useMemo(()=>t.map(({key:L,accessor:B,...je})=>L==="accessor"?$.accessor(Ia=>Ia[B],{id:B.toString(),...je}):$[L]({id:B.toString(),...je})),[t,$]),sn=Wp({data:e,columns:Aa,state:{sorting:_t,columnFilters:Rt,columnVisibility:Wi,pagination:Ee,rowSelection:Ui},onSortingChange:Ma,onColumnFiltersChange:Ta,onColumnVisibilityChange:Va,onPaginationChange:nn,onRowSelectionChange:Ea,getCoreRowModel:jp(),getSortedRowModel:i?Bp():void 0,getPaginationRowModel:s?zp():void 0,enableRowSelection:o,enableMultiRowSelection:r,getRowId:k,manualPagination:!!v,pageCount:v?Math.ceil(v/Ee.pageSize):void 0,...T});w.useImperativeHandle(te,()=>sn);const{rows:Ki}=sn.getRowModel(),Da=(L,B)=>{b&&b(L.original,B)},Fa=M.css({width:"100%",maxWidth:"100%",minWidth:"max-content",borderCollapse:"collapse",borderSpacing:0,backgroundColor:"var(--fill-bg-primary)"}),ka=M.css({backgroundColor:"var(--fill-bg-secondary)",color:"var(--text-tertiary)"});return C?m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Up,{width:32,height:32,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:S.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:S.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:S.action})]}):Ki.length?m.jsxs(V,{w:"full",gap:"var(--spacing-xl)",className:M.cx(R),children:[m.jsx(Ra,{data:e,showBorders:n,children:m.jsxs("table",{className:M.cx(Fa,Xp.table,_),children:[m.jsx("thead",{className:ka,children:sn.getHeaderGroups().map(L=>m.jsx(Y,{showBorders:n,children:L.headers.map(B=>m.jsx(F,{style:{width:B.getSize()},onClick:B.column.getToggleSortingHandler(),children:B.isPlaceholder?null:So(B.column.columnDef.header,B.getContext())},B.id))},L.id))}),m.jsx("tbody",{children:Ki.map((L,B)=>m.jsx(ee,{showBorders:n,isSelected:L.getIsSelected(),onClick:()=>Da(L,B),children:L.getVisibleCells().map(je=>m.jsx(z,{children:So(je.column.columnDef.cell,je.getContext())},je.id))},L.id))})]})}),s&&!C&&m.jsx(nm,{pageIndex:Ee.pageIndex,pageSize:Ee.pageSize,totalCount:v||e.length,renderPageSizeSelectorItem:re,onPageChange:L=>nn({...Ee,pageIndex:L}),onPageSizeChange:L=>nn({...Ee,pageSize:L,pageIndex:0})})]}):m.jsxs(V,{w:"full",borderRadius:"var(--corner-md)",py:"var(--spacing-5xl)",px:"var(--spacing-10xl)",alignItems:"center",className:M.cx(R),children:[m.jsx(Kp,{width:24,height:24,style:{color:"var(--icon-tertiary)",marginBottom:"var(--spacing-sm)"}}),m.jsx(O,{mb:"var(--spacing-xs)",variant:"title-3",fontWeight:"semibold",children:y.title}),m.jsx(O,{mb:"var(--spacing-md)",colorName:"tertiary",variant:"body-1",fontWeight:"medium",children:y.description}),m.jsx(Nt,{onClick:ie,whileTap:{scale:.95},fontWeight:"medium",cursor:"pointer",colorName:"accent",children:y.action})]})});ba.displayName="Table";const rm=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e})),Gi=w.forwardRef(({children:e,row:t=!0,justifyContent:n="flex-start",alignItems:i="center",py:s="var(--spacing-sm)",px:o="var(--spacing-md)",minHeight:r="56px",...a},l)=>m.jsx(V,{row:t,justifyContent:n,alignItems:i,py:s,px:o,minHeight:r,ref:l,...a,children:e}));Gi.displayName="TableHeadCellContent";const am=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 4.75L4.75 0.75L0.75 4.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),lm=e=>P.createElement("svg",{width:10,height:6,viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},P.createElement("path",{d:"M8.75 0.75L4.75 4.75L0.75 0.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),um=({sortDirection:e,gap:t="5px",...n})=>m.jsxs(V,{gap:t,...n,children:[m.jsx(am,{style:{color:e==="asc"?"var(--icon-accent)":"var(--icon-tertiary)"}}),m.jsx(lm,{style:{color:e==="desc"?"var(--icon-accent)":"var(--icon-tertiary)"}})]}),Pa=({children:e,tableProps:t,gap:n="10px",...i})=>{const s=t.column.getIsSorted();return m.jsxs(Gi,{style:{cursor:"pointer",userSelect:"none"},gap:n,...i,children:[e,m.jsx(um,{sortDirection:s})]})};Pa.displayName="TableHeadCellContentSortable";const Zt=ba;Zt.HeadCellContent=Gi;Zt.HeadCellContentSortable=Pa;Zt.BodyCellContent=rm;const cm="_themeProviderScoped_1g4uu_9",dm={themeProviderScoped:cm};function fm({className:e,children:t,theme:n}){return m.jsx("div",{className:Fe(dm.themeProviderScoped,e),id:"theme-provider-scoped","data-theme":n,children:t})}exports.AnimatedText=Nt;exports.Avatar=Hh;exports.Box=V;exports.Button=dh;exports.Checkbox=Oi;exports.Hint=ug;exports.IconButton=dt;exports.Input=oa;exports.Modal=Xt;exports.Portal=ra;exports.Ripple=yt;exports.Select=aa;exports.Switch=la;exports.Table=Zt;exports.Tag=zi;exports.Text=O;exports.ThemeProviderScoped=fm;exports.getSizeClass=ct;exports.getStyleClass=Gt;exports.useControlled=Ht;exports.useDropdownPosition=bo;
 //# sourceMappingURL=ui-kit.cjs.js.map