@m5kdev/web-ui 0.2.0 → 0.3.1

package/dist/src/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 function Skeleton({ className, ...props }) {
     return _jsx("div", { className: cn("animate-pulse rounded-md bg-primary/10", className), ...props });
 }

package/dist/src/components/ui/slider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Slider = React.forwardRef(({ className, ...props }, ref) => (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }), _jsx(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })] })));
 Slider.displayName = SliderPrimitive.Root.displayName;
 export { Slider };

package/dist/src/components/ui/spinner.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { Loader2 } from "lucide-react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const spinnerVariants = cva("flex-col items-center justify-center", {
     variants: {
         show: {

package/dist/src/components/ui/switch.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) })));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 export { Switch };

package/dist/src/components/ui/table.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 function Table({ className, ...props }) {
     return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 }

package/dist/src/components/ui/tabs.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 function Tabs({ className, ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-2", className), ...props }));
 }

package/dist/src/components/ui/textarea.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 function Textarea({ className, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props }));
 }

package/dist/src/components/ui/toast.js

@@ -3,7 +3,7 @@ import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
 import * as React from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 const ToastProvider = ToastPrimitives.Provider;
 const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className), ...props })));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;

package/dist/src/components/ui/tooltip.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
 }

package/dist/src/components/ui/typewriter-effect.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { motion, stagger, useAnimate, useInView } from "motion/react";
 import { useEffect } from "react";
-import { cn } from "#utils";
+import { cn } from "../../lib/utils";
 export const TypewriterEffect = ({ words, className, cursorClassName, }) => {
     // split text inside of words into array of characters
     const wordsArray = words.map((word) => {

package/dist/src/hooks/useDialog.d.ts

@@ -1,4 +1,4 @@
-import { type DialogProps, useDialog } from "#components/DialogProvider";
+import { type DialogProps, useDialog } from "../components/DialogProvider";
 export { useDialog };
 export declare const useConfirmDialog: () => (props: DialogProps) => void;
 export declare const useAlertDialog: () => (props: DialogProps) => void;

package/dist/src/hooks/useDialog.js

@@ -1,4 +1,4 @@
-import { useDialog } from "#components/DialogProvider";
+import { useDialog } from "../components/DialogProvider";
 export { useDialog };
 export const useConfirmDialog = () => {
     const dialog = useDialog();

package/dist/src/modules/app/components/AppShell.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import { type AppSidebarProps } from "#modules/app/components/AppSidebar";
+import { type AppSidebarProps } from "./AppSidebar";
 export type AppShellProps = {
     header?: ReactNode;
     sidebar: AppSidebarProps;

package/dist/src/modules/app/components/AppShell.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SidebarInset, SidebarProvider } from "@m5kdev/web-ui/components/ui/sidebar";
 import { Outlet } from "react-router";
-import { AppSidebar } from "#modules/app/components/AppSidebar";
+import { AppSidebar } from "./AppSidebar";
 export function AppShell({ header, sidebar }) {
     return (_jsxs(SidebarProvider, { children: [header, _jsx(AppSidebar, { ...sidebar }), _jsx(SidebarInset, { children: _jsx(Outlet, {}) })] }));
 }

package/dist/src/modules/app/components/AppSidebar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "#components/ui/sidebar";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "../../../components/ui/sidebar";
 export function AppSidebar({ header, content, footer }) {
     return (_jsxs(Sidebar, { collapsible: "icon", children: [_jsx(SidebarHeader, { children: header }), _jsx(SidebarContent, { children: content }), _jsx(SidebarFooter, { children: footer }), _jsx(SidebarRail, {})] }));
 }

package/dist/src/modules/app/components/AppSidebarContent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from "react-router";
-import { CollapsibleSidebarMenuItem } from "#components/CollapsibleSidebarMenuItem";
-import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "#components/ui/sidebar";
+import { CollapsibleSidebarMenuItem } from "../../../components/CollapsibleSidebarMenuItem";
+import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, } from "../../../components/ui/sidebar";
 export function AppSidebarContent({ navigationItems, navigationState, onNavigationStateChange, }) {
     return (_jsx(SidebarGroup, { children: _jsx(SidebarMenu, { children: navigationItems.map((item) => item.subItems ? (_jsx(CollapsibleSidebarMenuItem, { defaultOpen: item.defaultOpen, open: navigationState[item.label], label: item.label, icon: item.icon, link: item.link, badge: item.badge, onOpenChange: (open) => onNavigationStateChange({ ...navigationState, [item.label]: open }), children: item.subItems.map((subItem) => (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsxs(Link, { to: subItem.link, children: [subItem.icon, _jsx("span", { children: subItem.label })] }) }) }, subItem.label))) }, item.label)) : (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsxs(Link, { to: item.link, children: [item.icon, _jsx("span", { children: item.label })] }) }) }, item.label))) }) }));
 }

