@ngbase/adk 0.1.15 → 0.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngbase/adk",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/ng-base/ngbase.git"
@@ -36,6 +36,14 @@
       "types": "./a11y/index.d.ts",
       "default": "./fesm2022/ngbase-adk-a11y.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-avatar.mjs"
+    },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-autocomplete.mjs"
+    },
     "./accordion": {
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/ngbase-adk-accordion.mjs"
@@ -48,14 +56,6 @@
       "types": "./breadcrumb/index.d.ts",
       "default": "./fesm2022/ngbase-adk-breadcrumb.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-avatar.mjs"
-    },
-    "./autocomplete": {
-      "types": "./autocomplete/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-autocomplete.mjs"
-    },
     "./cache": {
       "types": "./cache/index.d.ts",
       "default": "./fesm2022/ngbase-adk-cache.mjs"
@@ -68,6 +68,14 @@
       "types": "./chip/index.d.ts",
       "default": "./fesm2022/ngbase-adk-chip.mjs"
     },
+    "./clipboard": {
+      "types": "./clipboard/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-clipboard.mjs"
+    },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-checkbox.mjs"
+    },
     "./collections": {
       "types": "./collections/index.d.ts",
       "default": "./fesm2022/ngbase-adk-collections.mjs"
@@ -80,30 +88,30 @@
       "types": "./cookies/index.d.ts",
       "default": "./fesm2022/ngbase-adk-cookies.mjs"
     },
-    "./datepicker": {
-      "types": "./datepicker/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-datepicker.mjs"
-    },
-    "./clipboard": {
-      "types": "./clipboard/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-clipboard.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/ngbase-adk-dialog.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-checkbox.mjs"
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-datepicker.mjs"
     },
     "./drag": {
       "types": "./drag/index.d.ts",
       "default": "./fesm2022/ngbase-adk-drag.mjs"
     },
+    "./form-field": {
+      "types": "./form-field/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-form-field.mjs"
+    },
     "./hover-card": {
       "types": "./hover-card/index.d.ts",
       "default": "./fesm2022/ngbase-adk-hover-card.mjs"
     },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-icon.mjs"
+    },
     "./jwt": {
       "types": "./jwt/index.d.ts",
       "default": "./fesm2022/ngbase-adk-jwt.mjs"
@@ -112,21 +120,13 @@
       "types": "./inline-edit/index.d.ts",
       "default": "./fesm2022/ngbase-adk-inline-edit.mjs"
     },
-    "./form-field": {
-      "types": "./form-field/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-form-field.mjs"
-    },
-    "./keys": {
-      "types": "./keys/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-keys.mjs"
-    },
     "./layout": {
       "types": "./layout/index.d.ts",
       "default": "./fesm2022/ngbase-adk-layout.mjs"
     },
