chore: updated RegisterForm default texts

apps/docs/CHANGELOG.md

@@ -1,5 +1,12 @@
 # hawa-docs
 
+## 0.0.18
+
+### Patch Changes
+
+- Updated dependencies
+  - @sikka/hawa@0.27.14
+
 ## 0.0.17
 
 ### Patch Changes

apps/docs/__registry__/index.tsx

@@ -5,6 +5,34 @@ import * as React from "react"
 
 export const Index: Record<string, any> = {
   "default": {
+    "accordion-demo": {
+      name: "accordion-demo",
+      type: "components:example",
+      registryDependencies: ["accordion"],
+      component: React.lazy(() => import("@/registry/default/example/accordion-demo")),
+      files: ["registry/default/example/accordion-demo.tsx"],
+    },
+    "login-form-demo": {
+      name: "login-form-demo",
+      type: "components:example",
+      registryDependencies: ["accordion"],
+      component: React.lazy(() => import("@/registry/default/example/login-form-demo")),
+      files: ["registry/default/example/login-form-demo.tsx"],
+    },
+    "register-form-demo": {
+      name: "register-form-demo",
+      type: "components:example",
+      registryDependencies: ["accordion"],
+      component: React.lazy(() => import("@/registry/default/example/register-form-demo")),
+      files: ["registry/default/example/register-form-demo.tsx"],
+    },
+    "app-layout-demo": {
+      name: "app-layout-demo",
+      type: "components:example",
+      registryDependencies: ["accordion"],
+      component: React.lazy(() => import("@/registry/default/example/app-layout-demo")),
+      files: ["registry/default/example/app-layout-demo.tsx"],
+    },
     "accordion": {
       name: "accordion",
       type: "components:ui",
@@ -306,27 +334,6 @@ export const Index: Record<string, any> = {
       component: React.lazy(() => import("@/registry/default/ui/tooltip")),
       files: ["registry/default/ui/tooltip.tsx"],
     },
-    "accordion-demo": {
-      name: "accordion-demo",
-      type: "components:example",
-      registryDependencies: ["accordion"],
-      component: React.lazy(() => import("@/registry/default/example/accordion-demo")),
-      files: ["registry/default/example/accordion-demo.tsx"],
-    },
-    "login-form-demo": {
-      name: "login-form-demo",
-      type: "components:example",
-      registryDependencies: ["accordion"],
-      component: React.lazy(() => import("@/registry/default/example/login-form-demo")),
-      files: ["registry/default/example/login-form-demo.tsx"],
-    },
-    "app-layout-demo": {
-      name: "app-layout-demo",
-      type: "components:example",
-      registryDependencies: ["accordion"],
-      component: React.lazy(() => import("@/registry/default/example/app-layout-demo")),
-      files: ["registry/default/example/app-layout-demo.tsx"],
-    },
     "alert-demo": {
       name: "alert-demo",
       type: "components:example",
@@ -1006,7 +1013,6 @@ export const Index: Record<string, any> = {
       component: React.lazy(() => import("@/registry/default/example/toast-demo")),
       files: ["registry/default/example/toast-demo.tsx"],
     },
-
     "toggle-group-demo": {
       name: "toggle-group-demo",
       type: "components:example",

apps/docs/app/docs/[[...slug]]/page.tsx

@@ -8,13 +8,13 @@ import { getTableOfContents } from "@/lib/toc";
 import { absoluteUrl, cn } from "@/lib/utils";
 import { badgeVariants } from "@/registry/default/ui/badge";
 import "@/styles/mdx.css";
-import { ChevronRightIcon, ExternalLinkIcon } from "@radix-ui/react-icons";
 import { allDocs } from "contentlayer/generated";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 
 import { ScrollArea } from "@sikka/hawa/scrollArea";
+import { ArrowUpRightFromSquare, ChevronRight } from "lucide-react";
 
 interface DocPageProps {
   params: {
@@ -93,7 +93,7 @@ export default async function DocPage({ params }: DocPageProps) {
           <div className="overflow-hidden text-ellipsis whitespace-nowrap">
             Docs
           </div>
-          <ChevronRightIcon className="h-4 w-4" />
+          <ChevronRight className="h-4 w-4" />
           <div className="text-foreground font-medium">{doc.title}</div>
         </div>
         <div className="space-y-2">
@@ -116,7 +116,7 @@ export default async function DocPage({ params }: DocPageProps) {
                 className={cn(badgeVariants({ variant: "secondary" }), "gap-1")}
               >
                 Docs
-                <ExternalLinkIcon className="h-3 w-3" />
+                <ArrowUpRightFromSquare className="h-3 w-3" />
               </Link>
             )}
             {doc.links?.api && (
@@ -127,7 +127,7 @@ export default async function DocPage({ params }: DocPageProps) {
                 className={cn(badgeVariants({ variant: "secondary" }), "gap-1")}
               >
                 API Reference
-                <ExternalLinkIcon className="h-3 w-3" />
+                <ArrowUpRightFromSquare className="h-3 w-3" />
               </Link>
             )}
             {doc.links?.storybook && (
@@ -138,7 +138,7 @@ export default async function DocPage({ params }: DocPageProps) {
                 className={cn(badgeVariants({ variant: "secondary" }), "gap-1")}
               >
                 Storybook
-                <ExternalLinkIcon className="h-3 w-3" />
+                <ArrowUpRightFromSquare className="h-3 w-3" />
               </Link>
             )}
           </div>

apps/docs/components/announcement.tsx

@@ -1,5 +1,3 @@
-import { Separator } from "@/registry/default/ui/separator";
-import { ArrowRightIcon } from "@radix-ui/react-icons";
 import Link from "next/link";
 
 export function Announcement() {
@@ -12,7 +10,6 @@ export function Announcement() {
       <span className="hidden sm:inline">
         We're currently building the docs
       </span>
-      {/* <ArrowRightIcon className="ml-1 h-4 w-4" /> */}
     </Link>
   );
 }

apps/docs/components/mode-toggle.tsx

@@ -9,8 +9,8 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from "@/registry/default/ui/dropdown-menu";
-import { MoonIcon, SunIcon } from "@radix-ui/react-icons";
 import { useTheme } from "next-themes";
+import { Moon, Sun } from "lucide-react";
 
 export function ModeToggle() {
   const { setTheme } = useTheme();
@@ -19,8 +19,8 @@ export function ModeToggle() {
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" className="w-9 px-0">
-          <SunIcon className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
-          <MoonIcon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
+          <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
+          <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
           <span className="sr-only">Toggle theme</span>
         </Button>
       </DropdownMenuTrigger>

apps/docs/config/docs.ts

@@ -28,27 +28,22 @@ export const docsConfig: DocsConfig = {
         { title: "Introduction", href: "/docs", items: [] },
         { title: "Installation", href: "/docs/installation", items: [] },
         { title: "Texts", href: "/docs/texts", items: [] },
-        // { title: "Theming", href: "/docs/theming", items: [] },
-        // { title: "Dark mode", href: "/docs/dark-mode", items: [] },
-        // { title: "CLI", href: "/docs/cli", items: [] },
-        // { title: "Typography", href: "/docs/elements/typography", items: [] },
         { title: "Changelog", href: "/docs/changelog", items: [] }
       ]
     },
     {
       title: "Hooks",
-      items: [
-        {
-          title: "useToast",
-          href: "/docs/hooks/use-toast",
-          items: []
-        }
-      ]
+      items: [{ title: "useToast", href: "/docs/hooks/use-toast", items: [] }]
     },
     {
       title: "Blocks",
       items: [
-        { title: "Login Form", href: "/docs/blocks/login-form", items: [] }
+        { title: "Login Form", href: "/docs/blocks/login-form", items: [] },
+        {
+          title: "Register Form",
+          href: "/docs/blocks/register-form",
+          items: []
+        }
       ]
     },
     {

apps/docs/content/docs/blocks/register-form.mdx

@@ -0,0 +1,14 @@
+---
+title: Register Form
+description: a form for user registration
+featured: true
+component: true
+links:
+  storybook: https://storybook.hawa.style/?path=/story/blocks-user-auth-register-form--default
+---
+
+<ComponentPreview name="register-form-demo" />
+
+## Props
+
+The following props can be passed to the component

apps/docs/content/docs/changelog.mdx

@@ -1,7 +1,6 @@
 ---
 title: Changelog
 description: Latest updates and announcements.
-toc: false
 ---
 
 # @sikka/hawa

apps/docs/package.json

@@ -1,7 +1,8 @@
 {
   "name": "hawa-docs",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "next dev -p 3001",
     "build": "npm run sync:changelog && contentlayer build && next build",

apps/docs/registry/default/example/register-form-demo.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+import { RegisterForm } from "@sikka/hawa/blocks";
+
+export default function LoginFormDemo() {
+  return <RegisterForm onRegister={(data) => console.log("data is ", data)} />;
+}