@intlayer/design-system 2.0.13 → 3.0.0

package/dist/components/Navbar/MobileNavbar.cjs.js

@@ -1,9 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),p=require("react"),f=require("../../hooks/useScrollBlockage/index.cjs.js"),j=require("../../hooks/useScrollDetection.cjs.js"),S=require("../MaxHeightSmoother/index.cjs.js"),R=require("./Burger.cjs.js"),C=require("./useNavigation.cjs.js"),m=require("../../motion-minimal-CwdK8lup.cjs"),E={open:{y:0,opacity:1,transition:{y:{stiffness:1e3,velocity:-100}}},closed:{y:50,opacity:0,transition:{y:{stiffness:1e3}}}},_={open:{transition:{staggerChildren:.07,delayChildren:.2}},closed:{transition:{staggerChildren:.05,staggerDirection:-1}}},D=r.pt(m.m.div)`
-  ${{width:"100%",cursor:"pointer",padding:"0.75rem",textAlign:"center",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms","&:hover":{"--tw-text-opacity":"1",color:"rgba(232, 121, 249, var(--tw-text-opacity))"},'&[aria-selected="true"]':{"--tw-text-opacity":"1",color:"rgba(232, 121, 249, var(--tw-text-opacity))"}}}
-`,b=({sections:a,activeSection:c,onClickSection:s})=>t.jsxRuntimeExports.jsx("div",{role:"tablist","aria-orientation":"vertical","aria-multiselectable":"false",children:a==null?void 0:a.map(({id:o,label:d,url:n,title:i,onClick:e})=>t.jsxRuntimeExports.jsx(D,{role:"tab",id:o,"aria-label":d,onClick:l=>{s(o,n),e==null||e(l)},variants:E,"aria-selected":c===o,children:i},o))}),g=[{backgroundColor:"rgba(231, 231, 231, 0.95)","--tw-shadow":"0 0 10px -15px rgba(0,0,0,0.3)","--tw-shadow-colored":"0 0 10px -15px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",'&:where([data-theme="dark"], [data-theme="dark"] *)':{backgroundColor:"rgba(39, 39, 39, 0.95)"}},r.ct`
-    -webkit-backdrop-filter: var(--tw-backdrop-blur)
-      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
-      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  `],H=r.pt.nav(({$isHidden:a})=>[...g,{position:"sticky",top:"0px",zIndex:"50",display:"flex",width:"100vw",flexDirection:"column",transitionProperty:"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},a?{"--tw-translate-y":"-100%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}:{"--tw-translate-y":"0px",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),q=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"10vw",paddingLeft:"1rem",paddingRight:"1rem",paddingTop:"0.75rem",paddingBottom:"0.75rem"}),I=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-end",gap:"1.5rem"}),B=r.pt.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"flex-end",gap:"0.25rem"}),N=r.pt.div(()=>[...g,{position:"absolute",bottom:"0px",left:"0px",width:"100%","--tw-translate-y":"100%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"}]),M=r.pt(m.m.div)(()=>({display:"flex",width:"100%",flexDirection:"column",paddingBottom:"20%",paddingTop:"2.5rem",fontSize:"1.125rem",lineHeight:"1.75rem",letterSpacing:"0.025em","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))",'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}})),X=r.pt.div({display:"flex",height:"100%",flexDirection:"column",justifyContent:"space-between"}),Y=({logo:a,topChildren:c,topSections:s=[],bottomSections:o=[],rightItems:d})=>{var u;const[n,i]=p.useState(!1),[e,l]=p.useState(!1),w=p.useRef(null),{activeSection:x,onClickSection:v}=C.useNavActions();f.useScrollBlockage({disableScroll:e,key:"mobile_nav"}),j.useScrollDetection({onScrollUp:()=>i(!1),onScrollDown:()=>i(!0),isEnabled:!e});const y=n?0:((u=w.current)==null?void 0:u.clientHeight)??0,h=s.length+o.length>0;return t.jsxRuntimeExports.jsxs(H,{id:"mobile-menu",$isHidden:n,children:[t.jsxRuntimeExports.jsxs(q,{ref:w,children:[a,t.jsxRuntimeExports.jsxs(I,{children:[t.jsxRuntimeExports.jsx(B,{children:d}),h&&t.jsxRuntimeExports.jsx(R.Burger,{isActive:e,onClick:()=>l(k=>!k)})]})]}),t.jsxRuntimeExports.jsx(N,{children:t.jsxRuntimeExports.jsx(S.MaxHeightSmoother,{isHidden:!e,children:t.jsxRuntimeExports.jsxs(M,{onClick:()=>l(!1),animate:e?"open":"closed",variants:_,style:{height:`calc(100vh - ${y}px)`},children:[c,t.jsxRuntimeExports.jsxs(X,{children:[t.jsxRuntimeExports.jsx(b,{sections:s,activeSection:x,onClickSection:v}),t.jsxRuntimeExports.jsx(b,{sections:o,activeSection:x,onClickSection:v})]})]})})})]})};exports.MobileNavbar=Y;

