@anoki/fse-ui 1.0.694 → 1.0.696

package/dist/index.cjs443.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs443.js","sources":["../node_modules/react-remove-scroll/dist/es2015/handleScroll.js"],"sourcesContent":["var alwaysContainsScroll = function (node) {\n    // textarea will always _contain_ scroll inside self. It only can be hidden\n    return node.tagName === 'TEXTAREA';\n};\nvar elementCanBeScrolled = function (node, overflow) {\n    if (!(node instanceof Element)) {\n        return false;\n    }\n    var styles = window.getComputedStyle(node);\n    return (\n    // not-not-scrollable\n    styles[overflow] !== 'hidden' &&\n        // contains scroll inside self\n        !(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === 'visible'));\n};\nvar elementCouldBeVScrolled = function (node) { return elementCanBeScrolled(node, 'overflowY'); };\nvar elementCouldBeHScrolled = function (node) { return elementCanBeScrolled(node, 'overflowX'); };\nexport var locationCouldBeScrolled = function (axis, node) {\n    var ownerDocument = node.ownerDocument;\n    var current = node;\n    do {\n        // Skip over shadow root\n        if (typeof ShadowRoot !== 'undefined' && current instanceof ShadowRoot) {\n            current = current.host;\n        }\n        var isScrollable = elementCouldBeScrolled(axis, current);\n        if (isScrollable) {\n            var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];\n            if (scrollHeight > clientHeight) {\n                return true;\n            }\n        }\n        current = current.parentNode;\n    } while (current && current !== ownerDocument.body);\n    return false;\n};\nvar getVScrollVariables = function (_a) {\n    var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;\n    return [\n        scrollTop,\n        scrollHeight,\n        clientHeight,\n    ];\n};\nvar getHScrollVariables = function (_a) {\n    var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;\n    return [\n        scrollLeft,\n        scrollWidth,\n        clientWidth,\n    ];\n};\nvar elementCouldBeScrolled = function (axis, node) {\n    return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);\n};\nvar getScrollVariables = function (axis, node) {\n    return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);\n};\nvar getDirectionFactor = function (axis, direction) {\n    /**\n     * If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,\n     * and then increasingly negative as you scroll towards the end of the content.\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft\n     */\n    return axis === 'h' && direction === 'rtl' ? -1 : 1;\n};\nexport var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {\n    var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);\n    var delta = directionFactor * sourceDelta;\n    // find scrollable target\n    var target = event.target;\n    var targetInLock = endTarget.contains(target);\n    var shouldCancelScroll = false;\n    var isDeltaPositive = delta > 0;\n    var availableScroll = 0;\n    var availableScrollTop = 0;\n    do {\n        var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];\n        var elementScroll = scroll_1 - capacity - directionFactor * position;\n        if (position || elementScroll) {\n            if (elementCouldBeScrolled(axis, target)) {\n                availableScroll += elementScroll;\n                availableScrollTop += position;\n            }\n        }\n        if (target instanceof ShadowRoot) {\n            target = target.host;\n        }\n        else {\n            target = target.parentNode;\n        }\n    } while (\n    // portaled content\n    (!targetInLock && target !== document.body) ||\n        // self content\n        (targetInLock && (endTarget.contains(target) || endTarget === target)));\n    // handle epsilon around 0 (non standard zoom levels)\n    if (isDeltaPositive &&\n        ((noOverscroll && Math.abs(availableScroll) < 1) || (!noOverscroll && delta > availableScroll))) {\n        shouldCancelScroll = true;\n    }\n    else if (!isDeltaPositive &&\n        ((noOverscroll && Math.abs(availableScrollTop) < 1) || (!noOverscroll && -delta > availableScrollTop))) {\n        shouldCancelScroll = true;\n    }\n    return shouldCancelScroll;\n};\n"],"names":["alwaysContainsScroll","node","elementCanBeScrolled","overflow","styles","elementCouldBeVScrolled","elementCouldBeHScrolled","locationCouldBeScrolled","axis","ownerDocument","current","isScrollable","elementCouldBeScrolled","_a","getScrollVariables","scrollHeight","clientHeight","getVScrollVariables","scrollTop","getHScrollVariables","scrollLeft","scrollWidth","clientWidth","getDirectionFactor","direction","handleScroll","endTarget","event","sourceDelta","noOverscroll","directionFactor","delta","target","targetInLock","shouldCancelScroll","isDeltaPositive","availableScroll","availableScrollTop","position","scroll_1","capacity","elementScroll"],"mappings":"gFAAA,IAAIA,EAAuB,SAAUC,EAAM,CAEvC,OAAOA,EAAK,UAAY,UAC5B,EACIC,EAAuB,SAAUD,EAAME,EAAU,CACjD,GAAI,EAAEF,aAAgB,SAClB,MAAO,GAEX,IAAIG,EAAS,OAAO,iBAAiBH,CAAI,EACzC,OAEAG,EAAOD,CAAQ,IAAM,UAEjB,EAAEC,EAAO,YAAcA,EAAO,WAAa,CAACJ,EAAqBC,CAAI,GAAKG,EAAOD,CAAQ,IAAM,UACvG,EACIE,EAA0B,SAAUJ,EAAM,CAAE,OAAOC,EAAqBD,EAAM,WAAW,CAAI,EAC7FK,EAA0B,SAAUL,EAAM,CAAE,OAAOC,EAAqBD,EAAM,WAAW,CAAI,EACtFM,EAA0B,SAAUC,EAAMP,EAAM,CACvD,IAAIQ,EAAgBR,EAAK,cACrBS,EAAUT,EACd,EAAG,CAEK,OAAO,WAAe,KAAeS,aAAmB,aACxDA,EAAUA,EAAQ,MAEtB,IAAIC,EAAeC,EAAuBJ,EAAME,CAAO,EACvD,GAAIC,EAAc,CACd,IAAIE,EAAKC,EAAmBN,EAAME,CAAO,EAAGK,EAAeF,EAAG,CAAC,EAAGG,EAAeH,EAAG,CAAC,EACrF,GAAIE,EAAeC,EACf,MAAO,EAEvB,CACQN,EAAUA,EAAQ,UAC1B,OAAaA,GAAWA,IAAYD,EAAc,MAC9C,MAAO,EACX,EACIQ,EAAsB,SAAUJ,EAAI,CACpC,IAAIK,EAAYL,EAAG,UAAWE,EAAeF,EAAG,aAAcG,EAAeH,EAAG,aAChF,MAAO,CACHK,EACAH,EACAC,CACH,CACL,EACIG,EAAsB,SAAUN,EAAI,CACpC,IAAIO,EAAaP,EAAG,WAAYQ,EAAcR,EAAG,YAAaS,EAAcT,EAAG,YAC/E,MAAO,CACHO,EACAC,EACAC,CACH,CACL,EACIV,EAAyB,SAAUJ,EAAMP,EAAM,CAC/C,OAAOO,IAAS,IAAMH,EAAwBJ,CAAI,EAAIK,EAAwBL,CAAI,CACtF,EACIa,EAAqB,SAAUN,EAAMP,EAAM,CAC3C,OAAOO,IAAS,IAAMS,EAAoBhB,CAAI,EAAIkB,EAAoBlB,CAAI,CAC9E,EACIsB,EAAqB,SAAUf,EAAMgB,EAAW,CAMhD,OAAOhB,IAAS,KAAOgB,IAAc,MAAQ,GAAK,CACtD,EACWC,EAAe,SAAUjB,EAAMkB,EAAWC,EAAOC,EAAaC,EAAc,CACnF,IAAIC,EAAkBP,EAAmBf,EAAM,OAAO,iBAAiBkB,CAAS,EAAE,SAAS,EACvFK,EAAQD,EAAkBF,EAE1BI,EAASL,EAAM,OACfM,EAAeP,EAAU,SAASM,CAAM,EACxCE,EAAqB,GACrBC,EAAkBJ,EAAQ,EAC1BK,EAAkB,EAClBC,EAAqB,EACzB,EAAG,CACC,IAAIxB,EAAKC,EAAmBN,EAAMwB,CAAM,EAAGM,EAAWzB,EAAG,CAAC,EAAG0B,EAAW1B,EAAG,CAAC,EAAG2B,EAAW3B,EAAG,CAAC,EAC1F4B,EAAgBF,EAAWC,EAAWV,EAAkBQ,GACxDA,GAAYG,IACR7B,EAAuBJ,EAAMwB,CAAM,IACnCI,GAAmBK,EACnBJ,GAAsBC,GAG1BN,aAAkB,WAClBA,EAASA,EAAO,KAGhBA,EAASA,EAAO,UAEvB,OAEA,CAACC,GAAgBD,IAAW,SAAS,MAEjCC,IAAiBP,EAAU,SAASM,CAAM,GAAKN,IAAcM,IAElE,OAAIG,GACkB,KAAK,IAAIC,CAAe,EAAI,GAGzC,CAACD,GACY,KAAK,IAAIE,CAAkB,EAAI,KACjDH,EAAqB,IAElBA,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs443.js","sources":["../node_modules/use-sidecar/dist/es2015/medium.js"],"sourcesContent":["import { __assign } from \"tslib\";\nfunction ItoI(a) {\n    return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    var buffer = [];\n    var assigned = false;\n    var medium = {\n        read: function () {\n            if (assigned) {\n                throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n            }\n            if (buffer.length) {\n                return buffer[buffer.length - 1];\n            }\n            return defaults;\n        },\n        useMedium: function (data) {\n            var item = middleware(data, assigned);\n            buffer.push(item);\n            return function () {\n                buffer = buffer.filter(function (x) { return x !== item; });\n            };\n        },\n        assignSyncMedium: function (cb) {\n            assigned = true;\n            while (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n            }\n            buffer = {\n                push: function (x) { return cb(x); },\n                filter: function () { return buffer; },\n            };\n        },\n        assignMedium: function (cb) {\n            assigned = true;\n            var pendingQueue = [];\n            if (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n                pendingQueue = buffer;\n            }\n            var executeQueue = function () {\n                var cbs = pendingQueue;\n                pendingQueue = [];\n                cbs.forEach(cb);\n            };\n            var cycle = function () { return Promise.resolve().then(executeQueue); };\n            cycle();\n            buffer = {\n                push: function (x) {\n                    pendingQueue.push(x);\n                    cycle();\n                },\n                filter: function (filter) {\n                    pendingQueue = pendingQueue.filter(filter);\n                    return buffer;\n                },\n            };\n        },\n    };\n    return medium;\n}\nexport function createMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n    if (options === void 0) { options = {}; }\n    var medium = innerCreateMedium(null);\n    medium.options = __assign({ async: true, ssr: false }, options);\n    return medium;\n}\n"],"names":["ItoI","a","innerCreateMedium","defaults","middleware","buffer","assigned","medium","data","item","x","cb","cbs","pendingQueue","executeQueue","cycle","filter","createSidecarMedium","options","__assign"],"mappings":"qHACA,SAASA,EAAKC,EAAG,CACb,OAAOA,CACX,CACA,SAASC,EAAkBC,EAAUC,EAAY,CACzCA,IAAe,SAAUA,EAAaJ,GAC1C,IAAIK,EAAS,CAAE,EACXC,EAAW,GACXC,EAAS,CACT,KAAM,UAAY,CACd,GAAID,EACA,MAAM,IAAI,MAAM,kGAAkG,EAEtH,OAAID,EAAO,OACAA,EAAOA,EAAO,OAAS,CAAC,EAE5BF,CACV,EACD,UAAW,SAAUK,EAAM,CACvB,IAAIC,EAAOL,EAAWI,EAAMF,CAAQ,EACpC,OAAAD,EAAO,KAAKI,CAAI,EACT,UAAY,CACfJ,EAASA,EAAO,OAAO,SAAUK,EAAG,CAAE,OAAOA,IAAMD,EAAO,CAC7D,CACJ,EACD,iBAAkB,SAAUE,EAAI,CAE5B,IADAL,EAAW,GACJD,EAAO,QAAQ,CAClB,IAAIO,EAAMP,EACVA,EAAS,CAAE,EACXO,EAAI,QAAQD,CAAE,CAC9B,CACYN,EAAS,CACL,KAAM,SAAUK,EAAG,CAAE,OAAOC,EAAGD,CAAC,CAAI,EACpC,OAAQ,UAAY,CAAE,OAAOL,CAAS,CACzC,CACJ,EACD,aAAc,SAAUM,EAAI,CACxBL,EAAW,GACX,IAAIO,EAAe,CAAE,EACrB,GAAIR,EAAO,OAAQ,CACf,IAAIO,EAAMP,EACVA,EAAS,CAAE,EACXO,EAAI,QAAQD,CAAE,EACdE,EAAeR,CAC/B,CACY,IAAIS,EAAe,UAAY,CAC3B,IAAIF,EAAMC,EACVA,EAAe,CAAE,EACjBD,EAAI,QAAQD,CAAE,CACjB,EACGI,EAAQ,UAAY,CAAE,OAAO,QAAQ,QAAO,EAAG,KAAKD,CAAY,CAAI,EACxEC,EAAO,EACPV,EAAS,CACL,KAAM,SAAUK,EAAG,CACfG,EAAa,KAAKH,CAAC,EACnBK,EAAO,CACV,EACD,OAAQ,SAAUC,EAAQ,CACtB,OAAAH,EAAeA,EAAa,OAAOG,CAAM,EAClCX,CACV,CACJ,CACJ,CACJ,EACD,OAAOE,CACX,CAMO,SAASU,EAAoBC,EAAS,CACrCA,IAAY,SAAUA,EAAU,CAAA,GACpC,IAAIX,EAASL,EAAkB,IAAI,EACnC,OAAAK,EAAO,QAAUY,EAAAA,SAAS,CAAE,MAAO,GAAM,IAAK,EAAO,EAAED,CAAO,EACvDX,CACX","x_google_ignoreList":[0]}

package/dist/index.cjs462.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),j=require("./index.cjs384.js"),N=require("./index.cjs392.js"),se=require("./index.cjs382.js"),A=require("./index.cjs381.js"),g=require("./index.cjs411.js"),ce=require("./index.cjs413.js"),ie=require("./index.cjs416.js"),ae=require("./index.cjs475.js"),E=require("./index.cjs380.js"),m=require("./index.cjs209.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.cjs384.js"),N=require("./index.cjs389.js"),se=require("./index.cjs382.js"),A=require("./index.cjs381.js"),g=require("./index.cjs418.js"),ce=require("./index.cjs420.js"),ie=require("./index.cjs423.js"),ae=require("./index.cjs475.js"),E=require("./index.cjs380.js"),m=require("./index.cjs209.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.cjs462.js.map

package/dist/index.cjs51.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/CategoryContent/CategoryContent.css');const o=require("./index.cjs209.js"),x=require("./index.cjs62.js"),a=require("./index.cjs211.js");;/* empty css              */const u=require("./index.cjs10.js"),d=({className:s="",items:t,selectedItems:r,onChange:c})=>{const i=e=>{const n=r.includes(e)?r.filter(l=>l!==e):[...r,e];c(n)};return o.jsxRuntimeExports.jsx(u.Col,{className:a.clsx(s),children:t.map((e,n)=>o.jsxRuntimeExports.jsx("div",{className:"ui-checkbox-border border-divider py-x8",children:o.jsxRuntimeExports.jsx(x.CheckboxFilter,{id:e.id,label:e.label,checked:e.checked,onChange:()=>i(e.id),classNameText:"fs-6 fw-regular"})},n))})};exports.CategoryContent=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/CategoryContent/CategoryContent.css');const s=require("./index.cjs209.js"),x=require("./index.cjs62.js"),a=require("./index.cjs211.js");;/* empty css              */const d=require("./index.cjs10.js"),h=({className:o="",canMultiple:t=!0,items:c,selectedItems:n,onChange:i})=>{const l=e=>{let r;t?r=n.includes(e)?n.filter(u=>u!==e):[...n,e]:n.includes(e)?r=[]:r=[e],i(r)};return s.jsxRuntimeExports.jsx(d.Col,{className:a.clsx(o),children:c.map((e,r)=>s.jsxRuntimeExports.jsx("div",{className:"ui-checkbox-border border-divider py-x8",children:s.jsxRuntimeExports.jsx(x.CheckboxFilter,{id:e.id,label:e.label,checked:e.checked,onChange:()=>l(e.id),classNameText:"fs-6 fw-regular"})},r))})};exports.CategoryContent=h;
 //# sourceMappingURL=index.cjs51.js.map