package/dist/src/modules/app/components/AppSidebarUser.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Building2, ChevronsUpDown, CreditCard, LogOut, Settings, Sparkles, User } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
-import { Avatar, AvatarFallback, AvatarImage } from "#components/ui/avatar";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "#components/ui/dropdown-menu";
-import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "#components/ui/sidebar";
+import { Avatar, AvatarFallback, AvatarImage } from "../../../components/ui/avatar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../../components/ui/dropdown-menu";
+import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, useSidebar, } from "../../../components/ui/sidebar";
 export function AppSidebarUser({ user, onSignOut, organizationSettingsPath }) {
     const { name = "User", email = "email@example.com", image, role } = user || {};
     const isAdmin = role === "admin";

package/dist/src/modules/auth/components/AdminUserManagement.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface AdminUserManagementProps {
     useTRPC?: UseBackendTRPC;
 }

package/dist/src/modules/auth/components/AdminWaitlist.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface AdminWaitlistProps {
     useTRPC: UseBackendTRPC;
 }

package/dist/src/modules/auth/components/AuthProviders.js

@@ -3,9 +3,9 @@ import { Button } from "@heroui/react";
 import { authClient } from "@m5kdev/frontend/modules/auth/auth.lib";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
-import { GoogleIcon } from "#icons/GoogleIcon";
-import { LinkedInIcon } from "#icons/LinkedInIcon";
-import { MicrosoftIcon } from "#icons/MicrosoftIcon";
+import { GoogleIcon } from "../../../icons/GoogleIcon";
+import { LinkedInIcon } from "../../../icons/LinkedInIcon";
+import { MicrosoftIcon } from "../../../icons/MicrosoftIcon";
 import { LastUsedBadge } from "./LastUsedBadge";
 export function AuthProviders({ providers, lastMethod, code, requestSignUp = false, }) {
     const { t } = useTranslation();

package/dist/src/modules/auth/components/AuthRouter.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface AuthRouterProps {
     header: ReactNode;
     providers?: string[];

package/dist/src/modules/auth/components/AuthRouter.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Route } from "react-router";
-import { AuthLayout } from "#modules/auth/components/AuthLayout";
-import { ClaimAccountRoute } from "#modules/auth/components/ClaimAccountRoute";
-import { ErrorAuthRoute } from "#modules/auth/components/ErrorAuthRoute";
-import { ForgotPasswordRoute } from "#modules/auth/components/ForgotPasswordRoute";
-import { LoginRoute } from "#modules/auth/components/LoginRoute";
-import { ResetPasswordRoute } from "#modules/auth/components/ResetPasswordRoute";
-import { SignupRoute } from "#modules/auth/components/SignupRoute";
+import { AuthLayout } from "./AuthLayout";
+import { ClaimAccountRoute } from "./ClaimAccountRoute";
+import { ErrorAuthRoute } from "./ErrorAuthRoute";
+import { ForgotPasswordRoute } from "./ForgotPasswordRoute";
+import { LoginRoute } from "./LoginRoute";
+import { ResetPasswordRoute } from "./ResetPasswordRoute";
+import { SignupRoute } from "./SignupRoute";
 export function AuthRouter({ header, providers, useTRPC }) {
     return (_jsxs(Route, { element: _jsx(AuthLayout, { header: header }), children: [_jsx(Route, { path: "/login", element: _jsx(LoginRoute, { providers: providers }) }), _jsx(Route, { path: "/signup", element: _jsx(SignupRoute, { providers: providers, useTRPC: useTRPC }) }), _jsx(Route, { path: "/forgot-password", element: _jsx(ForgotPasswordRoute, {}) }), _jsx(Route, { path: "/reset-password", element: _jsx(ResetPasswordRoute, {}) }), _jsx(Route, { path: "/claim-account", element: _jsx(ClaimAccountRoute, { useTRPC: useTRPC }) }), _jsx(Route, { path: "/error-auth", element: _jsx(ErrorAuthRoute, {}) })] }));
 }

package/dist/src/modules/auth/components/ClaimAccountRoute.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 export declare function ClaimAccountRoute({ useTRPC }: {
     useTRPC?: UseBackendTRPC;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/modules/auth/components/ClaimAccountRoute.js

@@ -5,9 +5,9 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useEffect, useMemo, useState } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
-import { GoogleIcon } from "#icons/GoogleIcon";
-import { LinkedInIcon } from "#icons/LinkedInIcon";
-import { MicrosoftIcon } from "#icons/MicrosoftIcon";
+import { GoogleIcon } from "../../../icons/GoogleIcon";
+import { LinkedInIcon } from "../../../icons/LinkedInIcon";
+import { MicrosoftIcon } from "../../../icons/MicrosoftIcon";
 export function ClaimAccountRoute({ useTRPC }) {
     const { data: session, registerSession } = useSession();
     const navigate = useNavigate();

package/dist/src/modules/auth/components/ForgotPasswordRoute.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardBody, CardHeader } from "@heroui/react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
-import { ForgotPasswordForm } from "#modules/auth/components/ForgotPasswordForm";
+import { ForgotPasswordForm } from "./ForgotPasswordForm";
 export function ForgotPasswordRoute() {
     const { t } = useTranslation();
     return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "text-center flex flex-col gap-1", children: [_jsx("p", { className: "text-xl font-semibold", children: t("web-ui:auth.forgotPassword.title") }), _jsx("p", { className: "text-sm text-default-600", children: t("web-ui:auth.forgotPassword.description") })] }), _jsx(CardBody, { children: _jsx(ForgotPasswordForm, {}) })] }), _jsxs("div", { className: "text-center text-xs text-muted-foreground", children: [t("web-ui:auth.forgotPassword.rememberPassword"), " ", _jsx(Link, { to: "/login", className: "underline underline-offset-4 hover:text-primary", children: t("web-ui:auth.login.button") })] })] }));

