@authdog/react-elements 0.0.40 → 0.0.43

package/src/stories/Navbar._stories.tsx

@@ -1,66 +0,0 @@
-import type { Story } from "@ladle/react";
-import { Navbar } from "../components/core/navbar";
-import { Button } from "../components/ui/button";
-import "../global.css";
-
-export const Default: Story = () => <Navbar logoText="Authdog" />;
-Default.storyName = "Default Navbar";
-
-export const CustomNavigation: Story = () => (
-  <Navbar
-    logoText="Authdog"
-    items={[
-      { title: "Home", href: "/" },
-      { title: "Features", href: "/features" },
-      { title: "Pricing", href: "/pricing" },
-      { title: "Contact", href: "/contact" },
-    ]}
-  />
-);
-
-CustomNavigation.storyName = "Custom Navigation";
-
-export const CustomUser: Story = () => (
-  <Navbar
-    logoText="Authdog"
-    user={{
-      name: "Jane Smith",
-      email: "jane@Authdog.com",
-      image: "https://github.com/shadcn.png",
-    }}
-  />
-);
-CustomUser.storyName = "Custom User";
-
-export const WithChildren: Story = () => (
-  <Navbar
-    logoText="Authdog"
-    children={
-      <Button variant="outline" size="sm">
-        Get Started
-      </Button>
-    }
-  />
-);
-WithChildren.storyName = "With Children";
-
-export const CustomStyling: Story = () => (
-  <Navbar
-    logoText="Authdog"
-    className="bg-gradient-to-r from-blue-500 to-purple-500 text-white"
-  />
-);
-CustomStyling.storyName = "Custom Styling";
-
-export const WithDisabledItems: Story = () => (
-  <Navbar
-    logoText="Authdog"
-    items={[
-      { title: "Dashboard", href: "/dashboard" },
-      { title: "Projects", href: "/projects" },
-      { title: "Team", href: "/team", disabled: true },
-      { title: "Reports", href: "/reports", disabled: true },
-    ]}
-  />
-);
-WithDisabledItems.storyName = "With Disabled Items";

package/src/stories/PlaceholderAlert._stories.tsx

@@ -1,13 +0,0 @@
-import type { Story } from "@ladle/react";
-import { PlaceholderAlert } from "../components/core/placeholder-alert";
-import "../global.css";
-
-export const Default: Story = () => <PlaceholderAlert />;
-Default.storyName = "Default Placeholder Alert";
-export const CustomTitleAndDescription: Story = () => (
-  <PlaceholderAlert
-    title="Custom Alert Title"
-    description="This is a custom description for the placeholder alert."
-  />
-);
-CustomTitleAndDescription.storyName = "Custom Title and Description";

package/src/stories/TotpValidator.stories.tsx

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

package/src/stories/UserDropdown.stories.tsx

@@ -1,34 +0,0 @@
-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">
-    <Avatar className="h-8 w-8 rounded-full">
-      <AvatarImage src="https://i.pravatar.cc/100" />
-      <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 const Basic = () => (
-  <div className="p-10">
-    <UserDropdown
-      trigger={<DemoTrigger />}
-      user={demoUser}
-      onManageAccount={() => alert("Manage account")}
-      onSignout={() => alert("Sign out")}
-      links={[{ label: "My Organizations", href: "/organizations" }]}
-      side="bottom"
-      align="start"
-    />
-  </div>
-);

package/src/stories/UserProfile.stories.tsx

@@ -1,46 +0,0 @@
-import type { StoryDefault, Story } from "@ladle/react";
-import { UserProfile } from "../components/core/user-profile";
-import "../global.css";
-
-export default {
-  title: "Core/UserProfile",
-} satisfies StoryDefault;
-
-const baseUser: any = {
-  id: "user_123",
-  displayName: "Jane Doe",
-  provider: "google-oauth20",
-  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";
-
-export const EmailVerified: Story = () => {
-  const verifiedUser = {
-    ...baseUser,
-    verifications: [
-      {
-        id: "v1",
-        email: "jane.primary@example.com",
-        verified: true,
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString(),
-      },
-    ],
-  };
-  return (
-    <div className="p-6 bg-background text-foreground">
-      <UserProfile loading={false} user={verifiedUser} />
-    </div>
-  );
-};
-EmailVerified.storyName = "Email verified";