@dub/ui 0.0.8 → 0.0.10

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-LMXROOMK.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-MRCUHGHS.mjs";import"./chunk-OCYEAVPN.mjs";import"./chunk-NHHVF35L.mjs";export{a as Switch};
+"use client";import{a}from"./chunk-4GBYDO2W.mjs";import"./chunk-BPS3E7K6.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-XW75EZ3L.mjs";import"./chunk-LMXROOMK.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-LMXROOMK.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 | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | React.PromiseLikeOfReactNode | 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-OCYEAVPN.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-BPS3E7K6.mjs";import"./chunk-NHHVF35L.mjs";import"./chunk-XW75EZ3L.mjs";import"./chunk-LMXROOMK.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.8",
-  "sideEffects": [
-    "**/*.css"
-  ],
+  "version": "0.0.10",
+  "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,20 +16,21 @@
     "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:*",
+    "@dub/utils": "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": {
@@ -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.8 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 477ms
-ESM dist/icons/unsplash.mjs        72.00 B
-ESM dist/icons/tick.mjs            72.00 B
-ESM dist/icons/loading-circle.mjs  72.00 B
-ESM dist/icons/loading-dots.mjs    72.00 B
-ESM dist/icons/index.mjs           940.00 B
-ESM dist/icons/logotype.mjs        72.00 B
-ESM dist/icons/magic.mjs           72.00 B
-ESM dist/switch.mjs                128.00 B
-ESM dist/icons/github.mjs          72.00 B
-ESM dist/icons/copy.mjs            72.00 B
-ESM dist/icons/twitter.mjs         72.00 B
-ESM dist/tab-select.mjs            73.00 B
-ESM dist/tooltip.mjs               190.00 B
-ESM dist/icons/expanding-arrow.mjs 72.00 B
-ESM dist/icons/google.mjs          72.00 B
-ESM dist/icons/facebook.mjs        72.00 B
-ESM dist/icons/linkedin.mjs        72.00 B
-ESM dist/icons/photo.mjs           72.00 B
-ESM dist/icons/loading-spinner.mjs 72.00 B
-ESM dist/link-preview.mjs          568.00 B
-ESM dist/chunk-Z4MSMGYC.mjs        232.00 B
-ESM dist/chunk-MRCUHGHS.mjs        1.22 KB
-ESM dist/modal.mjs                 98.00 B
-ESM dist/max-width-wrapper.mjs     79.00 B
-ESM dist/icon-menu.mjs             72.00 B
-ESM dist/chunk-SN3ZPBNA.mjs        453.00 B
-ESM dist/chunk-WBE6IBQV.mjs        2.07 KB
-ESM dist/chunk-XCUSS3YO.mjs        1.43 KB
-ESM dist/index.mjs                 2.35 KB
-ESM dist/accordion.mjs             142.00 B
-ESM dist/chunk-MBHBXZRO.mjs        1.05 KB
-ESM dist/nav-mobile.mjs            682.00 B
-ESM dist/chunk-FMUX4F5B.mjs        1.25 KB
-ESM dist/chunk-UVSGUIBW.mjs        1.74 KB
-ESM dist/background.mjs            74.00 B
-ESM dist/avatar.mjs                89.00 B
-ESM dist/badge.mjs                 90.00 B
-ESM dist/button.mjs                621.00 B
-ESM dist/copy-button.mjs           567.00 B
-ESM dist/icons/logo.mjs            72.00 B
-ESM dist/footer.mjs                621.00 B
-ESM dist/chunk-SUMICSDA.mjs        2.49 KB
-ESM dist/chunk-C4PESNHJ.mjs        806.00 B
-ESM dist/chunk-PPNWHWNQ.mjs        231.00 B
-ESM dist/popover.mjs               100.00 B
-ESM dist/chunk-NHHVF35L.mjs        2.31 KB
-ESM dist/chunk-OCYEAVPN.mjs        2.99 KB
-ESM dist/chunk-BIFPQJQ5.mjs        1.46 KB
-ESM dist/chunk-5O4OBNYJ.mjs        4.58 KB
-ESM dist/chunk-2TGXECZQ.mjs        456.00 B
-ESM dist/chunk-PHU6NRSR.mjs        13.00 B
-ESM dist/chunk-JLET4OCX.mjs        1.32 KB
-ESM dist/chunk-CMCBEA3Q.mjs        1.21 KB
-ESM dist/chunk-GSQUGPJ2.mjs        312.00 B
-ESM dist/form.mjs                  648.00 B
-ESM dist/chunk-PPR7AQWS.mjs        549.00 B
-ESM dist/chunk-6DKNMNDW.mjs        1.32 KB
-ESM dist/chunk-573R3EDL.mjs        595.00 B
-ESM dist/chunk-EHYVEIOL.mjs        342.00 B
-ESM dist/nav.mjs                   663.00 B
-ESM dist/chunk-5EWSH7PD.mjs        576.00 B
-ESM dist/chunk-YBWQTHOI.mjs        665.00 B
-ESM dist/chunk-QA2KCGIR.mjs        353.00 B
-ESM dist/chunk-QP2EHAF7.mjs        970.00 B
-ESM dist/chunk-WURMVTJP.mjs        3.47 KB
-ESM dist/chunk-UKAF5WRD.mjs        3.96 KB
-ESM dist/chunk-Z5P2KHPP.mjs        541.00 B
-ESM dist/chunk-YURUGH4S.mjs        3.62 KB
-ESM dist/chunk-OYEGFR5W.mjs        475.00 B
-ESM dist/index.css                 32.01 KB
-ESM dist/chunk-JESSRQ5J.mjs        657.00 B
-ESM dist/chunk-MURAUI3W.mjs        512.00 B
-ESM dist/chunk-T4YFARK5.mjs        962.00 B
-ESM dist/chunk-EY55E5DB.mjs        1008.00 B
-DTS ⚡️ Build success in 1714ms
-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,
-  },
-};

