wally-ui 1.0.10 → 1.0.12

package/README.md

@@ -1,6 +1,8 @@
 # Wally UI
 
-Angular component generator CLI
+Where's Wally? Right here — bringing you ready-to-use Angular components.
+
+**[Live Demo](https://walissoncf.github.io/wally-ui/)**
 
 ## Usage
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wally-ui",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "About Where’s Wally? Right here — bringing you ready-to-use Angular components with Wally-UI. Stop searching, start building.",
   "bin": {
     "wally": "dist/cli.js"
@@ -45,7 +45,7 @@
   "bugs": {
     "url": "https://github.com/WalissonCF/wally-ui/issues"
   },
-  "homepage": "https://github.com/WalissonCF/wally-ui#readme",
+  "homepage": "https://walissoncf.github.io/wally-ui/",
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^24.5.1",

package/playground/showcase/src/app/components/button/button.html

@@ -1,5 +1,6 @@
 <button [type]="buttonType()" [disabled]="buttonDisabled() || buttonLoading()" class="
         group
+        relative
         w-full
         flex items-center justify-center
         bg-[#0a0a0a] hover:bg-[#0a0a0a]/85
@@ -14,6 +15,15 @@
         cursor-pointer
     ">
 
+    @if (buttonNotification()) {
+    <span class="absolute top-0 right-0 -mt-1 -mr-1 flex size-3">
+        <span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75">
+        </span>
+        <span class="relative inline-flex size-3 rounded-full bg-sky-500">
+        </span>
+    </span>
+    }
+
     @if (buttonLoading()) {
     <svg class="mr-3 -ml-1 size-4 animate-spin dark:text-[#0a0a0a]" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24">

package/playground/showcase/src/app/components/button/button.ts

@@ -10,8 +10,9 @@ import { CommonModule } from '@angular/common';
   templateUrl: './button.html',
 })
 export class Button {
-  buttonText: InputSignal<string> = input<string>('Add your button text here');
+  buttonText: InputSignal<string> = input<string>('Wally Button');
   buttonType: InputSignal<string> = input<string>('button');
   buttonDisabled: InputSignal<boolean> = input<boolean>(false);
   buttonLoading: InputSignal<boolean> = input<boolean>(false);
+  buttonNotification: InputSignal<boolean> = input<boolean>(false);
 }

package/playground/showcase/src/app/pages/home/home.html

@@ -1,4 +1,27 @@
-<p>home works!</p>
-<div class="p-4">
-    <wally-button></wally-button>
-</div>
+<div class="h-dvh antialiased font-mono">
+    <div class="w-full h-full flex flex-col items-center justify-center p-4">
+        <div class="max-w-md">
+            <h1 class="text-2xl font-bold text-[#0a0a0a] dark:text-white">
+                Wally UI
+            </h1>
+            <h2 class="text-xl font-semibold text-[#0a0a0a] dark:text-white">
+                Where's Wally? Right here!
+            </h2>
+            <p class="mt-4 text-gray-700 dark:text-gray-400">
+                Stop searching for the perfect Angular components. Wally UI brings you a
+                collection of ready-to-use, beautifully crafted components that integrate
+                seamlessly with your projects.
+            </p>
+        </div>
+  
+        <div class="w-full max-w-md">
+            <code
+                class="w-full mt-6 block bg-gray-200 dark:bg-[#121212] dark:text-white text-[#0a0a0a] p-4 rounded-md text-sm cursor-pointer hover:opacity-85 transition-colorsselect-all"
+                onclick="navigator.clipboard.writeText('npx wally-ui add button')">
+                <pre class="m-0">$ npx wally-ui add button</pre>
+            </code>
+        </div>
+        <wally-button></wally-button>
+    </div>
+
+</div>