package/dist/index.cjs51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs51.js","sources":["../src/components/ui/filters/CategoryContent/index.tsx"],"sourcesContent":["import { CheckboxFilter } from \"@/components/ui/filters/CheckboxFilter\";\nimport clsx from \"clsx\";\nimport \"./CategoryContent.scss\";\nimport { Col } from \"@/components\";\n\ntype CategoryContentProps = {\n  className?: string;\n  items: {\n    id: string;\n    label: string;\n    checked: boolean;\n  }[];\n  selectedItems: string[];\n  onChange: (selected: string[]) => void;\n};\nexport const CategoryContent = ({\n  className = \"\",\n  items,\n  selectedItems,\n  onChange,\n}: CategoryContentProps) => {\n  const handleCheckboxChange = (id: string) => {\n    const newSelected = selectedItems.includes(id)\n      ? selectedItems.filter((item) => item !== id)\n      : [...selectedItems, id];\n\n    onChange(newSelected);\n  };\n\n  return (\n    <Col className={clsx(className)}>\n      {items.map((item, index) => {\n        return (\n          <div\n            key={index}\n            className={\"ui-checkbox-border border-divider py-x8\"}\n          >\n            <CheckboxFilter\n              id={item.id}\n              label={item.label}\n              checked={item.checked}\n              onChange={() => handleCheckboxChange(item.id)}\n              classNameText={\"fs-6 fw-regular\"}\n            />\n          </div>\n        );\n      })}\n    </Col>\n  );\n};\n"],"names":["CategoryContent","className","items","selectedItems","onChange","handleCheckboxChange","id","newSelected","item","jsx","Col","clsx","index","CheckboxFilter"],"mappings":"mPAeaA,EAAkB,CAAC,CAC9B,UAAAC,EAAY,GACZ,MAAAC,EACA,cAAAC,EACA,SAAAC,CACF,IAA4B,CACpB,MAAAC,EAAwBC,GAAe,CAC3C,MAAMC,EAAcJ,EAAc,SAASG,CAAE,EACzCH,EAAc,OAAQK,GAASA,IAASF,CAAE,EAC1C,CAAC,GAAGH,EAAeG,CAAE,EAEzBF,EAASG,CAAW,CACtB,EAGE,OAAAE,wBAACC,EAAAA,IAAI,CAAA,UAAWC,EAAAA,KAAKV,CAAS,EAC3B,SAAMC,EAAA,IAAI,CAACM,EAAMI,IAEdH,EAAA,kBAAA,IAAC,MAAA,CAEC,UAAW,0CAEX,SAAAA,EAAA,kBAAA,IAACI,EAAA,eAAA,CACC,GAAIL,EAAK,GACT,MAAOA,EAAK,MACZ,QAASA,EAAK,QACd,SAAU,IAAMH,EAAqBG,EAAK,EAAE,EAC5C,cAAe,iBAAA,CAAA,CACjB,EATKI,CAUP,CAEH,EACH,CAEJ"}
+{"version":3,"file":"index.cjs51.js","sources":["../src/components/ui/filters/CategoryContent/index.tsx"],"sourcesContent":["import { CheckboxFilter } from \"@/components/ui/filters/CheckboxFilter\";\nimport clsx from \"clsx\";\nimport \"./CategoryContent.scss\";\nimport { Col } from \"@/components\";\n\ntype CategoryContentProps = {\n  className?: string;\n  canMultiple?: boolean;\n  items: {\n    id: string;\n    label: string;\n    checked: boolean;\n  }[];\n  selectedItems: string[];\n  onChange: (selected: string[]) => void;\n};\nexport const CategoryContent = ({\n  className = \"\",\n  canMultiple = true,\n  items,\n  selectedItems,\n  onChange,\n}: CategoryContentProps) => {\n  const handleCheckboxChange = (id: string) => {\n    let newSelected: string[];\n    if (canMultiple) {\n      newSelected = selectedItems.includes(id)\n        ? selectedItems.filter((item) => item !== id)\n        : [...selectedItems, id];\n    } else {\n      if (selectedItems.includes(id)) {\n        newSelected = [];\n      } else {\n        newSelected = [id];\n      }\n    }\n\n    onChange(newSelected);\n  };\n\n  return (\n    <Col className={clsx(className)}>\n      {items.map((item, index) => {\n        return (\n          <div\n            key={index}\n            className={\"ui-checkbox-border border-divider py-x8\"}\n          >\n            <CheckboxFilter\n              id={item.id}\n              label={item.label}\n              checked={item.checked}\n              onChange={() => handleCheckboxChange(item.id)}\n              classNameText={\"fs-6 fw-regular\"}\n            />\n          </div>\n        );\n      })}\n    </Col>\n  );\n};\n"],"names":["CategoryContent","className","canMultiple","items","selectedItems","onChange","handleCheckboxChange","id","newSelected","item","jsx","Col","clsx","index","CheckboxFilter"],"mappings":"mPAgBaA,EAAkB,CAAC,CAC9B,UAAAC,EAAY,GACZ,YAAAC,EAAc,GACd,MAAAC,EACA,cAAAC,EACA,SAAAC,CACF,IAA4B,CACpB,MAAAC,EAAwBC,GAAe,CACvC,IAAAC,EACAN,EACFM,EAAcJ,EAAc,SAASG,CAAE,EACnCH,EAAc,OAAQK,GAASA,IAASF,CAAE,EAC1C,CAAC,GAAGH,EAAeG,CAAE,EAErBH,EAAc,SAASG,CAAE,EAC3BC,EAAc,CAAC,EAEfA,EAAc,CAACD,CAAE,EAIrBF,EAASG,CAAW,CACtB,EAGE,OAAAE,wBAACC,EAAAA,IAAI,CAAA,UAAWC,EAAAA,KAAKX,CAAS,EAC3B,SAAME,EAAA,IAAI,CAACM,EAAMI,IAEdH,EAAA,kBAAA,IAAC,MAAA,CAEC,UAAW,0CAEX,SAAAA,EAAA,kBAAA,IAACI,EAAA,eAAA,CACC,GAAIL,EAAK,GACT,MAAOA,EAAK,MACZ,QAASA,EAAK,QACd,SAAU,IAAMH,EAAqBG,EAAK,EAAE,EAC5C,cAAe,iBAAA,CAAA,CACjB,EATKI,CAUP,CAEH,EACH,CAEJ"}