package/dist/components/Navbar/MobileNavbar.es.js

@@ -1,199 +0,0 @@
-"use client";
-import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as r, c as u } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { useState as m, useRef as S } from "react";
-import { useScrollBlockage as j } from "../../hooks/useScrollBlockage/index.es.js";
-import { useScrollDetection as C } from "../../hooks/useScrollDetection.es.js";
-import { MaxHeightSmoother as D } from "../MaxHeightSmoother/index.es.js";
-import { Burger as H } from "./Burger.es.js";
-import { useNavActions as I } from "./useNavigation.es.js";
-import { m as y } from "../../motion-minimal-BFpJTMRN.js";
-const R = {
-  open: {
-    y: 0,
-    opacity: 1,
-    transition: {
-      y: {
-        stiffness: 1e3,
-        velocity: -100
-      }
-    }
-  },
-  closed: {
-    y: 50,
-    opacity: 0,
-    transition: {
-      y: {
-        stiffness: 1e3
-      }
-    }
-  }
-}, X = {
-  open: {
-    transition: {
-      staggerChildren: 0.07,
-      delayChildren: 0.2
-    }
-  },
-  closed: {
-    transition: {
-      staggerChildren: 0.05,
-      staggerDirection: -1
-    }
-  }
-}, Y = r(y.div)`
-  ${{
-  width: "100%",
-  cursor: "pointer",
-  padding: "0.75rem",
-  textAlign: "center",
-  transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  transitionDuration: "150ms",
-  "&:hover": {
-    "--tw-text-opacity": "1",
-    color: "rgba(232, 121, 249, var(--tw-text-opacity))"
-  },
-  '&[aria-selected="true"]': {
-    "--tw-text-opacity": "1",
-    color: "rgba(232, 121, 249, var(--tw-text-opacity))"
-  }
-}}
-`, x = ({
-  sections: a,
-  activeSection: c,
-  onClickSection: i
-}) => /* @__PURE__ */ t.jsx("div", { role: "tablist", "aria-orientation": "vertical", "aria-multiselectable": "false", children: a == null ? void 0 : a.map(({
-  id: o,
-  label: d,
-  url: n,
-  title: s,
-  onClick: e
-}) => /* @__PURE__ */ t.jsx(Y, { role: "tab", id: o, "aria-label": d, onClick: (l) => {
-  i(o, n), e == null || e(l);
-}, variants: R, "aria-selected": c === o, children: s }, o)) }), h = [{
-  backgroundColor: "rgba(231, 231, 231, 0.95)",
-  "--tw-shadow": "0 0 10px -15px rgba(0,0,0,0.3)",
-  "--tw-shadow-colored": "0 0 10px -15px var(--tw-shadow-color)",
-  boxShadow: "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
-  "--tw-backdrop-blur": "blur(8px)",
-  backdropFilter: "var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",
-  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    backgroundColor: "rgba(39, 39, 39, 0.95)"
-  }
-}, u`
-    -webkit-backdrop-filter: var(--tw-backdrop-blur)
-      var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-      var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
-      var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
-      var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-  `], B = r.nav(({
-  $isHidden: a
-}) => [...h, {
-  position: "sticky",
-  top: "0px",
-  zIndex: "50",
-  display: "flex",
-  width: "100vw",
-  flexDirection: "column",
-  transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  transitionDuration: "150ms"
-}, a ? {
-  "--tw-translate-y": "-100%",
-  transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
-} : {
-  "--tw-translate-y": "0px",
-  transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
-}]), F = r.div({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: "10vw",
-  paddingLeft: "1rem",
-  paddingRight: "1rem",
-  paddingTop: "0.75rem",
-  paddingBottom: "0.75rem"
-}), z = r.div({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  gap: "1.5rem"
-}), P = r.div({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  justifyContent: "flex-end",
-  gap: "0.25rem"
-}), T = r.div(() => [...h, {
-  position: "absolute",
-  bottom: "0px",
-  left: "0px",
-  width: "100%",
-  "--tw-translate-y": "100%",
-  transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"
-}]), A = r(y.div)(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column",
-  paddingBottom: "20%",
-  paddingTop: "2.5rem",
-  fontSize: "1.125rem",
-  lineHeight: "1.75rem",
-  letterSpacing: "0.025em",
-  "--tw-text-opacity": "1",
-  color: "rgba(18, 18, 18, var(--tw-text-opacity))",
-  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    "--tw-text-opacity": "1",
-    color: "rgba(255, 245, 237, var(--tw-text-opacity))"
-  }
-})), L = r.div({
-  display: "flex",
-  height: "100%",
-  flexDirection: "column",
-  justifyContent: "space-between"
-}), J = ({
-  logo: a,
-  topChildren: c,
-  topSections: i = [],
-  bottomSections: o = [],
-  rightItems: d
-}) => {
-  var b;
-  const [n, s] = m(!1), [e, l] = m(!1), w = S(null), {
-    activeSection: p,
-    onClickSection: v
-  } = I();
-  j({
-    disableScroll: e,
-    key: "mobile_nav"
-  }), C({
-    onScrollUp: () => s(!1),
-    onScrollDown: () => s(!0),
-    isEnabled: !e
-  });
-  const g = n ? 0 : ((b = w.current) == null ? void 0 : b.clientHeight) ?? 0, f = i.length + o.length > 0;
-  return /* @__PURE__ */ t.jsxs(B, { id: "mobile-menu", $isHidden: n, children: [
-    /* @__PURE__ */ t.jsxs(F, { ref: w, children: [
-      a,
-      /* @__PURE__ */ t.jsxs(z, { children: [
-        /* @__PURE__ */ t.jsx(P, { children: d }),
-        f && /* @__PURE__ */ t.jsx(H, { isActive: e, onClick: () => l((k) => !k) })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsx(T, { children: /* @__PURE__ */ t.jsx(D, { isHidden: !e, children: /* @__PURE__ */ t.jsxs(A, { onClick: () => l(!1), animate: e ? "open" : "closed", variants: X, style: {
-      height: `calc(100vh - ${g}px)`
-    }, children: [
-      c,
-      /* @__PURE__ */ t.jsxs(L, { children: [
-        /* @__PURE__ */ t.jsx(x, { sections: i, activeSection: p, onClickSection: v }),
-        /* @__PURE__ */ t.jsx(x, { sections: o, activeSection: p, onClickSection: v })
-      ] })
-    ] }) }) })
-  ] });
-};
-export {
-  J as MobileNavbar
-};

package/dist/components/Navbar/index.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),c=require("../../hooks/useDevice.cjs.js");require("react");require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs.js");const x=require("../../hooks/useIsMounted.cjs.js"),m=require("./DesktopNavbar.cjs.js"),b=require("./MobileNavbar.cjs.js"),p=({logo:t,mobileTopChildren:s,desktopSections:r=[],mobileTopSections:o=[],mobileBottomSections:n=[],rightItemsDesktop:i,rightItemsMobile:u})=>{const{isMobile:a}=c.useDevice();return x.useIsMounted()?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a?e.jsxRuntimeExports.jsx(b.MobileNavbar,{topChildren:s,topSections:o,bottomSections:n,logo:t,rightItems:u}):e.jsxRuntimeExports.jsx(m.DesktopNavbar,{sections:r,rightItems:i,logo:t})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})};exports.Navbar=p;

package/dist/components/Navbar/index.es.js

@@ -1,25 +0,0 @@
-"use client";
-import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { useDevice as a } from "../../hooks/useDevice.es.js";
-import "react";
-import "../../hooks/useScrollBlockage/useScrollBlockageStore.es.js";
-import { useIsMounted as c } from "../../hooks/useIsMounted.es.js";
-import { DesktopNavbar as u } from "./DesktopNavbar.es.js";
-import { MobileNavbar as x } from "./MobileNavbar.es.js";
-const g = ({
-  logo: o,
-  mobileTopChildren: r,
-  desktopSections: e = [],
-  mobileTopSections: s = [],
-  mobileBottomSections: i = [],
-  rightItemsDesktop: m,
-  rightItemsMobile: n
-}) => {
-  const {
-    isMobile: p
-  } = a();
-  return c() ? /* @__PURE__ */ t.jsx(t.Fragment, { children: p ? /* @__PURE__ */ t.jsx(x, { topChildren: r, topSections: s, bottomSections: i, logo: o, rightItems: n }) : /* @__PURE__ */ t.jsx(u, { sections: e, rightItems: m, logo: o }) }) : /* @__PURE__ */ t.jsx(t.Fragment, {});
-};
-export {
-  g as Navbar
-};

package/dist/components/Navbar/useNavigation.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),f=()=>{const[r,i]=l.useState(null),c=()=>{const e=window.scrollY,s=document.querySelectorAll("section"),t=[];s.forEach(o=>t.push({id:o.id,offsetTop:o.offsetTop,offsetHeight:o.offsetHeight}));const n=t.find(o=>o.offsetTop<=e+window.screen.height/4&&o.offsetTop+o.offsetHeight>e+window.screen.height/4);n&&i(n.id)};return l.useEffect(()=>(window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}),[]),{activeSection:r,onClickLogo:e=>{i(null),window.location.pathname==="/"?window.scrollTo({top:0,behavior:"smooth"}):e("/")},onClickSection:(e,s,t)=>{if(i(e),window.location.pathname===s){const n=document.getElementById(e);n&&n.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}else t==null||t()}}};exports.useNavActions=f;

package/dist/components/Navbar/useNavigation.es.js

@@ -1,39 +0,0 @@
-"use client";
-import { useState as r, useEffect as f } from "react";
-const h = () => {
-  const [l, i] = r(null), c = () => {
-    const e = window.scrollY, s = document.querySelectorAll("section"), t = [];
-    s.forEach((o) => t.push({
-      id: o.id,
-      offsetTop: o.offsetTop,
-      offsetHeight: o.offsetHeight
-    }));
-    const n = t.find((o) => o.offsetTop <= e + window.screen.height / 4 && o.offsetTop + o.offsetHeight > e + window.screen.height / 4);
-    n && i(n.id);
-  };
-  return f(() => (window.addEventListener("scroll", c), () => {
-    window.removeEventListener("scroll", c);
-  }), []), {
-    activeSection: l,
-    onClickLogo: (e) => {
-      i(null), window.location.pathname === "/" ? window.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      }) : e("/");
-    },
-    onClickSection: (e, s, t) => {
-      if (i(e), window.location.pathname === s) {
-        const n = document.getElementById(e);
-        n && n.scrollIntoView({
-          behavior: "smooth",
-          block: "center",
-          inline: "nearest"
-        });
-      } else
-        t == null || t();
-    }
-  };
-};
-export {
-  h as useNavActions
-};

package/dist/components/Popover/index.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),o=r.pt.div({position:"relative"}),i=r.pt.div({position:"absolute",bottom:"0px",left:"1.25rem",zIndex:"50","--tw-translate-y":"150%",transform:"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))",borderRadius:"0.375rem","--tw-bg-opacity":"1",backgroundColor:"rgba(231, 231, 231, var(--tw-bg-opacity))",padding:"0.25rem",fontSize:"0.75rem",lineHeight:"1rem","--tw-text-opacity":"0.75",opacity:"0","--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":"var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",boxShadow:"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)","--tw-ring-color":"currentColor",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",transitionDelay:"200ms",animationDelay:"200ms",animationDuration:"200ms",animationTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{transitionDelay:"0s",animationDelay:"0s"},".group:hover &":{opacity:"1"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-bg-opacity":"1",backgroundColor:"rgba(39, 39, 39, var(--tw-bg-opacity))"}}),n=({children:a,content:e})=>t.jsxRuntimeExports.jsxs(o,{className:"group","aria-haspopup":!0,"aria-expanded":!1,"aria-label":"Display the popup by hovering this element",children:[a,t.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,children:e})]});exports.Popover=n;

