Move charts into @dub/ui/charts

apps/web/app/admin.dub.co/(dashboard)/revenue/client.tsx

@@ -1,9 +1,6 @@
 "use client";
 
-import Areas from "@/ui/charts/areas";
-import TimeSeriesChart from "@/ui/charts/time-series-chart";
-import XAxis from "@/ui/charts/x-axis";
-import YAxis from "@/ui/charts/y-axis";
+import { Areas, TimeSeriesChart, XAxis, YAxis } from "@dub/ui/charts";
 import { currencyFormatter } from "@dub/utils";
 import { Fragment } from "react";
 

apps/web/app/app.dub.co/(auth)/invites/[code]/page.tsx

@@ -2,7 +2,7 @@ import { getSession } from "@/lib/auth";
 import EmptyState from "@/ui/shared/empty-state";
 import { prisma } from "@dub/prisma";
 import { LoadingSpinner } from "@dub/ui";
-import { LinkBroken, Users6 } from "@dub/ui/src/icons";
+import { LinkBroken, Users6 } from "@dub/ui/icons";
 import { APP_NAME } from "@dub/utils";
 import { redirect } from "next/navigation";
 import { Suspense } from "react";

apps/web/app/app.dub.co/(auth)/oauth/authorize/authorize-form.tsx

@@ -5,7 +5,7 @@ import z from "@/lib/zod";
 import { authorizeRequestSchema } from "@/lib/zod/schemas/oauth";
 import { useAddWorkspaceModal } from "@/ui/modals/add-workspace-modal";
 import { Button, InputSelect, InputSelectItemProps } from "@dub/ui";
-import { OfficeBuilding } from "@dub/ui/src/icons";
+import { OfficeBuilding } from "@dub/ui/icons";
 import { DICEBEAR_AVATAR_URL } from "@dub/utils";
 import { useSession } from "next-auth/react";
 import { useEffect, useMemo, useState } from "react";

apps/web/app/app.dub.co/(auth)/oauth/authorize/page.tsx

@@ -4,7 +4,7 @@ import z from "@/lib/zod";
 import { authorizeRequestSchema } from "@/lib/zod/schemas/oauth";
 import EmptyState from "@/ui/shared/empty-state";
 import { BlurImage, Logo } from "@dub/ui";
-import { CircleWarning, CubeSettings } from "@dub/ui/src/icons";
+import { CircleWarning, CubeSettings } from "@dub/ui/icons";
 import { HOME_DOMAIN, constructMetadata } from "@dub/utils";
 import { ArrowLeftRight } from "lucide-react";
 import { redirect } from "next/navigation";

apps/web/app/app.dub.co/(dashboard)/[slug]/page-client.tsx

@@ -21,7 +21,7 @@ import {
   TooltipContent,
   useMediaQuery,
 } from "@dub/ui";
-import { Download, Globe, TableIcon, Tag } from "@dub/ui/src/icons";
+import { Download, Globe, TableIcon, Tag } from "@dub/ui/icons";
 import { useSession } from "next-auth/react";
 import { useRouter } from "next/navigation";
 import posthog from "posthog-js";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/branding/page-client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { AnimatedEmptyState } from "@/ui/shared/animated-empty-state";
-import { Palette2, Photo, Post } from "@dub/ui/src/icons";
+import { Palette2, Photo, Post } from "@dub/ui/icons";
 
 const emptyStateIcons = [Post, Palette2, Photo];
 

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/overview-chart.tsx

@@ -1,14 +1,16 @@
 import { IntervalOptions } from "@/lib/analytics/types";
 import useProgramAnalytics from "@/lib/swr/use-program-analytics";
 import useProgramMetrics from "@/lib/swr/use-program-metrics";
-import Areas from "@/ui/charts/areas";
-import { ChartContext } from "@/ui/charts/chart-context";
-import TimeSeriesChart from "@/ui/charts/time-series-chart";
-import XAxis from "@/ui/charts/x-axis";
-import YAxis from "@/ui/charts/y-axis";
 import SimpleDateRangePicker from "@/ui/shared/simple-date-range-picker";
 import { useRouterStuff } from "@dub/ui";
