@gearbox-protocol/permissionless-ui 1.22.0-next.108 → 1.22.0-next.109
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/modal/modal.cjs +1 -1
- package/dist/cjs/components/pool-apy-tooltip/pool-apy-tooltip.cjs +1 -1
- package/dist/cjs/components/slider-token/slider-token.cjs +1 -1
- package/dist/cjs/components/tooltip/simple-tooltip.cjs +1 -1
- package/dist/cjs/configs/tailwind-preset.cjs +1 -1
- package/dist/cjs/utils/z-index.cjs +1 -1
- package/dist/esm/components/modal/modal.js +43 -37
- package/dist/esm/components/pool-apy-tooltip/pool-apy-tooltip.js +17 -17
- package/dist/esm/components/slider-token/slider-token.js +55 -56
- package/dist/esm/components/tooltip/simple-tooltip.js +135 -109
- package/dist/esm/configs/tailwind-preset.js +1 -1
- package/dist/esm/utils/z-index.js +1 -1
- package/dist/globals.css +1 -1
- package/dist/types/components/tooltip/simple-tooltip.d.ts +5 -3
- package/dist/types/utils/z-index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),C=require("@radix-ui/react-dialog"),D=require("class-variance-authority"),q=require("react");require("@gearbox-protocol/sdk");const S=require("../../hooks/use-media-query.cjs"),l=require("../../utils/cn.cjs");require("sonner");require("luxon");const m=require("../../utils/z-index.cjs");function _(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>t[r]})}}return n.default=t,Object.freeze(n)}const o=_(C),u=_(q),p="gb-modal-open";let i=0;const y="before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40",N=D.cva("",{variants:{colorTheme:{default:"bg-black/30",dark:"bg-black","dark-transparent":"bg-black/85"},backdrop:{success:`${y} before:bg-[linear-gradient(180deg,rgba(146,255,176,0.85)_0%,rgba(146,255,176,0)_50%)]`,failure:`${y} before:bg-[linear-gradient(180deg,rgba(255,61,64,0.85)_0%,rgba(255,61,64,0)_50%)]`,default:""}},defaultVariants:{colorTheme:"default",backdrop:"default"}}),x=u.forwardRef(({show:t=!0,colorTheme:n="default",backdrop:r="default",xsCentered:s=!1,onClickOutside:d,zIndexLayer:f="MODAL",className:v,children:h,...j},O)=>{const M=S.useIsMobile(),b=m.Z_INDEX[f],g={zIndex:m.Z_INDEX_VALUES[f]};u.useEffect(()=>{if(!(typeof document>"u")&&t)return i+=1,document.body.classList.add(p),()=>{i=Math.max(0,i-1),i===0&&document.body.classList.remove(p)}},[t]);const c=u.useCallback(e=>{e||d?.()},[d]);return t?a.jsx(o.Root,{open:t,onOpenChange:c,modal:!0,children:a.jsxs(o.Portal,{children:[a.jsx(o.Overlay,{className:l.cn("fixed inset-0","pointer-events-auto",b,N({colorTheme:n,backdrop:r})),style:g}),a.jsx(o.Content,{className:l.cn("fixed inset-0","overflow-y-auto",b),style:g,onPointerDownOutside:e=>{e.detail.originalEvent.target?.closest?.("[data-sonner-toaster], [data-sonner-toast]")&&e.preventDefault()},onInteractOutside:e=>{e.detail.originalEvent.target?.closest?.("[data-sonner-toaster], [data-sonner-toast]")&&e.preventDefault()},onClick:e=>{e.target===e.currentTarget&&c(!1)},children:a.jsx("div",{className:l.cn("min-h-full","flex flex-col justify-center items-center","animate-[modalContentShow_225ms_cubic-bezier(0.4,0,0.2,1)]"),role:"presentation",onClick:e=>{e.target===e.currentTarget&&c(!1)},children:a.jsxs("div",{ref:O,className:l.cn("relative","w-full sm:w-auto","m-auto py-0 px-0 sm:py-5",M&&"w-full",s&&"min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",v),...j,children:[a.jsx(o.Title,{className:"sr-only",children:"Modal Window"}),h]})})})]})}):null});x.displayName="Modal";exports.Modal=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("@fortawesome/free-solid-svg-icons"),v=require("@gearbox-protocol/static"),P=require("../compound-apy/compound-apy.cjs"),f=require("../icons/fa-icon.cjs"),w=require("../points-icon/points-icon.cjs"),N=require("../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");const u=require("../../utils/cn.cjs");require("sonner");const n=require("../../utils/format-money.cjs");require("luxon");require("../../utils/z-index.cjs");const q=require("../token-icon/token-icon.cjs"),k=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const t=require("../typed-intl/index.cjs"),i=require("../vertical-indicator/vertical-indicator.cjs"),j=require("../vertical-list/vertical-list.cjs"),S={supplyAPY:"components.apyParts.supplyAPY",tokenYield:"components.apyParts.tokenYield"},F={supplyAPY:"components.apyParts.supplyAPY.tip",tokenYield:"components.apyParts.tokenYield.tip"},h={deposit:void 0,"cross-chain-deposit":"components.apyParts.points.condition.crossDeposit",holding:void 0};function L({children:l}){return e.jsx("div",{className:"w-[110px] grid grid-cols-2 items-end text-end",children:l})}function A({children:l,totalAPY:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("@fortawesome/free-solid-svg-icons"),v=require("@gearbox-protocol/static"),P=require("../compound-apy/compound-apy.cjs"),f=require("../icons/fa-icon.cjs"),w=require("../points-icon/points-icon.cjs"),N=require("../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");const u=require("../../utils/cn.cjs");require("sonner");const n=require("../../utils/format-money.cjs");require("luxon");require("../../utils/z-index.cjs");const q=require("../token-icon/token-icon.cjs"),k=require("../tooltip/simple-tooltip.cjs");require("../tooltip/tooltip.cjs");const t=require("../typed-intl/index.cjs"),i=require("../vertical-indicator/vertical-indicator.cjs"),j=require("../vertical-list/vertical-list.cjs"),S={supplyAPY:"components.apyParts.supplyAPY",tokenYield:"components.apyParts.tokenYield"},F={supplyAPY:"components.apyParts.supplyAPY.tip",tokenYield:"components.apyParts.tokenYield.tip"},h={deposit:void 0,"cross-chain-deposit":"components.apyParts.points.condition.crossDeposit",holding:void 0};function L({children:l}){return e.jsx("div",{className:"w-[110px] grid grid-cols-2 items-end text-end",children:l})}function A({children:l,totalAPY:g,baseAPY:p,extraAPY:m,points:r,apy7DAgo:o,externalAPY:c,tokensList:T,className:x}){if(!(g!==void 0||p&&p.length>0||m&&m.length>0||r&&r.length>0))return e.jsx("span",{className:x,children:l});const I=!o||o.totalAPYLoading||o.loading7DAgo,y=!!o,d=(s,a)=>y?e.jsxs(L,{children:[e.jsx("span",{children:s}),e.jsx("span",{children:e.jsx(N.Skeleton,{width:30,height:14,loading:I,children:a})})]}):s,b=e.jsxs("div",{className:u.cn("w-[370px] p-6","bg-popover","border border-border","rounded-lg","shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]","text-left font-normal"),children:[e.jsxs(j.VerticalList,{children:[y&&e.jsx(i.VerticalIndicator,{size:"sm",label:e.jsx("span",{className:"uppercase text-muted-foreground text-xs",children:e.jsx(t.FormattedMessageTyped,{messageId:"components.apyParts.title"})}),value:e.jsx("span",{className:"text-muted-foreground text-xs",children:d("1D","7D")})}),p?.map((s,a)=>e.jsx(i.VerticalIndicator,{size:"sm",label:e.jsx(t.FormattedMessageTyped,{messageId:S[s.type]}),description:e.jsx(t.FormattedMessageTyped,{messageId:F[s.type]}),value:d(n.percentTemplate(s.apy),n.percentTemplate(o?.baseAPY?.[a]?.apy||0))},`base-${s.type}-${s.apy}`)),m?.map(s=>{const a=T?.[s.rewardToken];return e.jsx(i.VerticalIndicator,{size:"sm",label:e.jsxs("span",{className:"inline-flex items-center",children:[e.jsx(t.FormattedMessageTyped,{messageId:"components.apyParts.extraAPY",values:{symbol:s.rewardTokenSymbol}}),e.jsx("span",{className:"ml-1 inline-flex",children:e.jsx(q.TokenIcon,{symbol:P.getRewardTokenSymbol(a,s.rewardTokenSymbol),size:14})})]}),description:e.jsx(t.FormattedMessageTyped,{messageId:"components.apyParts.extraAPY.tip"}),value:d(n.percentTemplate(s.apy),n.percentTemplate(s.apy))},`extra-${s.rewardToken}-${s.apy}`)})]}),e.jsx("div",{className:"my-5 border-t border-border"}),e.jsx(j.VerticalList,{children:e.jsx(i.VerticalIndicator,{size:"sm",label:e.jsx("span",{className:"font-bold",children:e.jsx(t.FormattedMessageTyped,{messageId:"components.apyParts.totalAPY"})}),value:d(n.percentTemplate(g||0),n.percentTemplate(o?.totalAPY||0))})}),c&&e.jsx("div",{className:u.cn("mt-5 px-8 pt-[18px] pb-4","rounded-[10px]","text-[13px] leading-[120%] text-center","border border-dashed border-gray-40"),children:e.jsx(t.FormattedMessageTyped,{messageId:c.tooltip,values:{name:c.name,value:e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-gray-90 mr-1.5",children:e.jsx(v.IconLighting,{size:14,style:{verticalAlign:"top"}})}),e.jsxs("span",{className:"font-bold",children:["+",n.percentTemplate(c.apy)]})]})}})}),r&&r.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"relative my-2.5 mx-6 border-t-2 border-border",children:e.jsx("div",{className:u.cn("absolute -top-[10px] left-0","w-5 h-5","flex items-center justify-center","rounded-full","bg-gray-20"),children:e.jsx(f.FaIcon,{icon:_.faPlus,className:"size-2.5 text-white"})})}),e.jsx("div",{className:"h-6"}),e.jsx(j.VerticalList,{children:r.map(s=>e.jsx(i.VerticalIndicator,{size:"sm",label:e.jsxs("span",{className:"inline-flex items-center",children:[e.jsx(t.FormattedMessageTyped,{messageId:"components.apyParts.points",values:{symbol:s.name}}),s.reward&&e.jsx("span",{className:"ml-2 inline-flex",children:e.jsx(w.PointsIcon,{reward:{name:s.reward.name||s.name,type:s.reward.type||s.name.toLowerCase()},size:16})})]}),description:e.jsxs("div",{children:[e.jsx("div",{children:`Per ${[...s.reward?.duration?[s.reward.duration]:[],...s.tokenTitle?[`1 ${s.tokenTitle}`]:[]].join(" per ")}`}),s.reward?.condition&&h[s.reward.condition]&&e.jsx("span",{className:"text-warning",children:e.jsx(t.FormattedMessageTyped,{messageId:h[s.reward.condition]})})]}),value:s.amount},`points-${s.name}-${s.amount}`))})]})]});return e.jsx(k.SimpleTooltip,{placement:"bottom",triangle:!1,type:"modal-tooltip",minWidth:"100%",maxWidth:"100%",title:e.jsx("span",{className:x,children:l}),triggerClassName:x,children:b})}exports.PoolAPYTooltip=A;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),D=require("@gearbox-protocol/sdk"),F=require("@radix-ui/react-slider"),s=require("react"),H=require("../slider/slider-context.cjs"),J=require("../slider/slider-mark.cjs"),x=require("../../utils/cn.cjs");require("sonner");const M=require("../../utils/math.cjs");require("luxon");require("../../utils/z-index.cjs");const K=require("./slider-token-label.cjs"),O=require("./slider-token-utils.cjs");function Q(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const d in a)if(d!=="default"){const g=Object.getOwnPropertyDescriptor(a,d);Object.defineProperty(i,d,g.get?g:{enumerable:!0,get:()=>a[d]})}}return i.default=a,Object.freeze(i)}const j=Q(F),X=7.5;function Y({from:a,to:i,step:d,markerStep:g,token:p,additionalMarkers:m,additionalMarkersLabels:_,value:B,setValue:f,epsilon_inPer:w=1,mergeMarkers_inPer:S=3,className:I}){const[t,n]=a>i?[i,a]:[a,i],b=s.useMemo(()=>n-t,[n,t]),T=s.useMemo(()=>b/100*w,[w,b]),k=s.useMemo(()=>b/100*S,[b,S]),h=s.useMemo(()=>b/100*X,[b]),v=s.useMemo(()=>m==null?{}:typeof m=="number"?{[m]:m}:Object.fromEntries(m.map(e=>[e,e])),[m]),N=s.useMemo(()=>O.makeSliderTokenMarkerPoints(t,n,g,v),[t,n,g,v]),c=s.useMemo(()=>O.mergeCloseMarkers(N,k),[N,k]),q=s.useCallback(e=>{if(c.length===0){f(M.validateMinMax(e,t,n));return}const o=c.reduce((l,u)=>Math.abs(u.point-e)<Math.abs(l.point-e)?u:l);Math.abs(o.point-e)<T?f(M.validateMinMax(o.point,t,n)):f(e)},[c,T,t,n,f]),y=s.useCallback(e=>{e.length>0&&q(e[0])},[q]),C=s.useCallback(e=>{f(M.validateMinMax(e,t,n))},[t,n,f]),P=s.useRef(null),z=s.useCallback(()=>{const e=P.current;if(!e)return;const o=()=>{e.dataset.dragging=""},l=()=>{document.removeEventListener("pointermove",o),delete e.dataset.dragging};document.addEventListener("pointermove",o,{once:!0}),document.addEventListener("pointerup",l,{once:!0})},[]),U=s.useMemo(()=>c.map(({point:e},o,l)=>{const u=l[o+1],L=l[o-1],$=u?Math.abs(e-u.point)<=h:!1,A=L?Math.abs(e-L.point)<=h:!1,G=o===0||o===l.length-1||v[e]!==void 0&&!A&&!$,E=_?.[e],W=G?D.formatBN(D.toBN(String(e),p.decimals),p.decimals):"",R=E??W;return{point:e,labelText:R,align:E?"top":"bottom",hasLabel:!!R}}),[c,v,_,p,h]);return r.jsx("div",{className:x.cn("relative w-full",I),children:r.jsx(H.SliderProvider,{colorIntervals:void 0,min:t,max:n,children:r.jsx("div",{className:"relative w-full px-[9px] pt-3 pb-3",children:r.jsxs("div",{ref:P,className:x.cn("relative","[&:not([data-dragging])_span[style]]:transition-[left]","[&:not([data-dragging])_span[style]]:duration-100","[&:not([data-dragging])_span[style]]:[transition-timing-function:cubic-bezier(0.25,0.1,0.25,1)]"),onPointerDown:z,children:[r.jsxs(j.Root,{className:"relative flex w-full touch-none select-none items-center",min:t,max:n,step:d,value:[B],onValueChange:y,onValueCommit:y,children:[r.jsx(j.Track,{className:"relative h-1 w-full grow overflow-hidden rounded-full bg-gray-40 mx-[9px] cursor-pointer"}),c.length>0&&r.jsx("div",{className:"absolute inset-0 pointer-events-none flex items-center",children:r.jsx("div",{className:"relative w-full",children:c.map(({point:e})=>r.jsx(J.SliderMark,{value:e,min:t,max:n,onSelect:C},`mark-${e}`))})}),r.jsx(j.Thumb,{className:x.cn("relative block h-[18px] w-[18px] shrink-0 rounded-full bg-foreground","cursor-grab active:cursor-grabbing","focus-visible:outline-none","disabled:pointer-events-none disabled:opacity-50","after:absolute after:h-1.5 after:w-1.5 after:rounded-full after:bg-accent","after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2")})]}),r.jsx("div",{className:"absolute inset-0 pointer-events-none",children:r.jsx("div",{className:"relative w-full h-full",children:U.map(({point:e,labelText:o,align:l,hasLabel:u})=>u&&r.jsx(K.SliderTokenLabel,{point:e,min:t,max:n,label:o,align:l,onSelect:C},`label-${e}`))})})]})})})})}exports.SliderToken=Y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),Q=require("@radix-ui/react-tooltip"),U=require("react");require("@gearbox-protocol/sdk");const h=require("../../utils/cn.cjs");require("sonner");require("luxon");const Y=require("../../utils/z-index.cjs");function g(s){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const t=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(c,i,t.get?t:{enumerable:!0,get:()=>s[i]})}}return c.default=s,Object.freeze(c)}const l=g(Q),e=g(U),q=e.createContext({lockParent:()=>{},unlockParent:()=>{}}),N=e.createContext(!1),S=7,$=12;function I({children:s,title:c,placement:i="top",trigger:t="hover",triangle:L=!0,delayShow:P=5,maxWidth:z="200px",minWidth:A,type:H="tooltip",open:b,onOpenChange:y,className:M,triggerClassName:C,useTitleAsTrigger:K=!1}){const[W,B]=e.useState(!1),[v,T]=e.useState(!1),k=e.useRef(null),f=e.useRef(null),m=b!==void 0,a=m?b:W,o=e.useCallback(n=>{m?y?.(n):B(n)},[m,y]),u=e.useContext(q),G=e.useMemo(()=>({lockParent:()=>T(!0),unlockParent:()=>T(!1)}),[]),R=e.useRef(!1);R.current=v;const d=e.useRef(null),p=e.useCallback(()=>{d.current!==null&&(clearTimeout(d.current),d.current=null)},[]),V=e.useCallback(n=>{if(t!=="click"){if(n){p(),o(!0),u.lockParent();return}d.current=setTimeout(()=>{d.current=null,!R.current&&(o(!1),u.unlockParent())},100)}},[t,o,u,p]);e.useEffect(()=>p,[p]);const X=e.useCallback(n=>{t==="click"&&(n.stopPropagation(),o(!a))},[t,a,o]),Z=e.useCallback(n=>{t==="click"&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.stopPropagation(),o(!a))},[t,a,o]);e.useEffect(()=>{if(t!=="click"||!a)return;const n=x=>{const _=x.target;k.current&&!k.current.contains(_)&&f.current&&!f.current.contains(_)&&o(!1)},E=x=>{x.key==="Escape"&&o(!1)};return document.addEventListener("pointerdown",n),document.addEventListener("keydown",E),()=>{document.removeEventListener("pointerdown",n),document.removeEventListener("keydown",E)}},[t,a,o]);const j=e.useRef(u.unlockParent);j.current=u.unlockParent,e.useEffect(()=>()=>j.current(),[]);const w=H==="modal-tooltip",O=L&&!w,F=h.cn(Y.Z_INDEX.TOOLTIP,"pointer-events-auto","animate-in fade-in-0 zoom-in-75 duration-150","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-75 data-[state=closed]:duration-150",w?"bg-transparent p-0":"rounded bg-black/85 px-2 py-1 text-[0.85rem] leading-[1.5] font-normal text-center text-white/85 antialiased break-words min-w-0",M),J=e.useContext(N),D=r.jsxs(l.Root,{open:a||v,onOpenChange:V,delayDuration:t==="click"?0:P,children:[r.jsx(l.Trigger,{asChild:!0,children:K?c:t==="click"?r.jsx("button",{ref:f,type:"button",onClick:X,onKeyDown:Z,className:h.cn("inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",C),children:c}):r.jsx("span",{ref:f,className:h.cn("inline-flex",C),children:c})}),r.jsx(l.Portal,{children:r.jsxs(l.Content,{ref:k,side:i,sideOffset:O?S-4:8,className:F,style:{maxWidth:z,minWidth:A},children:[r.jsx(q.Provider,{value:G,children:s}),O&&r.jsx(l.Arrow,{width:$,height:S,className:"fill-black/85"})]})})]});return J?D:r.jsx(N.Provider,{value:!0,children:r.jsx(l.Provider,{delayDuration:t==="click"?0:P,skipDelayDuration:300,children:D})})}I.displayName="SimpleTooltip";exports.SimpleTooltip=I;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../_virtual/index.cjs"),e=require("tailwindcss-animate"),r={darkMode:"class",safelist:["z-[400]","z-[
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../_virtual/index.cjs"),e=require("tailwindcss-animate"),r={darkMode:"class",safelist:["z-[400]","z-[600]","z-[650]","z-[700]","z-[800]","z-[9000]","z-[10000]",{pattern:/^grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/},{pattern:/^(xs|sm|md|lg|xl):grid-cols-(1|2|3|4|5|6|7|8|9|10|11|12)$/},{pattern:/^col-span-(1|2|3|4|5|6|7|8|9|10|11|12|full|auto)$/},{pattern:/^(xs|sm|md|lg|xl):col-span-(1|2|3|4|5|6|7|8|9|10|11|12|full|auto)$/},{pattern:/^col-start-(1|2|3|4|5|6|7|8|9|10|11|12|13|auto)$/},{pattern:/^order-(1|2|3|4|5|6|7|8|9|10|11|12|first|last|none)$/},{pattern:/^gap-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/},{pattern:/^gap-(x|y)-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/},{pattern:/^space-(x|y)-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/},{pattern:/^(xs|sm|md|lg|xl):space-(x|y)-(0|1|2|3|4|5|6|7|8|9|10|12|16|20|24)$/}],theme:{extend:{screens:{xs:"500px"},colors:{background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",card:{DEFAULT:"hsl(var(--card))",foreground:"hsl(var(--card-foreground))"},popover:{DEFAULT:"hsl(var(--popover))",foreground:"hsl(var(--popover-foreground))"},primary:{DEFAULT:"hsl(var(--primary))",foreground:"hsl(var(--primary-foreground))"},secondary:{DEFAULT:"hsl(var(--secondary))",foreground:"hsl(var(--secondary-foreground))"},muted:{DEFAULT:"hsl(var(--muted))",foreground:"hsl(var(--muted-foreground))"},accent:{DEFAULT:"hsl(var(--accent))",foreground:"hsl(var(--accent-foreground))"},destructive:{DEFAULT:"hsl(var(--destructive))",foreground:"hsl(var(--destructive-foreground))"},success:"hsl(var(--success))","success-foreground":"hsl(var(--success-foreground))","success-hover":"hsl(var(--success-hover))",warning:"hsl(var(--warning))",liquidation:"hsl(var(--liquidation))",border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))","text-secondary":"hsl(var(--text-secondary))","dropdown-dark-button":"hsl(var(--dropdown-dark-button))",white:"hsl(var(--white))",black:"hsl(var(--black))",gray:{10:"hsl(var(--gray-10))",20:"hsl(var(--gray-20))",30:"hsl(var(--gray-30))",40:"hsl(var(--gray-40))",50:"hsl(var(--gray-50))",60:"hsl(var(--gray-60))",70:"hsl(var(--gray-70))",80:"hsl(var(--gray-80))",90:"hsl(var(--gray-90))",100:"hsl(var(--gray-100))",110:"hsl(var(--gray-110))"},chart:{1:"hsl(var(--chart-1))",2:"hsl(var(--chart-2))",3:"hsl(var(--chart-3))",4:"hsl(var(--chart-4))",5:"hsl(var(--chart-5))"}},fontFamily:{sans:["Rubik","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","sans-serif"]},borderRadius:{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[e,a({nocompatible:!0})]};exports.default=r;exports.preset=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={TOAST:1e4,TOOLTIP:9e3,BANNERS:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={TOAST:1e4,TOOLTIP:9e3,BANNERS:800,MODAL:600,MODAL_ALERT:700,DROPDOWN:650,LOADING:400,CONTENT:0},t=Object.fromEntries(Object.keys(e).map(O=>[O,e[O]===0?"z-0":`z-[${e[O]}]`]));exports.Z_INDEX=t;exports.Z_INDEX_VALUES=e;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as t, jsxs as m } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "@radix-ui/react-dialog";
|
|
3
|
-
import { cva as
|
|
4
|
-
import * as
|
|
3
|
+
import { cva as D } from "class-variance-authority";
|
|
4
|
+
import * as s from "react";
|
|
5
5
|
import "@gearbox-protocol/sdk";
|
|
6
6
|
import { useIsMobile as M } from "../../hooks/use-media-query.js";
|
|
7
7
|
import { cn as o } from "../../utils/cn.js";
|
|
8
8
|
import "sonner";
|
|
9
9
|
import "luxon";
|
|
10
|
-
import { Z_INDEX as
|
|
10
|
+
import { Z_INDEX as O, Z_INDEX_VALUES as N } from "../../utils/z-index.js";
|
|
11
11
|
const u = "gb-modal-open";
|
|
12
|
-
let
|
|
13
|
-
const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40",
|
|
12
|
+
let n = 0;
|
|
13
|
+
const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] before:opacity-40", L = D("", {
|
|
14
14
|
variants: {
|
|
15
15
|
colorTheme: {
|
|
16
16
|
default: "bg-black/30",
|
|
@@ -27,51 +27,57 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
|
|
|
27
27
|
colorTheme: "default",
|
|
28
28
|
backdrop: "default"
|
|
29
29
|
}
|
|
30
|
-
}),
|
|
30
|
+
}), w = s.forwardRef(
|
|
31
31
|
({
|
|
32
32
|
show: r = !0,
|
|
33
|
-
colorTheme:
|
|
34
|
-
backdrop:
|
|
35
|
-
xsCentered:
|
|
36
|
-
onClickOutside:
|
|
33
|
+
colorTheme: g = "default",
|
|
34
|
+
backdrop: p = "default",
|
|
35
|
+
xsCentered: v = !1,
|
|
36
|
+
onClickOutside: i,
|
|
37
37
|
zIndexLayer: c = "MODAL",
|
|
38
|
-
className:
|
|
39
|
-
children:
|
|
40
|
-
...
|
|
41
|
-
},
|
|
42
|
-
const
|
|
43
|
-
|
|
38
|
+
className: y,
|
|
39
|
+
children: h,
|
|
40
|
+
...x
|
|
41
|
+
}, C) => {
|
|
42
|
+
const _ = M(), d = O[c], f = { zIndex: N[c] };
|
|
43
|
+
s.useEffect(() => {
|
|
44
44
|
if (!(typeof document > "u") && r)
|
|
45
|
-
return
|
|
46
|
-
|
|
45
|
+
return n += 1, document.body.classList.add(u), () => {
|
|
46
|
+
n = Math.max(0, n - 1), n === 0 && document.body.classList.remove(u);
|
|
47
47
|
};
|
|
48
48
|
}, [r]);
|
|
49
|
-
const
|
|
49
|
+
const l = s.useCallback(
|
|
50
50
|
(e) => {
|
|
51
|
-
e ||
|
|
51
|
+
e || i?.();
|
|
52
52
|
},
|
|
53
|
-
[
|
|
53
|
+
[i]
|
|
54
54
|
);
|
|
55
|
-
return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange:
|
|
55
|
+
return r ? /* @__PURE__ */ t(a.Root, { open: r, onOpenChange: l, modal: !0, children: /* @__PURE__ */ m(a.Portal, { children: [
|
|
56
56
|
/* @__PURE__ */ t(
|
|
57
57
|
a.Overlay,
|
|
58
58
|
{
|
|
59
59
|
className: o(
|
|
60
60
|
"fixed inset-0",
|
|
61
61
|
"pointer-events-auto",
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
d,
|
|
63
|
+
L({ colorTheme: g, backdrop: p })
|
|
64
64
|
),
|
|
65
|
-
style:
|
|
65
|
+
style: f
|
|
66
66
|
}
|
|
67
67
|
),
|
|
68
68
|
/* @__PURE__ */ t(
|
|
69
69
|
a.Content,
|
|
70
70
|
{
|
|
71
|
-
className: o("fixed inset-0", "overflow-y-auto",
|
|
72
|
-
style:
|
|
71
|
+
className: o("fixed inset-0", "overflow-y-auto", d),
|
|
72
|
+
style: f,
|
|
73
|
+
onPointerDownOutside: (e) => {
|
|
74
|
+
e.detail.originalEvent.target?.closest?.("[data-sonner-toaster], [data-sonner-toast]") && e.preventDefault();
|
|
75
|
+
},
|
|
76
|
+
onInteractOutside: (e) => {
|
|
77
|
+
e.detail.originalEvent.target?.closest?.("[data-sonner-toaster], [data-sonner-toast]") && e.preventDefault();
|
|
78
|
+
},
|
|
73
79
|
onClick: (e) => {
|
|
74
|
-
e.target === e.currentTarget &&
|
|
80
|
+
e.target === e.currentTarget && l(!1);
|
|
75
81
|
},
|
|
76
82
|
children: /* @__PURE__ */ t(
|
|
77
83
|
"div",
|
|
@@ -83,24 +89,24 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
|
|
|
83
89
|
),
|
|
84
90
|
role: "presentation",
|
|
85
91
|
onClick: (e) => {
|
|
86
|
-
e.target === e.currentTarget &&
|
|
92
|
+
e.target === e.currentTarget && l(!1);
|
|
87
93
|
},
|
|
88
94
|
children: /* @__PURE__ */ m(
|
|
89
95
|
"div",
|
|
90
96
|
{
|
|
91
|
-
ref:
|
|
97
|
+
ref: C,
|
|
92
98
|
className: o(
|
|
93
99
|
"relative",
|
|
94
100
|
"w-full sm:w-auto",
|
|
95
101
|
"m-auto py-0 px-0 sm:py-5",
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
102
|
+
_ && "w-full",
|
|
103
|
+
v && "min-h-screen flex flex-nowrap items-center justify-center sm:min-h-0 sm:block",
|
|
104
|
+
y
|
|
99
105
|
),
|
|
100
|
-
...
|
|
106
|
+
...x,
|
|
101
107
|
children: [
|
|
102
108
|
/* @__PURE__ */ t(a.Title, { className: "sr-only", children: "Modal Window" }),
|
|
103
|
-
|
|
109
|
+
h
|
|
104
110
|
]
|
|
105
111
|
}
|
|
106
112
|
)
|
|
@@ -111,7 +117,7 @@ const b = "before:content-[''] before:absolute before:inset-0 after:z-[-1] befor
|
|
|
111
117
|
] }) }) : null;
|
|
112
118
|
}
|
|
113
119
|
);
|
|
114
|
-
|
|
120
|
+
w.displayName = "Modal";
|
|
115
121
|
export {
|
|
116
|
-
|
|
122
|
+
w as Modal
|
|
117
123
|
};
|
|
@@ -34,21 +34,21 @@ function $({ children: d }) {
|
|
|
34
34
|
}
|
|
35
35
|
function oe({
|
|
36
36
|
children: d,
|
|
37
|
-
totalAPY:
|
|
37
|
+
totalAPY: f,
|
|
38
38
|
baseAPY: c,
|
|
39
39
|
extraAPY: h,
|
|
40
|
-
points:
|
|
40
|
+
points: s,
|
|
41
41
|
apy7DAgo: a,
|
|
42
42
|
externalAPY: m,
|
|
43
|
-
tokensList:
|
|
43
|
+
tokensList: I,
|
|
44
44
|
className: g
|
|
45
45
|
}) {
|
|
46
|
-
if (!(
|
|
46
|
+
if (!(f !== void 0 || c && c.length > 0 || h && h.length > 0 || s && s.length > 0))
|
|
47
47
|
return /* @__PURE__ */ e("span", { className: g, children: d });
|
|
48
|
-
const
|
|
48
|
+
const P = !a || a.totalAPYLoading || a.loading7DAgo, b = !!a, p = (t, i) => b ? /* @__PURE__ */ o($, { children: [
|
|
49
49
|
/* @__PURE__ */ e("span", { children: t }),
|
|
50
|
-
/* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(z, { width: 30, height: 14, loading:
|
|
51
|
-
] }) : t,
|
|
50
|
+
/* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(z, { width: 30, height: 14, loading: P, children: i }) })
|
|
51
|
+
] }) : t, w = /* @__PURE__ */ o(
|
|
52
52
|
"div",
|
|
53
53
|
{
|
|
54
54
|
className: y(
|
|
@@ -61,7 +61,7 @@ function oe({
|
|
|
61
61
|
),
|
|
62
62
|
children: [
|
|
63
63
|
/* @__PURE__ */ o(u, { children: [
|
|
64
|
-
|
|
64
|
+
b && /* @__PURE__ */ e(
|
|
65
65
|
l,
|
|
66
66
|
{
|
|
67
67
|
size: "sm",
|
|
@@ -74,7 +74,7 @@ function oe({
|
|
|
74
74
|
value: /* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: p("1D", "7D") })
|
|
75
75
|
}
|
|
76
76
|
),
|
|
77
|
-
c?.map((t,
|
|
77
|
+
c?.map((t, i) => /* @__PURE__ */ e(
|
|
78
78
|
l,
|
|
79
79
|
{
|
|
80
80
|
size: "sm",
|
|
@@ -87,14 +87,14 @@ function oe({
|
|
|
87
87
|
),
|
|
88
88
|
value: p(
|
|
89
89
|
r(t.apy),
|
|
90
|
-
r(a?.baseAPY?.[
|
|
90
|
+
r(a?.baseAPY?.[i]?.apy || 0)
|
|
91
91
|
)
|
|
92
92
|
},
|
|
93
93
|
`base-${t.type}-${t.apy}`
|
|
94
94
|
)),
|
|
95
95
|
h?.map((t) => {
|
|
96
|
-
const
|
|
97
|
-
return
|
|
96
|
+
const i = I?.[t.rewardToken];
|
|
97
|
+
return /* @__PURE__ */ e(
|
|
98
98
|
l,
|
|
99
99
|
{
|
|
100
100
|
size: "sm",
|
|
@@ -109,7 +109,7 @@ function oe({
|
|
|
109
109
|
/* @__PURE__ */ e("span", { className: "ml-1 inline-flex", children: /* @__PURE__ */ e(
|
|
110
110
|
C,
|
|
111
111
|
{
|
|
112
|
-
symbol: k(
|
|
112
|
+
symbol: k(i, t.rewardTokenSymbol),
|
|
113
113
|
size: 14
|
|
114
114
|
}
|
|
115
115
|
) })
|
|
@@ -141,7 +141,7 @@ function oe({
|
|
|
141
141
|
}
|
|
142
142
|
) }),
|
|
143
143
|
value: p(
|
|
144
|
-
r(
|
|
144
|
+
r(f || 0),
|
|
145
145
|
r(a?.totalAPY || 0)
|
|
146
146
|
)
|
|
147
147
|
}
|
|
@@ -173,7 +173,7 @@ function oe({
|
|
|
173
173
|
)
|
|
174
174
|
}
|
|
175
175
|
),
|
|
176
|
-
|
|
176
|
+
s && s.length > 0 && /* @__PURE__ */ o(x, { children: [
|
|
177
177
|
/* @__PURE__ */ e("div", { className: "relative my-2.5 mx-6 border-t-2 border-border", children: /* @__PURE__ */ e(
|
|
178
178
|
"div",
|
|
179
179
|
{
|
|
@@ -188,7 +188,7 @@ function oe({
|
|
|
188
188
|
}
|
|
189
189
|
) }),
|
|
190
190
|
/* @__PURE__ */ e("div", { className: "h-6" }),
|
|
191
|
-
/* @__PURE__ */ e(u, { children:
|
|
191
|
+
/* @__PURE__ */ e(u, { children: s.map((t) => /* @__PURE__ */ e(
|
|
192
192
|
l,
|
|
193
193
|
{
|
|
194
194
|
size: "sm",
|
|
@@ -241,7 +241,7 @@ function oe({
|
|
|
241
241
|
maxWidth: "100%",
|
|
242
242
|
title: /* @__PURE__ */ e("span", { className: g, children: d }),
|
|
243
243
|
triggerClassName: g,
|
|
244
|
-
children:
|
|
244
|
+
children: w
|
|
245
245
|
}
|
|
246
246
|
);
|
|
247
247
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as r, jsxs as
|
|
2
|
-
import { formatBN as
|
|
3
|
-
import * as
|
|
4
|
-
import { useMemo as
|
|
5
|
-
import { SliderProvider as
|
|
1
|
+
import { jsx as r, jsxs as B } from "react/jsx-runtime";
|
|
2
|
+
import { formatBN as F, toBN as H } from "@gearbox-protocol/sdk";
|
|
3
|
+
import * as v from "@radix-ui/react-slider";
|
|
4
|
+
import { useMemo as l, useCallback as u, useRef as J } from "react";
|
|
5
|
+
import { SliderProvider as K } from "../slider/slider-context.js";
|
|
6
6
|
import { SliderMark as Q } from "../slider/slider-mark.js";
|
|
7
7
|
import { cn as x } from "../../utils/cn.js";
|
|
8
8
|
import "sonner";
|
|
@@ -15,52 +15,51 @@ const V = 7.5;
|
|
|
15
15
|
function ue({
|
|
16
16
|
from: p,
|
|
17
17
|
to: g,
|
|
18
|
-
step:
|
|
18
|
+
step: I,
|
|
19
19
|
markerStep: N,
|
|
20
|
-
token:
|
|
20
|
+
token: b,
|
|
21
21
|
additionalMarkers: c,
|
|
22
22
|
additionalMarkersLabels: S,
|
|
23
23
|
value: $,
|
|
24
24
|
setValue: m,
|
|
25
|
-
epsilon_inPer:
|
|
26
|
-
mergeMarkers_inPer:
|
|
25
|
+
epsilon_inPer: E = 1,
|
|
26
|
+
mergeMarkers_inPer: L = 3,
|
|
27
27
|
className: z
|
|
28
28
|
}) {
|
|
29
|
-
const [
|
|
29
|
+
const [t, n] = p > g ? [g, p] : [p, g], d = l(() => n - t, [n, t]), M = l(
|
|
30
|
+
() => d / 100 * E,
|
|
31
|
+
[E, d]
|
|
32
|
+
), T = l(
|
|
30
33
|
() => d / 100 * L,
|
|
31
|
-
[
|
|
32
|
-
),
|
|
33
|
-
() => d / 100 * M,
|
|
34
|
-
[d, M]
|
|
35
|
-
), v = a(
|
|
34
|
+
[d, L]
|
|
35
|
+
), h = l(
|
|
36
36
|
() => d / 100 * V,
|
|
37
37
|
[d]
|
|
38
|
-
), f =
|
|
39
|
-
(e
|
|
40
|
-
|
|
41
|
-
), [c]), y = a(
|
|
38
|
+
), f = l(() => c == null ? {} : typeof c == "number" ? { [c]: c } : Object.fromEntries(
|
|
39
|
+
c.map((e) => [e, e])
|
|
40
|
+
), [c]), y = l(
|
|
42
41
|
() => Y(
|
|
42
|
+
t,
|
|
43
43
|
n,
|
|
44
|
-
o,
|
|
45
44
|
N,
|
|
46
45
|
f
|
|
47
46
|
),
|
|
48
|
-
[
|
|
49
|
-
), s =
|
|
50
|
-
() => Z(y,
|
|
51
|
-
[y,
|
|
47
|
+
[t, n, N, f]
|
|
48
|
+
), s = l(
|
|
49
|
+
() => Z(y, T),
|
|
50
|
+
[y, T]
|
|
52
51
|
), C = u(
|
|
53
52
|
(e) => {
|
|
54
53
|
if (s.length === 0) {
|
|
55
|
-
m(w(e,
|
|
54
|
+
m(w(e, t, n));
|
|
56
55
|
return;
|
|
57
56
|
}
|
|
58
|
-
const
|
|
59
|
-
(
|
|
57
|
+
const o = s.reduce(
|
|
58
|
+
(a, i) => Math.abs(i.point - e) < Math.abs(a.point - e) ? i : a
|
|
60
59
|
);
|
|
61
|
-
Math.abs(
|
|
60
|
+
Math.abs(o.point - e) < M ? m(w(o.point, t, n)) : m(e);
|
|
62
61
|
},
|
|
63
|
-
[s,
|
|
62
|
+
[s, M, t, n, m]
|
|
64
63
|
), P = u(
|
|
65
64
|
(e) => {
|
|
66
65
|
e.length > 0 && C(e[0]);
|
|
@@ -68,29 +67,29 @@ function ue({
|
|
|
68
67
|
[C]
|
|
69
68
|
), R = u(
|
|
70
69
|
(e) => {
|
|
71
|
-
m(w(e,
|
|
70
|
+
m(w(e, t, n));
|
|
72
71
|
},
|
|
73
|
-
[
|
|
74
|
-
), D =
|
|
72
|
+
[t, n, m]
|
|
73
|
+
), D = J(null), A = u(() => {
|
|
75
74
|
const e = D.current;
|
|
76
75
|
if (!e) return;
|
|
77
|
-
const
|
|
76
|
+
const o = () => {
|
|
78
77
|
e.dataset.dragging = "";
|
|
79
|
-
},
|
|
80
|
-
document.removeEventListener("pointermove",
|
|
78
|
+
}, a = () => {
|
|
79
|
+
document.removeEventListener("pointermove", o), delete e.dataset.dragging;
|
|
81
80
|
};
|
|
82
|
-
document.addEventListener("pointermove",
|
|
83
|
-
}, []), G =
|
|
84
|
-
const i =
|
|
85
|
-
return { point: e, labelText:
|
|
81
|
+
document.addEventListener("pointermove", o, { once: !0 }), document.addEventListener("pointerup", a, { once: !0 });
|
|
82
|
+
}, []), G = l(() => s.map(({ point: e }, o, a) => {
|
|
83
|
+
const i = a[o + 1], k = a[o - 1], O = i ? Math.abs(e - i.point) <= h : !1, U = k ? Math.abs(e - k.point) <= h : !1, W = o === 0 || o === a.length - 1 || f[e] !== void 0 && !U && !O, _ = S?.[e], q = W ? F(H(String(e), b.decimals), b.decimals) : "", j = _ ?? q;
|
|
84
|
+
return { point: e, labelText: j, align: _ ? "top" : "bottom", hasLabel: !!j };
|
|
86
85
|
}), [
|
|
87
86
|
s,
|
|
88
87
|
f,
|
|
89
88
|
S,
|
|
90
|
-
|
|
91
|
-
|
|
89
|
+
b,
|
|
90
|
+
h
|
|
92
91
|
]);
|
|
93
|
-
return /* @__PURE__ */ r("div", { className: x("relative w-full", z), children: /* @__PURE__ */ r(
|
|
92
|
+
return /* @__PURE__ */ r("div", { className: x("relative w-full", z), children: /* @__PURE__ */ r(K, { colorIntervals: void 0, min: t, max: n, children: /* @__PURE__ */ r("div", { className: "relative w-full px-[9px] pt-3 pb-3", children: /* @__PURE__ */ B(
|
|
94
93
|
"div",
|
|
95
94
|
{
|
|
96
95
|
ref: D,
|
|
@@ -102,30 +101,30 @@ function ue({
|
|
|
102
101
|
),
|
|
103
102
|
onPointerDown: A,
|
|
104
103
|
children: [
|
|
105
|
-
/* @__PURE__ */
|
|
106
|
-
|
|
104
|
+
/* @__PURE__ */ B(
|
|
105
|
+
v.Root,
|
|
107
106
|
{
|
|
108
107
|
className: "relative flex w-full touch-none select-none items-center",
|
|
109
|
-
min:
|
|
110
|
-
max:
|
|
111
|
-
step:
|
|
108
|
+
min: t,
|
|
109
|
+
max: n,
|
|
110
|
+
step: I,
|
|
112
111
|
value: [$],
|
|
113
112
|
onValueChange: P,
|
|
114
113
|
onValueCommit: P,
|
|
115
114
|
children: [
|
|
116
|
-
/* @__PURE__ */ r(
|
|
115
|
+
/* @__PURE__ */ r(v.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-gray-40 mx-[9px] cursor-pointer" }),
|
|
117
116
|
s.length > 0 && /* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none flex items-center", children: /* @__PURE__ */ r("div", { className: "relative w-full", children: s.map(({ point: e }) => /* @__PURE__ */ r(
|
|
118
117
|
Q,
|
|
119
118
|
{
|
|
120
119
|
value: e,
|
|
121
|
-
min:
|
|
122
|
-
max:
|
|
120
|
+
min: t,
|
|
121
|
+
max: n,
|
|
123
122
|
onSelect: R
|
|
124
123
|
},
|
|
125
124
|
`mark-${e}`
|
|
126
125
|
)) }) }),
|
|
127
126
|
/* @__PURE__ */ r(
|
|
128
|
-
|
|
127
|
+
v.Thumb,
|
|
129
128
|
{
|
|
130
129
|
className: x(
|
|
131
130
|
"relative block h-[18px] w-[18px] shrink-0 rounded-full bg-foreground",
|
|
@@ -141,14 +140,14 @@ function ue({
|
|
|
141
140
|
}
|
|
142
141
|
),
|
|
143
142
|
/* @__PURE__ */ r("div", { className: "absolute inset-0 pointer-events-none", children: /* @__PURE__ */ r("div", { className: "relative w-full h-full", children: G.map(
|
|
144
|
-
({ point: e, labelText:
|
|
143
|
+
({ point: e, labelText: o, align: a, hasLabel: i }) => i && /* @__PURE__ */ r(
|
|
145
144
|
X,
|
|
146
145
|
{
|
|
147
146
|
point: e,
|
|
148
|
-
min:
|
|
149
|
-
max:
|
|
150
|
-
label:
|
|
151
|
-
align:
|
|
147
|
+
min: t,
|
|
148
|
+
max: n,
|
|
149
|
+
label: o,
|
|
150
|
+
align: a,
|
|
152
151
|
onSelect: R
|
|
153
152
|
},
|
|
154
153
|
`label-${e}`
|