@dub/ui 0.0.22 → 0.0.23

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/badge.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as class_variance_authority_dist_types from 'class-variance-authority/d
3
3
  import { VariantProps } from 'class-variance-authority';
4
4
 
5
5
  declare const badgeVariants: (props?: ({
6
- variant?: "black" | "blue" | "gray" | "violet" | "default" | "neutral" | null | undefined;
6
+ variant?: "default" | "violet" | "blue" | "black" | "gray" | "neutral" | null | undefined;
7
7
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
8
8
  interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
9
9
  }
package/dist/button.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a}from"./chunk-4SLUWNLA.mjs";import"./chunk-AFM2ORXQ.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Button};
2
+ import{a}from"./chunk-KP5S4XFD.mjs";import"./chunk-HRJGMTGL.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Button};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{e as f}from"./chunk-OXLIZQKI.mjs";import{d as i}from"./chunk-GETLGZVE.mjs";import*as o from"@radix-ui/react-dialog";import{useRouter as D}from"next/navigation";import{Drawer as a}from"vaul";import{jsx as t,jsxs as n}from"react/jsx-runtime";function x({children:l,className:d,showModal:s,setShowModal:r,onClose:c,desktopOnly:g,preventDefaultClose:u}){let p=D(),m=({dragged:e}={})=>{u&&!e||(c&&c(),r?r(!1):p.back())},{isMobile:b}=f();return b&&!g?n(a.Root,{open:r?s:!0,onOpenChange:e=>{e||m({dragged:!0})},children:[t(a.Overlay,{className:"fixed inset-0 z-40 bg-gray-100 bg-opacity-10 backdrop-blur"}),n(a.Portal,{children:[n(a.Content,{className:i("fixed bottom-0 left-0 right-0 z-50 mt-24 rounded-t-[10px] border-t border-gray-200 bg-white",d),children:[t("div",{className:"sticky top-0 z-20 flex w-full items-center justify-center rounded-t-[10px] bg-inherit",children:t("div",{className:"my-3 h-1 w-12 rounded-full bg-gray-300"})}),l]}),t(a.Overlay,{})]})]}):t(o.Root,{open:r?s:!0,onOpenChange:e=>{e||m()},children:n(o.Portal,{children:[t(o.Overlay,{id:"modal-backdrop",className:"animate-fade-in fixed inset-0 z-40 bg-gray-100 bg-opacity-50 backdrop-blur-md"}),t(o.Content,{onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>e.preventDefault(),className:i("animate-scale-in fixed inset-0 z-40 m-auto max-h-fit w-full max-w-md overflow-hidden border border-gray-200 bg-white p-0 shadow-xl md:rounded-2xl",d),children:l})]})})}export{x as a};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{a as i}from"./chunk-KP5S4XFD.mjs";import{d}from"./chunk-GETLGZVE.mjs";import{useMemo as x,useState as u}from"react";import{jsx as e,jsxs as a}from"react/jsx-runtime";function T({title:m,description:g,inputData:t,helpText:f,buttonText:c="Save Changes",disabledTooltip:s,handleSubmit:p}){let[r,y]=u(t.defaultValue),[l,n]=u(!1),b=x(()=>l||!r||r===t.defaultValue,[l,r,t.defaultValue]);return a("form",{onSubmit:async o=>{o.preventDefault(),n(!0),await p({[t.name]:r}),n(!1)},className:"rounded-lg border border-gray-200 bg-white",children:[a("div",{className:"relative flex flex-col space-y-6 p-5 sm:p-10",children:[a("div",{className:"flex flex-col space-y-3",children:[e("h2",{className:"text-xl font-medium",children:m}),e("p",{className:"text-sm text-gray-500",children:g})]}),typeof t.defaultValue=="string"?e("input",{...t,type:"text",required:!0,disabled:!!s,onChange:o=>y(o.target.value),className:d("w-full max-w-md rounded-md border border-gray-300 text-gray-900 placeholder-gray-300 focus:border-gray-500 focus:outline-none focus:ring-gray-500 sm:text-sm",{"cursor-not-allowed bg-gray-100 text-gray-400":s})}):e("div",{className:"h-[2.35rem] w-full max-w-md animate-pulse rounded-md bg-gray-200"})]}),a("div",{className:"flex items-center justify-between rounded-b-lg border-t border-gray-200 bg-gray-50 p-3 sm:px-10",children:[e("p",{className:"prose-sm prose-a:underline prose-a:underline-offset-4 hover:prose-a:text-gray-700 text-gray-500 transition-colors",dangerouslySetInnerHTML:{__html:f||""}}),e("div",{children:e(i,{text:c,loading:l,disabled:b,disabledTooltip:s})})]})]})}export{T as a};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{a as u}from"./chunk-TMILZTCX.mjs";import{a as p}from"./chunk-CS6Q63Y7.mjs";import{a as t,d as n,e as d}from"./chunk-GETLGZVE.mjs";import{ChevronDown as N,Menu as v,X as w}from"lucide-react";import o from"next/link";import{useParams as x}from"next/navigation";import{useEffect as k,useState as b}from"react";import L from"swr";import{Fragment as h,jsx as e,jsxs as s}from"react/jsx-runtime";function E(){let{domain:r="dub.co"}=x(),[a,c]=b(!1),[m,y]=b(!1);k(()=>{a?document.body.style.overflow="hidden":document.body.style.overflow="auto"},[a]);let{data:f,isLoading:z}=L(r==="dub.co"&&"/api/auth/session",d,{dedupingInterval:6e4});return s(h,{children:[e("button",{onClick:()=>c(!a),className:n("fixed right-3 top-3 z-40 rounded-full p-2 transition-colors duration-200 hover:bg-gray-200 focus:outline-none active:bg-gray-300 lg:hidden",a&&"hover:bg-gray-100 active:bg-gray-200"),children:a?e(w,{className:"h-5 w-5 text-gray-600"}):e(v,{className:"h-5 w-5 text-gray-600"})}),e("nav",{className:n("fixed inset-0 z-20 hidden w-full bg-white px-5 py-16 lg:hidden",a&&"block"),children:s("ul",{className:"grid divide-y divide-gray-200",children:[s("li",{className:"py-3",children:[s("button",{className:"flex w-full justify-between",onClick:()=>y(!m),children:[e("p",{className:"font-semibold",children:"Features"}),e(N,{className:n("h-5 w-5 text-gray-500 transition-all",m&&"rotate-180")})]}),m&&e("div",{className:"grid gap-4 overflow-hidden py-4",children:p.map(({slug:l,icon:i,shortTitle:g})=>s(o,{href:r==="dub.co"?`/${l}`:`https://dub.co/${l}`,onClick:()=>c(!1),className:"flex w-full space-x-2",children:[e(i,{className:"h-5 w-5 text-gray-500"}),e("span",{className:"text-sm",children:g})]},l))})]}),u.map(({name:l,slug:i})=>e("li",{className:"py-3",children:e(o,{href:r==="dub.co"?`/${i}`:`https://dub.co/${i}`,onClick:()=>c(!1),className:"flex w-full font-semibold capitalize",children:l})},i)),f&&Object.keys(f).length>0?e("li",{className:"py-3",children:e(o,{href:t,className:"flex w-full font-semibold capitalize",children:"Dashboard"})}):s(h,{children:[e("li",{className:"py-3",children:e(o,{href:`${t}/login`,className:"flex w-full font-semibold capitalize",children:"Log in"})}),e("li",{className:"py-3",children:e(o,{href:`${t}/register`,className:"flex w-full font-semibold capitalize",children:"Sign Up"})})]})]})})]})}export{E as a};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{e as p}from"./chunk-OXLIZQKI.mjs";import{f as m,g as d}from"./chunk-GETLGZVE.mjs";import*as i from"@radix-ui/react-tooltip";import{HelpCircle as f}from"lucide-react";import u from"next/link";import{Drawer as n}from"vaul";import{jsx as t,jsxs as l}from"react/jsx-runtime";function c({children:r,content:e,side:o="top",desktopOnly:a,fullWidth:s}){let{isMobile:x}=p();return x&&!a?l(n.Root,{children:[t(n.Trigger,{className:`${s?"w-full":"inline-flex"} md:hidden`,onClick:g=>{g.stopPropagation()},children:r}),t(n.Overlay,{className:"fixed inset-0 z-40 bg-gray-100 bg-opacity-10 backdrop-blur"}),l(n.Portal,{children:[l(n.Content,{className:"fixed bottom-0 left-0 right-0 z-50 mt-24 rounded-t-[10px] border-t border-gray-200 bg-white",children:[t("div",{className:"sticky top-0 z-20 flex w-full items-center justify-center rounded-t-[10px] bg-inherit",children:t("div",{className:"my-3 h-1 w-12 rounded-full bg-gray-300"})}),t("div",{className:"flex min-h-[150px] w-full items-center justify-center overflow-hidden bg-white align-middle shadow-xl",children:typeof e=="string"?t("span",{className:"block text-center text-sm text-gray-700",children:e}):e})]}),t(n.Overlay,{})]})]}):t(i.Provider,{delayDuration:100,children:l(i.Root,{children:[t(i.Trigger,{className:"md:inline-flex",asChild:!0,children:r}),t(i.Portal,{children:t(i.Content,{sideOffset:8,side:o,className:"animate-slide-up-fade z-[99] items-center overflow-hidden rounded-md border border-gray-200 bg-white shadow-md md:block",children:typeof e=="string"?t("div",{className:"block max-w-xs px-4 py-2 text-center text-sm text-gray-700",children:e}):e})})]})})}function N({title:r,cta:e,href:o,target:a,onClick:s}){return l("div",{className:"flex flex-col items-center space-y-3 p-4 text-center md:max-w-xs",children:[t("p",{className:"text-sm text-gray-700",children:r}),e&&(o?t(u,{href:o,...a?{target:a}:{},className:"mt-4 w-full rounded-md border border-black bg-black px-3 py-1.5 text-center text-sm text-white transition-all hover:bg-white hover:text-black",children:e}):s?t("button",{type:"button",className:"mt-4 w-full rounded-md border border-black bg-black px-3 py-1.5 text-center text-sm text-white transition-all hover:bg-white hover:text-black",onClick:s,children:e}):null)]})}function T({title:r,cta:e,href:o}){return l("div",{className:"max-w-xs px-4 py-2 text-center text-sm text-gray-700",children:[r," ",t("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"inline-flex text-gray-500 underline underline-offset-4 hover:text-gray-800",children:e})]})}function k({content:r}){return t(c,{content:r,children:t(f,{className:"h-4 w-4 text-gray-500"})})}function P({value:r,unit:e="total clicks",children:o,lastClicked:a}){return(!r||r<1e3)&&!a?o:t(c,{content:l("div",{className:"block max-w-xs px-4 py-2 text-center text-sm text-gray-700",children:[l("p",{className:"text-sm font-semibold text-gray-700",children:[m(r||0,{full:!0})," ",e]}),a&&l("p",{className:"mt-1 text-xs text-gray-500",suppressHydrationWarning:!0,children:["Last clicked ",d(a,{withAgo:!0})]})]}),children:o})}export{c as a,N as b,T as c,k as d,P as e};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{a as d}from"./chunk-HRJGMTGL.mjs";import{a as l}from"./chunk-DXCEIY56.mjs";import{d as a}from"./chunk-GETLGZVE.mjs";import{jsx as t,jsxs as b}from"react/jsx-runtime";function g({text:n,variant:r="primary",loading:o,icon:i,disabledTooltip:s,...e}){return s?t(d,{content:s,fullWidth:!0,children:t("div",{className:"flex h-10 w-full cursor-not-allowed items-center justify-center rounded-md border border-gray-200 bg-gray-100 px-4 text-sm text-gray-400 transition-all focus:outline-none",children:t("p",{children:n})})}):b("button",{type:e.onClick?"button":"submit",className:a("flex h-10 w-full items-center justify-center space-x-2 rounded-md border px-4 text-sm transition-all focus:outline-none",e.disabled||o?"cursor-not-allowed border-gray-200 bg-gray-100 text-gray-400":{"border-black bg-black text-white hover:bg-white hover:text-black":r==="primary","border-gray-200 bg-white text-gray-500 hover:border-black hover:text-black":r==="secondary","border-blue-500 bg-blue-500 text-white hover:bg-white hover:text-blue-500":r==="success","border-red-500 bg-red-500 text-white hover:bg-white hover:text-red-500":r==="danger"},e.className),disabled:e.disabled||o,...e,children:[o?t(l,{}):i||null,t("p",{children:n})]})}export{g as a};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import h from"js-cookie";import{useEffect as T,useState as C}from"react";function w(e,o,t){let[r,c]=C(()=>{let i=h.get(e);return i?JSON.parse(i):o});return T(()=>{let i=()=>{let n=h.get(e);n&&c(JSON.parse(n))};return window.addEventListener("storage",i),()=>{window.removeEventListener("storage",i)}},[e]),[r,i=>{c(i),h.set(e,JSON.stringify(i))}]}import{useEffect as P,useState as L}from"react";function b(){let[e,o]=L(null);return P(()=>{let t=document.querySelector("[data-mdx-container]");if(!t)return;let r=t.offsetTop-1,c=new IntersectionObserver(n=>{var d,f,g;let u=n[0];if(!u)return;let l=(((d=u.rootBounds)==null?void 0:d.height)||0)*.3+r;for(let m=1;m<n.length;m++){let p=n[m];if(!p)break;(p.boundingClientRect.top<u.boundingClientRect.top||u.boundingClientRect.bottom<r)&&(u=p)}let s=u.target;for(;s&&s.getBoundingClientRect().bottom<r;)s=(f=a.get(s))==null?void 0:f.next;for(;s&&s.getBoundingClientRect().top>l;)s=(g=a.get(s))==null?void 0:g.prev;s&&o(s.getAttribute("href"))},{threshold:1,rootMargin:`-${r}px 0px 0px 0px`}),a=new Map;return(t==null?void 0:t.querySelectorAll("[data-mdx-heading]")).forEach(n=>c.observe(n)),()=>{c.disconnect()}},[]),e==null?void 0:e.replace("#","")}import{useEffect as A,useState as R}from"react";function S(e,{threshold:o=0,root:t=null,rootMargin:r="0%",freezeOnceVisible:c=!1}){let[a,i]=R(),n=(a==null?void 0:a.isIntersecting)&&c,u=([l])=>{i(l)};return A(()=>{let l=e==null?void 0:e.current;if(!!!window.IntersectionObserver||n||!l)return;let d={threshold:o,root:t,rootMargin:r},f=new IntersectionObserver(u,d);return f.observe(l),()=>f.disconnect()},[e,JSON.stringify(o),t,r,n]),a}import{useEffect as V,useState as M}from"react";function v(e,o){let[t,r]=M(o);return V(()=>{let a=window.localStorage.getItem(e);a&&r(JSON.parse(a))},[e]),[t,a=>{r(a),window.localStorage.setItem(e,JSON.stringify(a))}]}import{useEffect as N,useState as x}from"react";function E(){let[e,o]=x(null),[t,r]=x(null);return N(()=>{let c=()=>{window.matchMedia("(max-width: 640px)").matches?o("mobile"):window.matchMedia("(min-width: 641px) and (max-width: 1024px)").matches?o("tablet"):o("desktop"),r({width:window.innerWidth,height:window.innerHeight})};return c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}},[]),{device:e,width:t==null?void 0:t.width,height:t==null?void 0:t.height,isMobile:e==="mobile",isTablet:e==="tablet",isDesktop:e==="desktop"}}import{usePathname as j,useRouter as k,useSearchParams as q}from"next/navigation";function O(){let e=j(),o=k(),t=q(),r=Object.fromEntries(t);return{pathname:e,router:o,searchParams:t,searchParamsObj:r,queryParams:({set:i,del:n,replace:u,getNewPath:l})=>{let s=new URLSearchParams(t);i&&Object.entries(i).forEach(([g,m])=>s.set(g,m)),n&&(Array.isArray(n)?n.forEach(g=>s.delete(g)):s.delete(n));let d=s.toString(),f=`${e}${d.length>0?`?${d}`:""}`;if(l)return f;u?o.replace(f):o.push(f)},getQueryString:i=>{let n=new URLSearchParams(t);i&&Object.entries(i).forEach(([l,s])=>n.set(l,s));let u=n.toString();return u.length>0?`?${u}`:""}}}import{useCallback as J,useEffect as y,useState as $}from"react";function I(e){let[o,t]=$(!1),r=J(()=>{t(window.scrollY>e)},[e]);return y(()=>(window.addEventListener("scroll",r),()=>window.removeEventListener("scroll",r)),[r]),y(()=>{r()},[r]),o}export{w as a,b,S as c,v as d,E as e,O as f,I as g};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{a as f}from"./chunk-CS6Q63Y7.mjs";import{a as h}from"./chunk-2P3HXSLI.mjs";import{g as b}from"./chunk-OXLIZQKI.mjs";import{a as v}from"./chunk-FORABOJM.mjs";import{a as l,b as g,d as c,e as p}from"./chunk-GETLGZVE.mjs";import*as i from"@radix-ui/react-navigation-menu";import s from"@vercel/analytics";import{ChevronDown as w}from"lucide-react";import r from"next/link";import{useParams as M,useSelectedLayoutSegment as P}from"next/navigation";import L from"swr";import{Fragment as R,jsx as e,jsxs as a}from"react/jsx-runtime";var C=[{name:"Customers",slug:"customers"},{name:"Changelog",slug:"changelog"},{name:"Help",slug:"help"},{name:"Pricing",slug:"pricing"}];function H(){let{domain:t="dub.co"}=M(),x=b(80),m=P(),d=m==="help",{data:u,isLoading:N}=L(t==="dub.co"&&"/api/auth/session",p,{dedupingInterval:6e4});return e("div",{className:c("sticky inset-x-0 top-0 z-30 w-full transition-all",{"border-b border-gray-200 bg-white/75 backdrop-blur-lg":x,"border-b border-gray-200 bg-white":m&&!g.includes(m)}),children:e(h,{...d&&{className:"max-w-screen-lg"},children:a("div",{className:"flex h-14 items-center justify-between",children:[a("div",{className:"flex items-center space-x-4",children:[e(r,{href:t==="dub.co"?"/":"https://dub.co",...t!=="dub.co"&&{onClick:()=>{s.track("Referred from custom domain",{domain:t,medium:"logo"})}},children:e(v,{})}),d?a("div",{className:"flex items-center",children:[e("div",{className:"mr-3 h-5 border-l-2 border-gray-400"}),e(r,{href:"/help",className:"font-display text-lg font-bold text-gray-700",children:"Help Center"})]}):a(i.Root,{delayDuration:0,className:"relative hidden lg:block",children:[a(i.List,{className:"flex flex-row space-x-2 p-4",children:[a(i.Item,{children:[a(i.Trigger,{className:"group flex items-center space-x-2 rounded-md px-3 py-2 text-sm font-medium hover:bg-gray-100 focus:outline-none",children:[e("p",{className:c("text-sm font-medium text-gray-500 transition-colors ease-out group-hover:text-black",{"text-black":m==="features"}),children:"Features"}),e(w,{className:"h-4 w-4 transition-all group-data-[state=open]:rotate-180"})]}),e(i.Content,{children:e("div",{className:"grid w-[32rem] grid-cols-2 gap-1 p-3",children:f.map(({slug:n,icon:o,title:k,shortTitle:y})=>a(r,{href:t==="dub.co"?`/${n}`:`https://dub.co/${n}`,...t!=="dub.co"&&{onClick:()=>{s.track("Referred from custom domain",{domain:t,medium:`navbar item (/${n})`})}},className:"rounded-lg p-3 transition-colors hover:bg-gray-100 active:bg-gray-200",children:[a("div",{className:"flex items-center space-x-2",children:[e(o,{className:"h-4 w-4 text-gray-700"}),e("p",{className:"text-sm font-medium text-gray-700",children:y})]}),e("p",{className:"mt-1 line-clamp-1 text-sm text-gray-500",children:k})]},n))})})]}),C.map(({name:n,slug:o})=>e(i.Item,{asChild:!0,children:e(r,{id:`nav-${o}`,href:t==="dub.co"?`/${o}`:`https://dub.co/${o}`,...t!=="dub.co"&&{onClick:()=>{s.track("Referred from custom domain",{domain:t,medium:`navbar item (${o})`})}},className:c("rounded-md px-3 py-2 text-sm font-medium text-gray-500 transition-colors ease-out hover:text-black",{"text-black":m===o}),children:n},o)},o))]}),e(i.Viewport,{className:"data-[state=closed]:animate-scale-out-content data-[state=open]:animate-scale-in-content absolute left-0 top-full flex w-[var(--radix-navigation-menu-viewport-width)] origin-[top_center] justify-start rounded-lg border border-gray-200 bg-white shadow-lg"})]})]}),e("div",{className:"hidden lg:block",children:u&&Object.keys(u).length>0?e(r,{href:l,className:"animate-fade-in rounded-full border border-black bg-black px-4 py-1.5 text-sm text-white transition-all hover:bg-white hover:text-black",children:"Dashboard"}):N?null:a(R,{children:[e(r,{href:`${l}/login`,...t!=="dub.co"&&{onClick:()=>{s.track("Referred from custom domain",{domain:t,medium:"navbar item (login)"})}},className:"animate-fade-in rounded-full px-4 py-1.5 text-sm font-medium text-gray-500 transition-colors ease-out hover:text-black",children:"Log in"}),e(r,{href:`${l}/register`,...t!=="dub.co"&&{onClick:()=>{s.track("Referred from custom domain",{domain:t,medium:"navbar item (signup)"})}},className:"animate-fade-in rounded-full border border-black bg-black px-4 py-1.5 text-sm text-white transition-all hover:bg-white hover:text-black",children:"Sign Up"})]})})]})})})}export{C as a,H as b};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{e as d}from"./chunk-OXLIZQKI.mjs";import*as o from"@radix-ui/react-popover";import{Drawer as i}from"vaul";import{jsx as e,jsxs as r}from"react/jsx-runtime";function g({children:t,content:a,align:s="center",openPopover:n,setOpenPopover:l,mobileOnly:m}){let{isMobile:p}=d();return m||p?r(i.Root,{open:n,onOpenChange:l,children:[e("div",{className:"sm:hidden",children:t}),e(i.Overlay,{className:"fixed inset-0 z-40 bg-gray-100 bg-opacity-10 backdrop-blur"}),r(i.Portal,{children:[r(i.Content,{className:"fixed bottom-0 left-0 right-0 z-50 mt-24 rounded-t-[10px] border-t border-gray-200 bg-white",children:[e("div",{className:"sticky top-0 z-20 flex w-full items-center justify-center rounded-t-[10px] bg-inherit",children:e("div",{className:"my-3 h-1 w-12 rounded-full bg-gray-300"})}),e("div",{className:"flex min-h-[150px] w-full items-center justify-center overflow-hidden bg-white pb-8 align-middle shadow-xl",children:a})]}),e(i.Overlay,{})]})]}):r(o.Root,{open:n,onOpenChange:l,children:[e(o.Trigger,{className:"sm:inline-flex",asChild:!0,children:t}),e(o.Portal,{children:e(o.Content,{sideOffset:8,align:s,className:"animate-slide-up-fade z-50 items-center rounded-md border border-gray-200 bg-white drop-shadow-lg sm:block",children:a})})]})}export{g as a};
@@ -0,0 +1,2 @@
1
+ "use client"
2
+ import{a}from"./chunk-HRJGMTGL.mjs";import{d as i}from"./chunk-GETLGZVE.mjs";import*as t from"@radix-ui/react-switch";import{jsx as e}from"react/jsx-runtime";function f({fn:s,trackDimensions:c,thumbDimensions:l,thumbTranslate:r,checked:d=!0,disabled:o=!1,disabledTooltip:n}){return n?e(a,{content:n,children:e("div",{className:"radix-state-checked:bg-gray-300 relative inline-flex h-4 w-8 flex-shrink-0 cursor-not-allowed rounded-full border-2 border-transparent bg-gray-200",children:e("div",{className:"h-3 w-3 transform rounded-full bg-white shadow-lg"})})}):e(t.Root,{checked:d,name:"switch",onCheckedChange:u=>s(u),disabled:o,className:i(o?"cursor-not-allowed bg-gray-300":"radix-state-checked:bg-blue-500 radix-state-unchecked:bg-gray-200 cursor-pointer focus:outline-none focus-visible:ring focus-visible:ring-blue-500 focus-visible:ring-opacity-75","relative inline-flex h-4 w-8 flex-shrink-0 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out",c),children:e(t.Thumb,{className:i(`radix-state-checked:${r}`,"radix-state-unchecked:translate-x-0","pointer-events-none h-3 w-3 translate-x-4 transform rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out",l,r)})})}export{f as a};
package/dist/form.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a}from"./chunk-D2HHV7ZY.mjs";import"./chunk-4SLUWNLA.mjs";import"./chunk-AFM2ORXQ.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Form};
2
+ import{a}from"./chunk-CIH5L36B.mjs";import"./chunk-KP5S4XFD.mjs";import"./chunk-HRJGMTGL.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Form};
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export { Modal } from './modal.js';
7
7
  export { Popover } from './popover.js';
