@nextsparkjs/core 0.1.0-beta.7 → 0.1.0-beta.70

package/dist/components/auth/forms/LoginForm.js

@@ -6,23 +6,23 @@ import { useSearchParams } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
-import { useAuth } from "../../../hooks/useAuth";
-import { useLastAuthMethod } from "../../../hooks/useLastAuthMethod";
-import { Button } from "../../ui/button";
-import { Input } from "../../ui/input";
-import { Label } from "../../ui/label";
-import { Alert, AlertDescription } from "../../ui/alert";
-import { Checkbox } from "../../ui/checkbox";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card";
-import { Separator } from "../../ui/separator";
-import { LastUsedBadge } from "../../ui/last-used-badge";
+import { useAuth } from "../../../hooks/useAuth.js";
+import { useLastAuthMethod } from "../../../hooks/useLastAuthMethod.js";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Alert, AlertDescription } from "../../ui/alert.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card.js";
+import { Separator } from "../../ui/separator.js";
+import { LastUsedBadge } from "../../ui/last-used-badge.js";
 import { Mail, Lock, Loader2, AlertCircle, Users } from "lucide-react";
-import { GoogleIcon } from "../../ui/google-icon";
-import { createTestId, sel } from "../../../lib/test";
+import { GoogleIcon } from "../../ui/google-icon.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
-import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader";
-import { DevKeyring } from "../DevKeyring";
-import { DEV_CONFIG } from "../../../lib/config/config-sync";
+import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader.js";
+import { DevKeyring } from "../DevKeyring.js";
+import { DEV_CONFIG } from "../../../lib/config/config-sync.js";
 function getErrorMessageFromCode(error, t, context) {
   const authError = error;
   const errorCode = authError.code || getErrorCodeFromMessage(error.message);
@@ -158,7 +158,6 @@ function LoginForm() {
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        ...createTestId("login", "status", "message") && { "data-testid": createTestId("login", "status", "message") },
         children: statusMessage
       }
     ),