package/dist/components/Popover/index.es.js

@@ -1,52 +0,0 @@
-"use client";
-import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as a } from "../../styled-components.browser.esm-D6kkzXl4.js";
-const e = a.div({
-  position: "relative"
-}), o = a.div({
-  position: "absolute",
-  bottom: "0px",
-  left: "1.25rem",
-  zIndex: "50",
-  "--tw-translate-y": "150%",
-  transform: "translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))",
-  borderRadius: "0.375rem",
-  "--tw-bg-opacity": "1",
-  backgroundColor: "rgba(231, 231, 231, var(--tw-bg-opacity))",
-  padding: "0.25rem",
-  fontSize: "0.75rem",
-  lineHeight: "1rem",
-  "--tw-text-opacity": "0.75",
-  opacity: "0",
-  "--tw-ring-offset-shadow": "var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)",
-  "--tw-ring-shadow": "var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",
-  boxShadow: "var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)",
-  "--tw-ring-color": "currentColor",
-  transitionProperty: "all",
-  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  transitionDuration: "200ms",
-  transitionDelay: "200ms",
-  animationDelay: "200ms",
-  animationDuration: "200ms",
-  animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  "&:hover": {
-    transitionDelay: "0s",
-    animationDelay: "0s"
-  },
-  ".group:hover &": {
-    opacity: "1"
-  },
-  '&:where([data-theme="dark"], [data-theme="dark"] *)': {
-    "--tw-bg-opacity": "1",
-    backgroundColor: "rgba(39, 39, 39, var(--tw-bg-opacity))"
-  }
-}), w = ({
-  children: r,
-  content: i
-}) => /* @__PURE__ */ t.jsxs(e, { className: "group", "aria-haspopup": !0, "aria-expanded": !1, "aria-label": "Display the popup by hovering this element", children: [
-  r,
-  /* @__PURE__ */ t.jsx(o, { "aria-hidden": !0, children: i })
-] });
-export {
-  w as Popover
-};

