@dss-kit/ui-kit 0.1.15 → 0.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/README.md +21 -21
  2. package/dist/root.css +1 -1
  3. package/dist/styles/utils/breakpoints/base.scss +11 -11
  4. package/dist/styles/utils/breakpoints/index.scss +3 -3
  5. package/dist/styles/utils/breakpoints/screen.scss +61 -61
  6. package/dist/styles/utils/breakpoints/semantic.scss +31 -31
  7. package/dist/styles/utils/fonts/font-family.scss +3 -3
  8. package/dist/styles/utils/fonts/index.scss +1 -1
  9. package/dist/styles/utils/index.scss +5 -5
  10. package/dist/styles/utils/size/index.scss +1 -1
  11. package/dist/styles/utils/size/modifiers.scss +29 -29
  12. package/dist/styles/utils/style/index.scss +1 -1
  13. package/dist/styles/utils/style/variants.scss +34 -34
  14. package/dist/styles/utils/typography/_font-weight.scss +33 -33
  15. package/dist/styles/utils/typography/_variants.scss +85 -85
  16. package/dist/styles/utils/typography/index.scss +2 -2
  17. package/dist/ui-kit.cjs.js +14 -14
  18. package/dist/ui-kit.cjs.js.map +1 -1
  19. package/dist/ui-kit.css +1 -1
  20. package/dist/ui-kit.es.js +14 -14
  21. package/dist/ui-kit.es.js.map +1 -1
  22. package/package.json +70 -70
package/dist/styles/utils/typography/_variants.scss CHANGED
@@ -1,85 +1,85 @@
1
- @use "../fonts";
2
- @use "../breakpoints/semantic.scss" as breakpoints;
3
-
4
- /* Общий базовый стиль для любого текста */
5
- @mixin common {
6
- @include fonts.Inter;
7
- word-break: break-word;
8
- }
9
-
10
- /* Быстрое объявление font-size + line-height */
11
- @mixin text-size($font-size, $line-height) {
12
- font-size: $font-size;
13
- line-height: $line-height;
14
- }
15
-
16
- /* ==== Titles ==== */
17
- @mixin title-1 {
18
- @include text-size(32px, 36px);
19
-
20
- // md = 768px
21
- @include breakpoints.bp-md() {
22
- font-size: 24px;
23
- }
24
- }
25
-
26
- @mixin title-2 {
27
- @include text-size(24px, 28px);
28
-
29
- // md = 768px
30
- @include breakpoints.bp-md() {
31
- font-size: 20px;
32
- }
33
- }
34
-
35
- @mixin title-3 {
36
- @include text-size(20px, 28px);
37
-
38
- // md = 768px
39
- @include breakpoints.bp-md() {
40
- font-size: 18px;
41
- }
42
-
43
- // xs = 480px
44
- @include breakpoints.bp-xs() {
45
- font-size: 16px;
46
- }
47
- }
48
-
49
- /* ==== Headline ==== */
50
- @mixin headline-1 {
51
- font-size: 22px;
52
- line-height: 26px;
53
- }
54
-
55
- @mixin headline-2 {
56
- font-size: 18px;
57
- line-height: 22px;
58
- }
59
-
60
- @mixin headline-3 {
61
- font-size: 16px;
62
- line-height: 20px;
63
- }
64
-
65
- /* ==== Body ==== */
66
- @mixin body-1 {
67
- font-size: 16px;
68
- line-height: 24px;
69
- }
70
-
71
- @mixin body-2 {
72
- font-size: 14px;
73
- line-height: 20px;
74
- }
75
-
76
- /* ==== Caption ==== */
77
- @mixin caption-1 {
78
- font-size: 12px;
79
- line-height: 16px;
80
- }
81
-
82
- @mixin caption-2 {
83
- font-size: 10px;
84
- line-height: 14px;
85
- }
1
+ @use "../fonts";
2
+ @use "../breakpoints/semantic.scss" as breakpoints;
3
+
4
+ /* Общий базовый стиль для любого текста */
5
+ @mixin common {
6
+ @include fonts.Inter;
7
+ word-break: break-word;
8
+ }
9
+
10
+ /* Быстрое объявление font-size + line-height */
11
+ @mixin text-size($font-size, $line-height) {
12
+ font-size: $font-size;
13
+ line-height: $line-height;
14
+ }
15
+
16
+ /* ==== Titles ==== */
17
+ @mixin title-1 {
18
+ @include text-size(32px, 36px);
19
+
20
+ // md = 768px
21
+ @include breakpoints.bp-md() {
22
+ font-size: 24px;
23
+ }
24
+ }
25
+
26
+ @mixin title-2 {
27
+ @include text-size(24px, 28px);
28
+
29
+ // md = 768px
30
+ @include breakpoints.bp-md() {
31
+ font-size: 20px;
32
+ }
33
+ }
34
+
35
+ @mixin title-3 {
36
+ @include text-size(20px, 28px);
37
+
38
+ // md = 768px
39
+ @include breakpoints.bp-md() {
40
+ font-size: 18px;
41
+ }
42
+
43
+ // xs = 480px
44
+ @include breakpoints.bp-xs() {
45
+ font-size: 16px;
46
+ }
47
+ }
48
+
49
+ /* ==== Headline ==== */
50
+ @mixin headline-1 {
51
+ font-size: 22px;
52
+ line-height: 26px;
53
+ }
54
+
55
+ @mixin headline-2 {
56
+ font-size: 18px;
57
+ line-height: 22px;
58
+ }
59
+
60
+ @mixin headline-3 {
61
+ font-size: 16px;
62
+ line-height: 20px;
63
+ }
64
+
65
+ /* ==== Body ==== */
66
+ @mixin body-1 {
67
+ font-size: 16px;
68
+ line-height: 24px;
69
+ }
70
+
71
+ @mixin body-2 {
72
+ font-size: 14px;
73
+ line-height: 20px;
74
+ }
75
+
76
+ /* ==== Caption ==== */
77
+ @mixin caption-1 {
78
+ font-size: 12px;
79
+ line-height: 16px;
80
+ }
81
+
82
+ @mixin caption-2 {
83
+ font-size: 10px;
84
+ line-height: 14px;
85
+ }
package/dist/styles/utils/typography/index.scss CHANGED
@@ -1,2 +1,2 @@
1
- @forward "_variants";
2
- @forward "_font-weight";
1
+ @forward "_variants";
2
+ @forward "_font-weight";
package/dist/ui-kit.cjs.js CHANGED
@@ -34,18 +34,18 @@
34
34
  * LICENSE.md file in the root directory of this source tree.
35
35
  *
36
36
  * @license MIT
37
- */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,`
38
- @keyframes spin {
39
- from {
40
- transform: rotate(0deg);
41
- }
42
- to {
43
- transform: rotate(360deg);
44
- }
45
- }
46
- .spinner {
47
- transform-origin: center;
48
- animation: spin 1s linear infinite;
49
- }
50
- `),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_681cd_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;
37
+ */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
38
+ @keyframes spin {\r
39
+ from {\r
40
+ transform: rotate(0deg);\r
41
+ }\r
42
+ to {\r
43
+ transform: rotate(360deg);\r
44
+ }\r
45
+ }\r
46
+ .spinner {\r
47
+ transform-origin: center;\r
48
+ animation: spin 1s linear infinite;\r
49
+ }\r
50
+ `),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_17ots_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;
51
51
  //# sourceMappingURL=ui-kit.cjs.js.map