package/dist/src/modules/auth/components/InviteFriends.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 export interface InviteFriendsProps {
     useTRPC: UseBackendTRPC;
 }

package/dist/src/modules/auth/components/InviteFriends.js

@@ -5,7 +5,7 @@ import { CheckCircle2, Link2Icon, Mail, Send, Ticket, Users, Zap } from "lucide-
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
 import { z } from "zod";
-import { CopyButton } from "#components/CopyButton";
+import { CopyButton } from "../../../components/CopyButton";
 export function InviteFriends({ useTRPC }) {
     const trpc = useTRPC();
     const queryClient = useQueryClient();

package/dist/src/modules/auth/components/LastUsedBadge.d.ts

@@ -2,4 +2,4 @@ import { type BadgeProps } from "@heroui/react";
 export declare function LastUsedBadge({ lastMethod, method, children, ...props }: BadgeProps & {
     lastMethod?: string | null;
     method?: string | null;
-}): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;

package/dist/src/modules/auth/components/OrganizationSwitcher.js

@@ -8,8 +8,8 @@ import { useCallback, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import { toast } from "sonner";
-import { useSidebar } from "#components/ui/sidebar";
-import { cn } from "#utils";
+import { useSidebar } from "../../../components/ui/sidebar";
+import { cn } from "../../../lib/utils";
 export function OrganizationSwitcher({ onInvalidateScopedQueries, managerRoles = ["admin", "owner"], managerPath = "/organization/members", fallbackPath = "/", }) {
     const { t } = useTranslation();
     const { data: session, registerSession } = useSession();

package/dist/src/modules/auth/components/ProfileRoute.js

@@ -6,8 +6,8 @@ import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 import { z } from "zod";
-import { AvatarUpload } from "#components/AvatarUpload";
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from "#components/ui/form";
+import { AvatarUpload } from "../../../components/AvatarUpload";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from "../../../components/ui/form";
 const profileSchema = z.object({
     name: z.string().min(2, "Name must be at least 2 characters"),
     image: z.string().nullable(),

package/dist/src/modules/auth/components/ResetPasswordRoute.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardBody, CardHeader } from "@heroui/react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
-import { ResetPasswordForm } from "#modules/auth/components/ResetPasswordForm";
+import { ResetPasswordForm } from "./ResetPasswordForm";
 export function ResetPasswordRoute() {
     const { t } = useTranslation();
     return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "text-center flex flex-col gap-1", children: [_jsx("h2", { className: "text-xl font-semibold", children: t("web-ui:auth.resetPassword.title") }), _jsx("p", { className: "text-sm text-default-600", children: t("web-ui:auth.resetPassword.description") })] }), _jsx(CardBody, { children: _jsx(ResetPasswordForm, {}) })] }), _jsxs("div", { className: "text-center text-xs text-muted-foreground", children: [t("web-ui:auth.forgotPassword.rememberPassword"), " ", _jsx(Link, { to: "/login", className: "underline underline-offset-4 hover:text-primary", children: t("web-ui:auth.login.button") })] })] }));