package/dist/components/PressableDiv/PressableDiv.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../jsx-runtime-D6agescH.cjs"),e=require("react"),v=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),y=400,g=v.pt.div(({$isSelecting:s})=>[{display:"inline",cursor:"pointer",userSelect:"none",borderRadius:"0.375rem",outlineStyle:"solid",outlineWidth:"2px",outlineOffset:"4px",outlineColor:"transparent",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",transitionDelay:"100ms",animationDelay:"100ms",animationDuration:"200ms"},s?{outlineColor:"inherit"}:{"&:hover":{outlineColor:"inherit"}}]),E=({children:s,onPress:f,onClickOutside:t,pressDuration:p=y,isSelecting:a,...S})=>{const i=e.useRef(null),[c,u]=e.useState(a),n=e.useRef(null),T=()=>{u(!0),f()},h=()=>{n.current=setTimeout(()=>{T()},p)},d=()=>{n.current&&(clearTimeout(n.current),n.current=null)},m=()=>{d(),h()},o=()=>{d()},l=e.useCallback(r=>{i.current&&!i.current.contains(r.target)&&(u(!1),t==null||t())},[t]);e.useEffect(()=>(document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}),[l]);const C=r=>{c&&(r.preventDefault(),r.stopPropagation())},D=()=>{u(!1)};return b.jsxRuntimeExports.jsx(g,{role:"button",tabIndex:0,onKeyUp:()=>null,onClick:C,onMouseDown:m,onMouseUp:o,onMouseLeave:o,onTouchStart:m,onTouchEnd:o,onTouchCancel:o,onBlur:D,ref:i,$isSelecting:a??c,...S,children:s})};exports.PressableDiv=E;