-    "./icon": {
-      "types": "./icon/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-icon.mjs"
+    "./keys": {
+      "types": "./keys/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-keys.mjs"
     },
     "./list": {
       "types": "./list/index.d.ts",
@@ -136,21 +136,21 @@
       "types": "./mask/index.d.ts",
       "default": "./fesm2022/ngbase-adk-mask.mjs"
     },
+    "./network": {
+      "types": "./network/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-network.mjs"
+    },
     "./menu": {
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/ngbase-adk-menu.mjs"
     },
-    "./pagination": {
-      "types": "./pagination/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-pagination.mjs"
-    },
     "./otp": {
       "types": "./otp/index.d.ts",
       "default": "./fesm2022/ngbase-adk-otp.mjs"
     },
-    "./network": {
-      "types": "./network/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-network.mjs"
+    "./pagination": {
+      "types": "./pagination/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-pagination.mjs"
     },
     "./popover": {
       "types": "./popover/index.d.ts",
@@ -160,6 +160,10 @@
       "types": "./progress/index.d.ts",
       "default": "./fesm2022/ngbase-adk-progress.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-radio.mjs"
+    },
     "./portal": {
       "types": "./portal/index.d.ts",
       "default": "./fesm2022/ngbase-adk-portal.mjs"
@@ -172,42 +176,38 @@
       "types": "./scroll-area/index.d.ts",
       "default": "./fesm2022/ngbase-adk-scroll-area.mjs"
     },
+    "./selectable": {
+      "types": "./selectable/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-selectable.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/ngbase-adk-select.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-radio.mjs"
-    },
     "./sheet": {
       "types": "./sheet/index.d.ts",
       "default": "./fesm2022/ngbase-adk-sheet.mjs"
     },
-    "./selectable": {
-      "types": "./selectable/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-selectable.mjs"
+    "./sidenav": {
+      "types": "./sidenav/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-sidenav.mjs"
     },
     "./slider": {
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/ngbase-adk-slider.mjs"
     },
-    "./sidenav": {
-      "types": "./sidenav/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-sidenav.mjs"
-    },
     "./sonner": {
       "types": "./sonner/index.d.ts",
       "default": "./fesm2022/ngbase-adk-sonner.mjs"
     },
-    "./switch": {
-      "types": "./switch/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-switch.mjs"
-    },
     "./stepper": {
       "types": "./stepper/index.d.ts",
       "default": "./fesm2022/ngbase-adk-stepper.mjs"
     },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-switch.mjs"
+    },
     "./table": {
       "types": "./table/index.d.ts",
       "default": "./fesm2022/ngbase-adk-table.mjs"
@@ -216,34 +216,34 @@
       "types": "./test/index.d.ts",
       "default": "./fesm2022/ngbase-adk-test.mjs"
     },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-tabs.mjs"
-    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "default": "./fesm2022/ngbase-adk-toggle.mjs"
     },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-tabs.mjs"
+    },
     "./toggle-group": {
       "types": "./toggle-group/index.d.ts",
       "default": "./fesm2022/ngbase-adk-toggle-group.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-tooltip.mjs"
-    },
-    "./tree": {
-      "types": "./tree/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-tree.mjs"
-    },
     "./tour": {
       "types": "./tour/index.d.ts",
       "default": "./fesm2022/ngbase-adk-tour.mjs"
     },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-tooltip.mjs"
+    },
     "./translate": {
       "types": "./translate/index.d.ts",
       "default": "./fesm2022/ngbase-adk-translate.mjs"
     },
+    "./tree": {
+      "types": "./tree/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-tree.mjs"
+    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/ngbase-adk-utils.mjs"

package/schematics/components/files/alert/alert.ts.template

@@ -0,0 +1,43 @@
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
+import { Icon } from '<%= basepath %>/icon';
+import { lucideInfo, lucideCircleCheck, lucideCircleAlert } from '@ng-icons/lucide';
+
+export type AlertVariant = 'error' | 'default' | 'success' | 'info';
+
+@Component({
+  selector: '<%= name %>-alert',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [Icon],
+  template: `<div class="flex items-start space-x-2">
+    <<%= name %>-icon [svg]="i[variant()]" size="16" class="mt-0.5 text-blue-600" />
+    <div class="text-sm text-blue-800">
+      <p class="mb-1 font-medium empty:hidden"><ng-content select=".a-title" /></p>
+      <p><ng-content /></p>
+    </div>
+  </div>`,
+  host: {
+    class: 'block rounded-lg p-3',
+    '[class]': 'hostClass()',
+    role: 'status',
+  },
+})
+export class Alert {
+  readonly variant = input<AlertVariant>('default');
+  readonly i = {
+    default: lucideInfo,
+    info: lucideInfo,
+    success: lucideCircleCheck,
+    error: lucideCircleAlert,
+  };
+
+  readonly hostClass = computed(() => {
+    const base = 'block rounded-md p-4';
+    const variants: Record<AlertVariant, string> = {
+      error: 'bg-red-50 text-red-800 border border-red-200',
+      success: 'bg-green-50 text-green-800 border border-green-200',
+      info: 'bg-blue-50 text-blue-800 border border-blue-200',
+      default: 'bg-slate-50 text-slate-800 border border-slate-200',
+    };
+    return `${base} ${variants[this.variant()] ?? variants.default}`;
+  });
+}

package/schematics/components/schema.json

@@ -7,21 +7,22 @@
     "name": {
       "description": "The name of the component prefix.",
       "x-prompt": "What is the name of the component prefix?",
-      "type": "string"
+      "type": "string",
+      "default": "mee"
     },
     "path": {
       "description": "Where should be created the file",
       "type": "string",
       "format": "path",
       "x-prompt": "Where should be created the file?",
-      "default": "src/app"
+      "default": "src/app/ui"
     },
     "basepath": {
       "description": "The base path of the UI library.",
       "type": "string",
       "format": "path",
       "x-prompt": "What is the base path of the UI library?",
-      "default": "@"
+      "default": "@/ui"
     },
     "component": {
       "description": "The file extension or preprocessor to use for style files.",