8
8
  export { Switch } from './switch.js';
9
9
  export { InfoTooltip, NumberTooltip, SimpleTooltipContent, Tooltip, TooltipContent } from './tooltip.js';
10
+ import Cookies from 'js-cookie';
10
11
  import { RefObject } from 'react';
11
12
  import * as next_navigation from 'next/navigation';
12
13
  import * as next_dist_shared_lib_app_router_context_shared_runtime from 'next/dist/shared/lib/app-router-context.shared-runtime';
@@ -42,6 +43,8 @@ import 'react/jsx-runtime';
42
43
  import 'class-variance-authority/dist/types';
43
44
  import 'class-variance-authority';
44
45
 
46
+ declare function useCookies<T>(key: string, initialValue: T, opts?: Cookies.CookieAttributes): [T, (value: T) => void];
47
+
45
48
  declare function useCurrentAnchor(): string | undefined;
46
49
 
47
50
  interface Args extends IntersectionObserverInit {
@@ -85,4 +88,4 @@ declare const FEATURES_LIST: {
85
88
  slug: string;
86
89
  }[];
87
90
 
88
- export { FEATURES_LIST, useCurrentAnchor, useIntersectionObserver, useLocalStorage, useMediaQuery, useRouterStuff, useScroll };
91
+ export { FEATURES_LIST, useCookies, useCurrentAnchor, useIntersectionObserver, useLocalStorage, useMediaQuery, useRouterStuff, useScroll };
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a as S}from"./chunk-JN4HZKLZ.mjs";import{a as T}from"./chunk-6BSUYVR2.mjs";import{a as _}from"./chunk-W5YDWGPP.mjs";import{a as Q}from"./chunk-Z4MSMGYC.mjs";import{a as X}from"./chunk-O5BHK57C.mjs";import{a as Y,b as Z}from"./chunk-X6UVYDOK.mjs";import{a as R}from"./chunk-U47NUBUS.mjs";import{a as W}from"./chunk-PJTYQLFH.mjs";import{a as U,b as V}from"./chunk-3NYQVNFN.mjs";import{a as o,b as r,c as m,d as p}from"./chunk-OYAINH3S.mjs";import{a as t,b as e}from"./chunk-SG32TO7H.mjs";import{a as f}from"./chunk-QDF6KFCS.mjs";import{a as x,b as i}from"./chunk-WGBM3IWQ.mjs";import{a as L}from"./chunk-YBK5DGGN.mjs";import{a as O}from"./chunk-WBWNDP3N.mjs";import{a as M}from"./chunk-CS6Q63Y7.mjs";import{a as N}from"./chunk-2P3HXSLI.mjs";import{a as P}from"./chunk-D2HHV7ZY.mjs";import{a as K}from"./chunk-4SLUWNLA.mjs";import{a as F,b as G,c as H,d as I,e as J}from"./chunk-AFM2ORXQ.mjs";import{a as z,b as A,c as B,d as C,e as D,f as E}from"./chunk-D6DUNEEU.mjs";import"./chunk-PHU6NRSR.mjs";import{a as c}from"./chunk-YURUGH4S.mjs";import{a as d}from"./chunk-2TGXECZQ.mjs";import{a as g}from"./chunk-EHYVEIOL.mjs";import{a as w}from"./chunk-TPK4E5Q3.mjs";import{a as y}from"./chunk-GSQUGPJ2.mjs";import{a as u}from"./chunk-OYEGFR5W.mjs";import{a as v}from"./chunk-5EWSH7PD.mjs";import{a as h}from"./chunk-5VCSTI5E.mjs";import{a as j}from"./chunk-QA2KCGIR.mjs";import{a as k}from"./chunk-DXCEIY56.mjs";import{a as l}from"./chunk-2N5PVRHL.mjs";import{a as n}from"./chunk-FORABOJM.mjs";import{a}from"./chunk-Z5P2KHPP.mjs";import{a as b}from"./chunk-MPUF46VP.mjs";import{a as q}from"./chunk-MURAUI3W.mjs";import{a as s}from"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{o as Accordion,p as AccordionContent,r as AccordionItem,m as AccordionTrigger,t as Avatar,f as Background,i as Badge,K as Button,a as Copy,L as CopyButton,b as ExpandingArrow,M as FEATURES_LIST,q as Facebook,O as Footer,P as Form,s as Github,u as Google,Q as IconMenu,I as InfoTooltip,X as InlineSnippet,Y as LinkPreview,Z as LinkPreviewPlaceholder,v as LinkedIn,h as LoadingCircle,j as LoadingDots,k as LoadingSpinner,l as Logo,n as LogoType,c as Magic,N as MaxWidthWrapper,R as Modal,V as Nav,W as NavMobile,J as NumberTooltip,d as Photo,S as Popover,H as SimpleTooltipContent,T as Switch,_ as TabSelect,g as Tick,e as TokenAvatar,F as Tooltip,G as TooltipContent,w as Twitter,y as Unsplash,x as badgeVariants,U as navItems,z as useCurrentAnchor,A as useIntersectionObserver,B as useLocalStorage,C as useMediaQuery,D as useRouterStuff,E as useScroll};
2
+ import{a as T}from"./chunk-VNSJIPX2.mjs";import{a as U}from"./chunk-YLJBXNST.mjs";import{a as $}from"./chunk-W5YDWGPP.mjs";import{a as R}from"./chunk-Z4MSMGYC.mjs";import{a as Y}from"./chunk-O5BHK57C.mjs";import{a as Z,b as _}from"./chunk-X6UVYDOK.mjs";import{a as S}from"./chunk-2SHALOVV.mjs";import{a as X}from"./chunk-EIRSKFTT.mjs";import{a as V,b as W}from"./chunk-TMILZTCX.mjs";import{a as o,b as r,c as m,d as p}from"./chunk-OYAINH3S.mjs";import{a as t,b as e}from"./chunk-SG32TO7H.mjs";import{a as f}from"./chunk-QDF6KFCS.mjs";import{a as x,b as i}from"./chunk-WGBM3IWQ.mjs";import{a as M}from"./chunk-YBK5DGGN.mjs";import{a as P}from"./chunk-WBWNDP3N.mjs";import{a as N}from"./chunk-CS6Q63Y7.mjs";import{a as O}from"./chunk-2P3HXSLI.mjs";import{a as Q}from"./chunk-CIH5L36B.mjs";import{a as L}from"./chunk-KP5S4XFD.mjs";import{a as G,b as H,c as I,d as J,e as K}from"./chunk-HRJGMTGL.mjs";import{a as z,b as A,c as B,d as C,e as D,f as E,g as F}from"./chunk-OXLIZQKI.mjs";import"./chunk-PHU6NRSR.mjs";import{a as c}from"./chunk-YURUGH4S.mjs";import{a as d}from"./chunk-2TGXECZQ.mjs";import{a as g}from"./chunk-EHYVEIOL.mjs";import{a as w}from"./chunk-TPK4E5Q3.mjs";import{a as y}from"./chunk-GSQUGPJ2.mjs";import{a as u}from"./chunk-OYEGFR5W.mjs";import{a as v}from"./chunk-5EWSH7PD.mjs";import{a as h}from"./chunk-5VCSTI5E.mjs";import{a as j}from"./chunk-QA2KCGIR.mjs";import{a as k}from"./chunk-DXCEIY56.mjs";import{a as l}from"./chunk-2N5PVRHL.mjs";import{a as n}from"./chunk-FORABOJM.mjs";import{a}from"./chunk-Z5P2KHPP.mjs";import{a as b}from"./chunk-MPUF46VP.mjs";import{a as q}from"./chunk-MURAUI3W.mjs";import{a as s}from"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{o as Accordion,p as AccordionContent,r as AccordionItem,m as AccordionTrigger,t as Avatar,f as Background,i as Badge,L as Button,a as Copy,M as CopyButton,b as ExpandingArrow,N as FEATURES_LIST,q as Facebook,P as Footer,Q as Form,s as Github,u as Google,R as IconMenu,J as InfoTooltip,Y as InlineSnippet,Z as LinkPreview,_ as LinkPreviewPlaceholder,v as LinkedIn,h as LoadingCircle,j as LoadingDots,k as LoadingSpinner,l as Logo,n as LogoType,c as Magic,O as MaxWidthWrapper,S as Modal,W as Nav,X as NavMobile,K as NumberTooltip,d as Photo,T as Popover,I as SimpleTooltipContent,U as Switch,$ as TabSelect,g as Tick,e as TokenAvatar,G as Tooltip,H as TooltipContent,w as Twitter,y as Unsplash,x as badgeVariants,V as navItems,z as useCookies,A as useCurrentAnchor,B as useIntersectionObserver,C as useLocalStorage,D as useMediaQuery,E as useRouterStuff,F as useScroll};
package/dist/modal.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a}from"./chunk-U47NUBUS.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Modal};
2
+ import{a}from"./chunk-2SHALOVV.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Modal};
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a}from"./chunk-PJTYQLFH.mjs";import"./chunk-3NYQVNFN.mjs";import"./chunk-CS6Q63Y7.mjs";import"./chunk-2P3HXSLI.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as NavMobile};
2
+ import{a}from"./chunk-EIRSKFTT.mjs";import"./chunk-TMILZTCX.mjs";import"./chunk-CS6Q63Y7.mjs";import"./chunk-2P3HXSLI.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as NavMobile};
package/dist/nav.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a,b}from"./chunk-3NYQVNFN.mjs";import"./chunk-CS6Q63Y7.mjs";import"./chunk-2P3HXSLI.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{b as Nav,a as navItems};
2
+ import{a,b}from"./chunk-TMILZTCX.mjs";import"./chunk-CS6Q63Y7.mjs";import"./chunk-2P3HXSLI.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-TPK4E5Q3.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-5VCSTI5E.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-DXCEIY56.mjs";import"./chunk-2N5PVRHL.mjs";import"./chunk-FORABOJM.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-MPUF46VP.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{b as Nav,a as navItems};
package/dist/popover.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a}from"./chunk-JN4HZKLZ.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Popover};
2
+ import{a}from"./chunk-VNSJIPX2.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Popover};
package/dist/switch.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a}from"./chunk-6BSUYVR2.mjs";import"./chunk-AFM2ORXQ.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Switch};
2
+ import{a}from"./chunk-YLJBXNST.mjs";import"./chunk-HRJGMTGL.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{a as Switch};
package/dist/tooltip.d.ts CHANGED
@@ -29,6 +29,6 @@ declare function NumberTooltip({ value, unit, children, lastClicked, }: {
29
29
  unit?: string;
30
30
  children: ReactNode;
31
31
  lastClicked?: Date | null;
32
- }): string | number | boolean | Iterable<ReactNode> | React.PromiseLikeOfReactNode | react_jsx_runtime.JSX.Element | null | undefined;
32
+ }): string | number | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | React.PromiseLikeOfReactNode | null | undefined;
33
33
 
34
34
  export { InfoTooltip, NumberTooltip, SimpleTooltipContent, Tooltip, TooltipContent };
package/dist/tooltip.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client"
2
- import{a,b,c,d,e}from"./chunk-AFM2ORXQ.mjs";import"./chunk-D6DUNEEU.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{d as InfoTooltip,e as NumberTooltip,c as SimpleTooltipContent,a as Tooltip,b as TooltipContent};
2
+ import{a,b,c,d,e}from"./chunk-HRJGMTGL.mjs";import"./chunk-OXLIZQKI.mjs";import"./chunk-GETLGZVE.mjs";import"./chunk-AUBFB4SI.mjs";export{d as InfoTooltip,e as NumberTooltip,c as SimpleTooltipContent,a as Tooltip,b as TooltipContent};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dub/ui",
3
3
  "description": "UI components for Dub.co",
4
- "version": "0.0.22",
4
+ "version": "0.0.23",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.mjs",