@dub/ui 0.0.7 → 0.0.9

package/dist/index.d.mts

@@ -0,0 +1,69 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion.mjs';
+export { Avatar, TokenAvatar } from './avatar.mjs';
+export { Badge, badgeVariants } from './badge.mjs';
+export { Button } from './button.mjs';
+export { Form } from './form.mjs';
+export { Modal } from './modal.mjs';
+export { Popover } from './popover.mjs';
+export { Switch } from './switch.mjs';
+export { InfoTooltip, NumberTooltip, SimpleTooltipContent, Tooltip, TooltipContent } from './tooltip.mjs';
+import { RefObject } from 'react';
+export { default as Copy } from './icons/copy.mjs';
+export { default as ExpandingArrow } from './icons/expanding-arrow.mjs';
+export { default as Magic } from './icons/magic.mjs';
+export { default as Photo } from './icons/photo.mjs';
+export { default as Tick } from './icons/tick.mjs';
+export { default as LoadingCircle } from './icons/loading-circle.mjs';
+export { default as LoadingDots } from './icons/loading-dots.mjs';
+export { default as LoadingSpinner } from './icons/loading-spinner.mjs';
+export { default as Logo } from './icons/logo.mjs';
+export { default as LogoType } from './icons/logotype.mjs';
+export { default as Facebook } from './icons/facebook.mjs';
+export { default as Github } from './icons/github.mjs';
+export { default as Google } from './icons/google.mjs';
+export { default as LinkedIn } from './icons/linkedin.mjs';
+export { default as Twitter } from './icons/twitter.mjs';
+export { default as Unsplash } from './icons/unsplash.mjs';
+export { Background } from './background.mjs';
+export { Footer } from './footer.mjs';
+export { MaxWidthWrapper } from './max-width-wrapper.mjs';
+export { Nav, navItems } from './nav.mjs';
+export { NavMobile } from './nav-mobile.mjs';
+import * as lucide_react from 'lucide-react';
+export { CopyButton } from './copy-button.mjs';
+export { IconMenu } from './icon-menu.mjs';
+export { LinkPreview } from './link-preview.mjs';
+export { TabSelect } from './tab-select.mjs';
+import '@radix-ui/react-accordion';
+import 'react/jsx-runtime';
+import 'class-variance-authority/dist/types';
+import 'class-variance-authority';
+
+declare function useCurrentAnchor(): string | undefined;
+
+interface Args extends IntersectionObserverInit {
+    freezeOnceVisible?: boolean;
+}
+declare function useIntersectionObserver(elementRef: RefObject<Element>, { threshold, root, rootMargin, freezeOnceVisible, }: Args): IntersectionObserverEntry | undefined;
+
+declare function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T) => void];
+
+declare function useMediaQuery(): {
+    device: "mobile" | "tablet" | "desktop" | null;
+    width: number | undefined;
+    height: number | undefined;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};
+
+declare function useScroll(threshold: number): boolean;
+
+declare const FEATURES_LIST: {
+    title: string;
+    shortTitle: string;
+    icon: lucide_react.LucideIcon;
+    slug: string;
+}[];
+
+export { FEATURES_LIST, useCurrentAnchor, useIntersectionObserver, useLocalStorage, useMediaQuery, useScroll };

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a as S}from"./chunk-PJ73TQBC.mjs";import{a as X}from"./chunk-SN3ZPBNA.mjs";import{a as P}from"./chunk-Z4MSMGYC.mjs";import{a as W}from"./chunk-SUMICSDA.mjs";import{a as Q}from"./chunk-XCUSS3YO.mjs";import{a as V}from"./chunk-WBE6IBQV.mjs";import{a as T,b as U}from"./chunk-UKAF5WRD.mjs";import{a as R}from"./chunk-FMUX4F5B.mjs";import{a as o,b as r,c as m,d as p}from"./chunk-MBHBXZRO.mjs";import{a as t,b as e}from"./chunk-YBWQTHOI.mjs";import{a as f}from"./chunk-UVSGUIBW.mjs";import{a as x,b as i}from"./chunk-JESSRQ5J.mjs";import{a as K}from"./chunk-C4PESNHJ.mjs";import{a as N}from"./chunk-5O4OBNYJ.mjs";import{a as L}from"./chunk-573R3EDL.mjs";import{a as M}from"./chunk-PPNWHWNQ.mjs";import{a as O}from"./chunk-FV4B2NDA.mjs";import{a as J}from"./chunk-CJLSWYVX.mjs";import{a as E,b as F,c as G,d as H,e as I}from"./chunk-DZBC27CZ.mjs";import{a as z,b as A,c as B,d as C,e as D}from"./chunk-NHHVF35L.mjs";import"./chunk-PHU6NRSR.mjs";import{a as d}from"./chunk-2TGXECZQ.mjs";import{a as g}from"./chunk-EHYVEIOL.mjs";import{a as w}from"./chunk-JLET4OCX.mjs";import{a as y}from"./chunk-GSQUGPJ2.mjs";import{a as v}from"./chunk-5EWSH7PD.mjs";import{a as h}from"./chunk-6DKNMNDW.mjs";import{a as j}from"./chunk-QA2KCGIR.mjs";import{a as k}from"./chunk-PPR7AQWS.mjs";import{a as l}from"./chunk-QP2EHAF7.mjs";import{a as n}from"./chunk-WURMVTJP.mjs";import{a as c}from"./chunk-YURUGH4S.mjs";import{a}from"./chunk-Z5P2KHPP.mjs";import{a as b}from"./chunk-EY55E5DB.mjs";import{a as q}from"./chunk-MURAUI3W.mjs";import{a as s}from"./chunk-T4YFARK5.mjs";import{a as u}from"./chunk-OYEGFR5W.mjs";export{o as Accordion,p as AccordionContent,r as AccordionItem,m as AccordionTrigger,t as Avatar,f as Background,i as Badge,J as Button,a as Copy,K as CopyButton,b as ExpandingArrow,L as FEATURES_LIST,q as Facebook,N as Footer,O as Form,s as Github,u as Google,P as IconMenu,H as InfoTooltip,W as LinkPreview,v as LinkedIn,h as LoadingCircle,j as LoadingDots,k as LoadingSpinner,l as Logo,n as LogoType,c as Magic,M as MaxWidthWrapper,Q as Modal,U as Nav,V as NavMobile,I as NumberTooltip,d as Photo,R as Popover,G as SimpleTooltipContent,S as Switch,X as TabSelect,g as Tick,e as TokenAvatar,E as Tooltip,F as TooltipContent,w as Twitter,y as Unsplash,x as badgeVariants,T as navItems,z as useCurrentAnchor,A as useIntersectionObserver,B as useLocalStorage,C as useMediaQuery,D as useScroll};
+import{a as q}from"./chunk-BCILXFZH.mjs";import{a as Q}from"./chunk-SN3ZPBNA.mjs";import{a as T}from"./chunk-Z4MSMGYC.mjs";import{a as K}from"./chunk-SUMICSDA.mjs";import{a as _}from"./chunk-XCUSS3YO.mjs";import{a as J}from"./chunk-IMRGY4OW.mjs";import{a as D,b as G}from"./chunk-3Y5WGFFC.mjs";import{a as H}from"./chunk-FMUX4F5B.mjs";import{a as t,b as e,c as r,d as a}from"./chunk-XG3NPZVV.mjs";import{a as o,b as i}from"./chunk-YBWQTHOI.mjs";import{a as n}from"./chunk-S32PKYSI.mjs";import{a as s,b as c}from"./chunk-B7YPSVHM.mjs";import{a as L}from"./chunk-C4PESNHJ.mjs";import{a as O}from"./chunk-OIIHWZYP.mjs";import{a as I}from"./chunk-573R3EDL.mjs";import{a as N}from"./chunk-PPNWHWNQ.mjs";import{a as P}from"./chunk-JF4XLNZS.mjs";import{a as B}from"./chunk-BZY4AURF.mjs";import{a as M,b as A,c as F,d as U,e as E}from"./chunk-4Y22ZONT.mjs";import{a as S,b as X,c as j,d as Y,e as R}from"./chunk-NHHVF35L.mjs";import"./chunk-PHU6NRSR.mjs";import{a as w}from"./chunk-2TGXECZQ.mjs";import{a as g}from"./chunk-EHYVEIOL.mjs";import{a as z}from"./chunk-JLET4OCX.mjs";import{a as C}from"./chunk-GSQUGPJ2.mjs";import{a as k}from"./chunk-5EWSH7PD.mjs";import{a as b}from"./chunk-6DKNMNDW.mjs";import{a as m}from"./chunk-QA2KCGIR.mjs";import{a as h}from"./chunk-PPR7AQWS.mjs";import{a as v}from"./chunk-QP2EHAF7.mjs";import{a as f}from"./chunk-WURMVTJP.mjs";import{a as p}from"./chunk-YURUGH4S.mjs";import{a as d}from"./chunk-Z5P2KHPP.mjs";import{a as l}from"./chunk-EY55E5DB.mjs";import{a as u}from"./chunk-MURAUI3W.mjs";import{a as y}from"./chunk-T4YFARK5.mjs";import{a as x}from"./chunk-OYEGFR5W.mjs";import"./chunk-HZBYDQAF.mjs";export{t as Accordion,a as AccordionContent,e as AccordionItem,r as AccordionTrigger,o as Avatar,n as Background,c as Badge,B as Button,d as Copy,L as CopyButton,l as ExpandingArrow,I as FEATURES_LIST,u as Facebook,O as Footer,P as Form,y as Github,x as Google,T as IconMenu,U as InfoTooltip,K as LinkPreview,k as LinkedIn,b as LoadingCircle,m as LoadingDots,h as LoadingSpinner,v as Logo,f as LogoType,p as Magic,N as MaxWidthWrapper,_ as Modal,G as Nav,J as NavMobile,E as NumberTooltip,w as Photo,H as Popover,F as SimpleTooltipContent,q as Switch,Q as TabSelect,g as Tick,i as TokenAvatar,M as Tooltip,A as TooltipContent,z as Twitter,C as Unsplash,s as badgeVariants,D as navItems,S as useCurrentAnchor,X as useIntersectionObserver,j as useLocalStorage,Y as useMediaQuery,R as useScroll};