-import { LoadingSpinner } from "@dub/ui/src/icons";
+import {
+  Areas,
+  ChartContext,
+  TimeSeriesChart,
+  XAxis,
+  YAxis,
+} from "@dub/ui/charts";
+import { LoadingSpinner } from "@dub/ui/icons";
 import { currencyFormatter, formatDate } from "@dub/utils";
 import NumberFlow from "@number-flow/react";
 import { LinearGradient } from "@visx/gradient";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/partners/invites-table-link.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import { buttonVariants } from "@dub/ui";
-import { EnvelopeArrowRight } from "@dub/ui/src/icons";
-import { Tooltip } from "@dub/ui/src/tooltip";
+import { buttonVariants, Tooltip } from "@dub/ui";
+import { EnvelopeArrowRight } from "@dub/ui/icons";
 import { cn } from "@dub/utils";
 import Link from "next/link";
 import { useParams } from "next/navigation";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/partners/invites/page-client.tsx

@@ -13,12 +13,7 @@ import {
   useRouterStuff,
   useTable,
 } from "@dub/ui";
-import {
-  Dots,
-  EnvelopeArrowRight,
-  LoadingSpinner,
-  Users,
-} from "@dub/ui/src/icons";
+import { Dots, EnvelopeArrowRight, LoadingSpinner, Users } from "@dub/ui/icons";
 import {
   cn,
   DICEBEAR_AVATAR_URL,

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/partners/partner-stats.tsx

@@ -4,7 +4,7 @@ import usePartnersCount from "@/lib/swr/use-partners-count";
 import { PartnerStatusBadges } from "@/ui/partners/partner-status-badges";
 import { ProgramStatsFilter } from "@/ui/partners/program-stats-filter";
 import { useRouterStuff } from "@dub/ui";
-import { ChartLine, Users } from "@dub/ui/src/icons";
+import { ChartLine, Users } from "@dub/ui/icons";
 import { useParams } from "next/navigation";
 
 interface PartnerCount {

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/partners/partner-table.tsx

@@ -21,7 +21,7 @@ import {
   useRouterStuff,
   useTable,
 } from "@dub/ui";
-import { Dots, Users } from "@dub/ui/src/icons";
+import { Dots, Users } from "@dub/ui/icons";
 import {
   cn,
   COUNTRIES,

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/partners/use-partner-filters.tsx

@@ -2,7 +2,7 @@ import usePartnersCount from "@/lib/swr/use-partners-count";
 import useWorkspace from "@/lib/swr/use-workspace";
 import { PartnerStatusBadges } from "@/ui/partners/partner-status-badges";
 import { useRouterStuff } from "@dub/ui";
-import { CircleDotted, FlagWavy } from "@dub/ui/src/icons";
+import { CircleDotted, FlagWavy } from "@dub/ui/icons";
 import { cn, COUNTRIES, nFormatter } from "@dub/utils";
 import { useMemo } from "react";
 

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/payouts/payout-settings-link.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import { buttonVariants } from "@dub/ui";
-import { GreekTemple } from "@dub/ui/src/icons";
-import { Tooltip } from "@dub/ui/src/tooltip";
+import { buttonVariants, Tooltip } from "@dub/ui";
+import { GreekTemple } from "@dub/ui/icons";
 import { cn } from "@dub/utils";
 import Link from "next/link";
 import { useParams } from "next/navigation";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/payouts/payout-table.tsx

@@ -19,7 +19,7 @@ import {
   useRouterStuff,
   useTable,
 } from "@dub/ui";
-import { Dots, MoneyBill2, MoneyBills2 } from "@dub/ui/src/icons";
+import { Dots, MoneyBill2, MoneyBills2 } from "@dub/ui/icons";
 import {
   cn,
   currencyFormatter,

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/payouts/use-payout-filters.tsx

@@ -6,7 +6,7 @@ import { EnrolledPartnerProps } from "@/lib/types";
 import { PARTNERS_MAX_PAGE_SIZE } from "@/lib/zod/schemas/partners";
 import { PayoutStatusBadges } from "@/ui/partners/payout-status-badges";
 import { useRouterStuff } from "@dub/ui";
-import { CircleDotted, Users } from "@dub/ui/src/icons";
+import { CircleDotted, Users } from "@dub/ui/icons";
 import { cn, DICEBEAR_AVATAR_URL, nFormatter } from "@dub/utils";
 import { useMemo, useState } from "react";
 import { useDebounce } from "use-debounce";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/program-metrics.tsx

@@ -1,6 +1,6 @@
 import useProgramMetrics from "@/lib/swr/use-program-metrics";
 import { Icon } from "@dub/ui";
-import { Check2, CurrencyDollar, MoneyBills2, Users } from "@dub/ui/src/icons";
+import { Check2, CurrencyDollar, MoneyBills2, Users } from "@dub/ui/icons";
 import { currencyFormatter, nFormatter } from "@dub/utils";
 import Link from "next/link";
 import { useParams } from "next/navigation";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/resources/page-client.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { AnimatedEmptyState } from "@/ui/shared/animated-empty-state";
-import { FileZip2, Palette2, Post } from "@dub/ui/src/icons";
+import { FileZip2, Palette2, Post } from "@dub/ui/icons";
 
 const emptyStateIcons = [Post, Palette2, FileZip2];
 

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/sales/sale-stats.tsx

@@ -4,7 +4,7 @@ import useSalesCount from "@/lib/swr/use-sales-count";
 import { ProgramStatsFilter } from "@/ui/partners/program-stats-filter";
 import { SaleStatusBadges } from "@/ui/partners/sale-status-badges";
 import { useRouterStuff } from "@dub/ui";
-import { Users } from "@dub/ui/src/icons";
+import { Users } from "@dub/ui/icons";
 import { useParams } from "next/navigation";
 
 export function SaleStats() {

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/sales/sale-table.tsx

@@ -17,7 +17,7 @@ import {
   useRouterStuff,
   useTable,
 } from "@dub/ui";
-import { MoneyBill2 } from "@dub/ui/src/icons";
+import { MoneyBill2 } from "@dub/ui/icons";
 import {
   currencyFormatter,
   DICEBEAR_AVATAR_URL,

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/sales/use-sale-filters.tsx

@@ -8,7 +8,7 @@ import { CUSTOMERS_MAX_PAGE_SIZE } from "@/lib/zod/schemas/customers";
 import { PARTNERS_MAX_PAGE_SIZE } from "@/lib/zod/schemas/partners";
 import { SaleStatusBadges } from "@/ui/partners/sale-status-badges";
 import { CircleDotted, useRouterStuff } from "@dub/ui";
-import { User, Users } from "@dub/ui/src/icons";
+import { User, Users } from "@dub/ui/icons";
 import { cn, DICEBEAR_AVATAR_URL, nFormatter } from "@dub/utils";
 import { useMemo, useState } from "react";
 import { useDebounce } from "use-debounce";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/settings/program-settings.tsx

@@ -7,7 +7,7 @@ import { ProgramProps } from "@/lib/types";
 import { EmbedDocsSheet } from "@/ui/partners/embed-docs-sheet";
 import { ProgramCommissionDescription } from "@/ui/partners/program-commission-description";
 import { AnimatedSizeContainer, Button } from "@dub/ui";
-import { CircleCheckFill, Code, LoadingSpinner } from "@dub/ui/src/icons";
+import { CircleCheckFill, Code, LoadingSpinner } from "@dub/ui/icons";
 import { cn, pluralize } from "@dub/utils";
 import { useAction } from "next-safe-action/hooks";
 import { useState } from "react";

apps/web/app/app.dub.co/(dashboard)/[slug]/programs/[programId]/settings/tracking-settings.tsx

@@ -6,7 +6,7 @@ import useProgram from "@/lib/swr/use-program";
 import useWorkspace from "@/lib/swr/use-workspace";
 import { ProgramProps } from "@/lib/types";
 import { Badge, Button } from "@dub/ui";
-import { CircleCheckFill, LoadingSpinner } from "@dub/ui/src/icons";
+import { CircleCheckFill, LoadingSpinner } from "@dub/ui/icons";
 import { cn } from "@dub/utils";
 import { useAction } from "next-safe-action/hooks";
 import { useForm } from "react-hook-form";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/billing/page-client.tsx

@@ -12,7 +12,7 @@ import {
   ProgressBar,
   useRouterStuff,
 } from "@dub/ui";
-import { CircleDollar, CursorRays, Hyperlink } from "@dub/ui/src/icons";
+import { CircleDollar, CursorRays, Hyperlink } from "@dub/ui/icons";
 import { cn, getFirstAndLastDay, nFormatter } from "@dub/utils";
 import NumberFlow from "@number-flow/react";
 import Link from "next/link";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/billing/usage-chart.tsx

@@ -1,10 +1,7 @@
 import useUsage from "@/lib/swr/use-usage";
-import { Bars } from "@/ui/charts/bars";
-import TimeSeriesChart from "@/ui/charts/time-series-chart";
-import XAxis from "@/ui/charts/x-axis";
-import YAxis from "@/ui/charts/y-axis";
 import { EmptyState, LoadingSpinner } from "@dub/ui";
-import { CircleDollar, CursorRays, Hyperlink } from "@dub/ui/src/icons";
+import { Bars, TimeSeriesChart, XAxis, YAxis } from "@dub/ui/charts";
+import { CircleDollar, CursorRays, Hyperlink } from "@dub/ui/icons";
 import { formatDate, nFormatter } from "@dub/utils";
 import { LinearGradient } from "@visx/gradient";
 import { useSearchParams } from "next/navigation";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/domains/default-domains.tsx

@@ -14,7 +14,7 @@ import {
   GitHubEnhanced,
   GoogleEnhanced,
   Spotify,
-} from "@dub/ui/src/icons";
+} from "@dub/ui/icons";
 import { DUB_DOMAINS } from "@dub/utils";
 import Link from "next/link";
 import { useEffect, useState } from "react";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/integrations/[integrationSlug]/page-client.tsx

@@ -26,7 +26,7 @@ import {
   Globe,
   OfficeBuilding,
   ShieldCheck,
-} from "@dub/ui/src/icons";
+} from "@dub/ui/icons";
 import {
   cn,
   formatDate,

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/library/tags/page-client.tsx

@@ -13,7 +13,7 @@ import {
   usePagination,
   useRouterStuff,
 } from "@dub/ui";
-import { Tag } from "@dub/ui/src/icons";
+import { Tag } from "@dub/ui/icons";
 import { createContext, Dispatch, SetStateAction, useState } from "react";
 import { TagCard } from "./tag-card";
 import { TagCardPlaceholder } from "./tag-card-placeholder";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/library/tags/tag-card.tsx

@@ -12,12 +12,7 @@ import {
   useCopyToClipboard,
   useKeyboardShortcut,
 } from "@dub/ui";
-import {
-  CircleCheck,
-  Copy,
-  LoadingSpinner,
-  PenWriting,
-} from "@dub/ui/src/icons";
+import { CircleCheck, Copy, LoadingSpinner, PenWriting } from "@dub/ui/icons";
 import { cn, nFormatter, pluralize } from "@dub/utils";
 import Link from "next/link";
 import { useContext, useState } from "react";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/library/utm/template-card.tsx

@@ -13,11 +13,7 @@ import {
   useKeyboardShortcut,
   UTM_PARAMETERS,
 } from "@dub/ui";
-import {
-  DiamondTurnRight,
-  LoadingSpinner,
-  PenWriting,
-} from "@dub/ui/src/icons";
+import { DiamondTurnRight, LoadingSpinner, PenWriting } from "@dub/ui/icons";
 import { cn, formatDate } from "@dub/utils";
 import { Fragment, useContext, useState } from "react";
 import { toast } from "sonner";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/notifications/page-client.tsx

@@ -3,7 +3,7 @@
 import { updateNotificationPreference } from "@/lib/actions/update-notification-preference";
 import useWorkspace from "@/lib/swr/use-workspace";
 import { Switch, useOptimisticUpdate } from "@dub/ui";
-import { Globe, Hyperlink } from "@dub/ui/src/icons";
+import { Globe, Hyperlink } from "@dub/ui/icons";
 import { useAction } from "next-safe-action/hooks";
 
 type PreferenceType = "linkUsageSummary" | "domainConfigurationUpdates";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/oauth-apps/page-client.tsx

@@ -6,8 +6,7 @@ import { OAuthAppProps } from "@/lib/types";
 import OAuthAppCard from "@/ui/oauth-apps/oauth-app-card";
 import OAuthAppPlaceholder from "@/ui/oauth-apps/oauth-app-placeholder";
 import EmptyState from "@/ui/shared/empty-state";
-import { Button, Cube, TooltipContent } from "@dub/ui";
-import { InfoTooltip } from "@dub/ui/src/tooltip";
+import { Button, Cube, InfoTooltip, TooltipContent } from "@dub/ui";
 import { fetcher } from "@dub/utils";
 import { useRouter } from "next/navigation";
 import useSWR from "swr";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/payouts/page-client.tsx

@@ -4,7 +4,7 @@ import useWorkspace from "@/lib/swr/use-workspace";
 import { useAddBankAccountModal } from "@/ui/modals/add-bank-account-modal";
 import { AnimatedEmptyState } from "@/ui/shared/animated-empty-state";
 import { Button } from "@dub/ui";
-import { BadgeCheck, GreekTemple } from "@dub/ui/src/icons";
+import { BadgeCheck, GreekTemple } from "@dub/ui/icons";
 import { truncate } from "@dub/utils";
 import { WorkspaceDepositActivity } from "./activity";
 import { BankAccount } from "./bank-account";

apps/web/app/app.dub.co/(dashboard)/[slug]/settings/tokens/page-client.tsx

@@ -17,7 +17,7 @@ import {
   TokenAvatar,
   Tooltip,
 } from "@dub/ui";
-import { Key } from "@dub/ui/src/icons";
+import { Key } from "@dub/ui/icons";
 import { fetcher, timeAgo } from "@dub/utils";
 import { Edit3, MoreVertical } from "lucide-react";
 import { useState } from "react";

apps/web/app/app.dub.co/(dashboard)/account/settings/referrals/page.tsx

@@ -3,12 +3,7 @@ import { dub } from "@/lib/dub";
 import LayoutLoader from "@/ui/layout/layout-loader";
 import { AnimatedEmptyState } from "@/ui/shared/animated-empty-state";
 import { DubWidget } from "@dub/embed-react";
-import {
-  CursorRays,
-  Hyperlink,
-  InvoiceDollar,
-  UserCheck,
-} from "@dub/ui/src/icons";
+import { CursorRays, Hyperlink, InvoiceDollar, UserCheck } from "@dub/ui/icons";
 import { Suspense } from "react";
 
 export const dynamic = "auto";

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/domain/custom/page.tsx

@@ -1,4 +1,4 @@
-import { Globe } from "@dub/ui/src/icons";
+import { Globe } from "@dub/ui/icons";
 import { StepPage } from "../../step-page";
 import { Form } from "./form";
 

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/domain/domain-selector.tsx

@@ -4,7 +4,7 @@ import useLinks from "@/lib/swr/use-links";
 import useWorkspace from "@/lib/swr/use-workspace";
 import { CheckCircleFill } from "@/ui/shared/icons";
 import { Button } from "@dub/ui";
-import { Globe2, LoadingSpinner } from "@dub/ui/src/icons";
+import { Globe2, LoadingSpinner } from "@dub/ui/icons";
 import { cn } from "@dub/utils";
 import { Crown } from "lucide-react";
 import { ReactNode, useEffect, useState } from "react";

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/domain/page.tsx

@@ -1,4 +1,4 @@
-import { Globe } from "@dub/ui/src/icons";
+import { Globe } from "@dub/ui/icons";
 import { StepPage } from "../step-page";
 import { DomainSelector } from "./domain-selector";
 

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/domain/register/page.tsx

@@ -1,4 +1,4 @@
-import { Globe } from "@dub/ui/src/icons";
+import { Globe } from "@dub/ui/icons";
 import { StepPage } from "../../step-page";
 import { Form } from "./form";
 

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/exit-button.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ExpandingArrow, LoadingSpinner } from "@dub/ui/src/icons";
+import { ExpandingArrow, LoadingSpinner } from "@dub/ui/icons";
 import { useOnboardingProgress } from "../use-onboarding-progress";
 
 export function ExitButton() {

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/invite/page.tsx

@@ -1,4 +1,4 @@
-import { Users } from "@dub/ui/src/icons";
+import { Users } from "@dub/ui/icons";
 import { StepPage } from "../step-page";
 import { Form } from "./form";
 

apps/web/app/app.dub.co/(onboarding)/onboarding/(steps)/link/form.tsx

@@ -6,7 +6,7 @@ import { ShortLinkInput } from "@/ui/links/short-link-input";
 import { useAvailableDomains } from "@/ui/links/use-available-domains";
 import { UpgradeRequiredToast } from "@/ui/shared/upgrade-required-toast";
 import { Button } from "@dub/ui";
-import { LoadingCircle, Photo } from "@dub/ui/src/icons";
+import { LoadingCircle, Photo } from "@dub/ui/icons";
 import { getUrlWithoutUTMParams } from "@dub/utils";
 import posthog from "posthog-js";
 import { useEffect, useState } from "react";