package/dist/src/modules/auth/components/SignupRoute.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface SignupRouteProps {
     providers?: string[];
     useTRPC?: UseBackendTRPC;

package/dist/src/modules/auth/components/SignupRoute.js

@@ -3,7 +3,7 @@ import { Card, CardBody, CardHeader } from "@heroui/react";
 import { useQueryState } from "nuqs";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
-import { SignupForm } from "#modules/auth/components/SignupFormRoute";
+import { SignupForm } from "./SignupFormRoute";
 import { AuthProviders } from "./AuthProviders";
 import { WaitlistCard } from "./WaitlistCard";
 import { WaitlistCodeValidation } from "./WaitlistCodeValidation";

package/dist/src/modules/auth/components/WaitlistCard.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface WaitlistCardProps {
     useTRPC: UseBackendTRPC;
 }

package/dist/src/modules/auth/components/WaitlistCodeValidation.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface WaitlistCodeValidationProps {
     useTRPC: UseBackendTRPC;
     code: string;

package/dist/src/modules/billing/components/BillingBetaPage.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Bell, CheckCircle2, Clock3, Sparkles } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { Badge } from "#components/ui/badge";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "#components/ui/card";
-import { Separator } from "#components/ui/separator";
-import { cn } from "#utils";
+import { Badge } from "../../../components/ui/badge";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../components/ui/card";
+import { Separator } from "../../../components/ui/separator";
+import { cn } from "../../../lib/utils";
 export function BillingBetaPage({ appName, className, footer }) {
     const { t } = useTranslation("web-ui");
     return (_jsxs("div", { className: cn("mx-auto max-w-5xl px-4 py-12 md:py-16", className), children: [_jsxs("div", { className: "flex flex-col items-center text-center gap-4", children: [_jsx(Badge, { variant: "secondary", className: "uppercase tracking-wide", children: t("billing.beta.badge") }), _jsxs("div", { className: "space-y-3", children: [_jsx("h1", { className: "text-3xl md:text-4xl font-semibold tracking-tight", children: t("billing.title") }), _jsx("p", { className: "text-muted-foreground max-w-2xl", children: t("billing.subtitle", { appName }) })] })] }), _jsx(Separator, { className: "my-8" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-green-600 dark:text-green-500", children: [_jsx(Sparkles, { className: "h-5 w-5 shrink-0" }), _jsx(CardTitle, { children: t("billing.card.free.title") })] }), _jsx(CardDescription, { children: t("billing.card.free.description") })] }), _jsxs(CardContent, { children: [_jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("span", { className: "text-4xl font-bold tracking-tight", children: t("billing.card.free.price") }), _jsx("span", { className: "text-muted-foreground", children: t("billing.card.free.priceSuffix") })] }), _jsxs("ul", { className: "mt-4 space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }), " ", t("billing.card.free.feature.fullAccess")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }), " ", t("billing.card.free.feature.noCard")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-green-600" }), " ", t("billing.card.free.feature.riskFree")] })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-blue-600 dark:text-blue-500", children: [_jsx(Clock3, { className: "h-5 w-5 shrink-0" }), _jsx(CardTitle, { children: t("billing.card.progress.title") })] }), _jsx(CardDescription, { children: t("billing.card.progress.description") })] }), _jsx(CardContent, { children: _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }), " ", t("billing.card.progress.feature.transparentPlans")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }), " ", t("billing.card.progress.feature.fairValue")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-blue-600" }), " ", t("billing.card.progress.feature.simpleBilling")] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-amber-600 dark:text-amber-500", children: [_jsx(Bell, { className: "h-5 w-5 shrink-0" }), _jsx(CardTitle, { children: t("billing.card.notice.title") })] }), _jsx(CardDescription, { children: t("billing.card.notice.description") })] }), _jsx(CardContent, { children: _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }), " ", t("billing.card.notice.feature.timeToDecide")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }), " ", t("billing.card.notice.feature.safeData")] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-amber-600" }), " ", t("billing.card.notice.feature.autoFreeTier")] })] }) })] })] }), footer] }));