package/dist/components/PressableDiv/PressableDiv.d.ts

@@ -1,10 +0,0 @@
-import { FC, HTMLAttributes } from 'react';
-
-type PressableDivProps = {
-    onPress: () => void;
-    onClickOutside?: () => void;
-    pressDuration?: number;
-    isSelecting?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const PressableDiv: FC<PressableDivProps>;
-export {};

package/dist/components/PressableDiv/PressableDiv.es.js

@@ -1,63 +0,0 @@
-"use client";
-import { j as v } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { useRef as d, useState as E, useCallback as b, useEffect as g } from "react";
-import { p as x } from "../../styled-components.browser.esm-D6kkzXl4.js";
-const y = 400, O = x.div(({
-  $isSelecting: r
-}) => [{
-  display: "inline",
-  cursor: "pointer",
-  userSelect: "none",
-  borderRadius: "0.375rem",
-  outlineStyle: "solid",
-  outlineWidth: "2px",
-  outlineOffset: "4px",
-  outlineColor: "transparent",
-  transitionProperty: "all",
-  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-  transitionDuration: "200ms",
-  transitionDelay: "100ms",
-  animationDelay: "100ms",
-  animationDuration: "200ms"
-}, r ? {
-  outlineColor: "inherit"
-} : {
-  "&:hover": {
-    outlineColor: "inherit"
-  }
-}]), L = ({
-  children: r,
-  onPress: p,
-  onClickOutside: e,
-  pressDuration: f = y,
-  isSelecting: l,
-  ...h
-}) => {
-  const i = d(null), [a, s] = E(l), t = d(null), S = () => {
-    s(!0), p();
-  }, T = () => {
-    t.current = setTimeout(() => {
-      S();
-    }, f);
-  }, c = () => {
-    t.current && (clearTimeout(t.current), t.current = null);
-  }, m = () => {
-    c(), T();
-  }, n = () => {
-    c();
-  }, u = b((o) => {
-    i.current && !i.current.contains(o.target) && (s(!1), e == null || e());
-  }, [e]);
-  g(() => (document.addEventListener("mousedown", u), () => {
-    document.removeEventListener("mousedown", u);
-  }), [u]);
-  const C = (o) => {
-    a && (o.preventDefault(), o.stopPropagation());
-  }, D = () => {
-    s(!1);
-  };
-  return /* @__PURE__ */ v.jsx(O, { role: "button", tabIndex: 0, onKeyUp: () => null, onClick: C, onMouseDown: m, onMouseUp: n, onMouseLeave: n, onTouchStart: m, onTouchEnd: n, onTouchCancel: n, onBlur: D, ref: i, $isSelecting: l ?? a, ...h, children: r });
-};
-export {
-  L as PressableDiv
-};

package/dist/components/PressableDiv/index.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PressableDiv.cjs.js");exports.PressableDiv=e.PressableDiv;

package/dist/components/PressableDiv/index.d.ts

@@ -1 +0,0 @@
-export * from './PressableDiv';

package/dist/components/PressableDiv/index.es.js

@@ -1,5 +0,0 @@
-"use client";
-import { PressableDiv as s } from "./PressableDiv.es.js";
-export {
-  s as PressableDiv
-};

package/dist/components/ProfileDropDown/index.cjs.js

@@ -1,6 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),i=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),s=require("../Avatar/index.cjs.js"),t=require("../DropDown/index.cjs.js"),c=require("../../createLucideIcon-ZOnO-fn6.cjs");/**
- * @license lucide-react v0.376.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const p=c.createLucideIcon("Container",[["path",{d:"M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z",key:"1t2lqe"}],["path",{d:"M10 21.9V14L2.1 9.1",key:"o7czzq"}],["path",{d:"m10 14 11.9-6.9",key:"zm5e20"}],["path",{d:"M14 19.8v-8.1",key:"159ecu"}],["path",{d:"M18 17.5V9.4",key:"11uown"}]]),n="profile",d=i.pt(p)(()=>({minWidth:"100px",padding:"1.5rem"})),a=({children:o,...r})=>e.jsxRuntimeExports.jsxs(t.DropDown.Trigger,{identifier:n,children:[e.jsxRuntimeExports.jsx(s.Avatar,{...r}),e.jsxRuntimeExports.jsx(t.DropDown,{identifier:n,children:e.jsxRuntimeExports.jsx(d,{children:o})})]});exports.ProfileDropDown=a;

package/dist/components/ProfileDropDown/index.es.js

@@ -1,37 +0,0 @@
-"use client";
-import { j as e } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as n } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { Avatar as p } from "../Avatar/index.es.js";
-import { DropDown as t } from "../DropDown/index.es.js";
-import { c as a } from "../../createLucideIcon-DlZEiEGq.js";
-/**
- * @license lucide-react v0.376.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const c = a("Container", [
-  [
-    "path",
-    {
-      d: "M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z",
-      key: "1t2lqe"
-    }
-  ],
-  ["path", { d: "M10 21.9V14L2.1 9.1", key: "o7czzq" }],
-  ["path", { d: "m10 14 11.9-6.9", key: "zm5e20" }],
-  ["path", { d: "M14 19.8v-8.1", key: "159ecu" }],
-  ["path", { d: "M18 17.5V9.4", key: "11uown" }]
-]), o = "profile", m = n(c)(() => ({
-  minWidth: "100px",
-  padding: "1.5rem"
-})), x = ({
-  children: r,
-  ...i
-}) => /* @__PURE__ */ e.jsxs(t.Trigger, { identifier: o, children: [
-  /* @__PURE__ */ e.jsx(p, { ...i }),
-  /* @__PURE__ */ e.jsx(t, { identifier: o, children: /* @__PURE__ */ e.jsx(m, { children: r }) })
-] });
-export {
-  x as ProfileDropDown
-};

