@functionalui/functionalui 0.1.8 → 0.2.3

package/dist/Avatar-BK9MFMsZ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),m=require("./react-spring_web.modern-W3Nkoq_6.cjs"),s=require("./component-D-EEi7NI.cjs"),h=require("./component-B1mkowwk.cjs"),p=require("./generics-DE1oV0MV.cjs"),i=require("./generics-9F1CmKPb.cjs"),x=require("./classes-HsjFV5aN.cjs"),o=require("./types-CQP0_A_u.cjs"),S=require("./component-Bh3EPTN0.cjs"),A=({hoverAnimation:r,size:t=o.AvatarSizes.Size3,avatarName:n,withHover:a})=>a?n?e.jsx(s.Container,{bgColor:p.ColorPalettes.Primary4,padding:i.Spacings.Size1,paddingLeft:i.Spacings.Size2,paddingRight:i.Spacings.Size2,borderRadius:i.Radiuses.Size4,boxShadow:i.BoxShadows.Size3,style:{position:"absolute",left:"50%",transform:"translateX(-50%)",width:"max-content",zIndex:1,...r},children:e.jsx(S.Text_Span,{fontSize:o.AVATAR_SIZE[t].fontSize,children:n})}):e.jsx(e.Fragment,{}):n?e.jsx(f,{children:e.jsx(S.Text_Span,{fontSize:o.AVATAR_SIZE[t].fontSize,children:n})}):e.jsx(e.Fragment,{}),f=({children:r})=>e.jsx(s.Container,{style:{opacity:1},children:r});function g(){for(var r="",t="0123456789abcdef",n=0;n<6;n++)r+=t.charAt(Math.floor(Math.random()*t.length));return r}function v(){var r=Math.floor(Math.random()*360),t="linear-gradient("+r+"deg, #"+g()+", #"+g()+")";return t}const j=({avatarName:r,size:t=o.AvatarSizes.Size2,withHover:n=!0,onClick:a,border:c=!0,borderColor:d,children:l})=>{const[y,u]=m.useSpring(()=>({opacity:0,y:-5,scale:.7,transformOrigin:"top center",pointerEvents:"auto"}));return e.jsx(s.Container,{style:{width:"max-content"},onMouseEnter:()=>u.start({opacity:1,y:3,scale:1}),onMouseLeave:()=>u.start({opacity:0,y:-5,scale:.7,pointerEvents:"none"}),onClick:a,children:e.jsxs(h.Layout,{style:{width:"max-content",position:"relative"},children:[e.jsx(h.Layout,{display:x.Displays.Flex,flexDirection:x.FlexDirections.Column,style:{width:"100%"},children:e.jsx(s.Container,{borderColor:c?d||p.ColorPalettes.Grey3:void 0,borderStyle:c?i.BorderStyles.Solid:void 0,borderWidth:c?i.BorderWidths.Size2:void 0,style:{overflow:"hidden",maxWidth:"100%",borderRadius:"50%",width:o.AVATAR_SIZE[t].image,height:o.AVATAR_SIZE[t].image},children:l?e.jsx(e.Fragment,{children:l}):e.jsx(s.Container,{style:{width:"100%",height:"100%",background:v()}})})}),e.jsx(A,{hoverAnimation:y,avatarName:r,size:t,withHover:n})]})})};exports.Avatar=j;

package/dist/Avatar-CQA0mEVW.js