package/dist/index.d.ts

@@ -674,10 +674,11 @@ declare type CarouselProps = {
     children?: Array<ReactNode>;
 };
 
-export declare const CategoryContent: ({ className, items, selectedItems, onChange, }: CategoryContentProps) => JSX.Element;
+export declare const CategoryContent: ({ className, canMultiple, items, selectedItems, onChange, }: CategoryContentProps) => JSX.Element;
 
 declare type CategoryContentProps = {
     className?: string;
+    canMultiple?: boolean;
     items: {
         id: string;
         label: string;

package/dist/index.es244.js

@@ -3,7 +3,7 @@ import { Button as m } from "./index.es25.js";
 import { HeaderTopBanner as y } from "./index.es21.js";
 import { useState as g, useRef as w, useCallback as C, useEffect as u } from "react";
 import { clsx as r } from "./index.es211.js";
-import { useFocusTrap as N } from "./index.es387.js";
+import { useFocusTrap as N } from "./index.es390.js";
 import { Container as k } from "./index.es6.js";
 import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css            */
 import { Col as L } from "./index.es10.js";

package/dist/index.es251.js

@@ -3,9 +3,9 @@ import { useComposedRefs as N } from "./index.es381.js";
 import { createContextScope as M } from "./index.es382.js";
 import { composeEventHandlers as S } from "./index.es380.js";
 import { useControllableState as O } from "./index.es383.js";
-import { usePrevious as A } from "./index.es390.js";
-import { useSize as B } from "./index.es391.js";
-import { Presence as H } from "./index.es392.js";
+import { usePrevious as A } from "./index.es387.js";
+import { useSize as B } from "./index.es388.js";
+import { Presence as H } from "./index.es389.js";
 import { Primitive as j } from "./index.es384.js";
 import { j as f } from "./index.es209.js";
 var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(

package/dist/index.es261.js

@@ -1,4 +1,4 @@
-import { useCopyToClipboard as s } from "./index.es395.js";
+import { useCopyToClipboard as s } from "./index.es393.js";
 import { useState as i } from "react";
 const d = () => {
   const [e, t] = s(), [p, o] = i(!1);

package/dist/index.es267.js

@@ -4,15 +4,15 @@ import { useComposedRefs as C } from "./index.es381.js";
 import { createContextScope as B, createContext as H } from "./index.es382.js";
 import { useId as x } from "./index.es386.js";
 import { useControllableState as V } from "./index.es383.js";
-import { DismissableLayer as q } from "./index.es401.js";
-import { FocusScope as K } from "./index.es402.js";
-import { Portal as U } from "./index.es403.js";
-import { Presence as R } from "./index.es392.js";
+import { DismissableLayer as q } from "./index.es394.js";
+import { FocusScope as K } from "./index.es395.js";
+import { Portal as U } from "./index.es396.js";
+import { Presence as R } from "./index.es389.js";
 import { Primitive as m } from "./index.es384.js";
-import { useFocusGuards as Y } from "./index.es404.js";
-import Z from "./index.es405.js";
-import { hideOthers as z } from "./index.es406.js";
-import { createSlot as J } from "./index.es407.js";
+import { useFocusGuards as Y } from "./index.es397.js";
+import Z from "./index.es398.js";
+import { hideOthers as z } from "./index.es399.js";
+import { createSlot as J } from "./index.es400.js";
 import { j as i } from "./index.es209.js";
 var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
   const {

package/dist/index.es294.js

@@ -3,8 +3,8 @@ import { composeEventHandlers as T } from "./index.es380.js";
 import { useComposedRefs as _ } from "./index.es381.js";
 import { createContextScope as H } from "./index.es382.js";
 import { useControllableState as I } from "./index.es383.js";
-import { usePrevious as M } from "./index.es390.js";
-import { useSize as N } from "./index.es391.js";
+import { usePrevious as M } from "./index.es387.js";
+import { useSize as N } from "./index.es388.js";
 import { Primitive as w } from "./index.es384.js";
 import { j as p } from "./index.es209.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(

package/dist/index.es33.js

@@ -33,6 +33,7 @@ const N = ({
             className: i(
               "ui-document-container-tabs-nav list-style-none ui-tabs"
             ),
+            as: "ul",
             children: t.map((s, a) => /* @__PURE__ */ e.jsx(
               "li",
               {

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\nimport clsx from \"clsx\";\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { Loader, Row } from \"@/components\";\n\ntype TabItem = {\n  label: string;\n  disabled?: boolean;\n};\n\ntype ActionItem = PropsWithChildren<{\n  label: string;\n  icon: ReactNode;\n  onClick: () => void;\n  loading?: boolean;\n}>;\n\ntype TabsGlossaryProps = {\n  CTA?: \"link\" | \"primary\";\n  navigationItems: TabItem[];\n  activeIndex: number;\n  onTabChange: (index: number) => void;\n  actions?: ActionItem[];\n  children?: ReactNode;\n  // onDownload?: () => void;\n  // onAdd?: () => void;\n  // downloadAllLabel?: string;\n  // addDocumentLabel?: string;\n  // actionType?: \"download\" | \"add\" | null;\n};\n\nexport const TabsGlossary = ({\n  CTA = \"link\",\n  navigationItems,\n  children,\n  activeIndex = 0,\n  onTabChange,\n  actions = [],\n  // onDownload,\n  // onAdd,\n  // downloadAllLabel = \"Scarica tutti\",\n  // addDocumentLabel = \"Aggiungi documento\",\n  // actionType,\n}: TabsGlossaryProps) => {\n  const [active, setActive] = useState(activeIndex);\n\n  // const isDownloading = loading && actionType === \"download\";\n  // const isAdding = loading && actionType === \"add\";\n\n  return (\n    <div>\n      <div className={clsx(\"ui-document-container-tabs\")}>\n        <nav\n          className={\"ui-document-container-tabs-nav-new\"}\n          aria-label=\"Menu di navigazione\"\n        >\n          <Row\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"secondary\"}\n            className={clsx(\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\n            )}\n          >\n            {navigationItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-document-container-tabs-nav-responsive-flex\",\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\n                    \"ui-tab\",\n                    active === index && \"text-primary ui-active-tab-glossary \",\n                  )}\n                  onClick={() => {\n                    if (!item.disabled) {\n                      setActive(index);\n                      onTabChange(index);\n                    }\n                  }}\n                >\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\n                </li>\n              );\n            })}\n          </Row>\n        </nav>\n        {children}\n        {CTA === \"link\" && (\n          <nav className={\"ui-document-container-tabs-nav-new\"}>\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\n              {actions.map((action, index) => (\n                <React.Fragment key={index}>\n                  <li\n                    className={clsx(\n                      !action.loading && \"cursor-pointer\",\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\n                    )}\n                    onClick={() => !action.loading && action.onClick()}\n                  >\n                    {action.icon}\n                    <p>{action.label}</p>\n                    {action.loading && <Loader loading={action.loading} />}\n                  </li>\n                  {index < actions.length - 1 && (\n                    <li>\n                      <span className=\"ui-divider\"></span>\n                    </li>\n                  )}\n                </React.Fragment>\n              ))}\n            </ul>\n          </nav>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":";;;;;;AA+BO,MAAMA,IAAe,CAAC;AAAA,EAC3B,KAAAC,IAAM;AAAA,EACN,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,MAAyB;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASL,CAAW;AAKhD,+BACG,OACC,EAAA,UAAAM,gBAAAA,EAAA,KAAC,SAAI,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAW;AAAA,QAEX,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,WAAWF;AAAA,cACT;AAAA,YACF;AAAA,YAEC,UAAgBT,EAAA,IAAI,CAACY,GAAMC,MAExBH,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWD;AAAA,kBACT;AAAA,kBACCG,EAAK,WAA8B,eAAnB;AAAA,kBACjB;AAAA,kBACAP,MAAWQ,KAAS;AAAA,gBACtB;AAAA,gBACA,SAAS,MAAM;AACT,kBAACD,EAAK,aACRN,EAAUO,CAAK,GACfV,EAAYU,CAAK;AAAA,gBAErB;AAAA,gBAEA,UAACH,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAW,wBAAyB,YAAK,MAAM,CAAA;AAAA,cAAA;AAAA,cAd7CG;AAAA,YAeP,CAEH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IACF;AAAA,IACCZ;AAAA,IACAF,MAAQ,UACPW,gBAAAA,EAAA,IAAC,SAAI,WAAW,sCACd,gCAAC,MAAG,EAAA,WAAU,wEACX,UAAAN,EAAQ,IAAI,CAACU,GAAQD,MACnBL,gBAAAA,EAAAA,KAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAAP,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT,CAACK,EAAO,WAAW;AAAA,YACnB;AAAA,UACF;AAAA,UACA,SAAS,MAAM,CAACA,EAAO,WAAWA,EAAO,QAAQ;AAAA,UAEhD,UAAA;AAAA,YAAOA,EAAA;AAAA,YACRJ,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAI,EAAO,MAAM,CAAA;AAAA,YAChBA,EAAO,WAAWJ,gBAAAA,MAACM,GAAO,EAAA,SAASF,EAAO,QAAS,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACtD;AAAA,MACCD,IAAQT,EAAQ,SAAS,KACxBM,gBAAAA,EAAA,IAAC,QACC,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,aAAa,CAAA,EAC/B,CAAA;AAAA,IAAA,KAfiBG,CAiBrB,CACD,EAAA,CACH,EACF,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\nimport clsx from \"clsx\";\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { Loader, Row } from \"@/components\";\n\ntype TabItem = {\n  label: string;\n  disabled?: boolean;\n};\n\ntype ActionItem = PropsWithChildren<{\n  label: string;\n  icon: ReactNode;\n  onClick: () => void;\n  loading?: boolean;\n}>;\n\ntype TabsGlossaryProps = {\n  CTA?: \"link\" | \"primary\";\n  navigationItems: TabItem[];\n  activeIndex: number;\n  onTabChange: (index: number) => void;\n  actions?: ActionItem[];\n  children?: ReactNode;\n  // onDownload?: () => void;\n  // onAdd?: () => void;\n  // downloadAllLabel?: string;\n  // addDocumentLabel?: string;\n  // actionType?: \"download\" | \"add\" | null;\n};\n\nexport const TabsGlossary = ({\n  CTA = \"link\",\n  navigationItems,\n  children,\n  activeIndex = 0,\n  onTabChange,\n  actions = [],\n  // onDownload,\n  // onAdd,\n  // downloadAllLabel = \"Scarica tutti\",\n  // addDocumentLabel = \"Aggiungi documento\",\n  // actionType,\n}: TabsGlossaryProps) => {\n  const [active, setActive] = useState(activeIndex);\n\n  // const isDownloading = loading && actionType === \"download\";\n  // const isAdding = loading && actionType === \"add\";\n\n  return (\n    <div>\n      <div className={clsx(\"ui-document-container-tabs\")}>\n        <nav\n          className={\"ui-document-container-tabs-nav-new\"}\n          aria-label=\"Menu di navigazione\"\n        >\n          <Row\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"secondary\"}\n            className={clsx(\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\n            )}\n            as=\"ul\"\n          >\n            {navigationItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-document-container-tabs-nav-responsive-flex\",\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\n                    \"ui-tab\",\n                    active === index && \"text-primary ui-active-tab-glossary \",\n                  )}\n                  onClick={() => {\n                    if (!item.disabled) {\n                      setActive(index);\n                      onTabChange(index);\n                    }\n                  }}\n                >\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\n                </li>\n              );\n            })}\n          </Row>\n        </nav>\n        {children}\n        {CTA === \"link\" && (\n          <nav className={\"ui-document-container-tabs-nav-new\"}>\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\n              {actions.map((action, index) => (\n                <React.Fragment key={index}>\n                  <li\n                    className={clsx(\n                      !action.loading && \"cursor-pointer\",\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\n                    )}\n                    onClick={() => !action.loading && action.onClick()}\n                  >\n                    {action.icon}\n                    <p>{action.label}</p>\n                    {action.loading && <Loader loading={action.loading} />}\n                  </li>\n                  {index < actions.length - 1 && (\n                    <li>\n                      <span className=\"ui-divider\"></span>\n                    </li>\n                  )}\n                </React.Fragment>\n              ))}\n            </ul>\n          </nav>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":";;;;;;AA+BO,MAAMA,IAAe,CAAC;AAAA,EAC3B,KAAAC,IAAM;AAAA,EACN,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,MAAyB;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASL,CAAW;AAKhD,+BACG,OACC,EAAA,UAAAM,gBAAAA,EAAA,KAAC,SAAI,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAW;AAAA,QAEX,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,WAAWF;AAAA,cACT;AAAA,YACF;AAAA,YACA,IAAG;AAAA,YAEF,UAAgBT,EAAA,IAAI,CAACY,GAAMC,MAExBH,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWD;AAAA,kBACT;AAAA,kBACCG,EAAK,WAA8B,eAAnB;AAAA,kBACjB;AAAA,kBACAP,MAAWQ,KAAS;AAAA,gBACtB;AAAA,gBACA,SAAS,MAAM;AACT,kBAACD,EAAK,aACRN,EAAUO,CAAK,GACfV,EAAYU,CAAK;AAAA,gBAErB;AAAA,gBAEA,UAACH,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAW,wBAAyB,YAAK,MAAM,CAAA;AAAA,cAAA;AAAA,cAd7CG;AAAA,YAeP,CAEH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IACF;AAAA,IACCZ;AAAA,IACAF,MAAQ,UACPW,gBAAAA,EAAA,IAAC,SAAI,WAAW,sCACd,gCAAC,MAAG,EAAA,WAAU,wEACX,UAAAN,EAAQ,IAAI,CAACU,GAAQD,MACnBL,gBAAAA,EAAAA,KAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAAP,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT,CAACK,EAAO,WAAW;AAAA,YACnB;AAAA,UACF;AAAA,UACA,SAAS,MAAM,CAACA,EAAO,WAAWA,EAAO,QAAQ;AAAA,UAEhD,UAAA;AAAA,YAAOA,EAAA;AAAA,YACRJ,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAI,EAAO,MAAM,CAAA;AAAA,YAChBA,EAAO,WAAWJ,gBAAAA,MAACM,GAAO,EAAA,SAASF,EAAO,QAAS,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACtD;AAAA,MACCD,IAAQT,EAAQ,SAAS,KACxBM,gBAAAA,EAAA,IAAC,QACC,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,aAAa,CAAA,EAC/B,CAAA;AAAA,IAAA,KAfiBG,CAiBrB,CACD,EAAA,CACH,EACF,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}

package/dist/index.es333.js

@@ -3,7 +3,7 @@ import { createContextScope as T } from "./index.es382.js";
 import { useComposedRefs as A } from "./index.es381.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es267.js";
 import { composeEventHandlers as F } from "./index.es380.js";
-import { createSlottable as G } from "./index.es407.js";
+import { createSlottable as G } from "./index.es400.js";
 import { j as i } from "./index.es209.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es35.js

@@ -48,11 +48,11 @@ const v = {
   btnText: t = "Trascrizione",
   sizeComp: l = "large",
   transcription: o,
-  previewImageSrc: d,
-  videoSrc: x
+  previewImageSrc: x,
+  videoSrc: c
 }) => {
-  const [a, n] = r(!1), [c, m] = r(!1), { width: h } = v[l], { heightImg: p } = b[l], [s, u] = r(!1), g = () => {
-    c ? n(!a) : (m(!0), n(!0));
+  const [a, n] = r(!1), [d, m] = r(!1), { width: h } = v[l], { heightImg: p } = b[l], [s, u] = r(!1), g = () => {
+    d ? n(!a) : (m(!0), n(!0));
   };
   return /* @__PURE__ */ e.jsxs(
     w,
@@ -71,9 +71,9 @@ const v = {
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: i("start-video-container", { "fade-out": a || c }),
+                  className: i("start-video-container", { "fade-out": a || d }),
                   style: {
-                    backgroundImage: `url(${d})`,
+                    backgroundImage: `url(${x})`,
                     backgroundSize: "cover",
                     backgroundPosition: "center",
                     backgroundRepeat: "no-repeat",
@@ -95,7 +95,7 @@ const v = {
                 "video",
                 {
                   controls: !0,
-                  src: x,
+                  src: c !== "" ? c : void 0,
                   autoPlay: a,
                   onEnded: () => n(!1)
                 }

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\n\nexport enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"666px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: { \n    width: \"360px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"100dvw\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"371px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription: string;\n  videoSrc: string;\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n\n  const handlePlay = () => {\n    if (!hasPlayedOnce) {\n      setHasPlayedOnce(true);\n      setIsPlaying(true);\n    } else {\n      setIsPlaying(!isPlaying);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\", \"video-section-container\")}\n    >\n      <div \n        className=\"video-player-container\" \n        style={{ height: heightImg }}\n        onClick={handlePlay}\n      >\n        <div\n          className={clsx(\"start-video-container\", { \"fade-out\": isPlaying || hasPlayedOnce })}\n          style={{\n            backgroundImage: `url(${previewImageSrc})`,\n            backgroundSize: 'cover',\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            pointerEvents: 'none'\n          }}\n        >\n          <div\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\n          >\n            <div className=\"play-button-icon\">\n              <PlayVideo />\n            </div>\n            <div className=\"play-button-text\">\n              Riproduci\n            </div>\n          </div>\n        </div>\n        <div className=\"video-container\">\n          <video\n            controls\n            src={videoSrc} \n            autoPlay={isPlaying} \n            onEnded={() => setIsPlaying(false)}\n          />\n        </div>\n      </div>\n\n      {transcription && (\n        <div className=\"transcription-container\">\n          <div\n          className={clsx(\n            \"expand-button-container\",\n            \"accordion\",\n            \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n          )}\n        >\n          <button\n            className={clsx(\n              \"ui-btn-accordion\",\n              \"base-row justify-content-between align-items-center\",\n            )}\n            type=\"button\"\n            onClick={() => setExpanded(!isExpanded)}\n          >\n            <span\n              className={clsx(\n                \"fw-semibold text-primary base-col justify-content-center\",\n              )}\n            >\n              {btnText}\n            </span>\n            <ArrowDown\n              color={\"primary\"}\n              className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n            />\n          </button>\n        </div>\n        {isExpanded && (\n          <div\n            className={clsx(\n              \"transcription-text-container\",\n              \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n            )}\n          >\n            <p>\n              {transcription}\n            </p>\n          </div>\n        )}\n      </div>\n      )}\n    </Col>\n  );\n};"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","handlePlay","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown"],"mappings":"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"}
+{"version":3,"file":"index.es35.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\n\nexport enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"666px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: { \n    width: \"360px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"100dvw\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"371px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription: string;\n  videoSrc: string;\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n\n  const handlePlay = () => {\n    if (!hasPlayedOnce) {\n      setHasPlayedOnce(true);\n      setIsPlaying(true);\n    } else {\n      setIsPlaying(!isPlaying);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\", \"video-section-container\")}\n    >\n      <div \n        className=\"video-player-container\" \n        style={{ height: heightImg }}\n        onClick={handlePlay}\n      >\n        <div\n          className={clsx(\"start-video-container\", { \"fade-out\": isPlaying || hasPlayedOnce })}\n          style={{\n            backgroundImage: `url(${previewImageSrc})`,\n            backgroundSize: 'cover',\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            pointerEvents: 'none'\n          }}\n        >\n          <div\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\n          >\n            <div className=\"play-button-icon\">\n              <PlayVideo />\n            </div>\n            <div className=\"play-button-text\">\n              Riproduci\n            </div>\n          </div>\n        </div>\n        <div className=\"video-container\">\n          <video\n            controls\n            src={videoSrc !== \"\" ? videoSrc : undefined} \n            autoPlay={isPlaying} \n            onEnded={() => setIsPlaying(false)}\n          />\n        </div>\n      </div>\n\n      {transcription && (\n        <div className=\"transcription-container\">\n          <div\n          className={clsx(\n            \"expand-button-container\",\n            \"accordion\",\n            \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n          )}\n        >\n          <button\n            className={clsx(\n              \"ui-btn-accordion\",\n              \"base-row justify-content-between align-items-center\",\n            )}\n            type=\"button\"\n            onClick={() => setExpanded(!isExpanded)}\n          >\n            <span\n              className={clsx(\n                \"fw-semibold text-primary base-col justify-content-center\",\n              )}\n            >\n              {btnText}\n            </span>\n            <ArrowDown\n              color={\"primary\"}\n              className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n            />\n          </button>\n        </div>\n        {isExpanded && (\n          <div\n            className={clsx(\n              \"transcription-text-container\",\n              \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n            )}\n          >\n            <p>\n              {transcription}\n            </p>\n          </div>\n        )}\n      </div>\n      )}\n    </Col>\n  );\n};"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","handlePlay","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown"],"mappings":"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"}

package/dist/index.es372.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es393.js";
+import { __exports as e } from "./index.es406.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es373.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "./index.es394.js";
+import { __exports as _ } from "./index.es407.js";
 import we from "react";
 /**
  * @license React

package/dist/index.es383.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es411.js";
+import { useCallbackRef as f } from "./index.es418.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es384.js

@@ -1,6 +1,6 @@
 import * as p from "react";
 import * as f from "react-dom";
-import { createSlot as c } from "./index.es407.js";
+import { createSlot as c } from "./index.es400.js";
 import { j as u } from "./index.es209.js";
 var l = [
   "a",

package/dist/index.es385.js

@@ -1,21 +1,21 @@
 import * as r from "react";
 import { composeEventHandlers as M } from "./index.es380.js";
-import { createCollection as Xe } from "./index.es412.js";
+import { createCollection as Xe } from "./index.es419.js";
 import { useComposedRefs as k, composeRefs as He } from "./index.es381.js";
 import { createContextScope as We } from "./index.es382.js";
-import { useDirection as ze } from "./index.es413.js";
-import { DismissableLayer as Ze } from "./index.es401.js";
-import { useFocusGuards as $e } from "./index.es404.js";
-import { FocusScope as qe } from "./index.es402.js";
-import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es414.js";
-import { Portal as nt } from "./index.es403.js";
-import { Presence as H } from "./index.es392.js";
+import { useDirection as ze } from "./index.es420.js";
+import { DismissableLayer as Ze } from "./index.es394.js";
+import { useFocusGuards as $e } from "./index.es397.js";
+import { FocusScope as qe } from "./index.es395.js";
+import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es421.js";
+import { Portal as nt } from "./index.es396.js";
+import { Presence as H } from "./index.es389.js";
 import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es384.js";
-import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es415.js";
-import { createSlot as st } from "./index.es407.js";
-import { useCallbackRef as Me } from "./index.es411.js";
-import { hideOthers as at } from "./index.es406.js";
-import ut from "./index.es405.js";
+import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es422.js";
+import { createSlot as st } from "./index.es400.js";
+import { useCallbackRef as Me } from "./index.es418.js";
+import { hideOthers as at } from "./index.es399.js";
+import ut from "./index.es398.js";
 import { j as u } from "./index.es209.js";
 var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
   ltr: [...Q, "ArrowRight"],

package/dist/index.es386.js

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { useLayoutEffect as a } from "./index.es416.js";
+import { useLayoutEffect as a } from "./index.es423.js";
 var s = o[" useId ".trim().toString()] || (() => {
 }), f = 0;
 function i(t) {

package/dist/index.es387.js

@@ -1,18 +1,9 @@
-import { useEffect as l } from "react";
-const f = (t, n) => {
-  l(() => {
-    if (!n || !t.current) return;
-    const o = t.current.querySelectorAll(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), c = o[0], r = o[o.length - 1], s = (e) => {
-      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
-    }, u = document.activeElement;
-    return c.focus(), document.addEventListener("keydown", s), () => {
-      document.removeEventListener("keydown", s), n && (u == null || u.focus());
-    };
-  }, [n, t]);
-};
+import * as u from "react";
+function t(r) {
+  const e = u.useRef({ value: r, previous: r });
+  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
+}
 export {
-  f as useFocusTrap
+  t as usePrevious
 };
 //# sourceMappingURL=index.es387.js.map

package/dist/index.es387.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es387.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}
+{"version":3,"file":"index.es387.js","sources":["../node_modules/@radix-ui/react-use-previous/dist/index.mjs"],"sourcesContent":["// packages/react/use-previous/src/use-previous.tsx\nimport * as React from \"react\";\nfunction usePrevious(value) {\n  const ref = React.useRef({ value, previous: value });\n  return React.useMemo(() => {\n    if (ref.current.value !== value) {\n      ref.current.previous = ref.current.value;\n      ref.current.value = value;\n    }\n    return ref.current.previous;\n  }, [value]);\n}\nexport {\n  usePrevious\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["usePrevious","value","ref","React"],"mappings":";AAEA,SAASA,EAAYC,GAAO;AAC1B,QAAMC,IAAMC,EAAM,OAAO,EAAE,OAAAF,GAAO,UAAUA,GAAO;AACnD,SAAOE,EAAM,QAAQ,OACfD,EAAI,QAAQ,UAAUD,MACxBC,EAAI,QAAQ,WAAWA,EAAI,QAAQ,OACnCA,EAAI,QAAQ,QAAQD,IAEfC,EAAI,QAAQ,WAClB,CAACD,CAAK,CAAC;AACZ;","x_google_ignoreList":[0]}

package/dist/{index.es391.js → index.es388.js}

@@ -1,5 +1,5 @@
 import * as h from "react";
-import { useLayoutEffect as z } from "./index.es416.js";
+import { useLayoutEffect as z } from "./index.es423.js";
 function c(r) {
   const [d, e] = h.useState(void 0);
   return z(() => {
@@ -25,4 +25,4 @@ function c(r) {
 export {
   c as useSize
 };
-//# sourceMappingURL=index.es391.js.map
+//# sourceMappingURL=index.es388.js.map

package/dist/{index.es391.js.map → index.es388.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es391.js","sources":["../node_modules/@radix-ui/react-use-size/dist/index.mjs"],"sourcesContent":["// packages/react/use-size/src/use-size.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nfunction useSize(element) {\n  const [size, setSize] = React.useState(void 0);\n  useLayoutEffect(() => {\n    if (element) {\n      setSize({ width: element.offsetWidth, height: element.offsetHeight });\n      const resizeObserver = new ResizeObserver((entries) => {\n        if (!Array.isArray(entries)) {\n          return;\n        }\n        if (!entries.length) {\n          return;\n        }\n        const entry = entries[0];\n        let width;\n        let height;\n        if (\"borderBoxSize\" in entry) {\n          const borderSizeEntry = entry[\"borderBoxSize\"];\n          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;\n          width = borderSize[\"inlineSize\"];\n          height = borderSize[\"blockSize\"];\n        } else {\n          width = element.offsetWidth;\n          height = element.offsetHeight;\n        }\n        setSize({ width, height });\n      });\n      resizeObserver.observe(element, { box: \"border-box\" });\n      return () => resizeObserver.unobserve(element);\n    } else {\n      setSize(void 0);\n    }\n  }, [element]);\n  return size;\n}\nexport {\n  useSize\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useSize","element","size","setSize","React","useLayoutEffect","resizeObserver","entries","entry","width","height","borderSizeEntry","borderSize"],"mappings":";;AAGA,SAASA,EAAQC,GAAS;AACxB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,MAAM;AAC7CC,SAAAA,EAAgB,MAAM;AACpB,QAAIJ,GAAS;AACX,MAAAE,EAAQ,EAAE,OAAOF,EAAQ,aAAa,QAAQA,EAAQ,cAAc;AACpE,YAAMK,IAAiB,IAAI,eAAe,CAACC,MAAY;AAIrD,YAHI,CAAC,MAAM,QAAQA,CAAO,KAGtB,CAACA,EAAQ;AACX;AAEF,cAAMC,IAAQD,EAAQ,CAAC;AACvB,YAAIE,GACAC;AACJ,YAAI,mBAAmBF,GAAO;AAC5B,gBAAMG,IAAkBH,EAAM,eACxBI,IAAa,MAAM,QAAQD,CAAe,IAAIA,EAAgB,CAAC,IAAIA;AACzE,UAAAF,IAAQG,EAAW,YACnBF,IAASE,EAAW;AAAA,QAC9B;AACU,UAAAH,IAAQR,EAAQ,aAChBS,IAAST,EAAQ;AAEnB,QAAAE,EAAQ,EAAE,OAAAM,GAAO,QAAAC,GAAQ;AAAA,MACjC,CAAO;AACD,aAAAJ,EAAe,QAAQL,GAAS,EAAE,KAAK,aAAY,CAAE,GAC9C,MAAMK,EAAe,UAAUL,CAAO;AAAA,IACnD;AACM,MAAAE,EAAQ,MAAM;AAAA,EAEpB,GAAK,CAACF,CAAO,CAAC,GACLC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es388.js","sources":["../node_modules/@radix-ui/react-use-size/dist/index.mjs"],"sourcesContent":["// packages/react/use-size/src/use-size.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nfunction useSize(element) {\n  const [size, setSize] = React.useState(void 0);\n  useLayoutEffect(() => {\n    if (element) {\n      setSize({ width: element.offsetWidth, height: element.offsetHeight });\n      const resizeObserver = new ResizeObserver((entries) => {\n        if (!Array.isArray(entries)) {\n          return;\n        }\n        if (!entries.length) {\n          return;\n        }\n        const entry = entries[0];\n        let width;\n        let height;\n        if (\"borderBoxSize\" in entry) {\n          const borderSizeEntry = entry[\"borderBoxSize\"];\n          const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;\n          width = borderSize[\"inlineSize\"];\n          height = borderSize[\"blockSize\"];\n        } else {\n          width = element.offsetWidth;\n          height = element.offsetHeight;\n        }\n        setSize({ width, height });\n      });\n      resizeObserver.observe(element, { box: \"border-box\" });\n      return () => resizeObserver.unobserve(element);\n    } else {\n      setSize(void 0);\n    }\n  }, [element]);\n  return size;\n}\nexport {\n  useSize\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useSize","element","size","setSize","React","useLayoutEffect","resizeObserver","entries","entry","width","height","borderSizeEntry","borderSize"],"mappings":";;AAGA,SAASA,EAAQC,GAAS;AACxB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,MAAM;AAC7CC,SAAAA,EAAgB,MAAM;AACpB,QAAIJ,GAAS;AACX,MAAAE,EAAQ,EAAE,OAAOF,EAAQ,aAAa,QAAQA,EAAQ,cAAc;AACpE,YAAMK,IAAiB,IAAI,eAAe,CAACC,MAAY;AAIrD,YAHI,CAAC,MAAM,QAAQA,CAAO,KAGtB,CAACA,EAAQ;AACX;AAEF,cAAMC,IAAQD,EAAQ,CAAC;AACvB,YAAIE,GACAC;AACJ,YAAI,mBAAmBF,GAAO;AAC5B,gBAAMG,IAAkBH,EAAM,eACxBI,IAAa,MAAM,QAAQD,CAAe,IAAIA,EAAgB,CAAC,IAAIA;AACzE,UAAAF,IAAQG,EAAW,YACnBF,IAASE,EAAW;AAAA,QAC9B;AACU,UAAAH,IAAQR,EAAQ,aAChBS,IAAST,EAAQ;AAEnB,QAAAE,EAAQ,EAAE,OAAAM,GAAO,QAAAC,GAAQ;AAAA,MACjC,CAAO;AACD,aAAAJ,EAAe,QAAQL,GAAS,EAAE,KAAK,aAAY,CAAE,GAC9C,MAAMK,EAAe,UAAUL,CAAO;AAAA,IACnD;AACM,MAAAE,EAAQ,MAAM;AAAA,EAEpB,GAAK,CAACF,CAAO,CAAC,GACLC;AACT;","x_google_ignoreList":[0]}

package/dist/{index.es392.js → index.es389.js}

@@ -1,6 +1,6 @@
 import * as a from "react";
 import { useComposedRefs as E } from "./index.es381.js";
-import { useLayoutEffect as A } from "./index.es416.js";
+import { useLayoutEffect as A } from "./index.es423.js";
 function T(n, e) {
   return a.useReducer((r, t) => e[r][t] ?? r, n);
 }
@@ -69,4 +69,4 @@ function P(n) {
 export {
   R as Presence
 };
-//# sourceMappingURL=index.es392.js.map
+//# sourceMappingURL=index.es389.js.map

package/dist/{index.es392.js.map → index.es389.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es392.js","sources":["../node_modules/@radix-ui/react-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/presence/src/presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// packages/react/presence/src/use-state-machine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// packages/react/presence/src/presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef({});\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      if (node2) stylesRef.current = getComputedStyle(node2);\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nvar Root = Presence;\nexport {\n  Presence,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useStateMachine","initialState","machine","React","state","event","Presence","props","present","children","presence","usePresence","child","React2","ref","useComposedRefs","getElementRef","node","setNode","stylesRef","prevPresentRef","prevAnimationNameRef","send","currentAnimationName","getAnimationName","useLayoutEffect","styles","wasPresent","prevAnimationName","timeoutId","ownerWindow","handleAnimationEnd","isCurrentAnimation","currentFillMode","handleAnimationStart","node2","element","getter","_a","mayWarn","_b"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es389.js","sources":["../node_modules/@radix-ui/react-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/presence/src/presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// packages/react/presence/src/use-state-machine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// packages/react/presence/src/presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef({});\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      if (node2) stylesRef.current = getComputedStyle(node2);\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nvar Root = Presence;\nexport {\n  Presence,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useStateMachine","initialState","machine","React","state","event","Presence","props","present","children","presence","usePresence","child","React2","ref","useComposedRefs","getElementRef","node","setNode","stylesRef","prevPresentRef","prevAnimationNameRef","send","currentAnimationName","getAnimationName","useLayoutEffect","styles","wasPresent","prevAnimationName","timeoutId","ownerWindow","handleAnimationEnd","isCurrentAnimation","currentFillMode","handleAnimationStart","node2","element","getter","_a","mayWarn","_b"],"mappings":"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","x_google_ignoreList":[0]}