package/dist/components/RedirectionButton/RedirectionButton.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),r=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),s=require("../../chevron-right-bKrhRS9t.cjs"),i=r.pt.button({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",borderRadius:"0.25rem",padding:"0.5rem","&:hover":{backgroundColor:"rgb(241 245 249 / 0.3)"},"&:focus":{outline:"2px solid transparent",outlineOffset:"2px"},"&:disabled":{cursor:"not-allowed",opacity:"0.5"}}),u=({children:t,label:o,...n})=>e.jsxRuntimeExports.jsxs(i,{"aria-label":o,...n,children:[t,e.jsxRuntimeExports.jsx(s.ChevronRight,{})]});exports.RedirectionButton=u;

package/dist/components/RedirectionButton/RedirectionButton.d.ts

@@ -1,8 +0,0 @@
-import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
-
-type RedirectionButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    children: ReactNode;
-    label: string;
-};
-export declare const RedirectionButton: FC<RedirectionButtonProps>;
-export {};

package/dist/components/RedirectionButton/RedirectionButton.es.js

@@ -1,34 +0,0 @@
-"use client";
-import { j as t } from "../../jsx-runtime-Tw_Kw2GZ.js";
-import { p as n } from "../../styled-components.browser.esm-D6kkzXl4.js";
-import { C as s } from "../../chevron-right-D3LPoNy5.js";
-const i = n.button({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  justifyContent: "space-between",
-  gap: "0.5rem",
-  borderRadius: "0.25rem",
-  padding: "0.5rem",
-  "&:hover": {
-    backgroundColor: "rgb(241 245 249 / 0.3)"
-  },
-  "&:focus": {
-    outline: "2px solid transparent",
-    outlineOffset: "2px"
-  },
-  "&:disabled": {
-    cursor: "not-allowed",
-    opacity: "0.5"
-  }
-}), d = ({
-  children: e,
-  label: o,
-  ...r
-}) => /* @__PURE__ */ t.jsxs(i, { "aria-label": o, ...r, children: [
-  e,
-  /* @__PURE__ */ t.jsx(s, {})
-] });
-export {
-  d as RedirectionButton
-};

package/dist/components/RedirectionButton/index.cjs.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./RedirectionButton.cjs.js");exports.RedirectionButton=t.RedirectionButton;

package/dist/components/RedirectionButton/index.d.ts

@@ -1 +0,0 @@
-export * from './RedirectionButton';

package/dist/components/RedirectionButton/index.es.js

@@ -1,5 +0,0 @@
-"use client";
-import { RedirectionButton as o } from "./RedirectionButton.es.js";
-export {
-  o as RedirectionButton
-};

package/dist/components/RightDrawer/RightDrawer.cjs.js

@@ -1,8 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../jsx-runtime-D6agescH.cjs"),t=require("../../styled-components.browser.esm-GqWwDlfY.cjs"),c=require("react"),g=require("../../hooks/useDevice.cjs.js"),j=require("../../hooks/useScrollBlockage/index.cjs.js"),y=require("../Container/index.cjs.js"),w=require("../MaxWidthSmoother/index.cjs.js"),S=require("./useRightDrawerStore.cjs.js"),R=require("../../createLucideIcon-ZOnO-fn6.cjs"),v=require("../../x-DIXoN4xe.cjs");/**
- * @license lucide-react v0.376.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const C=R.createLucideIcon("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),E=t.pt.div({position:"fixed",right:"0px",top:"0px",zIndex:"50",display:"flex",height:"100%",justifyContent:"flex-end"}),_=t.pt(y.Container)(()=>[{position:"relative",display:"flex",height:"100vh",width:"100vw",flexDirection:"column","--tw-text-opacity":"1",color:"rgba(18, 18, 18, var(--tw-text-opacity))","@media (min-width: 768px)":{width:"400px"},'&:where([data-theme="dark"], [data-theme="dark"] *)':{"--tw-text-opacity":"1",color:"rgba(255, 245, 237, var(--tw-text-opacity))"}}]),D=t.pt.div({display:"flex",flexDirection:"column",gap:"0.75rem",padding:"1.5rem"}),q=t.pt.div({display:"flex",justifyContent:"space-between",gap:"0.75rem"}),k=t.pt.div({display:"flex",height:"100%",flexDirection:"column",overflowY:"auto",padding:"0.5rem"}),L=t.pt.div({flex:"1 1 0%"}),I=t.pt.button({display:"flex",cursor:"pointer",flexDirection:"row",alignItems:"center",gap:"0.25rem",textAlign:"left"}),b=t.pt.h2({display:"flex",alignItems:"center",justifyContent:"center",fontSize:"1.125rem",lineHeight:"1.75rem",fontWeight:"700"}),M=t.pt(v.X)`
-  ${{marginLeft:"auto",cursor:"pointer"}}
-`,z=({title:a,identifier:s,children:x,header:u,closeOnOutsideClick:d=!0,backButton:n})=>{const{isMobile:p}=g.useDevice("md"),l=c.useRef(null),h=c.useRef(null),{isOpen:i,close:o}=S.useRightDrawerStore(s)();j.useScrollBlockage({disableScroll:i,key:s?"right_drawer":`right_drawer_${s}`}),c.useEffect(()=>{const r=f=>{i&&d&&l.current&&!l.current.contains(f.target)&&o()};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[i,o,d]);const m=r=>{r.target===r.currentTarget&&p&&o()};return e.jsxRuntimeExports.jsx(E,{children:e.jsxRuntimeExports.jsx(w.MaxWidthSmoother,{isHidden:!i,align:"right",children:e.jsxRuntimeExports.jsxs(_,{ref:l,roundedSize:"none",children:[e.jsxRuntimeExports.jsxs(D,{children:[e.jsxRuntimeExports.jsxs(q,{children:[e.jsxRuntimeExports.jsx("div",{children:n&&e.jsxRuntimeExports.jsxs(I,{onClick:n.onBack,children:[e.jsxRuntimeExports.jsx(C,{}),n==null?void 0:n.text]})}),e.jsxRuntimeExports.jsx(M,{onClick:o})]}),e.jsxRuntimeExports.jsx(b,{children:a}),u]}),e.jsxRuntimeExports.jsx(k,{children:e.jsxRuntimeExports.jsx(L,{onClick:m,ref:h,children:x})})]})})})};exports.RightDrawer=z;