Alpha

.github/workflows/develop-deploy.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18'
+          node-version: '20'
           cache: 'npm'
 
       - name: Install dependencies
@@ -28,4 +28,5 @@ jobs:
         with:
           repoToken: '${{ secrets.GITHUB_TOKEN }}'
           firebaseServiceAccount: '${{ secrets.DEV_DEPLOY_CREDENTIALS }}'
-          projectId: zard-dev
+          projectId: '${{ secrets.FIREBASE_DEV_ID }}'
+          channelId: live

.github/workflows/production-deploy.yml

@@ -9,7 +9,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@master
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
 
       - name: Install dependencies
         run: npm install
@@ -18,10 +24,11 @@ jobs:
         run: npm run build
 
       - name: Deploy to Firebase
-        uses: w9jds/firebase-action@master
+        uses: FirebaseExtended/action-hosting-deploy@v0
         with:
-          args: deploy --only hosting --project=zard-6fc39
-        env:
-          FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.PROD_DEPLOY_CREDENTIALS }}'
+          projectId: '${{ secrets.FIREBASE_PROD_ID }}'
+          channelId: live
 
 

apps/web/public/components/badge/doc/overview.md

@@ -1,7 +1,3 @@
 # Badge
 
 The Badge is a visual element used to highlight important information. It can be used to display statuses, notifications, or labels.
-
-```ts
-import { ZardBadgeComponent } from '@zard/badge';
-```

apps/web/public/components/breadcrumb/demo/custom-separator.ts

@@ -25,10 +25,6 @@ import { ZardBreadcrumbModule } from '../breadcrumb.module';
         </z-breadcrumb-item>
       </z-breadcrumb-list>
     </z-breadcrumb>
-
-    <ng-template #customTemplate>
-      <span class="icon-badge-info"></span>
-    </ng-template>
   `,
 })
 export class ZardDemoBreadcrumbCustomSeparatorComponent {}

apps/web/public/components/button/doc/overview.md

@@ -1,7 +1,3 @@
 # Button
 
 The Button allows users to make a choice with a click or tap. Its container can include just text or a combination of text with an icon.
-
-```ts
-import { ZardButtonComponent } from '@zard/button';
-```

apps/web/public/components/card/doc/overview.md

@@ -1,7 +1,3 @@
 # Card
 
 The Card component is used to display content and actions related to a single subject. It provides a structured layout with a title, description, and customizable styling.
-
-```ts
-import { ZardCardComponent } from '@zard/card';
-```

apps/web/public/components/checkbox/doc/overview.md

@@ -1,7 +1,3 @@
 # Checkbox
 
 A control that allows the user to toggle between checked and not checked.
-
-```ts
-import { ZardCheckboxComponent } from '@zard/checkbox';
-```

apps/web/public/components/input/doc/overview.md

@@ -1,7 +1,3 @@
 # Input
 
 The `ZardInputDirective` provides a customizable text input field. It leverages a variant system to offer different styles and behaviors, ensuring seamless integration with various designs and workflows.
-
-```ts
-import { ZardInputDirective } from '@zard/input';
-```

apps/web/src/app/shared/constants/components.constant.ts

@@ -32,15 +32,14 @@ export interface ExampleData {
 }
 
 export const COMPONENTS: ComponentData[] = [
-  ACCORDION,
   ALERT,
+  ACCORDION,
   AVATAR,
   BADGE,
-  BREADCRUMB,
   BUTTON,
+  BREADCRUMB,
   CARD,
   CHECKBOX,
-  DIALOG,
   DIVIDER,
   DROPDOWN,
   INPUT,
@@ -50,4 +49,4 @@ export const COMPONENTS: ComponentData[] = [
   SWITCH,
   TABS,
   TOOLTIP,
-];
+];

apps/web/src/app/shared/constants/medias.constant.ts

@@ -5,15 +5,21 @@ export const SOCIAL_MEDIAS = [
     icon: 'icons/github.svg',
     iconAlt: 'github icon',
   },
+  {
+    name: 'Whatsapp',
+    url: 'https://chat.whatsapp.com/Dctdh6Huhvm24OX6js5XKT',
+    icon: 'icons/whatsapp.svg',
+    iconAlt: 'whatsapp icon',
+  },
   {
     name: 'Discord',
-    url: 'https://discord.com/invite/xEXvCXNw',
+    url: 'https://discord.com/invite/yP8Uj9rAX9',
     icon: 'icons/discord.svg',
     iconAlt: 'discord icon',
   },
   {
     name: 'X',
-    url: '#',
+    url: 'https://x.com/zard_ui',
     icon: 'icons/twitter.svg',
     iconAlt: 'X icon',
   },