@anoki/fse-ui 1.0.501 → 1.0.503

package/dist/index.cjs396.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),j=require("./index.cjs327.js"),N=require("./index.cjs344.js"),se=require("./index.cjs325.js"),A=require("./index.cjs324.js"),g=require("./index.cjs335.js"),ce=require("./index.cjs338.js"),ie=require("./index.cjs348.js"),ae=require("./index.cjs405.js"),E=require("./index.cjs323.js"),m=require("./index.cjs178.js");function ue(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const s=ue(le);function de(e,o){return s.useReducer((r,n)=>o[r][n]??r,e)}var Y="ScrollArea",[K,fe]=se.createContextScope(Y),[he,v]=K(Y),V=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:n="hover",dir:t,scrollHideDelay:l=600,...c}=e,[i,a]=s.useState(null),[f,u]=s.useState(null),[h,d]=s.useState(null),[b,S]=s.useState(null),[T,M]=s.useState(null),[R,_]=s.useState(0),[X,L]=s.useState(0),[D,y]=s.useState(!1),[H,O]=s.useState(!1),p=A.useComposedRefs(o,P=>a(P)),x=ce.useDirection(t);return m.jsxRuntimeExports.jsx(he,{scope:r,type:n,dir:x,scrollHideDelay:l,scrollArea:i,viewport:f,onViewportChange:u,content:h,onContentChange:d,scrollbarX:b,onScrollbarXChange:S,scrollbarXEnabled:D,onScrollbarXEnabledChange:y,scrollbarY:T,onScrollbarYChange:M,scrollbarYEnabled:H,onScrollbarYEnabledChange:O,onCornerWidthChange:_,onCornerHeightChange:L,children:m.jsxRuntimeExports.jsx(j.Primitive.div,{dir:x,...c,ref:p,style:{position:"relative","--radix-scroll-area-corner-width":R+"px","--radix-scroll-area-corner-height":X+"px",...e.style}})})});V.displayName=Y;var Q="ScrollAreaViewport",U=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:n,nonce:t,...l}=e,c=v(Q,r),i=s.useRef(null),a=A.useComposedRefs(o,i,c.onViewportChange);return m.jsxRuntimeExports.jsxs(m.jsxRuntimeExports.Fragment,{children:[m.jsxRuntimeExports.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),m.jsxRuntimeExports.jsx(j.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:a,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:m.jsxRuntimeExports.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});U.displayName=Q;var w="ScrollAreaScrollbar",q=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=v(w,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=t,i=e.orientation==="horizontal";return s.useEffect(()=>(i?l(!0):c(!0),()=>{i?l(!1):c(!1)}),[i,l,c]),t.type==="hover"?m.jsxRuntimeExports.jsx(me,{...n,ref:o,forceMount:r}):t.type==="scroll"?m.jsxRuntimeExports.jsx(be,{...n,ref:o,forceMount:r}):t.type==="auto"?m.jsxRuntimeExports.jsx(Z,{...n,ref:o,forceMount:r}):t.type==="always"?m.jsxRuntimeExports.jsx(B,{...n,ref:o}):null});q.displayName=w;var me=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=v(w,e.__scopeScrollArea),[l,c]=s.useState(!1);return s.useEffect(()=>{const i=t.scrollArea;let a=0;if(i){const f=()=>{window.clearTimeout(a),c(!0)},u=()=>{a=window.setTimeout(()=>c(!1),t.scrollHideDelay)};return i.addEventListener("pointerenter",f),i.addEventListener("pointerleave",u),()=>{window.clearTimeout(a),i.removeEventListener("pointerenter",f),i.removeEventListener("pointerleave",u)}}},[t.scrollArea,t.scrollHideDelay]),m.jsxRuntimeExports.jsx(N.Presence,{present:r||l,children:m.jsxRuntimeExports.jsx(Z,{"data-state":l?"visible":"hidden",...n,ref:o})})}),be=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=v(w,e.__scopeScrollArea),l=e.orientation==="horizontal",c=I(()=>a("SCROLL_END"),100),[i,a]=de("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return s.useEffect(()=>{if(i==="idle"){const f=window.setTimeout(()=>a("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(f)}},[i,t.scrollHideDelay,a]),s.useEffect(()=>{const f=t.viewport,u=l?"scrollLeft":"scrollTop";if(f){let h=f[u];const d=()=>{const b=f[u];h!==b&&(a("SCROLL"),c()),h=b};return f.addEventListener("scroll",d),()=>f.removeEventListener("scroll",d)}},[t.viewport,l,a,c]),m.jsxRuntimeExports.jsx(N.Presence,{present:r||i!=="hidden",children:m.jsxRuntimeExports.jsx(B,{"data-state":i==="hidden"?"hidden":"visible",...n,ref:o,onPointerEnter:E.composeEventHandlers(e.onPointerEnter,()=>a("POINTER_ENTER")),onPointerLeave:E.composeEventHandlers(e.onPointerLeave,()=>a("POINTER_LEAVE"))})})}),Z=s.forwardRef((e,o)=>{const r=v(w,e.__scopeScrollArea),{forceMount:n,...t}=e,[l,c]=s.useState(!1),i=e.orientation==="horizontal",a=I(()=>{if(r.viewport){const f=r.viewport.offsetWidth<r.viewport.scrollWidth,u=r.viewport.offsetHeight<r.viewport.scrollHeight;c(i?f:u)}},10);return C(r.viewport,a),C(r.content,a),m.jsxRuntimeExports.jsx(N.Presence,{present:n||l,children:m.jsxRuntimeExports.jsx(B,{"data-state":l?"visible":"hidden",...t,ref:o})})}),B=s.forwardRef((e,o)=>{const{orientation:r="vertical",...n}=e,t=v(w,e.__scopeScrollArea),l=s.useRef(null),c=s.useRef(0),[i,a]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=te(i.viewport,i.content),u={...n,sizes:i,onSizesChange:a,hasThumb:f>0&&f<1,onThumbChange:d=>l.current=d,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:d=>c.current=d};function h(d,b){return Re(d,c.current,i,b)}return r==="horizontal"?m.jsxRuntimeExports.jsx(pe,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const d=t.viewport.scrollLeft,b=J(d,i,t.dir);l.current.style.transform=`translate3d(${b}px, 0, 0)`}},onWheelScroll:d=>{t.viewport&&(t.viewport.scrollLeft=d)},onDragScroll:d=>{t.viewport&&(t.viewport.scrollLeft=h(d,t.dir))}}):r==="vertical"?m.jsxRuntimeExports.jsx(Se,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const d=t.viewport.scrollTop,b=J(d,i);l.current.style.transform=`translate3d(0, ${b}px, 0)`}},onWheelScroll:d=>{t.viewport&&(t.viewport.scrollTop=d)},onDragScroll:d=>{t.viewport&&(t.viewport.scrollTop=h(d))}}):null}),pe=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=v(w,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=A.useComposedRefs(o,a,l.onScrollbarXChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),m.jsxRuntimeExports.jsx(re,{"data-orientation":"horizontal",...t,ref:f,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":k(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,h)=>{if(l.viewport){const d=l.viewport.scrollLeft+u.deltaX;e.onWheelScroll(d),ne(d,h)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:a.current.clientWidth,paddingStart:z(c.paddingLeft),paddingEnd:z(c.paddingRight)}})}})}),Se=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=v(w,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=A.useComposedRefs(o,a,l.onScrollbarYChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),m.jsxRuntimeExports.jsx(re,{"data-orientation":"vertical",...t,ref:f,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":k(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,h)=>{if(l.viewport){const d=l.viewport.scrollTop+u.deltaY;e.onWheelScroll(d),ne(d,h)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:a.current.clientHeight,paddingStart:z(c.paddingTop),paddingEnd:z(c.paddingBottom)}})}})}),[ve,ee]=K(w),re=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:t,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:i,onThumbPositionChange:a,onDragScroll:f,onWheelScroll:u,onResize:h,...d}=e,b=v(w,r),[S,T]=s.useState(null),M=A.useComposedRefs(o,p=>T(p)),R=s.useRef(null),_=s.useRef(""),X=b.viewport,L=n.content-n.viewport,D=g.useCallbackRef(u),y=g.useCallbackRef(a),H=I(h,10);function O(p){if(R.current){const x=p.clientX-R.current.left,P=p.clientY-R.current.top;f({x,y:P})}}return s.useEffect(()=>{const p=x=>{const P=x.target;(S==null?void 0:S.contains(P))&&D(x,L)};return document.addEventListener("wheel",p,{passive:!1}),()=>document.removeEventListener("wheel",p,{passive:!1})},[X,S,L,D]),s.useEffect(y,[n,y]),C(S,H),C(b.content,H),m.jsxRuntimeExports.jsx(ve,{scope:r,scrollbar:S,hasThumb:t,onThumbChange:g.useCallbackRef(l),onThumbPointerUp:g.useCallbackRef(c),onThumbPositionChange:y,onThumbPointerDown:g.useCallbackRef(i),children:m.jsxRuntimeExports.jsx(j.Primitive.div,{...d,ref:M,style:{position:"absolute",...d.style},onPointerDown:E.composeEventHandlers(e.onPointerDown,p=>{p.button===0&&(p.target.setPointerCapture(p.pointerId),R.current=S.getBoundingClientRect(),_.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",b.viewport&&(b.viewport.style.scrollBehavior="auto"),O(p))}),onPointerMove:E.composeEventHandlers(e.onPointerMove,O),onPointerUp:E.composeEventHandlers(e.onPointerUp,p=>{const x=p.target;x.hasPointerCapture(p.pointerId)&&x.releasePointerCapture(p.pointerId),document.body.style.webkitUserSelect=_.current,b.viewport&&(b.viewport.style.scrollBehavior=""),R.current=null})})})}),W="ScrollAreaThumb",F=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=ee(W,e.__scopeScrollArea);return m.jsxRuntimeExports.jsx(N.Presence,{present:r||t.hasThumb,children:m.jsxRuntimeExports.jsx(xe,{ref:o,...n})})}),xe=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:n,...t}=e,l=v(W,r),c=ee(W,r),{onThumbPositionChange:i}=c,a=A.useComposedRefs(o,h=>c.onThumbChange(h)),f=s.useRef(void 0),u=I(()=>{f.current&&(f.current(),f.current=void 0)},100);return s.useEffect(()=>{const h=l.viewport;if(h){const d=()=>{if(u(),!f.current){const b=ge(h,i);f.current=b,i()}};return i(),h.addEventListener("scroll",d),()=>h.removeEventListener("scroll",d)}},[l.viewport,u,i]),m.jsxRuntimeExports.jsx(j.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...t,ref:a,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:E.composeEventHandlers(e.onPointerDownCapture,h=>{const b=h.target.getBoundingClientRect(),S=h.clientX-b.left,T=h.clientY-b.top;c.onThumbPointerDown({x:S,y:T})}),onPointerUp:E.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});F.displayName=W;var $="ScrollAreaCorner",G=s.forwardRef((e,o)=>{const r=v($,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?m.jsxRuntimeExports.jsx(we,{...e,ref:o}):null});G.displayName=$;var we=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,...n}=e,t=v($,r),[l,c]=s.useState(0),[i,a]=s.useState(0),f=!!(l&&i);return C(t.scrollbarX,()=>{var h;const u=((h=t.scrollbarX)==null?void 0:h.offsetHeight)||0;t.onCornerHeightChange(u),a(u)}),C(t.scrollbarY,()=>{var h;const u=((h=t.scrollbarY)==null?void 0:h.offsetWidth)||0;t.onCornerWidthChange(u),c(u)}),f?m.jsxRuntimeExports.jsx(j.Primitive.div,{...n,ref:o,style:{width:l,height:i,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function z(e){return e?parseInt(e,10):0}function te(e,o){const r=e/o;return isNaN(r)?0:r}function k(e){const o=te(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*o;return Math.max(n,18)}function Re(e,o,r,n="ltr"){const t=k(r),l=t/2,c=o||l,i=t-c,a=r.scrollbar.paddingStart+c,f=r.scrollbar.size-r.scrollbar.paddingEnd-i,u=r.content-r.viewport,h=n==="ltr"?[0,u]:[u*-1,0];return oe([a,f],h)(e)}function J(e,o,r="ltr"){const n=k(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,l=o.scrollbar.size-t,c=o.content-o.viewport,i=l-n,a=r==="ltr"?[0,c]:[c*-1,0],f=ae.clamp(e,a);return oe([0,c],[0,i])(f)}function oe(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const n=(o[1]-o[0])/(e[1]-e[0]);return o[0]+n*(r-e[0])}}function ne(e,o){return e>0&&e<o}var ge=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return function t(){const l={left:e.scrollLeft,top:e.scrollTop},c=r.left!==l.left,i=r.top!==l.top;(c||i)&&o(),r=l,n=window.requestAnimationFrame(t)}(),()=>window.cancelAnimationFrame(n)};function I(e,o){const r=g.useCallbackRef(e),n=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(n.current),[]),s.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,o)},[r,o])}function C(e,o){const r=g.useCallbackRef(o);ie.useLayoutEffect(()=>{let n=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(n),t.unobserve(e)}}},[e,r])}var Ee=V,Pe=U,Ce=q,Ae=F,Te=G;exports.Corner=Te;exports.Root=Ee;exports.ScrollArea=V;exports.ScrollAreaCorner=G;exports.ScrollAreaScrollbar=q;exports.ScrollAreaThumb=F;exports.ScrollAreaViewport=U;exports.Scrollbar=Ce;exports.Thumb=Ae;exports.Viewport=Pe;exports.createScrollAreaScope=fe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),j=require("./index.cjs325.js"),N=require("./index.cjs330.js"),se=require("./index.cjs323.js"),A=require("./index.cjs322.js"),g=require("./index.cjs355.js"),ce=require("./index.cjs357.js"),ie=require("./index.cjs360.js"),ae=require("./index.cjs405.js"),E=require("./index.cjs321.js"),m=require("./index.cjs178.js");function ue(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const s=ue(le);function de(e,o){return s.useReducer((r,n)=>o[r][n]??r,e)}var Y="ScrollArea",[K,fe]=se.createContextScope(Y),[he,v]=K(Y),V=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,type:n="hover",dir:t,scrollHideDelay:l=600,...c}=e,[i,a]=s.useState(null),[f,u]=s.useState(null),[h,d]=s.useState(null),[b,S]=s.useState(null),[T,M]=s.useState(null),[R,_]=s.useState(0),[X,L]=s.useState(0),[D,y]=s.useState(!1),[H,O]=s.useState(!1),p=A.useComposedRefs(o,P=>a(P)),x=ce.useDirection(t);return m.jsxRuntimeExports.jsx(he,{scope:r,type:n,dir:x,scrollHideDelay:l,scrollArea:i,viewport:f,onViewportChange:u,content:h,onContentChange:d,scrollbarX:b,onScrollbarXChange:S,scrollbarXEnabled:D,onScrollbarXEnabledChange:y,scrollbarY:T,onScrollbarYChange:M,scrollbarYEnabled:H,onScrollbarYEnabledChange:O,onCornerWidthChange:_,onCornerHeightChange:L,children:m.jsxRuntimeExports.jsx(j.Primitive.div,{dir:x,...c,ref:p,style:{position:"relative","--radix-scroll-area-corner-width":R+"px","--radix-scroll-area-corner-height":X+"px",...e.style}})})});V.displayName=Y;var Q="ScrollAreaViewport",U=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,children:n,nonce:t,...l}=e,c=v(Q,r),i=s.useRef(null),a=A.useComposedRefs(o,i,c.onViewportChange);return m.jsxRuntimeExports.jsxs(m.jsxRuntimeExports.Fragment,{children:[m.jsxRuntimeExports.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"},nonce:t}),m.jsxRuntimeExports.jsx(j.Primitive.div,{"data-radix-scroll-area-viewport":"",...l,ref:a,style:{overflowX:c.scrollbarXEnabled?"scroll":"hidden",overflowY:c.scrollbarYEnabled?"scroll":"hidden",...e.style},children:m.jsxRuntimeExports.jsx("div",{ref:c.onContentChange,style:{minWidth:"100%",display:"table"},children:n})})]})});U.displayName=Q;var w="ScrollAreaScrollbar",q=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=v(w,e.__scopeScrollArea),{onScrollbarXEnabledChange:l,onScrollbarYEnabledChange:c}=t,i=e.orientation==="horizontal";return s.useEffect(()=>(i?l(!0):c(!0),()=>{i?l(!1):c(!1)}),[i,l,c]),t.type==="hover"?m.jsxRuntimeExports.jsx(me,{...n,ref:o,forceMount:r}):t.type==="scroll"?m.jsxRuntimeExports.jsx(be,{...n,ref:o,forceMount:r}):t.type==="auto"?m.jsxRuntimeExports.jsx(Z,{...n,ref:o,forceMount:r}):t.type==="always"?m.jsxRuntimeExports.jsx(B,{...n,ref:o}):null});q.displayName=w;var me=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=v(w,e.__scopeScrollArea),[l,c]=s.useState(!1);return s.useEffect(()=>{const i=t.scrollArea;let a=0;if(i){const f=()=>{window.clearTimeout(a),c(!0)},u=()=>{a=window.setTimeout(()=>c(!1),t.scrollHideDelay)};return i.addEventListener("pointerenter",f),i.addEventListener("pointerleave",u),()=>{window.clearTimeout(a),i.removeEventListener("pointerenter",f),i.removeEventListener("pointerleave",u)}}},[t.scrollArea,t.scrollHideDelay]),m.jsxRuntimeExports.jsx(N.Presence,{present:r||l,children:m.jsxRuntimeExports.jsx(Z,{"data-state":l?"visible":"hidden",...n,ref:o})})}),be=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=v(w,e.__scopeScrollArea),l=e.orientation==="horizontal",c=I(()=>a("SCROLL_END"),100),[i,a]=de("hidden",{hidden:{SCROLL:"scrolling"},scrolling:{SCROLL_END:"idle",POINTER_ENTER:"interacting"},interacting:{SCROLL:"interacting",POINTER_LEAVE:"idle"},idle:{HIDE:"hidden",SCROLL:"scrolling",POINTER_ENTER:"interacting"}});return s.useEffect(()=>{if(i==="idle"){const f=window.setTimeout(()=>a("HIDE"),t.scrollHideDelay);return()=>window.clearTimeout(f)}},[i,t.scrollHideDelay,a]),s.useEffect(()=>{const f=t.viewport,u=l?"scrollLeft":"scrollTop";if(f){let h=f[u];const d=()=>{const b=f[u];h!==b&&(a("SCROLL"),c()),h=b};return f.addEventListener("scroll",d),()=>f.removeEventListener("scroll",d)}},[t.viewport,l,a,c]),m.jsxRuntimeExports.jsx(N.Presence,{present:r||i!=="hidden",children:m.jsxRuntimeExports.jsx(B,{"data-state":i==="hidden"?"hidden":"visible",...n,ref:o,onPointerEnter:E.composeEventHandlers(e.onPointerEnter,()=>a("POINTER_ENTER")),onPointerLeave:E.composeEventHandlers(e.onPointerLeave,()=>a("POINTER_LEAVE"))})})}),Z=s.forwardRef((e,o)=>{const r=v(w,e.__scopeScrollArea),{forceMount:n,...t}=e,[l,c]=s.useState(!1),i=e.orientation==="horizontal",a=I(()=>{if(r.viewport){const f=r.viewport.offsetWidth<r.viewport.scrollWidth,u=r.viewport.offsetHeight<r.viewport.scrollHeight;c(i?f:u)}},10);return C(r.viewport,a),C(r.content,a),m.jsxRuntimeExports.jsx(N.Presence,{present:n||l,children:m.jsxRuntimeExports.jsx(B,{"data-state":l?"visible":"hidden",...t,ref:o})})}),B=s.forwardRef((e,o)=>{const{orientation:r="vertical",...n}=e,t=v(w,e.__scopeScrollArea),l=s.useRef(null),c=s.useRef(0),[i,a]=s.useState({content:0,viewport:0,scrollbar:{size:0,paddingStart:0,paddingEnd:0}}),f=te(i.viewport,i.content),u={...n,sizes:i,onSizesChange:a,hasThumb:f>0&&f<1,onThumbChange:d=>l.current=d,onThumbPointerUp:()=>c.current=0,onThumbPointerDown:d=>c.current=d};function h(d,b){return Re(d,c.current,i,b)}return r==="horizontal"?m.jsxRuntimeExports.jsx(pe,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const d=t.viewport.scrollLeft,b=J(d,i,t.dir);l.current.style.transform=`translate3d(${b}px, 0, 0)`}},onWheelScroll:d=>{t.viewport&&(t.viewport.scrollLeft=d)},onDragScroll:d=>{t.viewport&&(t.viewport.scrollLeft=h(d,t.dir))}}):r==="vertical"?m.jsxRuntimeExports.jsx(Se,{...u,ref:o,onThumbPositionChange:()=>{if(t.viewport&&l.current){const d=t.viewport.scrollTop,b=J(d,i);l.current.style.transform=`translate3d(0, ${b}px, 0)`}},onWheelScroll:d=>{t.viewport&&(t.viewport.scrollTop=d)},onDragScroll:d=>{t.viewport&&(t.viewport.scrollTop=h(d))}}):null}),pe=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=v(w,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=A.useComposedRefs(o,a,l.onScrollbarXChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),m.jsxRuntimeExports.jsx(re,{"data-orientation":"horizontal",...t,ref:f,sizes:r,style:{bottom:0,left:l.dir==="rtl"?"var(--radix-scroll-area-corner-width)":0,right:l.dir==="ltr"?"var(--radix-scroll-area-corner-width)":0,"--radix-scroll-area-thumb-width":k(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.x),onDragScroll:u=>e.onDragScroll(u.x),onWheelScroll:(u,h)=>{if(l.viewport){const d=l.viewport.scrollLeft+u.deltaX;e.onWheelScroll(d),ne(d,h)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollWidth,viewport:l.viewport.offsetWidth,scrollbar:{size:a.current.clientWidth,paddingStart:z(c.paddingLeft),paddingEnd:z(c.paddingRight)}})}})}),Se=s.forwardRef((e,o)=>{const{sizes:r,onSizesChange:n,...t}=e,l=v(w,e.__scopeScrollArea),[c,i]=s.useState(),a=s.useRef(null),f=A.useComposedRefs(o,a,l.onScrollbarYChange);return s.useEffect(()=>{a.current&&i(getComputedStyle(a.current))},[a]),m.jsxRuntimeExports.jsx(re,{"data-orientation":"vertical",...t,ref:f,sizes:r,style:{top:0,right:l.dir==="ltr"?0:void 0,left:l.dir==="rtl"?0:void 0,bottom:"var(--radix-scroll-area-corner-height)","--radix-scroll-area-thumb-height":k(r)+"px",...e.style},onThumbPointerDown:u=>e.onThumbPointerDown(u.y),onDragScroll:u=>e.onDragScroll(u.y),onWheelScroll:(u,h)=>{if(l.viewport){const d=l.viewport.scrollTop+u.deltaY;e.onWheelScroll(d),ne(d,h)&&u.preventDefault()}},onResize:()=>{a.current&&l.viewport&&c&&n({content:l.viewport.scrollHeight,viewport:l.viewport.offsetHeight,scrollbar:{size:a.current.clientHeight,paddingStart:z(c.paddingTop),paddingEnd:z(c.paddingBottom)}})}})}),[ve,ee]=K(w),re=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,sizes:n,hasThumb:t,onThumbChange:l,onThumbPointerUp:c,onThumbPointerDown:i,onThumbPositionChange:a,onDragScroll:f,onWheelScroll:u,onResize:h,...d}=e,b=v(w,r),[S,T]=s.useState(null),M=A.useComposedRefs(o,p=>T(p)),R=s.useRef(null),_=s.useRef(""),X=b.viewport,L=n.content-n.viewport,D=g.useCallbackRef(u),y=g.useCallbackRef(a),H=I(h,10);function O(p){if(R.current){const x=p.clientX-R.current.left,P=p.clientY-R.current.top;f({x,y:P})}}return s.useEffect(()=>{const p=x=>{const P=x.target;(S==null?void 0:S.contains(P))&&D(x,L)};return document.addEventListener("wheel",p,{passive:!1}),()=>document.removeEventListener("wheel",p,{passive:!1})},[X,S,L,D]),s.useEffect(y,[n,y]),C(S,H),C(b.content,H),m.jsxRuntimeExports.jsx(ve,{scope:r,scrollbar:S,hasThumb:t,onThumbChange:g.useCallbackRef(l),onThumbPointerUp:g.useCallbackRef(c),onThumbPositionChange:y,onThumbPointerDown:g.useCallbackRef(i),children:m.jsxRuntimeExports.jsx(j.Primitive.div,{...d,ref:M,style:{position:"absolute",...d.style},onPointerDown:E.composeEventHandlers(e.onPointerDown,p=>{p.button===0&&(p.target.setPointerCapture(p.pointerId),R.current=S.getBoundingClientRect(),_.current=document.body.style.webkitUserSelect,document.body.style.webkitUserSelect="none",b.viewport&&(b.viewport.style.scrollBehavior="auto"),O(p))}),onPointerMove:E.composeEventHandlers(e.onPointerMove,O),onPointerUp:E.composeEventHandlers(e.onPointerUp,p=>{const x=p.target;x.hasPointerCapture(p.pointerId)&&x.releasePointerCapture(p.pointerId),document.body.style.webkitUserSelect=_.current,b.viewport&&(b.viewport.style.scrollBehavior=""),R.current=null})})})}),W="ScrollAreaThumb",F=s.forwardRef((e,o)=>{const{forceMount:r,...n}=e,t=ee(W,e.__scopeScrollArea);return m.jsxRuntimeExports.jsx(N.Presence,{present:r||t.hasThumb,children:m.jsxRuntimeExports.jsx(xe,{ref:o,...n})})}),xe=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,style:n,...t}=e,l=v(W,r),c=ee(W,r),{onThumbPositionChange:i}=c,a=A.useComposedRefs(o,h=>c.onThumbChange(h)),f=s.useRef(void 0),u=I(()=>{f.current&&(f.current(),f.current=void 0)},100);return s.useEffect(()=>{const h=l.viewport;if(h){const d=()=>{if(u(),!f.current){const b=ge(h,i);f.current=b,i()}};return i(),h.addEventListener("scroll",d),()=>h.removeEventListener("scroll",d)}},[l.viewport,u,i]),m.jsxRuntimeExports.jsx(j.Primitive.div,{"data-state":c.hasThumb?"visible":"hidden",...t,ref:a,style:{width:"var(--radix-scroll-area-thumb-width)",height:"var(--radix-scroll-area-thumb-height)",...n},onPointerDownCapture:E.composeEventHandlers(e.onPointerDownCapture,h=>{const b=h.target.getBoundingClientRect(),S=h.clientX-b.left,T=h.clientY-b.top;c.onThumbPointerDown({x:S,y:T})}),onPointerUp:E.composeEventHandlers(e.onPointerUp,c.onThumbPointerUp)})});F.displayName=W;var $="ScrollAreaCorner",G=s.forwardRef((e,o)=>{const r=v($,e.__scopeScrollArea),n=!!(r.scrollbarX&&r.scrollbarY);return r.type!=="scroll"&&n?m.jsxRuntimeExports.jsx(we,{...e,ref:o}):null});G.displayName=$;var we=s.forwardRef((e,o)=>{const{__scopeScrollArea:r,...n}=e,t=v($,r),[l,c]=s.useState(0),[i,a]=s.useState(0),f=!!(l&&i);return C(t.scrollbarX,()=>{var h;const u=((h=t.scrollbarX)==null?void 0:h.offsetHeight)||0;t.onCornerHeightChange(u),a(u)}),C(t.scrollbarY,()=>{var h;const u=((h=t.scrollbarY)==null?void 0:h.offsetWidth)||0;t.onCornerWidthChange(u),c(u)}),f?m.jsxRuntimeExports.jsx(j.Primitive.div,{...n,ref:o,style:{width:l,height:i,position:"absolute",right:t.dir==="ltr"?0:void 0,left:t.dir==="rtl"?0:void 0,bottom:0,...e.style}}):null});function z(e){return e?parseInt(e,10):0}function te(e,o){const r=e/o;return isNaN(r)?0:r}function k(e){const o=te(e.viewport,e.content),r=e.scrollbar.paddingStart+e.scrollbar.paddingEnd,n=(e.scrollbar.size-r)*o;return Math.max(n,18)}function Re(e,o,r,n="ltr"){const t=k(r),l=t/2,c=o||l,i=t-c,a=r.scrollbar.paddingStart+c,f=r.scrollbar.size-r.scrollbar.paddingEnd-i,u=r.content-r.viewport,h=n==="ltr"?[0,u]:[u*-1,0];return oe([a,f],h)(e)}function J(e,o,r="ltr"){const n=k(o),t=o.scrollbar.paddingStart+o.scrollbar.paddingEnd,l=o.scrollbar.size-t,c=o.content-o.viewport,i=l-n,a=r==="ltr"?[0,c]:[c*-1,0],f=ae.clamp(e,a);return oe([0,c],[0,i])(f)}function oe(e,o){return r=>{if(e[0]===e[1]||o[0]===o[1])return o[0];const n=(o[1]-o[0])/(e[1]-e[0]);return o[0]+n*(r-e[0])}}function ne(e,o){return e>0&&e<o}var ge=(e,o=()=>{})=>{let r={left:e.scrollLeft,top:e.scrollTop},n=0;return function t(){const l={left:e.scrollLeft,top:e.scrollTop},c=r.left!==l.left,i=r.top!==l.top;(c||i)&&o(),r=l,n=window.requestAnimationFrame(t)}(),()=>window.cancelAnimationFrame(n)};function I(e,o){const r=g.useCallbackRef(e),n=s.useRef(0);return s.useEffect(()=>()=>window.clearTimeout(n.current),[]),s.useCallback(()=>{window.clearTimeout(n.current),n.current=window.setTimeout(r,o)},[r,o])}function C(e,o){const r=g.useCallbackRef(o);ie.useLayoutEffect(()=>{let n=0;if(e){const t=new ResizeObserver(()=>{cancelAnimationFrame(n),n=window.requestAnimationFrame(r)});return t.observe(e),()=>{window.cancelAnimationFrame(n),t.unobserve(e)}}},[e,r])}var Ee=V,Pe=U,Ce=q,Ae=F,Te=G;exports.Corner=Te;exports.Root=Ee;exports.ScrollArea=V;exports.ScrollAreaCorner=G;exports.ScrollAreaScrollbar=q;exports.ScrollAreaThumb=F;exports.ScrollAreaViewport=U;exports.Scrollbar=Ce;exports.Thumb=Ae;exports.Viewport=Pe;exports.createScrollAreaScope=fe;
 //# sourceMappingURL=index.cjs396.js.map

