@authdog/react-elements 0.0.38 → 0.0.40

package/src/stories/TotpValidator.stories.tsx

@@ -1,14 +1,16 @@
-import type { Story } from '@ladle/react';
-import { TOTPValidator } from "../components/flow/totp-validator"
-import "../global.css"
+import type { Story } from "@ladle/react";
+import { TOTPValidator } from "../components/flow/totp-validator";
+import "../global.css";
 
-export const Default: Story = () => <TOTPValidator
+export const Default: Story = () => (
+  <TOTPValidator
     onValidate={async (code) => {
-        console.log(code)
+      console.log(code);
     }}
-/>;
-Default.storyName = 'Default TOTP Validator';
+  />
+);
+Default.storyName = "Default TOTP Validator";
 
 // export const defaultTOTPValidator: Story = () => (
 //   <TOTPValidator />
-// );
+// );

package/src/stories/UserDropdown.stories.tsx

@@ -1,6 +1,6 @@
-import React from "react"
-import { UserDropdown } from "../components/core/user-dropdown"
-import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar"
+import React from "react";
+import { UserDropdown } from "../components/core/user-dropdown";
+import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar";
 
 const DemoTrigger = () => (
   <span className="inline-flex items-center justify-center h-10 w-10 rounded-full border bg-white shadow">
@@ -9,15 +9,15 @@ const DemoTrigger = () => (
       <AvatarFallback>JD</AvatarFallback>
     </Avatar>
   </span>
-)
+);
 
 const demoUser = {
   displayName: "Jane Doe",
   emails: [{ value: "jane.doe@example.com" }],
   photos: [{ value: "https://i.pravatar.cc/100" }],
-}
+};
 
-export default { title: "Core/UserDropdown" }
+export default { title: "Core/UserDropdown" };
 
 export const Basic = () => (
   <div className="p-10">
@@ -31,6 +31,4 @@ export const Basic = () => (
       align="start"
     />
   </div>
-)
-
-
+);

package/src/stories/UserProfile.stories.tsx

@@ -1,10 +1,10 @@
-import type { StoryDefault, Story } from "@ladle/react"
-import { UserProfile } from "../components/core/user-profile"
-import "../global.css"
+import type { StoryDefault, Story } from "@ladle/react";
+import { UserProfile } from "../components/core/user-profile";
+import "../global.css";
 
 export default {
   title: "Core/UserProfile",
-} satisfies StoryDefault
+} satisfies StoryDefault;
 
 const baseUser: any = {
   id: "user_123",
@@ -13,16 +13,16 @@ const baseUser: any = {
   emails: [{ id: "e1", value: "jane.primary@example.com" }],
   verifications: [],
   photos: [],
-}
+};
 
 export const EmailNotVerified: Story = () => {
   return (
     <div className="p-6 bg-background text-foreground">
       <UserProfile loading={false} user={{ ...baseUser }} />
     </div>
-  )
-}
-EmailNotVerified.storyName = "Email not verified"
+  );
+};
+EmailNotVerified.storyName = "Email not verified";
 
 export const EmailVerified: Story = () => {
   const verifiedUser = {
@@ -36,11 +36,11 @@ export const EmailVerified: Story = () => {
         updatedAt: new Date().toISOString(),
       },
     ],
-  }
+  };
   return (
     <div className="p-6 bg-background text-foreground">
       <UserProfile loading={false} user={verifiedUser} />
     </div>
-  )
-}
-EmailVerified.storyName = "Email verified" 
+  );
+};
+EmailVerified.storyName = "Email verified";

package/tsup.config.ts

@@ -1,11 +1,7 @@
 import { defineConfig } from "tsup";
 
 export default defineConfig({
-  entry: [
-    "src/index.ts",
-    "src/components/ui/*.tsx",
-    "src/lib/*.ts"
-  ], // Build all entry points
+  entry: ["src/index.ts", "src/components/ui/*.tsx", "src/lib/*.ts"], // Build all entry points
   format: ["esm", "cjs"],
   dts: {
     resolve: true,
@@ -26,9 +22,10 @@ export default defineConfig({
       js: '"use client";',
     };
     options.define = {
-      'process.env.NODE_ENV': '"production"',
+      "process.env.NODE_ENV": '"production"',
     };
-    options.resolveExtensions = ['.tsx', '.ts', '.jsx', '.js', '.json'];
+    options.resolveExtensions = [".tsx", ".ts", ".jsx", ".js", ".json"];
   },
-  onSuccess: "cp src/global.css dist/global.css && cp postcss.config.mjs dist/postcss.config.mjs && cp tailwind.config.ts dist/tailwind.config.ts"
-}); 
+  onSuccess:
+    "cp src/global.css dist/global.css && cp postcss.config.mjs dist/postcss.config.mjs && cp tailwind.config.ts dist/tailwind.config.ts",
+});