package/src/badge.tsx

@@ -1,33 +0,0 @@
-import { cn } from "@dub/utils";
-import { cva, type VariantProps } from "class-variance-authority";
-
-const badgeVariants = cva(
-  "max-w-fit rounded-full border px-2 py-px text-xs font-medium capitalize",
-  {
-    variants: {
-      variant: {
-        default: "border-gray-400 text-gray-500",
-        violet: "border-violet-600 bg-violet-600 text-white",
-        blue: "border-blue-500 bg-blue-500 text-white",
-        black: "border-black bg-black text-white",
-        gray: "border-gray-400 bg-gray-400 text-white",
-        neutral: "border-gray-400 text-gray-500",
-      },
-    },
-    defaultVariants: {
-      variant: "neutral",
-    },
-  },
-);
-
-interface BadgeProps
-  extends React.HTMLAttributes<HTMLSpanElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <span className={cn(badgeVariants({ variant }), className)} {...props} />
-  );
-}
-
-export { Badge, badgeVariants };

package/src/button.tsx

@@ -1,60 +0,0 @@
-"use client";
-
-import { cn } from "@dub/utils";
-import { ReactNode } from "react";
-import { LoadingSpinner } from "./icons";
-import { Tooltip } from "./tooltip";
-
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  text: string;
-  variant?: "primary" | "secondary" | "success" | "danger";
-  loading?: boolean;
-  icon?: ReactNode;
-  disabledTooltip?: string | ReactNode;
-}
-
-export function Button({
-  text,
-  variant = "primary",
-  loading,
-  icon,
-  disabledTooltip,
-  ...props
-}: ButtonProps) {
-  if (disabledTooltip) {
-    return (
-      <Tooltip content={disabledTooltip} fullWidth>
-        <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">
-          <p>{text}</p>
-        </div>
-      </Tooltip>
-    );
-  }
-  return (
-    <button
-      // if onClick is passed, it's a "button" type, otherwise it's being used in a form, hence "submit"
-      type={props.onClick ? "button" : "submit"}
-      className={cn(
-        "flex h-10 w-full items-center justify-center space-x-2 rounded-md border px-4 text-sm transition-all focus:outline-none",
-        props.disabled || loading
-          ? "cursor-not-allowed border-gray-200 bg-gray-100 text-gray-400"
-          : {
-              "border-black bg-black text-white hover:bg-white hover:text-black":
-                variant === "primary",
-              "border-gray-200 bg-white text-gray-500 hover:border-black hover:text-black":
-                variant === "secondary",
-              "border-blue-500 bg-blue-500 text-white hover:bg-white hover:text-blue-500":
-                variant === "success",
-              "border-red-500 bg-red-500 text-white hover:bg-white hover:text-red-500":
-                variant === "danger",
-            },
-        props.className,
-      )}
-      disabled={props.disabled || loading}
-      {...props}
-    >
-      {loading ? <LoadingSpinner /> : icon ? icon : null}
-      <p>{text}</p>
-    </button>
-  );
-}

package/src/content.ts

@@ -1,34 +0,0 @@
-import { Airplay, BarChart, Link2, QrCode, Users } from "lucide-react";
-
-export const FEATURES_LIST = [
-  {
-    title: "Powerful Analytics For The Modern Marketer",
-    shortTitle: "Advanced Analytics",
-    icon: BarChart,
-    slug: "analytics",
-  },
-  {
-    title: "Branded Links That Stand Out",
-    shortTitle: "Branded Links",
-    icon: Airplay,
-    slug: "branded-links",
-  },
-  {
-    title: "Free QR Code Generator",
-    shortTitle: "QR Codes",
-    icon: QrCode,
-    slug: "qr-codes",
-  },
-  {
-    title: "Personalize Your Short Links",
-    shortTitle: "Personalization",
-    icon: Link2,
-    slug: "personalization",
-  },
-  {
-    title: "Collaborate With Your Team",
-    shortTitle: "Team Collaboration",
-    icon: Users,
-    slug: "collaboration",
-  },
-];

package/src/copy-button.tsx

@@ -1,39 +0,0 @@
-"use client";
-
-import { cn } from "@dub/utils";
-import { useState } from "react";
-import { toast } from "sonner";
-import { Copy, Tick } from "./icons";
-
-export function CopyButton({
-  value,
-  className,
-}: {
-  value: string;
-  className?: string;
-}) {
-  const [copied, setCopied] = useState(false);
-  return (
-    <button
-      onClick={(e) => {
-        e.stopPropagation();
-        setCopied(true);
-        navigator.clipboard.writeText(value).then(() => {
-          toast.success("Copied to clipboard!");
-        });
-        setTimeout(() => setCopied(false), 3000);
-      }}
-      className={cn(
-        "group rounded-full bg-gray-100 p-1.5 transition-all duration-75 hover:scale-105 hover:bg-blue-100 active:scale-95",
-        className,
-      )}
-    >
-      <span className="sr-only">Copy</span>
-      {copied ? (
-        <Tick className="text-gray-700 transition-all group-hover:text-blue-800" />
-      ) : (
-        <Copy className="text-gray-700 transition-all group-hover:text-blue-800" />
-      )}
-    </button>
-  );
-}