package/dist/index.cjs56.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs178.js"),i=require("./index.cjs189.js"),x=require("./index.cjs180.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs178.js"),i=require("./index.cjs191.js"),x=require("./index.cjs180.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs56.js.map

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs178.js"),m=require("./index.cjs180.js"),p=require("react"),g=require("./index.cjs190.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const l=require("./index.cjs178.js"),m=require("./index.cjs180.js"),p=require("react"),g=require("./index.cjs189.js");;/* empty css              */const x=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,...e})=>{const a=s||"div",u=p.useMemo(()=>[...g.createSpacingClasses(e)].join(" "),[e]);return l.jsxRuntimeExports.jsx(a,{className:m.clsx("ui-container",t,u),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=x;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs178.js"),o=require("react"),a=require("./index.cjs180.js"),u=require("./index.cjs190.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs178.js"),o=require("react"),a=require("./index.cjs180.js"),u=require("./index.cjs189.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs178.js"),s=require("react"),x=require("./index.cjs180.js"),C=require("./index.cjs190.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs178.js"),s=require("react"),x=require("./index.cjs180.js"),C=require("./index.cjs189.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs178.js"),m=require("react"),q=require("./index.cjs180.js"),x=require("./index.cjs190.js"),j=require("./index.cjs189.js"),R=require("./index.cjs192.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs178.js"),m=require("react"),q=require("./index.cjs180.js"),x=require("./index.cjs189.js"),j=require("./index.cjs191.js"),R=require("./index.cjs192.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs92.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs92.js","sources":["../src/components/ui/CardFile/index.tsx"],"sourcesContent":["import \"./CardFile.scss\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist/index\";\nimport { Download, ExternalLink, File } from \"@/icons\";\nimport { Button } from \"../Button\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport clsx from \"clsx\";\n\nexport enum CardFileActionTypeEnum {\n  DOWNLOAD = \"download\",\n  GOTO = \"goto\",\n  EXTERNAL = \"external\",\n}\n\nexport type CardFileActionTypeTypes = GetValues<typeof CardFileActionTypeEnum>;\n\nexport type CardFileProps = {\n  title: string;\n  description?: string;\n  issued_at: string;\n  file?: {\n    type: string;\n    size: number;\n  };\n  action: {\n    type: CardFileActionTypeTypes;\n    link: Link;\n  };\n};\n\nexport function CardFile({\n  title,\n  description,\n  issued_at,\n  file,\n  action,\n}: CardFileProps) {\n  return (\n    <div className=\"card-file shadow rounded h-100 w-100 bg-white\">\n      <div className=\"top-container p-x16\">\n        <div className=\"icon-wrapper\">\n          <File height={27} width={27} />\n        </div>\n        <div className=\"content-container\">\n          <div>\n            <h4 className=\"card-file-title text-primary mt-x8\">{title}</h4>\n            {file && (\n              <p className=\"file-type\">\n                {file.type} | {file.size}\n              </p>\n            )}\n          </div>\n          {!!description && (\n            <p className=\"description text-secondary\">{description}</p>\n          )}\n          {issued_at && (\n            <p className=\"description text-secondary\">{issued_at}</p>\n          )}\n        </div>\n      </div>\n      <div className={clsx(\"card-file-footer py-x12 px-x16\", action.type)}>\n        {action.type === \"download\" ? (\n          <Button\n            className=\"bg-transparent download-button\"\n            asLink={\"a\"}\n            href={action.link.link}\n          >\n            <Download />\n            {action.link.title}\n          </Button>\n        ) : action.type === \"goto\" ? (\n          <ArrowLink href={action.link.link}>{action.link.title}</ArrowLink>\n        ) : (\n          <ExternalLink color=\"primary\" height={32} width={32} />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CardFileActionTypeEnum","CardFile","title","description","issued_at","file","action","jsxs","jsx","File","clsx","Button","Download","ArrowLink","ExternalLink"],"mappings":"gVAOY,IAAAA,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,SAAW,WAHDA,IAAAA,GAAA,CAAA,CAAA,EAsBL,SAASC,EAAS,CACvB,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAAkB,CAEd,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,gDACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,eACb,SAAAA,EAAA,kBAAA,IAACC,QAAK,OAAQ,GAAI,MAAO,EAAA,CAAI,CAC/B,CAAA,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oBACb,SAAA,CAAAA,yBAAC,MACC,CAAA,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAMN,EAAA,EACzDG,GACCE,EAAA,kBAAA,KAAC,IAAE,CAAA,UAAU,YACV,SAAA,CAAKF,EAAA,KAAK,MAAIA,EAAK,IAAA,CACtB,CAAA,CAAA,EAEJ,EACC,CAAC,CAACF,2BACA,IAAE,CAAA,UAAU,6BAA8B,SAAYA,EAAA,EAExDC,GACCI,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,6BAA8B,SAAUJ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,EACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWE,EAAAA,KAAK,iCAAkCJ,EAAO,IAAI,EAC/D,SAAOA,EAAA,OAAS,WACfC,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,UAAU,iCACV,OAAQ,IACR,KAAML,EAAO,KAAK,KAElB,SAAA,CAAAE,EAAA,kBAAA,IAACI,EAAS,SAAA,EAAA,EACTN,EAAO,KAAK,KAAA,CAAA,CACf,EACEA,EAAO,OAAS,+BACjBO,EAAU,UAAA,CAAA,KAAMP,EAAO,KAAK,KAAO,SAAAA,EAAO,KAAK,MAAM,0BAErDQ,EAAAA,aAAa,CAAA,MAAM,UAAU,OAAQ,GAAI,MAAO,EAAI,CAAA,CAEzD,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs92.js","sources":["../src/components/ui/CardFile/index.tsx"],"sourcesContent":["import \"./CardFile.scss\";\nimport { GetValues, Link } from \"@anoki/fse-common/dist/index\";\nimport { Download, ExternalLink, File } from \"@/icons\";\nimport { Button } from \"../Button\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport clsx from \"clsx\";\n\nexport enum CardFileActionTypeEnum {\n  DOWNLOAD = \"download\",\n  GOTO = \"goto\",\n  EXTERNAL = \"external\",\n}\n\nexport type CardFileActionTypeTypes = GetValues<typeof CardFileActionTypeEnum>;\n\nexport type CardFileProps = {\n  title: string;\n  description?: string;\n  issued_at: string;\n  file?: {\n    type: string;\n    size: string;\n  };\n  action: {\n    type: CardFileActionTypeTypes;\n    link: Link;\n  };\n};\n\nexport function CardFile({\n  title,\n  description,\n  issued_at,\n  file,\n  action,\n}: CardFileProps) {\n  return (\n    <div className=\"card-file shadow rounded h-100 w-100 bg-white\">\n      <div className=\"top-container p-x16\">\n        <div className=\"icon-wrapper\">\n          <File height={27} width={27} />\n        </div>\n        <div className=\"content-container\">\n          <div>\n            <h4 className=\"card-file-title text-primary mt-x8\">{title}</h4>\n            {file && (\n              <p className=\"file-type\">\n                {file.type} | {file.size}\n              </p>\n            )}\n          </div>\n          {!!description && (\n            <p className=\"description text-secondary\">{description}</p>\n          )}\n          {issued_at && (\n            <p className=\"description text-secondary\">{issued_at}</p>\n          )}\n        </div>\n      </div>\n      <div className={clsx(\"card-file-footer py-x12 px-x16\", action.type)}>\n        {action.type === \"download\" ? (\n          <Button\n            className=\"bg-transparent download-button\"\n            asLink={\"a\"}\n            href={action.link.link}\n          >\n            <Download />\n            {action.link.title}\n          </Button>\n        ) : action.type === \"goto\" ? (\n          <ArrowLink href={action.link.link}>{action.link.title}</ArrowLink>\n        ) : (\n          <ExternalLink color=\"primary\" height={32} width={32} />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CardFileActionTypeEnum","CardFile","title","description","issued_at","file","action","jsxs","jsx","File","clsx","Button","Download","ArrowLink","ExternalLink"],"mappings":"gVAOY,IAAAA,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,SAAW,WAHDA,IAAAA,GAAA,CAAA,CAAA,EAsBL,SAASC,EAAS,CACvB,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,CACF,EAAkB,CAEd,OAAAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,gDACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,eACb,SAAAA,EAAA,kBAAA,IAACC,QAAK,OAAQ,GAAI,MAAO,EAAA,CAAI,CAC/B,CAAA,EACAF,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,oBACb,SAAA,CAAAA,yBAAC,MACC,CAAA,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,qCAAsC,SAAMN,EAAA,EACzDG,GACCE,EAAA,kBAAA,KAAC,IAAE,CAAA,UAAU,YACV,SAAA,CAAKF,EAAA,KAAK,MAAIA,EAAK,IAAA,CACtB,CAAA,CAAA,EAEJ,EACC,CAAC,CAACF,2BACA,IAAE,CAAA,UAAU,6BAA8B,SAAYA,EAAA,EAExDC,GACCI,EAAA,kBAAA,IAAC,IAAE,CAAA,UAAU,6BAA8B,SAAUJ,CAAA,CAAA,CAAA,CAEzD,CAAA,CAAA,EACF,EACAI,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWE,EAAAA,KAAK,iCAAkCJ,EAAO,IAAI,EAC/D,SAAOA,EAAA,OAAS,WACfC,EAAA,kBAAA,KAACI,EAAA,OAAA,CACC,UAAU,iCACV,OAAQ,IACR,KAAML,EAAO,KAAK,KAElB,SAAA,CAAAE,EAAA,kBAAA,IAACI,EAAS,SAAA,EAAA,EACTN,EAAO,KAAK,KAAA,CAAA,CACf,EACEA,EAAO,OAAS,+BACjBO,EAAU,UAAA,CAAA,KAAMP,EAAO,KAAK,KAAO,SAAAA,EAAO,KAAK,MAAM,0BAErDQ,EAAAA,aAAa,CAAA,MAAM,UAAU,OAAQ,GAAI,MAAO,EAAI,CAAA,CAEzD,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.d.ts

@@ -424,7 +424,7 @@ export declare type CardFileProps = {
     issued_at: string;
     file?: {
         type: string;
-        size: number;
+        size: string;
     };
     action: {
         type: CardFileActionTypeTypes;

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es178.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es180.js";
-import { createSpacingClasses as g } from "./index.es190.js";
-import { createColorClasses as j } from "./index.es189.js";
+import { createSpacingClasses as g } from "./index.es189.js";
+import { createColorClasses as j } from "./index.es191.js";
 import { createTypographyClasses as u } from "./index.es192.js";
 const M = ({
   as: o,

package/dist/index.es110.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as e } from "./index.es189.js";
+import { createColorClasses as e } from "./index.es191.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es111.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es112.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as l } from "./index.es189.js";
+import { createColorClasses as l } from "./index.es191.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es189.js";
+import { createColorClasses as c } from "./index.es191.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as e } from "./index.es189.js";
+import { createColorClasses as e } from "./index.es191.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as q } from "./index.es189.js";
+import { createColorClasses as q } from "./index.es191.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as r } from "./index.es189.js";
+import { createColorClasses as r } from "./index.es191.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as r } from "./index.es189.js";
+import { createColorClasses as r } from "./index.es191.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as q } from "./index.es189.js";
+import { createColorClasses as q } from "./index.es191.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as M } from "./index.es189.js";
+import { createColorClasses as M } from "./index.es191.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as s } from "./index.es180.js";
-import { createColorClasses as f } from "./index.es189.js";
+import { createColorClasses as f } from "./index.es191.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as o } from "./index.es180.js";
-import { createColorClasses as t } from "./index.es189.js";
+import { createColorClasses as t } from "./index.es191.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es125.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as h } from "./index.es189.js";
+import { createColorClasses as h } from "./index.es191.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as r } from "./index.es189.js";
+import { createColorClasses as r } from "./index.es191.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es178.js";
 import { clsx as r } from "./index.es180.js";
-import { createColorClasses as t } from "./index.es189.js";
+import { createColorClasses as t } from "./index.es191.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as m } from "./index.es180.js";
-import { createColorClasses as d } from "./index.es189.js";
+import { createColorClasses as d } from "./index.es191.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as v } from "./index.es189.js";
+import { createColorClasses as v } from "./index.es191.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es189.js";
+import { createColorClasses as c } from "./index.es191.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as m } from "./index.es189.js";
+import { createColorClasses as m } from "./index.es191.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es189.js";
+import { createColorClasses as c } from "./index.es191.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as m } from "./index.es189.js";
+import { createColorClasses as m } from "./index.es191.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as r } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as m } from "./index.es189.js";
+import { createColorClasses as m } from "./index.es191.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es178.js";
 import { clsx as c } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as x } from "./index.es189.js";
+import { createColorClasses as x } from "./index.es191.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es189.js";
+import { createColorClasses as c } from "./index.es191.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as c } from "./index.es189.js";
+import { createColorClasses as c } from "./index.es191.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es178.js";
 import { clsx as l } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as i } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as a } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as t } from "./index.es180.js";
-import { createColorClasses as i } from "./index.es189.js";
+import { createColorClasses as i } from "./index.es191.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es178.js";
 import { clsx as m } from "./index.es180.js";
-import { createColorClasses as a } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es191.js";
 const p = ({
   width: e = 36,
   height: s = 36,

package/dist/index.es189.js

@@ -1,5 +1,30 @@
-const t = ["bg", "text", "color", "border"], e = (o) => t.map((r) => o[r] ? r === "color" ? `text-${o[r]}` : `${r}-${o[r]}` : "").filter(Boolean);
+const p = [
+  "gap",
+  "m",
+  "mx",
+  "my",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "br",
+  "br-t",
+  "br-r",
+  "br-b",
+  "br-l",
+  "min-h",
+  "min-w",
+  "max-h",
+  "max-w"
+], a = (m) => p.map((r) => m[r] ? `${r}-${m[r]}` : "").filter(Boolean);
 export {
-  e as createColorClasses
+  a as createSpacingClasses
 };
 //# sourceMappingURL=index.es189.js.map