@@ -166,14 +165,12 @@ function LoginForm() {
       Card,
       {
         className: "w-full max-w-md",
-        "data-testid": createTestId("login", "card"),
         "data-cy": sel("auth.login.card"),
         children: [
           /* @__PURE__ */ jsxs(
             CardHeader,
             {
               className: "space-y-1",
-              "data-testid": createTestId("login", "header"),
               "data-cy": sel("auth.login.header"),
               children: [
                 /* @__PURE__ */ jsx(
@@ -183,14 +180,12 @@ function LoginForm() {
                     id: "login-heading",
                     role: "heading",
                     "aria-level": 1,
-                    ...createTestId("login", "title") && { "data-testid": createTestId("login", "title") },
                     children: t("login.title")
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   CardDescription,
                   {
-                    ...createTestId("login", "description") && { "data-testid": createTestId("login", "description") },
                     children: t("login.description")
                   }
                 )
@@ -198,7 +193,7 @@ function LoginForm() {
             }
           ),
           /* @__PURE__ */ jsxs(CardContent, { children: [
-            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": "login-invite-banner", children: [
+            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": sel("auth.login.inviteBanner"), children: [
               /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsx(AlertDescription, { children: t("login.inviteBanner") })
             ] }),
@@ -211,7 +206,6 @@ function LoginForm() {
                 disabled: !!loadingProvider,
                 className: "w-full mb-6",
                 "aria-label": t("login.form.continueWithGoogleAria"),
-                "data-testid": createTestId("login", "google", "button"),
                 "data-cy": sel("auth.login.googleSignin"),
                 children: [
                   loadingProvider === "google" ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(GoogleIcon, { className: "mr-2", "data-cy": "google-icon" }),
@@ -227,7 +221,6 @@ function LoginForm() {
                 disabled: !!loadingProvider,
                 className: "w-full mb-6",
                 "aria-label": t("login.form.continueWithGoogleAria"),
-                "data-testid": createTestId("login", "google", "button"),
                 "data-cy": sel("auth.login.googleSignin"),
                 children: [
                   loadingProvider === "google" ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(GoogleIcon, { className: "mr-2", "data-cy": "google-icon" }),
@@ -242,7 +235,6 @@ function LoginForm() {
                 onClick: () => setShowEmailForm(true),
                 disabled: !!loadingProvider,
                 className: "text-sm text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed",
-                "data-testid": createTestId("login", "show-email", "button"),
                 "data-cy": sel("auth.login.showEmail"),
                 children: t("login.form.loginWithEmail", { defaultValue: "Sign in with Email" })
               }
@@ -253,7 +245,6 @@ function LoginForm() {
                 onClick: () => setShowEmailForm(true),
                 disabled: !!loadingProvider,
                 className: "text-sm text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed",
-                "data-testid": createTestId("login", "show-email", "button"),
                 "data-cy": sel("auth.login.showEmail"),
                 children: t("login.form.loginWithEmail", { defaultValue: "Sign in with Email" })
               }
@@ -269,7 +260,6 @@ function LoginForm() {
                   onSubmit: handleSubmit(onSubmit),
                   className: "space-y-4",
                   "aria-labelledby": "login-heading",
-                  "data-testid": createTestId("login", "form"),
                   "data-cy": sel("auth.login.form"),
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -277,7 +267,6 @@ function LoginForm() {
                         Label,
                         {
                           htmlFor: "email",
-                          ...createTestId("login", "email", "label") && { "data-testid": createTestId("login", "email", "label") },
                           children: t("login.form.email")
                         }
                       ),
@@ -296,7 +285,6 @@ function LoginForm() {
                             "aria-required": "true",
                             "aria-describedby": errors.email ? "email-error" : void 0,
                             "aria-invalid": errors.email ? "true" : "false",
-                            "data-testid": createTestId("login", "email", "input"),
                             "data-cy": sel("auth.login.emailInput")
                           }
                         )
@@ -308,7 +296,6 @@ function LoginForm() {
                           className: "text-sm text-destructive",
                           role: "alert",
                           "aria-live": "assertive",
-                          "data-testid": createTestId("login", "email", "error"),
                           "data-cy": sel("auth.login.emailError"),
                           children: errors.email.message
                         }
@@ -319,7 +306,6 @@ function LoginForm() {
                         Label,
                         {
                           htmlFor: "password",
-                          ...createTestId("login", "password", "label") && { "data-testid": createTestId("login", "password", "label") },
                           children: t("login.form.password")
                         }
                       ),
@@ -337,7 +323,6 @@ function LoginForm() {
                             "aria-required": "true",
                             "aria-describedby": errors.password ? "password-error" : void 0,
                             "aria-invalid": errors.password ? "true" : "false",
-                            "data-testid": createTestId("login", "password", "input"),
                             "data-cy": sel("auth.login.passwordInput")
                           }
                         )
@@ -349,7 +334,6 @@ function LoginForm() {
                           className: "text-sm text-destructive",
                           role: "alert",
                           "aria-live": "assertive",
-                          "data-testid": createTestId("login", "password", "error"),
                           "data-cy": sel("auth.login.passwordError"),
                           children: errors.password.message
                         }
@@ -361,7 +345,6 @@ function LoginForm() {
                         variant: "destructive",
                         role: "alert",
                         "aria-live": "assertive",
-                        "data-testid": createTestId("login", "error", "alert"),
                         "data-cy": sel("auth.login.errorAlert"),
                         children: [
                           /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4", "aria-hidden": "true" }),
@@ -373,7 +356,6 @@ function LoginForm() {
                       "div",
                       {
                         className: "flex items-center justify-between",
-                        "data-testid": createTestId("login", "options", "section"),
                         "data-cy": sel("auth.login.options"),
                         children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -381,7 +363,6 @@ function LoginForm() {
                               Checkbox,
                               {
                                 id: "remember",
-                                "data-testid": createTestId("login", "remember", "checkbox"),
                                 "data-cy": sel("auth.login.rememberCheckbox")
                               }
                             ),
@@ -390,7 +371,6 @@ function LoginForm() {
                               {
                                 htmlFor: "remember",
                                 className: "text-sm font-normal cursor-pointer",
-                                ...createTestId("login", "remember", "label") && { "data-testid": createTestId("login", "remember", "label") },
                                 children: t("login.form.rememberMe")
                               }
                             )
@@ -401,7 +381,6 @@ function LoginForm() {
                               href: "/forgot-password",
                               className: "text-sm text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-accent",
                               "aria-label": t("login.form.forgotPasswordAria"),
-                              "data-testid": createTestId("login", "forgot", "link"),
                               "data-cy": sel("auth.login.forgotPassword"),
                               children: t("login.form.forgotPassword")
                             }
@@ -416,7 +395,6 @@ function LoginForm() {
                         disabled: !!loadingProvider,
                         className: "w-full",
                         "aria-describedby": "submit-help",
-                        "data-testid": createTestId("login", "submit", "button"),
                         "data-cy": sel("auth.login.submit"),
                         children: loadingProvider === "email" ? /* @__PURE__ */ jsxs(Fragment, { children: [
                           /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin", "aria-hidden": "true" }),
@@ -431,7 +409,6 @@ function LoginForm() {
                         type: "button",
                         onClick: () => setShowEmailForm(false),
                         className: "text-sm text-muted-foreground hover:text-primary focus:outline-none focus:ring-2 focus:ring-accent",
-                        "data-testid": createTestId("login", "hide-email", "button"),
                         "data-cy": sel("auth.login.hideEmail"),
                         children: t("login.form.backToGoogle", { defaultValue: "Back to main options" })
                       }
@@ -444,7 +421,6 @@ function LoginForm() {
           /* @__PURE__ */ jsx(
             CardFooter,
             {
-              "data-testid": createTestId("login", "footer"),
               "data-cy": sel("auth.login.footer"),
               children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center w-full", children: [
                 t("login.footer.noAccount"),
@@ -455,7 +431,6 @@ function LoginForm() {
                     href: "/signup",
                     className: "text-primary hover:underline font-medium focus:outline-none focus:ring-2 focus:ring-accent",
                     "aria-label": t("login.footer.signUpAria"),
-                    "data-testid": createTestId("login", "signup", "link"),
                     "data-cy": sel("auth.login.signupLink"),
                     children: t("login.footer.signUp")
                   }

package/dist/components/auth/forms/SignupForm.js

@@ -5,20 +5,20 @@ import Link from "next/link";
 import { useSearchParams, useRouter } from "next/navigation";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useAuth } from "../../../hooks/useAuth";
-import { Button } from "../../ui/button";
-import { Input } from "../../ui/input";
-import { Label } from "../../ui/label";
-import { Alert, AlertDescription } from "../../ui/alert";
-import { Checkbox } from "../../ui/checkbox";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card";
-import { Separator } from "../../ui/separator";
-import { PasswordInput } from "../../ui/password-input";
+import { useAuth } from "../../../hooks/useAuth.js";
+import { Button } from "../../ui/button.js";
+import { Input } from "../../ui/input.js";
+import { Label } from "../../ui/label.js";
+import { Alert, AlertDescription } from "../../ui/alert.js";
+import { Checkbox } from "../../ui/checkbox.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../../ui/card.js";
+import { Separator } from "../../ui/separator.js";
+import { PasswordInput } from "../../ui/password-input.js";
 import { Mail, User, Loader2, AlertCircle, ArrowRight, MailCheck, CheckCircle2, Users } from "lucide-react";
-import { signupSchema } from "../../../lib/validation";
-import { createTestId, sel } from "../../../lib/test";
+import { signupSchema } from "../../../lib/validation.js";
+import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
-import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader";
+import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader.js";
 import { toast } from "sonner";
 function SignupForm() {
   const router = useRouter();
@@ -147,7 +147,6 @@ function SignupForm() {
           "aria-live": "polite",
           "aria-atomic": "true",
           className: "sr-only",
-          ...createTestId("signup", "status", "message") && { "data-testid": createTestId("signup", "status", "message") },
           children: statusMessage
         }
       ),
@@ -157,14 +156,12 @@ function SignupForm() {
           className: "w-full max-w-md",
           role: "main",
           "aria-labelledby": "email-sent-heading",
-          ...createTestId("signup", "email-sent", "card") && { "data-testid": createTestId("signup", "email-sent", "card") },
           "data-cy": sel("auth.verifyEmail.container"),
           children: [
             /* @__PURE__ */ jsxs(
               CardHeader,
               {
                 className: "space-y-1",
-                ...createTestId("signup", "email-sent", "header") && { "data-testid": createTestId("signup", "email-sent", "header") },
                 children: [
                   /* @__PURE__ */ jsx(
                     "div",
@@ -180,7 +177,6 @@ function SignupForm() {
                     {
                       id: "email-sent-heading",
                       className: "text-2xl font-bold text-center",
-                      ...createTestId("signup", "email-sent", "title") && { "data-testid": createTestId("signup", "email-sent", "title") },
                       children: t("signup.emailVerification.title")
                     }
                   ),
@@ -188,7 +184,6 @@ function SignupForm() {
                     CardDescription,
                     {
                       className: "text-center",
-                      ...createTestId("signup", "email-sent", "description") && { "data-testid": createTestId("signup", "email-sent", "description") },
                       children: t("signup.emailVerification.description")
                     }
                   )
@@ -275,7 +270,6 @@ function SignupForm() {
         "aria-live": "polite",
         "aria-atomic": "true",
         className: "sr-only",
-        ...createTestId("signup", "status", "message") && { "data-testid": createTestId("signup", "status", "message") },
         children: statusMessage
       }
     ),
@@ -283,28 +277,24 @@ function SignupForm() {
       Card,
       {
         className: "w-full max-w-md",
-        "data-testid": createTestId("signup", "card"),
         "data-cy": sel("auth.signup.form"),
         children: [
           /* @__PURE__ */ jsxs(
             CardHeader,
             {
               className: "space-y-1",
-              ...createTestId("signup", "header") && { "data-testid": createTestId("signup", "header") },
               children: [
                 /* @__PURE__ */ jsx(
                   CardTitle,
                   {
                     className: "text-2xl font-bold",
                     id: "signup-heading",
-                    ...createTestId("signup", "title") && { "data-testid": createTestId("signup", "title") },
                     children: t("signup.title")
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   CardDescription,
                   {
-                    ...createTestId("signup", "description") && { "data-testid": createTestId("signup", "description") },
                     children: t("signup.description")
                   }
                 )
@@ -312,7 +302,7 @@ function SignupForm() {
             }
           ),
           /* @__PURE__ */ jsxs(CardContent, { children: [
-            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": "signup-invite-banner", children: [
+            fromInvite && /* @__PURE__ */ jsxs(Alert, { className: "mb-4", "data-cy": sel("auth.signup.inviteBanner"), children: [
               /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }),
               /* @__PURE__ */ jsx(AlertDescription, { children: t("signup.inviteBanner") })
             ] }),
@@ -407,7 +397,7 @@ function SignupForm() {
                 ),
                 errors.confirmPassword && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: errors.confirmPassword.message })
               ] }),
-              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+              error && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", "data-cy": sel("auth.signup.error"), children: [
                 /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
                 /* @__PURE__ */ jsx(AlertDescription, { children: error })
               ] }),
@@ -418,7 +408,7 @@ function SignupForm() {
                     id: "terms",
                     checked: agreedToTerms,
                     onCheckedChange: (checked) => setAgreedToTerms(checked),
-                    "data-cy": "signup-terms-checkbox"
+                    "data-cy": sel("auth.signup.termsCheckbox")
                   }
                 ),
                 /* @__PURE__ */ jsxs(
@@ -460,6 +450,7 @@ function SignupForm() {
                 onClick: handleGoogleSignUp,
                 disabled: !!loadingProvider,
                 className: "w-full",
+                "data-cy": sel("auth.signup.googleButton"),
                 children: [
                   loadingProvider === "google" ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxs("svg", { className: "mr-2 h-4 w-4", viewBox: "0 0 24 24", children: [
                     /* @__PURE__ */ jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
@@ -475,8 +466,7 @@ function SignupForm() {
           /* @__PURE__ */ jsx(
             CardFooter,
             {
-              "data-testid": createTestId("signup", "footer"),
-              "data-cy": "signup-footer",
+              "data-cy": sel("auth.signup.footer"),
               children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground text-center w-full", children: [
                 "Already have an account?",
                 " ",
@@ -486,7 +476,6 @@ function SignupForm() {
                     href: "/login",
                     className: "text-primary hover:underline font-medium focus:outline-none focus:ring-2 focus:ring-accent",
                     "aria-label": "Ir a p\xE1gina de inicio de sesi\xF3n",
-                    "data-testid": createTestId("signup", "login", "link"),
                     "data-cy": sel("auth.signup.loginLink"),
                     children: "Sign in"
                   }

package/dist/components/auth/forms/index.js

@@ -1,5 +1,5 @@
-import { LoginForm } from "./LoginForm";
-import { SignupForm } from "./SignupForm";
+import { LoginForm } from "./LoginForm.js";
+import { SignupForm } from "./SignupForm.js";
 export {
   LoginForm,
   SignupForm

package/dist/components/auth/index.js

@@ -1,8 +1,8 @@
-import { LoginForm } from "./forms/LoginForm";
-import { SignupForm } from "./forms/SignupForm";
-import { AuthWrapper } from "./layouts/AuthWrapper";
-import { AuthWrapperWithPreload } from "./layouts/AuthWrapperWithPreload";
-import { DevKeyring } from "./DevKeyring";
+import { LoginForm } from "./forms/LoginForm.js";
+import { SignupForm } from "./forms/SignupForm.js";
+import { AuthWrapper } from "./layouts/AuthWrapper.js";
+import { AuthWrapperWithPreload } from "./layouts/AuthWrapperWithPreload.js";
+import { DevKeyring } from "./DevKeyring.js";
 export {
   AuthWrapper,
   AuthWrapperWithPreload,

package/dist/components/auth/layouts/AuthWrapperWithPreload.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader";
+import { AuthTranslationPreloader } from "../../../lib/i18n/AuthTranslationPreloader.js";
 function AuthWrapperWithPreload({ children }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(AuthTranslationPreloader, {}),

package/dist/components/auth/layouts/index.js

@@ -1,5 +1,5 @@
-import { AuthWrapper } from "./AuthWrapper";
-import { AuthWrapperWithPreload } from "./AuthWrapperWithPreload";
+import { AuthWrapper } from "./AuthWrapper.js";
+import { AuthWrapperWithPreload } from "./AuthWrapperWithPreload.js";
 export {
   AuthWrapper,
   AuthWrapperWithPreload

package/dist/components/billing/DowngradeWarning.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslations } from "next-intl";
 import { AlertTriangle } from "lucide-react";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
-import { Button } from "../ui/button";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Button } from "../ui/button.js";
 function DowngradeWarning({
   overLimitResources,
   onConfirm,

package/dist/components/billing/FeatureGate.js

@@ -1,9 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useFeature } from "../../hooks/useFeature";
+import { useFeature } from "../../hooks/useFeature.js";
 import { useTranslations } from "next-intl";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert";
-import { Button } from "../ui/button";
+import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
+import { Button } from "../ui/button.js";
 import { Lock } from "lucide-react";
 function FeatureGate({
   feature,

package/dist/components/billing/FeaturePlaceholder.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../ui/card";
-import { Button } from "../ui/button";
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "../ui/card.js";
+import { Button } from "../ui/button.js";
 import { AlertTriangle, ArrowRight } from "lucide-react";
 import { useTranslations } from "next-intl";
 import Link from "next/link";

package/dist/components/billing/InvoiceStatusBadge.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { Badge } from "../ui/badge";
-import { cn } from "../../lib/utils";
+import { Badge } from "../ui/badge.js";
+import { cn } from "../../lib/utils/index.js";
 import { useTranslations } from "next-intl";
 function InvoiceStatusBadge({ status, className }) {
   const t = useTranslations("settings.billing.invoices.status");

package/dist/components/billing/InvoicesPagination.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "../ui/button";
+import { Button } from "../ui/button.js";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { useTranslations } from "next-intl";
 function InvoicesPagination({

package/dist/components/billing/InvoicesTable.js

@@ -10,10 +10,10 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../ui/table";
-import { InvoiceStatusBadge } from "./InvoiceStatusBadge";
-import { InvoicesEmptyState } from "./InvoicesEmptyState";
-import { InvoicesPagination } from "./InvoicesPagination";
+} from "../ui/table.js";
+import { InvoiceStatusBadge } from "./InvoiceStatusBadge.js";
+import { InvoicesEmptyState } from "./InvoicesEmptyState.js";
+import { InvoicesPagination } from "./InvoicesPagination.js";
 function InvoicesTable({
   invoices,
   isLoading = false,

package/dist/components/billing/ManageBillingButton.js

@@ -3,8 +3,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslations } from "next-intl";
 import { CreditCard, ExternalLink, Loader2 } from "lucide-react";
-import { Button } from "../ui/button";
-import { useSubscription } from "../../hooks/useSubscription";
+import { Button } from "../ui/button.js";
+import { useSubscription } from "../../hooks/useSubscription.js";
 import { toast } from "sonner";
 function ManageBillingButton({ className }) {
   const t = useTranslations("billing.portal");

package/dist/components/billing/PricingTable.js

@@ -1,13 +1,13 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { BILLING_REGISTRY } from "@nextsparkjs/registries/billing-registry";
-import { useSubscription } from "../../hooks/useSubscription";
-import { Button } from "../ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
-import { Badge } from "../ui/badge";
+import { useSubscription } from "../../hooks/useSubscription.js";
+import { Button } from "../ui/button.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card.js";
+import { Badge } from "../ui/badge.js";
 import { Check, X } from "lucide-react";
 import { useTranslations } from "next-intl";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils/index.js";
 function PricingTable({ onSelectPlan, className }) {
   const t = useTranslations("billing");
   const { planSlug: currentPlanSlug } = useSubscription();

package/dist/components/billing/SubscriptionStatus.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useSubscription } from "../../hooks/useSubscription";
-import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
-import { Badge } from "../ui/badge";
-import { Button } from "../ui/button";
+import { useSubscription } from "../../hooks/useSubscription.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
 import { useTranslations } from "next-intl";
 import { Calendar, CreditCard } from "lucide-react";
-import { Skeleton } from "../ui/skeleton";
-import { ManageBillingButton } from "./ManageBillingButton";
+import { Skeleton } from "../ui/skeleton.js";
+import { ManageBillingButton } from "./ManageBillingButton.js";
 function SubscriptionStatus({ onUpgrade, className }) {
   const { plan, subscription, status, isTrialing, isLoading } = useSubscription();
   const t = useTranslations("billing");

package/dist/components/billing/UpgradeModal.js

@@ -6,8 +6,8 @@ import {
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "../ui/dialog";
-import { PricingTable } from "./PricingTable";
+} from "../ui/dialog.js";
+import { PricingTable } from "./PricingTable.js";
 import { useTranslations } from "next-intl";
 function UpgradeModal({ open, onOpenChange, onSelectPlan }) {
   const t = useTranslations("billing");

package/dist/components/billing/UsageBar.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useQuota } from "../../hooks/useQuota";
+import { useQuota } from "../../hooks/useQuota.js";
 import { useTranslations } from "next-intl";
-import { cn } from "../../lib/utils";
-import { Skeleton } from "../ui/skeleton";
+import { cn } from "../../lib/utils/index.js";
+import { Skeleton } from "../ui/skeleton.js";
 function UsageBar({ limitSlug, showLabel = true, className }) {
   const quota = useQuota(limitSlug);
   const t = useTranslations("billing.usage");

package/dist/components/billing/UsageDashboard.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { BILLING_REGISTRY } from "@nextsparkjs/registries/billing-registry";
-import { UsageBar } from "./UsageBar";
-import { Card, CardContent, CardHeader, CardTitle } from "../ui/card";
+import { UsageBar } from "./UsageBar.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
 import { useTranslations } from "next-intl";
 function UsageDashboard({ className }) {
   const t = useTranslations("billing");

package/dist/components/billing/index.js

@@ -1,14 +1,14 @@
-import { InvoiceStatusBadge } from "./InvoiceStatusBadge";
-import { InvoicesEmptyState } from "./InvoicesEmptyState";
-import { InvoicesPagination } from "./InvoicesPagination";
-import { InvoicesTable } from "./InvoicesTable";
-import { FeatureGate } from "./FeatureGate";
-import { FeaturePlaceholder } from "./FeaturePlaceholder";
-import { UsageBar } from "./UsageBar";
-import { PricingTable } from "./PricingTable";
-import { SubscriptionStatus } from "./SubscriptionStatus";
-import { UsageDashboard } from "./UsageDashboard";
-import { UpgradeModal } from "./UpgradeModal";
+import { InvoiceStatusBadge } from "./InvoiceStatusBadge.js";
+import { InvoicesEmptyState } from "./InvoicesEmptyState.js";
+import { InvoicesPagination } from "./InvoicesPagination.js";
+import { InvoicesTable } from "./InvoicesTable.js";
+import { FeatureGate } from "./FeatureGate.js";
+import { FeaturePlaceholder } from "./FeaturePlaceholder.js";
+import { UsageBar } from "./UsageBar.js";
+import { PricingTable } from "./PricingTable.js";
+import { SubscriptionStatus } from "./SubscriptionStatus.js";
+import { UsageDashboard } from "./UsageDashboard.js";
+import { UpgradeModal } from "./UpgradeModal.js";
 export {
   FeatureGate,
   FeaturePlaceholder,