@@ -0,0 +1,118 @@
+import { jsx as e, Fragment as l, jsxs as x } from "react/jsx-runtime";
+import { u as v } from "./react-spring_web.modern-DgQDaJ06.js";
+import { C as o } from "./component-C1Gs4nVu.js";
+import { L as f } from "./component-DRXQXr2G.js";
+import { C as S } from "./generics-D33J7ILI.js";
+import { b as z, R as A, S as d, a as b, B as w } from "./generics-C-WSPclF.js";
+import { i as C, b as M } from "./classes-CVxy1f4M.js";
+import { A as a, a as y } from "./types-OOX58qQg.js";
+import { T as p } from "./component-BvHdlcdE.js";
+const R = ({
+  hoverAnimation: r,
+  size: t = y.Size3,
+  avatarName: i,
+  withHover: n
+}) => n ? i ? /* @__PURE__ */ e(
+  o,
+  {
+    bgColor: S.Primary4,
+    padding: d.Size1,
+    paddingLeft: d.Size2,
+    paddingRight: d.Size2,
+    borderRadius: A.Size4,
+    boxShadow: z.Size3,
+    style: {
+      position: "absolute",
+      left: "50%",
+      transform: "translateX(-50%)",
+      width: "max-content",
+      zIndex: 1,
+      ...r
+    },
+    children: /* @__PURE__ */ e(p, { fontSize: a[t].fontSize, children: i })
+  }
+) : /* @__PURE__ */ e(l, {}) : i ? /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(p, { fontSize: a[t].fontSize, children: i }) }) : /* @__PURE__ */ e(l, {}), B = ({ children: r }) => /* @__PURE__ */ e(o, { style: { opacity: 1 }, children: r });
+function u() {
+  for (var r = "", t = "0123456789abcdef", i = 0; i < 6; i++)
+    r += t.charAt(
+      Math.floor(Math.random() * t.length)
+    );
+  return r;
+}
+function E() {
+  var r = Math.floor(Math.random() * 360), t = "linear-gradient(" + r + "deg, #" + u() + ", #" + u() + ")";
+  return t;
+}
+const P = ({
+  avatarName: r,
+  size: t = y.Size2,
+  withHover: i = !0,
+  onClick: n,
+  border: s = !0,
+  borderColor: h,
+  children: m
+}) => {
+  const [g, c] = v(() => ({
+    opacity: 0,
+    y: -5,
+    scale: 0.7,
+    transformOrigin: "top center",
+    pointerEvents: "auto"
+  }));
+  return /* @__PURE__ */ e(
+    o,
+    {
+      style: { width: "max-content" },
+      onMouseEnter: () => c.start({ opacity: 1, y: 3, scale: 1 }),
+      onMouseLeave: () => c.start({ opacity: 0, y: -5, scale: 0.7, pointerEvents: "none" }),
+      onClick: n,
+      children: /* @__PURE__ */ x(f, { style: { width: "max-content", position: "relative" }, children: [
+        /* @__PURE__ */ e(
+          f,
+          {
+            display: M.Flex,
+            flexDirection: C.Column,
+            style: { width: "100%" },
+            children: /* @__PURE__ */ e(
+              o,
+              {
+                borderColor: s ? h || S.Grey3 : void 0,
+                borderStyle: s ? w.Solid : void 0,
+                borderWidth: s ? b.Size2 : void 0,
+                style: {
+                  overflow: "hidden",
+                  maxWidth: "100%",
+                  borderRadius: "50%",
+                  width: a[t].image,
+                  height: a[t].image
+                },
+                children: m ? /* @__PURE__ */ e(l, { children: m }) : /* @__PURE__ */ e(
+                  o,
+                  {
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      background: E()
+                    }
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            hoverAnimation: g,
+            avatarName: r,
+            size: t,
+            withHover: i
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  P as A
+};

package/dist/Button-CpTXDsI7.js

@@ -0,0 +1,215 @@
+import { jsx as l, jsxs as v, Fragment as rr } from "react/jsx-runtime";
+import { d as ar, u as ir } from "./react-spring_web.modern-DgQDaJ06.js";
+import { C as N } from "./component-C1Gs4nVu.js";
+import { L as nr } from "./component-DRXQXr2G.js";
+import { F as cr } from "./component-CW2JPBAq.js";
+import { T as U } from "./component-BvHdlcdE.js";
+import { C as lr } from "./generics-D33J7ILI.js";
+import { C as dr, S as fr, b as mr, f as or } from "./generics-C-WSPclF.js";
+import { h as tr, j as pr, b as gr } from "./classes-CVxy1f4M.js";
+import { j as f, c as s, i as hr, f as h, d as i, B as F, b as c, l as Cr, h as Tr, k as O, e as Br } from "./types-BNUi2DUD.js";
+import { useState as er, useEffect as xr } from "react";
+import { u as Lr } from "./web-B_p0FWHf.js";
+import { L as Rr } from "./LabelText-D7QIWtWj.js";
+import { U as ur } from "./UIcon-BHzbeYWw.js";
+const sr = ({
+  icon: m,
+  iconSize: e,
+  iconState: a,
+  iconColor: o,
+  iconPosition: p,
+  iconMargin: r
+}) => {
+  const [n, d] = er(a);
+  xr(() => {
+    d(a);
+  }, [a]);
+  const R = ar(n, {
+    from: { opacity: 0, transform: "scale(0.6)" },
+    enter: { opacity: 1, transform: "scale(1)" },
+    leave: { opacity: 0, transform: "scale(0.6)" },
+    onRest: () => {
+      (a === f.Success || a !== f.Error) && setTimeout(() => {
+        (n === f.Success || n !== f.Error) && d(f.Icon);
+      }, 3e3);
+    }
+  });
+  return /* @__PURE__ */ l(
+    N,
+    {
+      marginRight: p === h.Left ? r : void 0,
+      marginLeft: p === h.Right ? r : void 0,
+      style: {
+        position: "relative",
+        // [iconMargin === Spacings.Size0 ? "marginRight" : "marginLeft"]: 2,
+        [r === fr.Size0 ? p === h.Left ? "marginRight" : p === h.Right ? "marginLeft" : "" : ""]: 2,
+        // marginRight:
+        //   iconPosition === ButtonIconPositions.Left && !iconMargin ? 3 : "auto",
+        // marginLeft:
+        //   iconPosition === ButtonIconPositions.Right && !iconMargin ? 3 : "auto",
+        // minWidth: iconSize,
+        // maxWidth: iconSize,
+        // minHeight: iconSize,
+        // maxHeight: iconSize,
+        width: e + 3,
+        height: e + 3
+      },
+      children: R((C) => {
+        var u, t, I, T, w, B, E, x, M;
+        return /* @__PURE__ */ l(
+          U,
+          {
+            style: { ...C, position: "absolute", top: "0", left: "0" },
+            children: /* @__PURE__ */ l(
+              ur,
+              {
+                name: a !== f.Icon ? hr[a] : m,
+                colorLight: (t = (u = s[n]) == null ? void 0 : u.icon) != null && t.iconColor ? (T = (I = s[n]) == null ? void 0 : I.icon) == null ? void 0 : T.iconColor : o,
+                colorDark: (B = (w = s[n]) == null ? void 0 : w.icon) != null && B.iconColor ? (x = (E = s[n]) == null ? void 0 : E.icon) == null ? void 0 : x.iconColor : o,
+                size: e,
+                withMargin: !1,
+                cursor: (M = s[n]) != null && M.cursor ? s[n].cursor : dr.Pointer
+              }
+            )
+          }
+        );
+      })
+    }
+  );
+}, Ar = ({
+  name: m,
+  buttonSize: e = Tr.Medium,
+  buttonColor: a = Br.Primary5,
+  buttonState: o = f.Icon,
+  buttonType: p = Cr.Button,
+  buttonStyle: r = O.Filled,
+  buttonShadow: n = mr.Size2,
+  icon: d,
+  // iconSize,
+  iconColor: R = lr.Primary8,
+  iconPosition: C = h.Left,
+  // iconState,
+  animate: u = !0,
+  hover: t,
+  // parentHover,
+  // hoverColor,
+  clickAction: I = () => {
+  }
+}) => {
+  var _, y, W, j, k, A, D, H, J, $, G, P, X, Y, Z, q, K, Q, V, z, b, S;
+  var T = o === f.Disabled;
+  const [w, B] = er(t), [E, x] = Lr({ debounce: 500 }), [M, L] = ir(() => ({
+    y: 0,
+    transform: "scale(1.0)"
+  })), g = u && !T && typeof ((_ = s[o]) == null ? void 0 : _.animation) > "u";
+  return /* @__PURE__ */ v(
+    N,
+    {
+      style: { width: "max-content" },
+      ref: E,
+      onMouseEnter: () => {
+        B(!0);
+      },
+      onMouseLeave: () => {
+        B(!1);
+      },
+      onMouseDown: () => g && L.start({ transform: "scale(0.9)" }),
+      onMouseUp: () => g && L.start({ transform: "scale(1.0)" }),
+      onTouchStart: () => g && L.start({ transform: "scale(0.9)" }),
+      onTouchCancel: () => g && L.start({ transform: "scale(1.0)" }),
+      onTouchEnd: () => g && L.start({ transform: "scale(1.0)" }),
+      children: [
+        t && /* @__PURE__ */ l(
+          Rr,
+          {
+            labelName: m,
+            hover: w,
+            offsetX: x.width / 2,
+            y: x.height
+          }
+        ),
+        /* @__PURE__ */ l(
+          N,
+          {
+            style: g ? M : void 0,
+            children: /* @__PURE__ */ l(
+              cr,
+              {
+                type: p,
+                onClick: I,
+                disabled: T,
+                paddingTop: c[e].paddingTop,
+                paddingBottom: c[e].paddingBottom,
+                paddingLeft: c[e].paddingLeft,
+                paddingRight: c[e].paddingRight,
+                borderRadius: c[e].borderRadius,
+                borderWidth: i[r].border.borderWidth,
+                borderStyle: i[r].border.borderStyle,
+                boxShadow: r && ((y = i[r]) != null && y.shadow) ? i[r].shadow : n,
+                bgColor: r === O.Gray && o === f.Error ? i[r].bgColor : (j = (W = s[o]) == null ? void 0 : W.color) != null && j.bgColor && r !== O.Outlined && r !== O.Plain ? (A = (k = s[o]) == null ? void 0 : k.color) == null ? void 0 : A.bgColor : r && ((D = i[r]) != null && D.bgColor) ? i[r].bgColor : F[a].background,
+                borderColor: (J = (H = s[o]) == null ? void 0 : H.color) != null && J.borderColor ? (G = ($ = s[o]) == null ? void 0 : $.color) == null ? void 0 : G.borderColor : F[a].borderColor,
+                cursor: (P = s[o]) != null && P.cursor ? s[o].cursor : i[r].cursor,
+                children: /* @__PURE__ */ l(
+                  nr,
+                  {
+                    display: gr.Flex,
+                    flexJustifyContent: pr.Center,
+                    flexAlignItem: tr.Center,
+                    children: C === h.Left ? /* @__PURE__ */ v(rr, { children: [
+                      d && /* @__PURE__ */ l(
+                        sr,
+                        {
+                          icon: d,
+                          iconSize: c[e].icon,
+                          iconState: o,
+                          iconColor: R,
+                          iconPosition: C,
+                          iconMargin: c[e].iconMargin
+                        }
+                      ),
+                      m !== "" && !t && /* @__PURE__ */ l(
+                        U,
+                        {
+                          fontSize: c[e].text,
+                          fontWeight: or.Size3,
+                          paletteColor: (Y = (X = s[o]) == null ? void 0 : X.text) != null && Y.color ? (q = (Z = s[o]) == null ? void 0 : Z.text) == null ? void 0 : q.color : r && ((K = i[r]) != null && K.fontColor) ? i[r].fontColor : F[a].text,
+                          className: `name ${d ? "icon-left" : ""}`,
+                          children: m
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ v(rr, { children: [
+                      m !== "" && !t && /* @__PURE__ */ l(
+                        U,
+                        {
+                          fontSize: c[e].text,
+                          fontWeight: or.Size3,
+                          paletteColor: (V = (Q = s[o]) == null ? void 0 : Q.text) != null && V.color ? (b = (z = s[o]) == null ? void 0 : z.text) == null ? void 0 : b.color : r && ((S = i[r]) != null && S.fontColor) ? i[r].fontColor : F[a].text,
+                          className: `name ${d ? "icon-right" : ""}`,
+                          children: m
+                        }
+                      ),
+                      d && /* @__PURE__ */ l(
+                        sr,
+                        {
+                          icon: d,
+                          iconSize: c[e].icon,
+                          iconState: o,
+                          iconColor: R,
+                          iconPosition: C,
+                          iconMargin: c[e].iconMargin
+                        }
+                      )
+                    ] })
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Ar as B
+};

package/dist/Button-rg5gSHcQ.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),V=require("./react-spring_web.modern-W3Nkoq_6.cjs"),m=require("./component-D-EEi7NI.cjs"),z=require("./component-B1mkowwk.cjs"),b=require("./component-FS_2VwVz.cjs"),C=require("./component-Bh3EPTN0.cjs"),oo=require("./generics-DE1oV0MV.cjs"),E=require("./generics-9F1CmKPb.cjs"),S=require("./classes-HsjFV5aN.cjs"),o=require("./types-BnEsY_pc.cjs"),L=require("react"),ro=require("./web-yC_cLoAC.cjs"),eo=require("./LabelText-BUslE9cx.cjs"),so=require("./UIcon-B5rpDmHC.cjs"),Q=({icon:c,iconSize:T,iconState:n,iconColor:e,iconPosition:B,iconMargin:r})=>{const[t,i]=L.useState(n);L.useEffect(()=>{i(n)},[n]);const g=V.useTransition(t,{from:{opacity:0,transform:"scale(0.6)"},enter:{opacity:1,transform:"scale(1)"},leave:{opacity:0,transform:"scale(0.6)"},onRest:()=>{(n===o.ButtonStates.Success||n!==o.ButtonStates.Error)&&setTimeout(()=>{(t===o.ButtonStates.Success||t!==o.ButtonStates.Error)&&i(o.ButtonStates.Icon)},3e3)}});return s.jsx(m.Container,{marginRight:B===o.ButtonIconPositions.Left?r:void 0,marginLeft:B===o.ButtonIconPositions.Right?r:void 0,style:{position:"relative",[r===E.Spacings.Size0?B===o.ButtonIconPositions.Left?"marginRight":B===o.ButtonIconPositions.Right?"marginLeft":"":""]:2,width:T+3,height:T+3},children:g(d=>{var f,a,u,O,h,_,p,N,x;return s.jsx(C.Text_Span,{style:{...d,position:"absolute",top:"0",left:"0"},children:s.jsx(so.UIcon,{name:n!==o.ButtonStates.Icon?o.ButtonStateIcon[n]:c,colorLight:(a=(f=o.BUTTON_STATE[t])==null?void 0:f.icon)!=null&&a.iconColor?(O=(u=o.BUTTON_STATE[t])==null?void 0:u.icon)==null?void 0:O.iconColor:e,colorDark:(_=(h=o.BUTTON_STATE[t])==null?void 0:h.icon)!=null&&_.iconColor?(N=(p=o.BUTTON_STATE[t])==null?void 0:p.icon)==null?void 0:N.iconColor:e,size:T,withMargin:!1,cursor:(x=o.BUTTON_STATE[t])!=null&&x.cursor?o.BUTTON_STATE[t].cursor:E.Cursors.Pointer})})})})},To=({name:c,buttonSize:T=o.ButtonSizes.Medium,buttonColor:n=o.ButtonColors.Primary5,buttonState:e=o.ButtonStates.Icon,buttonType:B=o.ButtonTypes.Button,buttonStyle:r=o.ButtonStyles.Filled,buttonShadow:t=E.BoxShadows.Size2,icon:i,iconColor:g=oo.ColorPalettes.Primary8,iconPosition:d=o.ButtonIconPositions.Left,animate:f=!0,hover:a,clickAction:u=()=>{}})=>{var I,A,j,R,q,Y,w,Z,y,F,M,v,P,W,$,D,k,H,J,G,X,K;var O=e===o.ButtonStates.Disabled;const[h,_]=L.useState(a),[p,N]=ro.useMeasure({debounce:500}),[x,U]=V.useSpring(()=>({y:0,transform:"scale(1.0)"})),l=f&&!O&&typeof((I=o.BUTTON_STATE[e])==null?void 0:I.animation)>"u";return s.jsxs(m.Container,{style:{width:"max-content"},ref:p,onMouseEnter:()=>{_(!0)},onMouseLeave:()=>{_(!1)},onMouseDown:()=>l&&U.start({transform:"scale(0.9)"}),onMouseUp:()=>l&&U.start({transform:"scale(1.0)"}),onTouchStart:()=>l&&U.start({transform:"scale(0.9)"}),onTouchCancel:()=>l&&U.start({transform:"scale(1.0)"}),onTouchEnd:()=>l&&U.start({transform:"scale(1.0)"}),children:[a&&s.jsx(eo.LabelText,{labelName:c,hover:h,offsetX:N.width/2,y:N.height}),s.jsx(m.Container,{style:l?x:void 0,children:s.jsx(b.F__Button,{type:B,onClick:u,disabled:O,paddingTop:o.BUTTON_SIZE[T].paddingTop,paddingBottom:o.BUTTON_SIZE[T].paddingBottom,paddingLeft:o.BUTTON_SIZE[T].paddingLeft,paddingRight:o.BUTTON_SIZE[T].paddingRight,borderRadius:o.BUTTON_SIZE[T].borderRadius,borderWidth:o.BUTTON_STYLE[r].border.borderWidth,borderStyle:o.BUTTON_STYLE[r].border.borderStyle,boxShadow:r&&((A=o.BUTTON_STYLE[r])!=null&&A.shadow)?o.BUTTON_STYLE[r].shadow:t,bgColor:r===o.ButtonStyles.Gray&&e===o.ButtonStates.Error?o.BUTTON_STYLE[r].bgColor:(R=(j=o.BUTTON_STATE[e])==null?void 0:j.color)!=null&&R.bgColor&&r!==o.ButtonStyles.Outlined&&r!==o.ButtonStyles.Plain?(Y=(q=o.BUTTON_STATE[e])==null?void 0:q.color)==null?void 0:Y.bgColor:r&&((w=o.BUTTON_STYLE[r])!=null&&w.bgColor)?o.BUTTON_STYLE[r].bgColor:o.BUTTON_COLORS[n].background,borderColor:(y=(Z=o.BUTTON_STATE[e])==null?void 0:Z.color)!=null&&y.borderColor?(M=(F=o.BUTTON_STATE[e])==null?void 0:F.color)==null?void 0:M.borderColor:o.BUTTON_COLORS[n].borderColor,cursor:(v=o.BUTTON_STATE[e])!=null&&v.cursor?o.BUTTON_STATE[e].cursor:o.BUTTON_STYLE[r].cursor,children:s.jsx(z.Layout,{display:S.Displays.Flex,flexJustifyContent:S.FlexJustifyContents.Center,flexAlignItem:S.FlexAlignItems.Center,children:d===o.ButtonIconPositions.Left?s.jsxs(s.Fragment,{children:[i&&s.jsx(Q,{icon:i,iconSize:o.BUTTON_SIZE[T].icon,iconState:e,iconColor:g,iconPosition:d,iconMargin:o.BUTTON_SIZE[T].iconMargin}),c!==""&&!a&&s.jsx(C.Text_Span,{fontSize:o.BUTTON_SIZE[T].text,fontWeight:E.FontWeights.Size3,paletteColor:(W=(P=o.BUTTON_STATE[e])==null?void 0:P.text)!=null&&W.color?(D=($=o.BUTTON_STATE[e])==null?void 0:$.text)==null?void 0:D.color:r&&((k=o.BUTTON_STYLE[r])!=null&&k.fontColor)?o.BUTTON_STYLE[r].fontColor:o.BUTTON_COLORS[n].text,className:`name ${i?"icon-left":""}`,children:c})]}):s.jsxs(s.Fragment,{children:[c!==""&&!a&&s.jsx(C.Text_Span,{fontSize:o.BUTTON_SIZE[T].text,fontWeight:E.FontWeights.Size3,paletteColor:(J=(H=o.BUTTON_STATE[e])==null?void 0:H.text)!=null&&J.color?(X=(G=o.BUTTON_STATE[e])==null?void 0:G.text)==null?void 0:X.color:r&&((K=o.BUTTON_STYLE[r])!=null&&K.fontColor)?o.BUTTON_STYLE[r].fontColor:o.BUTTON_COLORS[n].text,className:`name ${i?"icon-right":""}`,children:c}),i&&s.jsx(Q,{icon:i,iconSize:o.BUTTON_SIZE[T].icon,iconState:e,iconColor:g,iconPosition:d,iconMargin:o.BUTTON_SIZE[T].iconMargin})]})})})})]})};exports.Button=To;

package/dist/Checkbox-BHpT6PHl.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),d=require("./react-spring_web.modern-W3Nkoq_6.cjs"),o=require("./types-Cj8dOa0j.cjs"),c=require("./classes-HsjFV5aN.cjs"),O=require("./component-B1mkowwk.cjs"),l=require("./component-D-EEi7NI.cjs"),a=({isChecked:r,size:t,checkboxColor:e=o.CheckboxColors.Grey5,onClick:s})=>C.jsx(x,{isChecked:r,checkboxColor:e,onClick:s,children:C.jsx(O.Layout,{display:c.Displays.Flex,flexJustifyContent:c.FlexJustifyContents.Center,flexAlignItem:c.FlexAlignItems.Center,children:C.jsx(b,{isChecked:r,checkboxColor:e,size:t})})}),h={borderStyle:"solid"},x=({isChecked:r,checkboxColor:t=o.CheckboxColors.Grey5,size:e=o.CheckboxSizes.Size3,children:s,onClick:n})=>{const[i,S]=d.useSpring(()=>({borderColor:r?o.CHECKBOX_COLORS[t].borderColor:o.CHECKBOX_COLORS[o.CheckboxColors.Grey5].borderColor}));return S.start({borderColor:r?o.CHECKBOX_COLORS[t].borderColor:o.CHECKBOX_COLORS[o.CheckboxColors.Grey5].borderColor}),C.jsx(l.Container,{onClick:n,borderRadius:o.CHECKBOX_SIZES[e].boxBorderRadius,style:{padding:o.CHECKBOX_SIZES[e].padding,borderWidth:o.CHECKBOX_SIZES[e].borderWidth,...h,...i,width:"max-content",cursor:n?"pointer":"default"},children:s})},b=({isChecked:r,checkboxColor:t=o.CheckboxColors.Grey5,size:e=o.CheckboxSizes.Size3})=>{const[s,n]=d.useSpring(()=>({backgroundColor:r?o.CHECKBOX_COLORS[t].checkedColor:o.CHECKBOX_COLORS[o.CheckboxColors.Grey5].checkedColor,scale:r?1:.8,opacity:r?1:0}));return n.start({backgroundColor:r?o.CHECKBOX_COLORS[t].checkedColor:o.CHECKBOX_COLORS[o.CheckboxColors.Grey5].checkedColor,scale:r?1:.8,opacity:r?1:0}),C.jsx(l.Container,{style:{width:o.CHECKBOX_SIZES[e].checkedColor.w,height:o.CHECKBOX_SIZES[e].checkedColor.h},children:C.jsx(l.Container,{borderRadius:o.CHECKBOX_SIZES[e].checkedBorderRadius,style:{width:o.CHECKBOX_SIZES[e].checkedColor.w,height:o.CHECKBOX_SIZES[e].checkedColor.h,...s},children:C.jsx(C.Fragment,{})})})};exports.Checkbox=a;

package/dist/Checkbox-C29jP71p.js

@@ -0,0 +1,96 @@
+import { jsx as d, Fragment as b } from "react/jsx-runtime";
+import { u as i } from "./react-spring_web.modern-DgQDaJ06.js";
+import { b as a, C as t, a as e, c as C } from "./types-BWsKfOhf.js";
+import { h as p, j as m, b as u } from "./classes-CVxy1f4M.js";
+import { L as f } from "./component-DRXQXr2G.js";
+import { C as c } from "./component-C1Gs4nVu.js";
+const O = ({
+  isChecked: r,
+  size: l,
+  checkboxColor: o = a.Grey5,
+  onClick: s
+}) => /* @__PURE__ */ d(
+  g,
+  {
+    isChecked: r,
+    checkboxColor: o,
+    onClick: s,
+    children: /* @__PURE__ */ d(
+      f,
+      {
+        display: u.Flex,
+        flexJustifyContent: m.Center,
+        flexAlignItem: p.Center,
+        children: /* @__PURE__ */ d(S, { isChecked: r, checkboxColor: o, size: l })
+      }
+    )
+  }
+), x = {
+  borderStyle: "solid"
+}, g = ({
+  isChecked: r,
+  checkboxColor: l = a.Grey5,
+  size: o = C.Size3,
+  children: s,
+  onClick: n
+}) => {
+  const [y, h] = i(() => ({
+    borderColor: r ? t[l].borderColor : t[a.Grey5].borderColor
+  }));
+  return h.start({
+    borderColor: r ? t[l].borderColor : t[a.Grey5].borderColor
+  }), /* @__PURE__ */ d(
+    c,
+    {
+      onClick: n,
+      borderRadius: e[o].boxBorderRadius,
+      style: {
+        padding: e[o].padding,
+        borderWidth: e[o].borderWidth,
+        ...x,
+        ...y,
+        width: "max-content",
+        cursor: n ? "pointer" : "default"
+      },
+      children: s
+    }
+  );
+}, S = ({
+  isChecked: r,
+  checkboxColor: l = a.Grey5,
+  size: o = C.Size3
+}) => {
+  const [s, n] = i(() => ({
+    backgroundColor: r ? t[l].checkedColor : t[a.Grey5].checkedColor,
+    scale: r ? 1 : 0.8,
+    opacity: r ? 1 : 0
+  }));
+  return n.start({
+    backgroundColor: r ? t[l].checkedColor : t[a.Grey5].checkedColor,
+    scale: r ? 1 : 0.8,
+    opacity: r ? 1 : 0
+  }), /* @__PURE__ */ d(
+    c,
+    {
+      style: {
+        width: e[o].checkedColor.w,
+        height: e[o].checkedColor.h
+      },
+      children: /* @__PURE__ */ d(
+        c,
+        {
+          borderRadius: e[o].checkedBorderRadius,
+          style: {
+            width: e[o].checkedColor.w,
+            height: e[o].checkedColor.h,
+            ...s
+          },
+          children: /* @__PURE__ */ d(b, {})
+        }
+      )
+    }
+  );
+};
+export {
+  O as C
+};

package/dist/GlobalEventContext-D9ug9s1O.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const E=require("react/jsx-runtime"),n=require("react"),o=require("./types-BL1gBa8J.cjs"),l=n.createContext({globalEventRef:null,handleGlobalEventRef:()=>{},catchUserAxiosNextApiError:void 0,catchUserAxiosFetcherError:void 0});function v({children:t}){const e=p();return E.jsx(l.Provider,{value:e,children:t})}const d=()=>n.useContext(l);function p(){const t=n.useRef(null),e=n.useCallback((r,s,c)=>{var a;(a=t.current)==null||a.call(t,r,o.TOAST_TYPE[s],c)},[]),u=n.useCallback(r=>{var s;if(r.response){const c=((s=r.response.data)==null?void 0:s.message)||"An error occurred";e(c,o.ToastTypes.Error)}else r.request?e("Could not reach server",o.ToastTypes.Error):e("Could not process your request",o.ToastTypes.Error)},[]),i=n.useCallback(r=>{var s;if(r.response){const c=((s=r.response.data)==null?void 0:s.message)||"An error occurred";e(c,o.ToastTypes.Error)}else r.request?e("Could not reach server",o.ToastTypes.Error):e("Could not process your request",o.ToastTypes.Error)},[]);return{globalEventRef:t,handleGlobalEventRef:e,catchUserAxiosNextApiError:u,catchUserAxiosFetcherError:i}}exports.ProvideGlobalEventContext=v;exports.useGlobalEventContext=d;

package/dist/GlobalEventContext-DUmT3Vay.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as E } from "react/jsx-runtime";
+import { useContext as d, useRef as p, useCallback as c, createContext as v } from "react";
+import { T as x, a as t } from "./types-DmnAtXuW.js";
+const l = v({
+  globalEventRef: null,
+  handleGlobalEventRef: () => {
+  },
+  catchUserAxiosNextApiError: void 0,
+  catchUserAxiosFetcherError: void 0
+});
+function m({
+  children: s
+}) {
+  const e = f();
+  return /* @__PURE__ */ E(l.Provider, { value: e, children: s });
+}
+const b = () => d(l);
+function f() {
+  const s = p(null), e = c(
+    (r, o, n) => {
+      var a;
+      (a = s.current) == null || a.call(s, r, x[o], n);
+    },
+    []
+  ), u = c((r) => {
+    var o;
+    if (r.response) {
+      const n = ((o = r.response.data) == null ? void 0 : o.message) || "An error occurred";
+      e(n, t.Error);
+    } else r.request ? e("Could not reach server", t.Error) : e("Could not process your request", t.Error);
+  }, []), i = c((r) => {
+    var o;
+    if (r.response) {
+      const n = ((o = r.response.data) == null ? void 0 : o.message) || "An error occurred";
+      e(n, t.Error);
+    } else r.request ? e("Could not reach server", t.Error) : e("Could not process your request", t.Error);
+  }, []);
+  return {
+    globalEventRef: s,
+    handleGlobalEventRef: e,
+    catchUserAxiosNextApiError: u,
+    catchUserAxiosFetcherError: i
+  };
+}
+export {
+  m as P,
+  b as u
+};

package/dist/GlobalEventPortal-BIdCGd-m.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),s=require("./types-B3Ew5Ber.cjs"),r=require("react"),u=require("react-dom"),l=require("./types-BhBb436R.cjs"),c=({children:e})=>n.jsx(a,{children:e}),a=({children:e})=>{const[o,t]=r.useState(!1);return r.useEffect(()=>(t(!0),()=>{t(!1)}),[]),o?u.createPortal(e,document.querySelector(l.PORTAL[s.Portals.GlobalEventNotification].id)||document.body):null};exports.GlobalEventPortal=c;

package/dist/GlobalEventPortal-GjfUDr2B.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+import { P as a } from "./types-DamZRbFt.js";
+import { useState as l, useEffect as m } from "react";
+import { createPortal as n } from "react-dom";
+import { P as s } from "./types-DgSz2H9f.js";
+const p = ({ children: t }) => /* @__PURE__ */ e(u, { children: t }), u = ({ children: t }) => {
+  const [r, o] = l(!1);
+  return m(() => (o(!0), () => {
+    o(!1);
+  }), []), r ? n(
+    t,
+    document.querySelector(s[a.GlobalEventNotification].id) || document.body
+  ) : null;
+};
+export {
+  p as G
+};

package/dist/LabelText-BUslE9cx.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("./react-spring_web.modern-W3Nkoq_6.cjs"),a=require("./component-D-EEi7NI.cjs"),l=require("./component-JigdcRMd.cjs"),p=require("./web-yC_cLoAC.cjs"),m=({labelName:o="",offsetX:t=0,y:n=50,x:s=0,hover:e=!1})=>{const[u,r]=p.useMeasure(),d=c.useSpring({opacity:e?1:0,x:s,y:n}),x=c.useSpring({opacity:e?1:0,x:-(r.width/2)+t,y:n});return i.jsx(a.Container,{ref:u,style:t!==0?x:d,children:i.jsx(a.Container,{children:i.jsx(l.Text_P,{children:o})})})};exports.LabelText=m;

package/dist/LabelText-D7QIWtWj.js

@@ -0,0 +1,35 @@
+import { jsx as n } from "react/jsx-runtime";
+import { u as o } from "./react-spring_web.modern-DgQDaJ06.js";
+import { C as e } from "./component-C1Gs4nVu.js";
+import { T as f } from "./component-D0wwK4KY.js";
+import { u } from "./web-B_p0FWHf.js";
+const y = ({
+  labelName: m = "",
+  offsetX: a = 0,
+  y: i = 50,
+  x: r = 0,
+  hover: t = !1
+}) => {
+  const [c, s] = u(), p = o({
+    opacity: t ? 1 : 0,
+    x: r,
+    //why here? lazy to pass to emotion
+    y: i
+  }), d = o({
+    opacity: t ? 1 : 0,
+    // x: (hover && offsetX) ? (-(bounds.width / 2) + offsetX) : (-(bounds.width / 2) + offsetX),
+    x: -(s.width / 2) + a,
+    y: i
+  });
+  return /* @__PURE__ */ n(
+    e,
+    {
+      ref: c,
+      style: a !== 0 ? d : p,
+      children: /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(f, { children: m }) })
+    }
+  );
+};
+export {
+  y as L
+};

package/dist/Modal-BRIYhcOg.cjs

@@ -0,0 +1,3 @@
+"use client";"use strict";const _=require("react/jsx-runtime"),vt=require("./component-B1mkowwk.cjs"),M=require("./classes-HsjFV5aN.cjs"),V=require("./types-Cev70RJC.cjs"),w=require("react"),bt=require("./SpringEnterOffsetBy-BVN6rm57.cjs"),wt=require("./types-B3Ew5Ber.cjs"),Et=require("react-dom"),Tt=require("./types-BhBb436R.cjs"),B=require("./react-spring_web.modern-W3Nkoq_6.cjs"),U=require("./component-D-EEi7NI.cjs"),L=require("./values-C40_Fyfk.cjs"),St=require("./useClickOutsideDOM-Dd6ewH8B.cjs");function At(s,t=()=>{},e="keydown"){const i=n=>{n.key===s&&t()};w.useEffect(()=>(document&&document.addEventListener(e,i,!1),()=>{document&&document.removeEventListener(e,i,!1)}),[e])}const Dt=({children:s})=>{const[t,e]=w.useState(!1);return w.useEffect(()=>(e(!0),()=>{e(!1)}),[]),t?Et.createPortal(s,document.querySelector(Tt.PORTAL[wt.Portals.Modals].id)||document.body):null},It="_modalBgAnimated_o2uzj_11",Ot="_modalCardCopyOriAnimated_o2uzj_18",xt="_wrapperContainer_o2uzj_49",E={modalBgAnimated:It,modalCardCopyOriAnimated:Ot,"no-card":"_no-card_o2uzj_38",wrapperContainer:xt},kt=({isShown:s,modalBackground:t})=>B.useTransition(s,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0}})((i,n)=>n&&_.jsx(U.Container,{className:E.modalBgAnimated,style:{...i,backgroundColor:t?`${L.COLOR_VALUES[t]}${L.COLOR_RGBA_ALPHA[L.ColorRGBAAlphas.Dark3]}`:"#0000007f"}}));function Ct(s,t,e){return Math.max(t,Math.min(s,e))}const h={toVector(s,t){return s===void 0&&(s=t),Array.isArray(s)?s:[s,s]},add(s,t){return[s[0]+t[0],s[1]+t[1]]},sub(s,t){return[s[0]-t[0],s[1]-t[1]]},addTo(s,t){s[0]+=t[0],s[1]+=t[1]},subTo(s,t){s[0]-=t[0],s[1]-=t[1]}};function Y(s,t,e){return t===0||Math.abs(t)===1/0?Math.pow(s,e*5):s*t*e/(t+e*s)}function G(s,t,e,i=.15){return i===0?Ct(s,t,e):s<t?-Y(t-s,e-t,i)+t:s>e?+Y(s-e,e-t,i)+e:s}function Pt(s,[t,e],[i,n]){const[[r,o],[c,l]]=s;return[G(t,r,o,i),G(e,c,l,n)]}function Mt(s,t){if(typeof s!="object"||s===null)return s;var e=s[Symbol.toPrimitive];if(e!==void 0){var i=e.call(s,t);if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(s)}function Lt(s){var t=Mt(s,"string");return typeof t=="symbol"?t:String(t)}function p(s,t,e){return t=Lt(t),t in s?Object.defineProperty(s,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):s[t]=e,s}function $(s,t){var e=Object.keys(s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);t&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(s,n).enumerable})),e.push.apply(e,i)}return e}function f(s){for(var t=1;t<arguments.length;t++){var e=arguments[t]!=null?arguments[t]:{};t%2?$(Object(e),!0).forEach(function(i){p(s,i,e[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(e)):$(Object(e)).forEach(function(i){Object.defineProperty(s,i,Object.getOwnPropertyDescriptor(e,i))})}return s}const it={pointer:{start:"down",change:"move",end:"up"},mouse:{start:"down",change:"move",end:"up"},touch:{start:"start",change:"move",end:"end"},gesture:{start:"start",change:"change",end:"end"}};function W(s){return s?s[0].toUpperCase()+s.slice(1):""}const Nt=["enter","leave"];function jt(s=!1,t){return s&&!Nt.includes(t)}function Rt(s,t="",e=!1){const i=it[s],n=i&&i[t]||t;return"on"+W(s)+W(n)+(jt(e,n)?"Capture":"")}const Vt=["gotpointercapture","lostpointercapture"];function Bt(s){let t=s.substring(2).toLowerCase();const e=!!~t.indexOf("passive");e&&(t=t.replace("passive",""));const i=Vt.includes(t)?"capturecapture":"capture",n=!!~t.indexOf(i);return n&&(t=t.replace("capture","")),{device:t,capture:n,passive:e}}function Ut(s,t=""){const e=it[s],i=e&&e[t]||t;return s+i}function C(s){return"touches"in s}function nt(s){return C(s)?"touch":"pointerType"in s?s.pointerType:"mouse"}function Kt(s){return Array.from(s.touches).filter(t=>{var e,i;return t.target===s.currentTarget||((e=s.currentTarget)===null||e===void 0||(i=e.contains)===null||i===void 0?void 0:i.call(e,t.target))})}function Ht(s){return s.type==="touchend"||s.type==="touchcancel"?s.changedTouches:s.targetTouches}function rt(s){return C(s)?Ht(s)[0]:s}function j(s,t){try{const e=t.clientX-s.clientX,i=t.clientY-s.clientY,n=(t.clientX+s.clientX)/2,r=(t.clientY+s.clientY)/2,o=Math.hypot(e,i);return{angle:-(Math.atan2(e,i)*180)/Math.PI,distance:o,origin:[n,r]}}catch{}return null}function Yt(s){return Kt(s).map(t=>t.identifier)}function q(s,t){const[e,i]=Array.from(s.touches).filter(n=>t.includes(n.identifier));return j(e,i)}function N(s){const t=rt(s);return C(s)?t.identifier:t.pointerId}function z(s){const t=rt(s);return[t.clientX,t.clientY]}const X=40,F=800;function Gt(s){let{deltaX:t,deltaY:e,deltaMode:i}=s;return i===1?(t*=X,e*=X):i===2&&(t*=F,e*=F),[t,e]}function $t(s){const t={};if("buttons"in s&&(t.buttons=s.buttons),"shiftKey"in s){const{shiftKey:e,altKey:i,metaKey:n,ctrlKey:r}=s;Object.assign(t,{shiftKey:e,altKey:i,metaKey:n,ctrlKey:r})}return t}function k(s,...t){return typeof s=="function"?s(...t):s}function Wt(){}function qt(...s){return s.length===0?Wt:s.length===1?s[0]:function(){let t;for(const e of s)t=e.apply(this,arguments)||t;return t}}function J(s,t){return Object.assign({},t,s||{})}const zt=32;class ot{constructor(t,e,i){this.ctrl=t,this.args=e,this.key=i,this.state||(this.state={},this.computeValues([0,0]),this.computeInitial(),this.init&&this.init(),this.reset())}get state(){return this.ctrl.state[this.key]}set state(t){this.ctrl.state[this.key]=t}get shared(){return this.ctrl.state.shared}get eventStore(){return this.ctrl.gestureEventStores[this.key]}get timeoutStore(){return this.ctrl.gestureTimeoutStores[this.key]}get config(){return this.ctrl.config[this.key]}get sharedConfig(){return this.ctrl.config.shared}get handler(){return this.ctrl.handlers[this.key]}reset(){const{state:t,shared:e,ingKey:i,args:n}=this;e[i]=t._active=t.active=t._blocked=t._force=!1,t._step=[!1,!1],t.intentional=!1,t._movement=[0,0],t._distance=[0,0],t._direction=[0,0],t._delta=[0,0],t._bounds=[[-1/0,1/0],[-1/0,1/0]],t.args=n,t.axis=void 0,t.memo=void 0,t.elapsedTime=t.timeDelta=0,t.direction=[0,0],t.distance=[0,0],t.overflow=[0,0],t._movementBound=[!1,!1],t.velocity=[0,0],t.movement=[0,0],t.delta=[0,0],t.timeStamp=0}start(t){const e=this.state,i=this.config;e._active||(this.reset(),this.computeInitial(),e._active=!0,e.target=t.target,e.currentTarget=t.currentTarget,e.lastOffset=i.from?k(i.from,e):e.offset,e.offset=e.lastOffset,e.startTime=e.timeStamp=t.timeStamp)}computeValues(t){const e=this.state;e._values=t,e.values=this.config.transform(t)}computeInitial(){const t=this.state;t._initial=t._values,t.initial=t.values}compute(t){const{state:e,config:i,shared:n}=this;e.args=this.args;let r=0;if(t&&(e.event=t,i.preventDefault&&t.cancelable&&e.event.preventDefault(),e.type=t.type,n.touches=this.ctrl.pointerIds.size||this.ctrl.touchIds.size,n.locked=!!document.pointerLockElement,Object.assign(n,$t(t)),n.down=n.pressed=n.buttons%2===1||n.touches>0,r=t.timeStamp-e.timeStamp,e.timeStamp=t.timeStamp,e.elapsedTime=e.timeStamp-e.startTime),e._active){const y=e._delta.map(Math.abs);h.addTo(e._distance,y)}this.axisIntent&&this.axisIntent(t);const[o,c]=e._movement,[l,u]=i.threshold,{_step:a,values:m}=e;if(i.hasCustomTransform?(a[0]===!1&&(a[0]=Math.abs(o)>=l&&m[0]),a[1]===!1&&(a[1]=Math.abs(c)>=u&&m[1])):(a[0]===!1&&(a[0]=Math.abs(o)>=l&&Math.sign(o)*l),a[1]===!1&&(a[1]=Math.abs(c)>=u&&Math.sign(c)*u)),e.intentional=a[0]!==!1||a[1]!==!1,!e.intentional)return;const d=[0,0];if(i.hasCustomTransform){const[y,yt]=m;d[0]=a[0]!==!1?y-a[0]:0,d[1]=a[1]!==!1?yt-a[1]:0}else d[0]=a[0]!==!1?o-a[0]:0,d[1]=a[1]!==!1?c-a[1]:0;this.restrictToAxis&&!e._blocked&&this.restrictToAxis(d);const A=e.offset,D=e._active&&!e._blocked||e.active;D&&(e.first=e._active&&!e.active,e.last=!e._active&&e.active,e.active=n[this.ingKey]=e._active,t&&(e.first&&("bounds"in i&&(e._bounds=k(i.bounds,e)),this.setup&&this.setup()),e.movement=d,this.computeOffset()));const[I,O]=e.offset,[[P,pt],[mt,gt]]=e._bounds;e.overflow=[I<P?-1:I>pt?1:0,O<mt?-1:O>gt?1:0],e._movementBound[0]=e.overflow[0]?e._movementBound[0]===!1?e._movement[0]:e._movementBound[0]:!1,e._movementBound[1]=e.overflow[1]?e._movementBound[1]===!1?e._movement[1]:e._movementBound[1]:!1;const _t=e._active?i.rubberband||[0,0]:[0,0];if(e.offset=Pt(e._bounds,e.offset,_t),e.delta=h.sub(e.offset,A),this.computeMovement(),D&&(!e.last||r>zt)){e.delta=h.sub(e.offset,A);const y=e.delta.map(Math.abs);h.addTo(e.distance,y),e.direction=e.delta.map(Math.sign),e._direction=e._delta.map(Math.sign),!e.first&&r>0&&(e.velocity=[y[0]/r,y[1]/r],e.timeDelta=r)}}emit(){const t=this.state,e=this.shared,i=this.config;if(t._active||this.clean(),(t._blocked||!t.intentional)&&!t._force&&!i.triggerAllEvents)return;const n=this.handler(f(f(f({},e),t),{},{[this.aliasKey]:t.values}));n!==void 0&&(t.memo=n)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function Xt([s,t],e){const i=Math.abs(s),n=Math.abs(t);if(i>n&&i>e)return"x";if(n>i&&n>e)return"y"}class Ft extends ot{constructor(...t){super(...t),p(this,"aliasKey","xy")}reset(){super.reset(),this.state.axis=void 0}init(){this.state.offset=[0,0],this.state.lastOffset=[0,0]}computeOffset(){this.state.offset=h.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=h.sub(this.state.offset,this.state.lastOffset)}axisIntent(t){const e=this.state,i=this.config;if(!e.axis&&t){const n=typeof i.axisThreshold=="object"?i.axisThreshold[nt(t)]:i.axisThreshold;e.axis=Xt(e._movement,n)}e._blocked=(i.lockDirection||!!i.axis)&&!e.axis||!!i.axis&&i.axis!==e.axis}restrictToAxis(t){if(this.config.axis||this.config.lockDirection)switch(this.state.axis){case"x":t[1]=0;break;case"y":t[0]=0;break}}}const Q=s=>s,Z=.15,K={enabled(s=!0){return s},eventOptions(s,t,e){return f(f({},e.shared.eventOptions),s)},preventDefault(s=!1){return s},triggerAllEvents(s=!1){return s},rubberband(s=0){switch(s){case!0:return[Z,Z];case!1:return[0,0];default:return h.toVector(s)}},from(s){if(typeof s=="function")return s;if(s!=null)return h.toVector(s)},transform(s,t,e){const i=s||e.shared.transform;if(this.hasCustomTransform=!!i,process.env.NODE_ENV==="development"){const n=i||Q;return r=>{const o=n(r);return(!isFinite(o[0])||!isFinite(o[1]))&&console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${o[0]},${[1]}]`),o}}return i||Q},threshold(s){return h.toVector(s,0)}};process.env.NODE_ENV==="development"&&Object.assign(K,{domTarget(s){if(s!==void 0)throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");return NaN},lockDirection(s){if(s!==void 0)throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");return NaN},initial(s){if(s!==void 0)throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");return NaN}});const Jt=0,T=f(f({},K),{},{axis(s,t,{axis:e}){if(this.lockDirection=e==="lock",!this.lockDirection)return e},axisThreshold(s=Jt){return s},bounds(s={}){if(typeof s=="function")return r=>T.bounds(s(r));if("current"in s)return()=>s.current;if(typeof HTMLElement=="function"&&s instanceof HTMLElement)return s;const{left:t=-1/0,right:e=1/0,top:i=-1/0,bottom:n=1/0}=s;return[[t,e],[i,n]]}}),tt={ArrowRight:(s,t=1)=>[s*t,0],ArrowLeft:(s,t=1)=>[-1*s*t,0],ArrowUp:(s,t=1)=>[0,-1*s*t],ArrowDown:(s,t=1)=>[0,s*t]};class Qt extends Ft{constructor(...t){super(...t),p(this,"ingKey","dragging")}reset(){super.reset();const t=this.state;t._pointerId=void 0,t._pointerActive=!1,t._keyboardActive=!1,t._preventScroll=!1,t._delayed=!1,t.swipe=[0,0],t.tap=!1,t.canceled=!1,t.cancel=this.cancel.bind(this)}setup(){const t=this.state;if(t._bounds instanceof HTMLElement){const e=t._bounds.getBoundingClientRect(),i=t.currentTarget.getBoundingClientRect(),n={left:e.left-i.left+t.offset[0],right:e.right-i.right+t.offset[0],top:e.top-i.top+t.offset[1],bottom:e.bottom-i.bottom+t.offset[1]};t._bounds=T.bounds(n)}}cancel(){const t=this.state;t.canceled||(t.canceled=!0,t._active=!1,setTimeout(()=>{this.compute(),this.emit()},0))}setActive(){this.state._active=this.state._pointerActive||this.state._keyboardActive}clean(){this.pointerClean(),this.state._pointerActive=!1,this.state._keyboardActive=!1,super.clean()}pointerDown(t){const e=this.config,i=this.state;if(t.buttons!=null&&(Array.isArray(e.pointerButtons)?!e.pointerButtons.includes(t.buttons):e.pointerButtons!==-1&&e.pointerButtons!==t.buttons))return;const n=this.ctrl.setEventIds(t);e.pointerCapture&&t.target.setPointerCapture(t.pointerId),!(n&&n.size>1&&i._pointerActive)&&(this.start(t),this.setupPointer(t),i._pointerId=N(t),i._pointerActive=!0,this.computeValues(z(t)),this.computeInitial(),e.preventScrollAxis&&nt(t)!=="mouse"?(i._active=!1,this.setupScrollPrevention(t)):e.delay>0?(this.setupDelayTrigger(t),e.triggerAllEvents&&(this.compute(t),this.emit())):this.startPointerDrag(t))}startPointerDrag(t){const e=this.state;e._active=!0,e._preventScroll=!0,e._delayed=!1,this.compute(t),this.emit()}pointerMove(t){const e=this.state,i=this.config;if(!e._pointerActive)return;const n=N(t);if(e._pointerId!==void 0&&n!==e._pointerId)return;const r=z(t);if(document.pointerLockElement===t.target?e._delta=[t.movementX,t.movementY]:(e._delta=h.sub(r,e._values),this.computeValues(r)),h.addTo(e._movement,e._delta),this.compute(t),e._delayed&&e.intentional){this.timeoutStore.remove("dragDelay"),e.active=!1,this.startPointerDrag(t);return}if(i.preventScrollAxis&&!e._preventScroll)if(e.axis)if(e.axis===i.preventScrollAxis||i.preventScrollAxis==="xy"){e._active=!1,this.clean();return}else{this.timeoutStore.remove("startPointerDrag"),this.startPointerDrag(t);return}else return;this.emit()}pointerUp(t){this.ctrl.setEventIds(t);try{this.config.pointerCapture&&t.target.hasPointerCapture(t.pointerId)&&t.target.releasePointerCapture(t.pointerId)}catch{process.env.NODE_ENV==="development"&&console.warn("[@use-gesture]: If you see this message, it's likely that you're using an outdated version of `@react-three/fiber`. \n\nPlease upgrade to the latest version.")}const e=this.state,i=this.config;if(!e._active||!e._pointerActive)return;const n=N(t);if(e._pointerId!==void 0&&n!==e._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(t);const[r,o]=e._distance;if(e.tap=r<=i.tapsThreshold&&o<=i.tapsThreshold,e.tap&&i.filterTaps)e._force=!0;else{const[c,l]=e._delta,[u,a]=e._movement,[m,d]=i.swipe.velocity,[A,D]=i.swipe.distance,I=i.swipe.duration;if(e.elapsedTime<I){const O=Math.abs(c/e.timeDelta),P=Math.abs(l/e.timeDelta);O>m&&Math.abs(u)>A&&(e.swipe[0]=Math.sign(c)),P>d&&Math.abs(a)>D&&(e.swipe[1]=Math.sign(l))}}this.emit()}pointerClick(t){!this.state.tap&&t.detail>0&&(t.preventDefault(),t.stopPropagation())}setupPointer(t){const e=this.config,i=e.device;if(process.env.NODE_ENV==="development")try{if(i==="pointer"&&e.preventScrollDelay===void 0){const n="uv"in t?t.sourceEvent.currentTarget:t.currentTarget;window.getComputedStyle(n).touchAction==="auto"&&console.warn("[@use-gesture]: The drag target has its `touch-action` style property set to `auto`. It is recommended to add `touch-action: 'none'` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.",n)}}catch{}e.pointerLock&&t.currentTarget.requestPointerLock(),e.pointerCapture||(this.eventStore.add(this.sharedConfig.window,i,"change",this.pointerMove.bind(this)),this.eventStore.add(this.sharedConfig.window,i,"end",this.pointerUp.bind(this)),this.eventStore.add(this.sharedConfig.window,i,"cancel",this.pointerUp.bind(this)))}pointerClean(){this.config.pointerLock&&document.pointerLockElement===this.state.currentTarget&&document.exitPointerLock()}preventScroll(t){this.state._preventScroll&&t.cancelable&&t.preventDefault()}setupScrollPrevention(t){this.state._preventScroll=!1,Zt(t);const e=this.eventStore.add(this.sharedConfig.window,"touch","change",this.preventScroll.bind(this),{passive:!1});this.eventStore.add(this.sharedConfig.window,"touch","end",e),this.eventStore.add(this.sharedConfig.window,"touch","cancel",e),this.timeoutStore.add("startPointerDrag",this.startPointerDrag.bind(this),this.config.preventScrollDelay,t)}setupDelayTrigger(t){this.state._delayed=!0,this.timeoutStore.add("dragDelay",()=>{this.state._step=[0,0],this.startPointerDrag(t)},this.config.delay)}keyDown(t){const e=tt[t.key];if(e){const i=this.state,n=t.shiftKey?10:t.altKey?.1:1;this.start(t),i._delta=e(this.config.keyboardDisplacement,n),i._keyboardActive=!0,h.addTo(i._movement,i._delta),this.compute(t),this.emit()}}keyUp(t){t.key in tt&&(this.state._keyboardActive=!1,this.setActive(),this.compute(t),this.emit())}bind(t){const e=this.config.device;t(e,"start",this.pointerDown.bind(this)),this.config.pointerCapture&&(t(e,"change",this.pointerMove.bind(this)),t(e,"end",this.pointerUp.bind(this)),t(e,"cancel",this.pointerUp.bind(this)),t("lostPointerCapture","",this.pointerUp.bind(this))),this.config.keys&&(t("key","down",this.keyDown.bind(this)),t("key","up",this.keyUp.bind(this))),this.config.filterTaps&&t("click","",this.pointerClick.bind(this),{capture:!0,passive:!1})}}function Zt(s){"persist"in s&&typeof s.persist=="function"&&s.persist()}const S=typeof window<"u"&&window.document&&window.document.createElement;function at(){return S&&"ontouchstart"in window}function te(){return at()||S&&window.navigator.maxTouchPoints>1}function ee(){return S&&"onpointerdown"in window}function se(){return S&&"exitPointerLock"in window.document}function ie(){try{return"constructor"in GestureEvent}catch{return!1}}const g={isBrowser:S,gesture:ie(),touch:at(),touchscreen:te(),pointer:ee(),pointerLock:se()},ne=250,re=180,oe=.5,ae=50,ce=250,ue=10,et={mouse:0,touch:0,pen:8},ct=f(f({},T),{},{device(s,t,{pointer:{touch:e=!1,lock:i=!1,mouse:n=!1}={}}){return this.pointerLock=i&&g.pointerLock,g.touch&&e?"touch":this.pointerLock?"mouse":g.pointer&&!n?"pointer":g.touch?"touch":"mouse"},preventScrollAxis(s,t,{preventScroll:e}){if(this.preventScrollDelay=typeof e=="number"?e:e||e===void 0&&s?ne:void 0,!(!g.touchscreen||e===!1))return s||(e!==void 0?"y":void 0)},pointerCapture(s,t,{pointer:{capture:e=!0,buttons:i=1,keys:n=!0}={}}){return this.pointerButtons=i,this.keys=n,!this.pointerLock&&this.device==="pointer"&&e},threshold(s,t,{filterTaps:e=!1,tapsThreshold:i=3,axis:n=void 0}){const r=h.toVector(s,e?i:n?1:0);return this.filterTaps=e,this.tapsThreshold=i,r},swipe({velocity:s=oe,distance:t=ae,duration:e=ce}={}){return{velocity:this.transform(h.toVector(s)),distance:this.transform(h.toVector(t)),duration:e}},delay(s=0){switch(s){case!0:return re;case!1:return 0;default:return s}},axisThreshold(s){return s?f(f({},et),s):et},keyboardDisplacement(s=ue){return s}});process.env.NODE_ENV==="development"&&Object.assign(ct,{useTouch(s){if(s!==void 0)throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");return NaN},experimental_preventWindowScrollY(s){if(s!==void 0)throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");return NaN},swipeVelocity(s){if(s!==void 0)throw Error("[@use-gesture]: `swipeVelocity` option has been renamed to `swipe.velocity`. Use it as in `{ swipe: { velocity: 0.5 } }`.");return NaN},swipeDistance(s){if(s!==void 0)throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");return NaN},swipeDuration(s){if(s!==void 0)throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");return NaN}});function le(s){const[t,e]=s.overflow,[i,n]=s._delta,[r,o]=s._direction;(t<0&&i>0&&r<0||t>0&&i<0&&r>0)&&(s._movement[0]=s._movementBound[0]),(e<0&&n>0&&o<0||e>0&&n<0&&o>0)&&(s._movement[1]=s._movementBound[1])}const fe=30,he=100;class de extends ot{constructor(...t){super(...t),p(this,"ingKey","pinching"),p(this,"aliasKey","da")}init(){this.state.offset=[1,0],this.state.lastOffset=[1,0],this.state._pointerEvents=new Map}reset(){super.reset();const t=this.state;t._touchIds=[],t.canceled=!1,t.cancel=this.cancel.bind(this),t.turns=0}computeOffset(){const{type:t,movement:e,lastOffset:i}=this.state;t==="wheel"?this.state.offset=h.add(e,i):this.state.offset=[(1+e[0])*i[0],e[1]+i[1]]}computeMovement(){const{offset:t,lastOffset:e}=this.state;this.state.movement=[t[0]/e[0],t[1]-e[1]]}axisIntent(){const t=this.state,[e,i]=t._movement;if(!t.axis){const n=Math.abs(e)*fe-Math.abs(i);n<0?t.axis="angle":n>0&&(t.axis="scale")}}restrictToAxis(t){this.config.lockDirection&&(this.state.axis==="scale"?t[1]=0:this.state.axis==="angle"&&(t[0]=0))}cancel(){const t=this.state;t.canceled||setTimeout(()=>{t.canceled=!0,t._active=!1,this.compute(),this.emit()},0)}touchStart(t){this.ctrl.setEventIds(t);const e=this.state,i=this.ctrl.touchIds;if(e._active&&e._touchIds.every(r=>i.has(r))||i.size<2)return;this.start(t),e._touchIds=Array.from(i).slice(0,2);const n=q(t,e._touchIds);n&&this.pinchStart(t,n)}pointerStart(t){if(t.buttons!=null&&t.buttons%2!==1)return;this.ctrl.setEventIds(t),t.target.setPointerCapture(t.pointerId);const e=this.state,i=e._pointerEvents,n=this.ctrl.pointerIds;if(e._active&&Array.from(i.keys()).every(o=>n.has(o))||(i.size<2&&i.set(t.pointerId,t),e._pointerEvents.size<2))return;this.start(t);const r=j(...Array.from(i.values()));r&&this.pinchStart(t,r)}pinchStart(t,e){const i=this.state;i.origin=e.origin,this.computeValues([e.distance,e.angle]),this.computeInitial(),this.compute(t),this.emit()}touchMove(t){if(!this.state._active)return;const e=q(t,this.state._touchIds);e&&this.pinchMove(t,e)}pointerMove(t){const e=this.state._pointerEvents;if(e.has(t.pointerId)&&e.set(t.pointerId,t),!this.state._active)return;const i=j(...Array.from(e.values()));i&&this.pinchMove(t,i)}pinchMove(t,e){const i=this.state,n=i._values[1],r=e.angle-n;let o=0;Math.abs(r)>270&&(o+=Math.sign(r)),this.computeValues([e.distance,e.angle-360*o]),i.origin=e.origin,i.turns=o,i._movement=[i._values[0]/i._initial[0]-1,i._values[1]-i._initial[1]],this.compute(t),this.emit()}touchEnd(t){this.ctrl.setEventIds(t),this.state._active&&this.state._touchIds.some(e=>!this.ctrl.touchIds.has(e))&&(this.state._active=!1,this.compute(t),this.emit())}pointerEnd(t){const e=this.state;this.ctrl.setEventIds(t);try{t.target.releasePointerCapture(t.pointerId)}catch{}e._pointerEvents.has(t.pointerId)&&e._pointerEvents.delete(t.pointerId),e._active&&e._pointerEvents.size<2&&(e._active=!1,this.compute(t),this.emit())}gestureStart(t){t.cancelable&&t.preventDefault();const e=this.state;e._active||(this.start(t),this.computeValues([t.scale,t.rotation]),e.origin=[t.clientX,t.clientY],this.compute(t),this.emit())}gestureMove(t){if(t.cancelable&&t.preventDefault(),!this.state._active)return;const e=this.state;this.computeValues([t.scale,t.rotation]),e.origin=[t.clientX,t.clientY];const i=e._movement;e._movement=[t.scale-1,t.rotation],e._delta=h.sub(e._movement,i),this.compute(t),this.emit()}gestureEnd(t){this.state._active&&(this.state._active=!1,this.compute(t),this.emit())}wheel(t){const e=this.config.modifierKey;e&&(Array.isArray(e)?!e.find(i=>t[i]):!t[e])||(this.state._active?this.wheelChange(t):this.wheelStart(t),this.timeoutStore.add("wheelEnd",this.wheelEnd.bind(this)))}wheelStart(t){this.start(t),this.wheelChange(t)}wheelChange(t){"uv"in t||(t.cancelable&&t.preventDefault(),process.env.NODE_ENV==="development"&&!t.defaultPrevented&&console.warn("[@use-gesture]: To properly support zoom on trackpads, try using the `target` option.\n\nThis message will only appear in development mode."));const i=this.state;i._delta=[-Gt(t)[1]/he*i.offset[0],0],h.addTo(i._movement,i._delta),le(i),this.state.origin=[t.clientX,t.clientY],this.compute(t),this.emit()}wheelEnd(){this.state._active&&(this.state._active=!1,this.compute(),this.emit())}bind(t){const e=this.config.device;e&&(t(e,"start",this[e+"Start"].bind(this)),t(e,"change",this[e+"Move"].bind(this)),t(e,"end",this[e+"End"].bind(this)),t(e,"cancel",this[e+"End"].bind(this)),t("lostPointerCapture","",this[e+"End"].bind(this))),this.config.pinchOnWheel&&t("wheel","",this.wheel.bind(this),{passive:!1})}}const pe=f(f({},K),{},{device(s,t,{shared:e,pointer:{touch:i=!1}={}}){if(e.target&&!g.touch&&g.gesture)return"gesture";if(g.touch&&i)return"touch";if(g.touchscreen){if(g.pointer)return"pointer";if(g.touch)return"touch"}},bounds(s,t,{scaleBounds:e={},angleBounds:i={}}){const n=o=>{const c=J(k(e,o),{min:-1/0,max:1/0});return[c.min,c.max]},r=o=>{const c=J(k(i,o),{min:-1/0,max:1/0});return[c.min,c.max]};return typeof e!="function"&&typeof i!="function"?[n(),r()]:o=>[n(o),r(o)]},threshold(s,t,e){return this.lockDirection=e.axis==="lock",h.toVector(s,this.lockDirection?[.1,3]:0)},modifierKey(s){return s===void 0?"ctrlKey":s},pinchOnWheel(s=!0){return s}});f(f({},T),{},{mouseOnly:(s=!0)=>s});f(f({},T),{},{mouseOnly:(s=!0)=>s});const H=new Map,R=new Map;function ut(s){H.set(s.key,s.engine),R.set(s.key,s.resolver)}const lt={key:"drag",engine:Qt,resolver:ct},me={key:"pinch",engine:de,resolver:pe};function ge(s,t){if(s==null)return{};var e={},i=Object.keys(s),n,r;for(r=0;r<i.length;r++)n=i[r],!(t.indexOf(n)>=0)&&(e[n]=s[n]);return e}function _e(s,t){if(s==null)return{};var e=ge(s,t),i,n;if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(s);for(n=0;n<r.length;n++)i=r[n],!(t.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(s,i)&&(e[i]=s[i])}return e}const ye={target(s){if(s)return()=>"current"in s?s.current:s},enabled(s=!0){return s},window(s=g.isBrowser?window:void 0){return s},eventOptions({passive:s=!0,capture:t=!1}={}){return{passive:s,capture:t}},transform(s){return s}},ve=["target","eventOptions","window","enabled","transform"];function x(s={},t){const e={};for(const[i,n]of Object.entries(t))switch(typeof n){case"function":if(process.env.NODE_ENV==="development"){const r=n.call(e,s[i],i,s);Number.isNaN(r)||(e[i]=r)}else e[i]=n.call(e,s[i],i,s);break;case"object":e[i]=x(s[i],n);break;case"boolean":n&&(e[i]=s[i]);break}return e}function be(s,t,e={}){const i=s,{target:n,eventOptions:r,window:o,enabled:c,transform:l}=i,u=_e(i,ve);if(e.shared=x({target:n,eventOptions:r,window:o,enabled:c,transform:l},ye),t){const a=R.get(t);e[t]=x(f({shared:e.shared},u),a)}else for(const a in u){const m=R.get(a);if(m)e[a]=x(f({shared:e.shared},u[a]),m);else if(process.env.NODE_ENV==="development"&&!["drag","pinch","scroll","wheel","move","hover"].includes(a)){if(a==="domTarget")throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");console.warn(`[@use-gesture]: Unknown config key \`${a}\` was used. Please read the documentation for further information.`)}}return e}class ft{constructor(t,e){p(this,"_listeners",new Set),this._ctrl=t,this._gestureKey=e}add(t,e,i,n,r){const o=this._listeners,c=Ut(e,i),l=this._gestureKey?this._ctrl.config[this._gestureKey].eventOptions:{},u=f(f({},l),r);t.addEventListener(c,n,u);const a=()=>{t.removeEventListener(c,n,u),o.delete(a)};return o.add(a),a}clean(){this._listeners.forEach(t=>t()),this._listeners.clear()}}class we{constructor(){p(this,"_timeouts",new Map)}add(t,e,i=140,...n){this.remove(t),this._timeouts.set(t,window.setTimeout(e,i,...n))}remove(t){const e=this._timeouts.get(t);e&&window.clearTimeout(e)}clean(){this._timeouts.forEach(t=>void window.clearTimeout(t)),this._timeouts.clear()}}class Ee{constructor(t){p(this,"gestures",new Set),p(this,"_targetEventStore",new ft(this)),p(this,"gestureEventStores",{}),p(this,"gestureTimeoutStores",{}),p(this,"handlers",{}),p(this,"config",{}),p(this,"pointerIds",new Set),p(this,"touchIds",new Set),p(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),Te(this,t)}setEventIds(t){if(C(t))return this.touchIds=new Set(Yt(t)),this.touchIds;if("pointerId"in t)return t.type==="pointerup"||t.type==="pointercancel"?this.pointerIds.delete(t.pointerId):t.type==="pointerdown"&&this.pointerIds.add(t.pointerId),this.pointerIds}applyHandlers(t,e){this.handlers=t,this.nativeHandlers=e}applyConfig(t,e){this.config=be(t,e,this.config)}clean(){this._targetEventStore.clean();for(const t of this.gestures)this.gestureEventStores[t].clean(),this.gestureTimeoutStores[t].clean()}effect(){return this.config.shared.target&&this.bind(),()=>this._targetEventStore.clean()}bind(...t){const e=this.config.shared,i={};let n;if(!(e.target&&(n=e.target(),!n))){if(e.enabled){for(const o of this.gestures){const c=this.config[o],l=st(i,c.eventOptions,!!n);if(c.enabled){const u=H.get(o);new u(this,t,o).bind(l)}}const r=st(i,e.eventOptions,!!n);for(const o in this.nativeHandlers)r(o,"",c=>this.nativeHandlers[o](f(f({},this.state.shared),{},{event:c,args:t})),void 0,!0)}for(const r in i)i[r]=qt(...i[r]);if(!n)return i;for(const r in i){const{device:o,capture:c,passive:l}=Bt(r);this._targetEventStore.add(n,o,"",i[r],{capture:c,passive:l})}}}}function v(s,t){s.gestures.add(t),s.gestureEventStores[t]=new ft(s,t),s.gestureTimeoutStores[t]=new we}function Te(s,t){t.drag&&v(s,"drag"),t.wheel&&v(s,"wheel"),t.scroll&&v(s,"scroll"),t.move&&v(s,"move"),t.pinch&&v(s,"pinch"),t.hover&&v(s,"hover")}const st=(s,t,e)=>(i,n,r,o={},c=!1)=>{var l,u;const a=(l=o.capture)!==null&&l!==void 0?l:t.capture,m=(u=o.passive)!==null&&u!==void 0?u:t.passive;let d=c?i:Rt(i,n,a);e&&m&&(d+="Passive"),s[d]=s[d]||[],s[d].push(r)},Se=/^on(Drag|Wheel|Scroll|Move|Pinch|Hover)/;function Ae(s){const t={},e={},i=new Set;for(let n in s)Se.test(n)?(i.add(RegExp.lastMatch),e[n]=s[n]):t[n]=s[n];return[e,t,i]}function b(s,t,e,i,n,r){if(!s.has(e))return;if(!H.has(i)){process.env.NODE_ENV==="development"&&console.warn(`[@use-gesture]: You've created a custom handler that that uses the \`${i}\` gesture but isn't properly configured.
+
+Please add \`${i}Action\` when creating your handler.`);return}const o=e+"Start",c=e+"End",l=u=>{let a;return u.first&&o in t&&t[o](u),e in t&&(a=t[e](u)),u.last&&c in t&&t[c](u),a};n[i]=l,r[i]=r[i]||{}}function De(s,t){const[e,i,n]=Ae(s),r={};return b(n,e,"onDrag","drag",r,t),b(n,e,"onWheel","wheel",r,t),b(n,e,"onScroll","scroll",r,t),b(n,e,"onPinch","pinch",r,t),b(n,e,"onMove","move",r,t),b(n,e,"onHover","hover",r,t),{handlers:r,config:t,nativeHandlers:i}}function ht(s,t={},e,i){const n=w.useMemo(()=>new Ee(s),[]);if(n.applyHandlers(s,i),n.applyConfig(t,e),w.useEffect(n.effect.bind(n)),w.useEffect(()=>n.clean.bind(n),[]),t.target===void 0)return n.bind.bind(n)}function dt(s,t){return ut(lt),ht({drag:s},t||{},"drag")}function Ie(s){return s.forEach(ut),function(e,i){const{handlers:n,nativeHandlers:r,config:o}=De(e,i||{});return ht(n,o,void 0,r)}}const Oe=({closeModal:s,modalStyles:t,children:e})=>{const i=St.useClickOutsideDOM(()=>s()),[n,r]=B.useSpring(()=>({y:0})),o=dt(({velocity:[,c],last:l,down:u,movement:[,a],cancel:m,type:d})=>{typeof d=="string"&&(d.includes("pointer")||d.includes("mouse"))||(l&&c<.3?m():l&&c>.3&&s(),a<-.001?m():a>450&&s(),r.start({y:u?a:0,immediate:u}))},{axis:"y",filterTaps:!0,pointer:{touch:!0}});return _.jsx(U.Container,{className:t===V.ModalStyles.Nocard?`${E.modalCardCopyOriAnimated} ${E["no-card"]}`:`${E.modalCardCopyOriAnimated}`,...o(),style:{...n,touchAction:"none"},ref:i,children:e})},xe=({isShown:s,children:t})=>B.useTransition(s,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0}})((i,n)=>n&&_.jsx(U.Container,{className:E.wrapperContainer,style:i,children:t})),ke=({showModal:s,closeModal:t,modalStyles:e=V.ModalStyles.Default,modalBackground:i,children:n})=>(At("Escape",()=>{t()}),_.jsx(Ce,{closeModal:t,showModal:s,modalStyles:e,modalBackground:i,children:n})),Ce=({showModal:s,closeModal:t,children:e,modalStyles:i=V.ModalStyles.Default,modalBackground:n})=>_.jsx(Dt,{children:_.jsxs(xe,{isShown:s,children:[_.jsx(kt,{isShown:s,modalBackground:n}),_.jsx(bt.SpringEnterOffsetBy,{direction:"vertical",isShown:s,enterOffsetBy:3,children:_.jsx(vt.Layout,{display:M.Displays.Flex,flexJustifyContent:M.FlexJustifyContents.Center,flexAlignItem:M.FlexAlignItems.FlexStart,style:{position:"absolute",minHeight:"100vh",minWidth:"100%",top:0},children:_.jsx(Oe,{closeModal:t,modalStyles:i,children:e})})})]})});exports.Modal=ke;exports.createUseGesture=Ie;exports.dragAction=lt;exports.pinchAction=me;exports.useDrag=dt;