package/dist/link-preview.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function LinkPreview({ defaultUrl }: {
+    defaultUrl?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { LinkPreview };

package/dist/link-preview.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-SUMICSDA.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-JLET4OCX.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-6DKNMNDW.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-PPR7AQWS.mjs";import"./chunk-QP2EHAF7.mjs";import"./chunk-WURMVTJP.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-EY55E5DB.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-OYEGFR5W.mjs";export{a as LinkPreview};
+"use client";import{a}from"./chunk-SUMICSDA.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-JLET4OCX.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-6DKNMNDW.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-PPR7AQWS.mjs";import"./chunk-QP2EHAF7.mjs";import"./chunk-WURMVTJP.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-EY55E5DB.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-HZBYDQAF.mjs";export{a as LinkPreview};

package/dist/max-width-wrapper.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function MaxWidthWrapper({ className, children, }: {
+    className?: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { MaxWidthWrapper };

package/dist/max-width-wrapper.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-PPNWHWNQ.mjs";export{a as MaxWidthWrapper};
+import{a}from"./chunk-PPNWHWNQ.mjs";import"./chunk-HZBYDQAF.mjs";export{a as MaxWidthWrapper};

package/dist/modal.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dispatch, SetStateAction } from 'react';
+
+declare function Modal({ children, className, dialogOnly, showModal, setShowModal, onClose, preventDefaultClose, }: {
+    children: React.ReactNode;
+    className?: string;
+    dialogOnly?: boolean;
+    showModal?: boolean;
+    setShowModal?: Dispatch<SetStateAction<boolean>>;
+    onClose?: () => void;
+    preventDefaultClose?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Modal };

package/dist/modal.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-XCUSS3YO.mjs";import"./chunk-NHHVF35L.mjs";export{a as Modal};
+"use client";import{a}from"./chunk-XCUSS3YO.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-HZBYDQAF.mjs";export{a as Modal};

package/dist/nav-mobile.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function NavMobile(): react_jsx_runtime.JSX.Element;
+
+export { NavMobile };

package/dist/nav-mobile.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-WBE6IBQV.mjs";import"./chunk-UKAF5WRD.mjs";import"./chunk-573R3EDL.mjs";import"./chunk-PPNWHWNQ.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-JLET4OCX.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-6DKNMNDW.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-PPR7AQWS.mjs";import"./chunk-QP2EHAF7.mjs";import"./chunk-WURMVTJP.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-EY55E5DB.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-OYEGFR5W.mjs";export{a as NavMobile};
+"use client";import{a}from"./chunk-IMRGY4OW.mjs";import"./chunk-3Y5WGFFC.mjs";import"./chunk-573R3EDL.mjs";import"./chunk-PPNWHWNQ.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-JLET4OCX.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-6DKNMNDW.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-PPR7AQWS.mjs";import"./chunk-QP2EHAF7.mjs";import"./chunk-WURMVTJP.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-EY55E5DB.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-HZBYDQAF.mjs";export{a as NavMobile};

package/dist/nav.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const navItems: {
+    name: string;
+    slug: string;
+}[];
+declare function Nav(): react_jsx_runtime.JSX.Element;
+
+export { Nav, navItems };

package/dist/nav.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a,b}from"./chunk-UKAF5WRD.mjs";import"./chunk-573R3EDL.mjs";import"./chunk-PPNWHWNQ.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-JLET4OCX.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-6DKNMNDW.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-PPR7AQWS.mjs";import"./chunk-QP2EHAF7.mjs";import"./chunk-WURMVTJP.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-EY55E5DB.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-OYEGFR5W.mjs";export{b as Nav,a as navItems};
+"use client";import{a,b}from"./chunk-3Y5WGFFC.mjs";import"./chunk-573R3EDL.mjs";import"./chunk-PPNWHWNQ.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-PHU6NRSR.mjs";import"./chunk-2TGXECZQ.mjs";import"./chunk-EHYVEIOL.mjs";import"./chunk-JLET4OCX.mjs";import"./chunk-GSQUGPJ2.mjs";import"./chunk-5EWSH7PD.mjs";import"./chunk-6DKNMNDW.mjs";import"./chunk-QA2KCGIR.mjs";import"./chunk-PPR7AQWS.mjs";import"./chunk-QP2EHAF7.mjs";import"./chunk-WURMVTJP.mjs";import"./chunk-YURUGH4S.mjs";import"./chunk-Z5P2KHPP.mjs";import"./chunk-EY55E5DB.mjs";import"./chunk-MURAUI3W.mjs";import"./chunk-T4YFARK5.mjs";import"./chunk-OYEGFR5W.mjs";import"./chunk-HZBYDQAF.mjs";export{b as Nav,a as navItems};

package/dist/popover.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, Dispatch, SetStateAction } from 'react';
+
+declare function Popover({ children, content, align, openPopover, setOpenPopover, mobileOnly, }: {
+    children: ReactNode;
+    content: ReactNode | string;
+    align?: "center" | "start" | "end";
+    openPopover: boolean;
+    setOpenPopover: Dispatch<SetStateAction<boolean>>;
+    mobileOnly?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Popover };

package/dist/popover.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-FMUX4F5B.mjs";import"./chunk-NHHVF35L.mjs";export{a as Popover};
+"use client";import{a}from"./chunk-FMUX4F5B.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-HZBYDQAF.mjs";export{a as Popover};

package/dist/switch.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dispatch, SetStateAction, ReactNode } from 'react';
+
+declare function Switch({ fn, trackDimensions, thumbDimensions, thumbTranslate, checked, disabled, disabledTooltip, }: {
+    fn: Dispatch<SetStateAction<boolean>> | (() => void);
+    trackDimensions?: string;
+    thumbDimensions?: string;
+    thumbTranslate?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    disabledTooltip?: string | ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { Switch };

package/dist/switch.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-PJ73TQBC.mjs";import"./chunk-DZBC27CZ.mjs";import"./chunk-NHHVF35L.mjs";export{a as Switch};
+"use client";import{a}from"./chunk-BCILXFZH.mjs";import"./chunk-4Y22ZONT.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-HZBYDQAF.mjs";export{a as Switch};

package/dist/tab-select.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TabSelect({ options, selected, selectAction, }: {
+    options: string[];
+    selected: string;
+    selectAction: (option: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { TabSelect };

package/dist/tab-select.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a}from"./chunk-SN3ZPBNA.mjs";export{a as TabSelect};
+import{a}from"./chunk-SN3ZPBNA.mjs";import"./chunk-HZBYDQAF.mjs";export{a as TabSelect};

package/dist/tooltip.d.mts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Tooltip({ children, content, fullWidth, }: {
+    children: ReactNode;
+    content: ReactNode | string;
+    fullWidth?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ title, cta, href, target, onClick, }: {
+    title: string;
+    cta?: string;
+    href?: string;
+    target?: string;
+    onClick?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function SimpleTooltipContent({ title, cta, href, }: {
+    title: string;
+    cta: string;
+    href: string;
+}): react_jsx_runtime.JSX.Element;
+declare function InfoTooltip({ content }: {
+    content: ReactNode | string;
+}): react_jsx_runtime.JSX.Element;
+declare function NumberTooltip({ value, unit, children, lastClicked, }: {
+    value?: number | null;
+    unit?: string;
+    children: ReactNode;
+    lastClicked?: Date | null;
+}): string | number | boolean | Iterable<ReactNode> | React.PromiseLikeOfReactNode | react_jsx_runtime.JSX.Element | null | undefined;
+
+export { InfoTooltip, NumberTooltip, SimpleTooltipContent, Tooltip, TooltipContent };

package/dist/tooltip.mjs

@@ -1,2 +1,2 @@
 "use client"
-import{a,b,c,d,e}from"./chunk-DZBC27CZ.mjs";import"./chunk-NHHVF35L.mjs";export{d as InfoTooltip,e as NumberTooltip,c as SimpleTooltipContent,a as Tooltip,b as TooltipContent};
+"use client";import{a,b,c,d,e}from"./chunk-4Y22ZONT.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-HZBYDQAF.mjs";export{d as InfoTooltip,e as NumberTooltip,c as SimpleTooltipContent,a as Tooltip,b as TooltipContent};

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@dub/ui",
   "description": "UI components for Dub.co",
-  "version": "0.0.7",
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "version": "0.0.9",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "exports": {
-    ".": "./dist",
-    "./styles.css": "./dist/index.css"
-  },
+  "files": [
+    "dist/**"
+  ],
   "scripts": {
     "build": "tsup",
     "lint": "eslint src/",
@@ -17,23 +16,24 @@
     "check-types": "tsc --noEmit"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
+    "@vercel/analytics": "^1.0.0",
     "next": "13.5.4",
-    "@vercel/analytics": "^1.0.0"
+    "react": "^18.2.0"
   },
   "devDependencies": {
+    "@dub/tailwind-config": "workspace:*",
     "@types/react": "^18.2.5",
     "autoprefixer": "^10.4.16",
+    "next": "13.5.4",
     "postcss": "^8.4.31",
     "react": "^18.2.0",
-    "next": "13.5.4",
-    "@dub/tailwind-config": "workspace:*",
     "tailwindcss": "^3.3.3",
     "tsconfig": "workspace:*",
-    "tsup": "^6.1.3",
+    "tsup": "^7.2.0",
     "typescript": "^5.1.6"
   },
   "dependencies": {
+    "@dub/utils": "^0.0.4",
     "@radix-ui/react-accordion": "^1.0.1",
     "@radix-ui/react-dialog": "1.0.3",
     "@radix-ui/react-navigation-menu": "^1.1.2",
@@ -41,7 +41,6 @@
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tooltip": "^1.0.2",
     "class-variance-authority": "^0.7.0",
-    "@dub/utils": "latest",
     "lucide-react": "^0.284.0",
     "sonner": "^0.5.0",
     "swr": "^2.1.5",

package/.turbo/turbo-build.log

@@ -1,123 +0,0 @@
-
-> @dub/ui@0.0.7 build /Users/steventey/Desktop/dub/packages/ui
-> tsup
-
-CLI Building entry: src/accordion.tsx, src/avatar.tsx, src/background.tsx, src/badge.tsx, src/button.tsx, src/copy-button.tsx, src/footer.tsx, src/form.tsx, src/icon-menu.tsx, src/index.tsx, src/link-preview.tsx, src/max-width-wrapper.tsx, src/modal.tsx, src/nav-mobile.tsx, src/nav.tsx, src/popover.tsx, src/switch.tsx, src/tab-select.tsx, src/tooltip.tsx, src/icons/copy.tsx, src/icons/expanding-arrow.tsx, src/icons/facebook.tsx, src/icons/github.tsx, src/icons/google.tsx, src/icons/index.tsx, src/icons/linkedin.tsx, src/icons/loading-circle.tsx, src/icons/loading-dots.tsx, src/icons/loading-spinner.tsx, src/icons/logo.tsx, src/icons/logotype.tsx, src/icons/magic.tsx, src/icons/photo.tsx, src/icons/tick.tsx, src/icons/twitter.tsx, src/icons/unsplash.tsx
-CLI Using tsconfig: tsconfig.json
-CLI tsup v6.1.3
-CLI Using tsup config: /Users/steventey/Desktop/dub/packages/ui/tsup.config.ts
-CLI Target: node14
-ESM Build start
-DTS Build start
-ESM ⚡️ Build success in 406ms
-ESM dist/icons/photo.mjs           72.00 B
-ESM dist/icons/unsplash.mjs        72.00 B
-ESM dist/icons/linkedin.mjs        72.00 B
-ESM dist/icons/twitter.mjs         72.00 B
-ESM dist/icons/loading-dots.mjs    72.00 B
-ESM dist/icons/loading-spinner.mjs 72.00 B
-ESM dist/icons/logotype.mjs        72.00 B
-ESM dist/switch.mjs                128.00 B
-ESM dist/tab-select.mjs            73.00 B
-ESM dist/tooltip.mjs               190.00 B
-ESM dist/icons/tick.mjs            72.00 B
-ESM dist/icons/magic.mjs           72.00 B
-ESM dist/icons/github.mjs          72.00 B
-ESM dist/icons/copy.mjs            72.00 B
-ESM dist/icons/index.mjs           940.00 B
-ESM dist/icons/expanding-arrow.mjs 72.00 B
-ESM dist/icon-menu.mjs             72.00 B
-ESM dist/chunk-PJ73TQBC.mjs        1.22 KB
-ESM dist/link-preview.mjs          568.00 B
-ESM dist/icons/google.mjs          72.00 B
-ESM dist/index.mjs                 2.35 KB
-ESM dist/chunk-Z4MSMGYC.mjs        232.00 B
-ESM dist/icons/logo.mjs            72.00 B
-ESM dist/chunk-SUMICSDA.mjs        2.49 KB
-ESM dist/modal.mjs                 98.00 B
-ESM dist/chunk-WBE6IBQV.mjs        2.07 KB
-ESM dist/nav.mjs                   663.00 B
-ESM dist/nav-mobile.mjs            682.00 B
-ESM dist/chunk-FMUX4F5B.mjs        1.25 KB
-ESM dist/accordion.mjs             142.00 B
-ESM dist/chunk-YBWQTHOI.mjs        665.00 B
-ESM dist/chunk-UKAF5WRD.mjs        3.96 KB
-ESM dist/popover.mjs               100.00 B
-ESM dist/chunk-MBHBXZRO.mjs        1.05 KB
-ESM dist/max-width-wrapper.mjs     79.00 B
-ESM dist/icons/loading-circle.mjs  72.00 B
-ESM dist/badge.mjs                 90.00 B
-ESM dist/background.mjs            74.00 B
-ESM dist/avatar.mjs                89.00 B
-ESM dist/copy-button.mjs           567.00 B
-ESM dist/icons/facebook.mjs        72.00 B
-ESM dist/button.mjs                621.00 B
-ESM dist/chunk-C4PESNHJ.mjs        806.00 B
-ESM dist/chunk-UVSGUIBW.mjs        1.74 KB
-ESM dist/chunk-573R3EDL.mjs        595.00 B
-ESM dist/chunk-PPNWHWNQ.mjs        231.00 B
-ESM dist/form.mjs                  648.00 B
-ESM dist/chunk-NHHVF35L.mjs        2.31 KB
-ESM dist/chunk-FV4B2NDA.mjs        1.46 KB
-ESM dist/chunk-CJLSWYVX.mjs        1.21 KB
-ESM dist/chunk-JESSRQ5J.mjs        657.00 B
-ESM dist/chunk-2TGXECZQ.mjs        456.00 B
-ESM dist/chunk-JLET4OCX.mjs        1.32 KB
-ESM dist/chunk-GSQUGPJ2.mjs        312.00 B
-ESM dist/chunk-SN3ZPBNA.mjs        453.00 B
-ESM dist/chunk-PPR7AQWS.mjs        549.00 B
-ESM dist/chunk-DZBC27CZ.mjs        2.98 KB
-ESM dist/chunk-6DKNMNDW.mjs        1.32 KB
-ESM dist/chunk-EHYVEIOL.mjs        342.00 B
-ESM dist/chunk-QP2EHAF7.mjs        970.00 B
-ESM dist/chunk-QA2KCGIR.mjs        353.00 B
-ESM dist/chunk-Z5P2KHPP.mjs        541.00 B
-ESM dist/chunk-5EWSH7PD.mjs        576.00 B
-ESM dist/footer.mjs                621.00 B
-ESM dist/chunk-T4YFARK5.mjs        962.00 B
-ESM dist/chunk-XCUSS3YO.mjs        1.43 KB
-ESM dist/chunk-YURUGH4S.mjs        3.62 KB
-ESM dist/chunk-OYEGFR5W.mjs        475.00 B
-ESM dist/chunk-EY55E5DB.mjs        1008.00 B
-ESM dist/chunk-PHU6NRSR.mjs        13.00 B
-ESM dist/chunk-MURAUI3W.mjs        512.00 B
-ESM dist/index.css                 32.01 KB
-ESM dist/chunk-WURMVTJP.mjs        3.47 KB
-ESM dist/chunk-5O4OBNYJ.mjs        4.58 KB
-DTS ⚡️ Build success in 2527ms
-DTS dist/accordion.d.ts             943.00 B
-DTS dist/avatar.d.ts                435.00 B
-DTS dist/background.d.ts            150.00 B
-DTS dist/badge.d.ts                 659.00 B
-DTS dist/button.d.ts                489.00 B
-DTS dist/copy-button.d.ts           212.00 B
-DTS dist/footer.d.ts                135.00 B
-DTS dist/form.d.ts                  514.00 B
-DTS dist/icon-menu.d.ts             270.00 B
-DTS dist/index.d.ts                 2.94 KB
-DTS dist/modal.d.ts                 500.00 B
-DTS dist/popover.d.ts               478.00 B
-DTS dist/switch.d.ts                530.00 B
-DTS dist/tooltip.d.ts               1.15 KB
-DTS dist/icons/copy.d.ts            184.00 B
-DTS dist/icons/expanding-arrow.d.ts 204.00 B
-DTS dist/icons/magic.d.ts           185.00 B
-DTS dist/icons/photo.d.ts           186.00 B
-DTS dist/icons/tick.d.ts            183.00 B
-DTS dist/icons/loading-circle.d.ts  202.00 B
-DTS dist/icons/loading-dots.d.ts    156.00 B
-DTS dist/icons/loading-spinner.d.ts 204.00 B
-DTS dist/icons/logo.d.ts            184.00 B
-DTS dist/icons/logotype.d.ts        192.00 B
-DTS dist/icons/facebook.d.ts        218.00 B
-DTS dist/icons/github.d.ts          188.00 B
-DTS dist/icons/google.d.ts          188.00 B
-DTS dist/icons/linkedin.d.ts        218.00 B
-DTS dist/icons/twitter.d.ts         190.00 B
-DTS dist/icons/unsplash.d.ts        192.00 B
-DTS dist/max-width-wrapper.d.ts     266.00 B
-DTS dist/nav.d.ts                   206.00 B
-DTS dist/nav-mobile.d.ts            141.00 B
-DTS dist/link-preview.d.ts          189.00 B
-DTS dist/tab-select.d.ts            271.00 B
-DTS dist/icons/index.d.ts           874.00 B

package/postcss.config.js

@@ -1,9 +0,0 @@
-// If you want to use other PostCSS plugins, see the following:
-// https://tailwindcss.com/docs/using-with-preprocessors
-
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

package/src/accordion.tsx

@@ -1,60 +0,0 @@
-import { cn } from "@dub/utils";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-import * as React from "react";
-
-const Accordion = AccordionPrimitive.Root;
-
-const AccordionItem = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
->(({ className, ...props }, ref) => (
-  <AccordionPrimitive.Item
-    ref={ref}
-    className={cn(
-      "border-b border-b-slate-200 py-3 last:border-none",
-      className,
-    )}
-    {...props}
-  />
-));
-AccordionItem.displayName = "AccordionItem";
-
-const AccordionTrigger = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Header className="flex">
-    <AccordionPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        "flex flex-1 items-center justify-between font-medium transition-all sm:text-lg [&[data-state=open]>svg]:rotate-180",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronDown className="h-5 w-5 transition-transform duration-300" />
-    </AccordionPrimitive.Trigger>
-  </AccordionPrimitive.Header>
-));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-
-const AccordionContent = React.forwardRef<
-  React.ElementRef<typeof AccordionPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
->(({ className, children, ...props }, ref) => (
-  <AccordionPrimitive.Content
-    ref={ref}
-    className={cn(
-      "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm text-gray-500 transition-all sm:text-base",
-      className,
-    )}
-    {...props}
-  >
-    {children}
-  </AccordionPrimitive.Content>
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/src/avatar.tsx

@@ -1,47 +0,0 @@
-import { cn } from "@dub/utils";
-
-export function Avatar({
-  user = {},
-  className,
-}: {
-  user?: {
-    name?: string | null | undefined;
-    email?: string | null | undefined;
-    image?: string | null | undefined;
-  };
-  className?: string;
-}) {
-  if (!user) {
-    return (
-      <div
-        className={cn(
-          "h-10 w-10 animate-pulse rounded-full border border-gray-300 bg-gray-100",
-          className,
-        )}
-      />
-    );
-  }
-
-  return (
-    <img
-      alt={`Avatar for ${user?.name || user?.email}`}
-      src={
-        user?.image ||
-        `https://avatars.dicebear.com/api/micah/${user?.email}.svg`
-      }
-      className={cn("h-10 w-10 rounded-full border border-gray-300", className)}
-      draggable={false}
-    />
-  );
-}
-
-export function TokenAvatar({ id }: { id: string }) {
-  return (
-    <img
-      src={`https://api.dicebear.com/7.x/shapes/svg?seed=${id}`}
-      alt="avatar"
-      className="h-10 w-10 rounded-full"
-      draggable={false}
-    />
-  );
-}

package/src/background.tsx

@@ -1,71 +0,0 @@
-"use client";
-
-import { SHOW_BACKGROUND_SEGMENTS } from "@dub/utils";
-import { useSelectedLayoutSegment } from "next/navigation";
-
-export function Background() {
-  let segment;
-  try {
-    segment = useSelectedLayoutSegment();
-  } catch (e) {
-    // this is for /welcome which is still on /pages router
-  }
-
-  return !segment || SHOW_BACKGROUND_SEGMENTS.includes(segment) ? (
-    <div style={styles.backgroundMain}>
-      <div style={styles.backgroundMainBefore} />
-      <div style={styles.backgroundMainAfter} />
-      <div style={styles.backgroundContent} />
-    </div>
-  ) : null;
-}
-
-const styles: { [key: string]: React.CSSProperties } = {
-  backgroundMain: {
-    width: "100vw",
-    minHeight: "100vh",
-    position: "fixed",
-    zIndex: -1,
-    display: "flex",
-    justifyContent: "center",
-    padding: "120px 24px 160px 24px",
-    pointerEvents: "none",
-  },
-  backgroundMainBefore: {
-    background: "radial-gradient(circle, rgba(2, 0, 36, 0) 0, #fafafa 100%)",
-    position: "absolute",
-    content: '""',
-    zIndex: 2,
-    width: "100%",
-    height: "100%",
-    top: 0,
-  },
-  backgroundMainAfter: {
-    content: '""',
-    backgroundImage: "url(https://d2vwwcvoksz7ty.cloudfront.net/grid.svg)",
-    zIndex: 1,
-    position: "absolute",
-    width: "100%",
-    height: "100%",
-    top: 0,
-    opacity: 0.4,
-    filter: "invert(1)",
-  },
-  backgroundContent: {
-    zIndex: 3,
-    width: "100%",
-    maxWidth: "640px",
-    backgroundImage: `radial-gradient(at 27% 37%, hsla(215, 98%, 61%, 1) 0px, transparent 0%), 
-                      radial-gradient(at 97% 21%, hsla(125, 98%, 72%, 1) 0px, transparent 50%),
-                      radial-gradient(at 52% 99%, hsla(354, 98%, 61%, 1) 0px, transparent 50%),
-                      radial-gradient(at 10% 29%, hsla(256, 96%, 67%, 1) 0px, transparent 50%),
-                      radial-gradient(at 97% 96%, hsla(38, 60%, 74%, 1) 0px, transparent 50%),
-                      radial-gradient(at 33% 50%, hsla(222, 67%, 73%, 1) 0px, transparent 50%),
-                      radial-gradient(at 79% 53%, hsla(343, 68%, 79%, 1) 0px, transparent 50%)`,
-    position: "absolute",
-    height: "100%",
-    filter: "blur(100px) saturate(150%)",
-    top: "80px",
-    opacity: 0.15,
-  },
-};