package/dist/src/modules/billing/components/BillingInvoicePage.d.ts

@@ -1,4 +1,4 @@
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface BillingInvoicePageProps {
     useTRPC: UseBackendTRPC;
     serverUrl: string;

package/dist/src/modules/billing/components/BillingPlanSelect.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { BillingSinglePlanSelect } from "#modules/billing/components/BillingSinglePlanSelect";
+import { BillingSinglePlanSelect } from "./BillingSinglePlanSelect";
 export function BillingPlanSelect({ plans }) {
     if (plans.length === 1) {
         return _jsx(BillingSinglePlanSelect, { plan: plans[0] });

package/dist/src/modules/billing/components/BillingRouter.d.ts

@@ -1,5 +1,5 @@
 import type { StripePlan } from "@m5kdev/commons/modules/billing/billing.types";
-import type { UseBackendTRPC } from "#types";
+import type { UseBackendTRPC } from "../../../types";
 interface BillingRouterProps {
     useTRPC?: UseBackendTRPC;
     serverUrl: string;

package/dist/src/modules/billing/components/BillingRouter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Route } from "react-router";
-import { BillingInvoicePage } from "#modules/billing/components/BillingInvoicePage";
+import { BillingInvoicePage } from "./BillingInvoicePage";
 export function BillingRouter({ useTRPC, serverUrl }) {
     if (!useTRPC)
         return null;

package/dist/src/modules/billing/components/BillingSinglePlanSelect.js

@@ -5,9 +5,9 @@ import { Check, LogOut } from "lucide-react";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useNavigate } from "react-router";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "#components/ui/card";
-import { Tabs, TabsList, TabsTrigger } from "#components/ui/tabs";
-import { cn } from "#utils";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../../components/ui/card";
+import { Tabs, TabsList, TabsTrigger } from "../../../components/ui/tabs";
+import { cn } from "../../../lib/utils";
 export function BillingSinglePlanSelect({ plan, termsOfServiceUrl, features = [
     "Unlimited access to all features",
     "Priority support",

package/dist/src/modules/table/components/ColumnOrderAndVisibility.js

@@ -4,7 +4,7 @@ import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, v
 import { CSS } from "@dnd-kit/utilities";
 import { EyeIcon, EyeOffIcon, GripVertical } from "lucide-react";
 import { useCallback, useState } from "react";
-import { Button } from "#components/ui/button";
+import { Button } from "../../../components/ui/button";
 const ColumnOrderAndVisibilityItem = ({ column, onChangeVisibilityState, }) => {
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
         id: column.id,

package/dist/src/modules/table/components/NuqsTable.js

@@ -3,8 +3,8 @@ import { Checkbox, Popover, PopoverContent, PopoverTrigger } from "@heroui/react
 import { flexRender, getCoreRowModel, getPaginationRowModel, useReactTable, } from "@tanstack/react-table";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
-import { Button } from "#components/ui/button";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "#components/ui/table";
+import { Button } from "../../../components/ui/button";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../../components/ui/table";
 import { ColumnOrderAndVisibility } from "./ColumnOrderAndVisibility";
 import { TableFiltering } from "./TableFiltering";
 import { TablePagination } from "./TablePagination";

package/dist/src/modules/table/components/TableFiltering.js

@@ -3,7 +3,7 @@ import { DatePicker, DateRangePicker, Input, Select, SelectItem, } from "@heroui
 import { getLocalTimeZone, today } from "@internationalized/date";
 import { PlusIcon, XIcon } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { Button } from "#components/ui/button";
+import { Button } from "../../../components/ui/button";
 import { transformFiltersFromHeroUI, transformFiltersToHeroUI, } from "../filterTransformers";
 const componentForFilterMethod = {
     text: (value, onChange) => (_jsx(Input, { size: "sm", "aria-label": "Select Value", className: "flex-1 min-w-0 text-sm", value: value ?? "", onChange: (e) => onChange(e.target.value) })),

package/dist/src/modules/table/components/TablePagination.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from "#components/ui/input";
-import { Pagination, PaginationContent, PaginationNext, PaginationPrevious, } from "#components/ui/pagination";
+import { Input } from "../../../components/ui/input";
+import { Pagination, PaginationContent, PaginationNext, PaginationPrevious, } from "../../../components/ui/pagination";
 export const TablePagination = ({ pageCount, page = 1, limit = 10, setPagination, }) => {
     const isFirstPage = page === 1;
     const isLastPage = page >= pageCount;