@lumaui/angular 0.1.0 → 0.1.1

package/README.md

@@ -26,27 +26,37 @@ npm install class-variance-authority
 
 ## Setup
 
-### 1. Import Styles
+### 1. Configure PostCSS
+
+Ensure your project has the Tailwind v4 PostCSS plugin configured:
+
+**postcss.config.js:**
+
+```js
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+```
+
+### 2. Import Styles
 
 Add to your `styles.css`:
 
 ```css
+@import 'tailwindcss';
 @import '@lumaui/tokens/styles.css';
 
 /* Optional: Dark theme support */
 @import '@lumaui/tokens/styles/dark.css';
-```
-
-### 2. Configure Tailwind (Required)
 
-Add the library to your Tailwind content paths in `tailwind.config.js`:
-
-```js
-export default {
-  content: ['./src/**/*.{html,ts}', './node_modules/@lumaui/**/*.{js,ts,mjs}'],
-};
+/* If automatic content detection doesn't pick up node_modules, add: */
+@source "../node_modules/@lumaui";
 ```
 
+> **Note:** Tailwind v4 uses CSS-based configuration instead of `tailwind.config.js`. The `@source` directive is only needed if Luma classes aren't being detected automatically.
+
 ## Usage
 
 ### Button

package/fesm2022/lumaui-angular.mjs

@@ -0,0 +1,127 @@
+import * as i0 from '@angular/core';
+import { input, computed, HostBinding, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
+import { buttonVariants, cardVariants, cardContentVariants, cardTitleVariants, cardDescriptionVariants } from '@lumaui/core';
+
+class ButtonDirective {
+    // Signal-based inputs with lm prefix (Angular 20+)
+    lmVariant = input('primary', ...(ngDevMode ? [{ debugName: "lmVariant" }] : []));
+    lmSize = input('md', ...(ngDevMode ? [{ debugName: "lmSize" }] : []));
+    lmDisabled = input(false, ...(ngDevMode ? [{ debugName: "lmDisabled" }] : []));
+    lmType = input('button', ...(ngDevMode ? [{ debugName: "lmType" }] : []));
+    // Computed class string
+    classes = computed(() => buttonVariants({
+        variant: this.lmVariant(),
+        size: this.lmSize(),
+    }), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    get hostClasses() {
+        return this.classes();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: ButtonDirective, isStandalone: true, selector: "button[lumaButton], a[lumaButton]", inputs: { lmVariant: { classPropertyName: "lmVariant", publicName: "lmVariant", isSignal: true, isRequired: false, transformFunction: null }, lmSize: { classPropertyName: "lmSize", publicName: "lmSize", isSignal: true, isRequired: false, transformFunction: null }, lmDisabled: { classPropertyName: "lmDisabled", publicName: "lmDisabled", isSignal: true, isRequired: false, transformFunction: null }, lmType: { classPropertyName: "lmType", publicName: "lmType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.type": "lmType()", "attr.disabled": "lmDisabled() ? \"\" : null", "class": "this.hostClasses" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[lumaButton], a[lumaButton]',
+                    host: {
+                        '[attr.type]': 'lmType()',
+                        '[attr.disabled]': 'lmDisabled() ? "" : null',
+                    },
+                }]
+        }], propDecorators: { lmVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmVariant", required: false }] }], lmSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmSize", required: false }] }], lmDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmDisabled", required: false }] }], lmType: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmType", required: false }] }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class CardComponent {
+    /**
+     * Card visual style variant
+     * - default: Gradient border wrapper style (default)
+     * - shadow: Elevated card with shadow for primary content
+     * - nested: Subtle background for sections within cards
+     * - preview: For documentation examples
+     */
+    lmVariant = input('default', ...(ngDevMode ? [{ debugName: "lmVariant" }] : []));
+    // Computed class strings based on variant
+    wrapperClasses = computed(() => cardVariants({ variant: this.lmVariant() }), ...(ngDevMode ? [{ debugName: "wrapperClasses" }] : []));
+    contentClasses = computed(() => cardContentVariants({ variant: this.lmVariant() }), ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.9", type: CardComponent, isStandalone: true, selector: "luma-card", inputs: { lmVariant: { classPropertyName: "lmVariant", publicName: "lmVariant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [class]=\"wrapperClasses()\">\n  <div [class]=\"contentClasses()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'luma-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"wrapperClasses()\">\n  <div [class]=\"contentClasses()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }], propDecorators: { lmVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmVariant", required: false }] }] } });
+
+class CardTitleDirective {
+    // Signal-based inputs with lm prefix (Angular 20+)
+    lmSize = input('normal', ...(ngDevMode ? [{ debugName: "lmSize" }] : []));
+    // Computed class string
+    classes = computed(() => cardTitleVariants({ size: this.lmSize() }), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: CardTitleDirective, isStandalone: true, selector: "[lumaCardTitle]", inputs: { lmSize: { classPropertyName: "lmSize", publicName: "lmSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[lumaCardTitle]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }], propDecorators: { lmSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmSize", required: false }] }] } });
+
+class CardDescriptionDirective {
+    // Signal-based inputs with lm prefix (Angular 20+)
+    lmSize = input('normal', ...(ngDevMode ? [{ debugName: "lmSize" }] : []));
+    // Computed class string
+    classes = computed(() => cardDescriptionVariants({ size: this.lmSize() }), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.9", type: CardDescriptionDirective, isStandalone: true, selector: "[lumaCardDescription]", inputs: { lmSize: { classPropertyName: "lmSize", publicName: "lmSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[lumaCardDescription]',
+                    host: {
+                        '[class]': 'classes()',
+                    },
+                }]
+        }], propDecorators: { lmSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "lmSize", required: false }] }] } });
+
+class CardHeaderDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: CardHeaderDirective, isStandalone: true, selector: "[lumaCardHeader]", host: { classAttribute: "mb-4" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[lumaCardHeader]',
+                    host: {
+                        class: 'mb-4',
+                    },
+                }]
+        }] });
+
+class CardContentDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: CardContentDirective, isStandalone: true, selector: "[lumaCardContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CardContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[lumaCardContent]',
+                    host: {
+                        class: '',
+                    },
+                }]
+        }] });
+
+// Button exports
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonDirective, CardComponent, CardContentDirective, CardDescriptionDirective, CardHeaderDirective, CardTitleDirective };
+//# sourceMappingURL=lumaui-angular.mjs.map

package/fesm2022/lumaui-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lumaui-angular.mjs","sources":["../../src/lib/button/button.directive.ts","../../src/lib/card/card.component.ts","../../src/lib/card/card.component.html","../../src/lib/card/card-title.directive.ts","../../src/lib/card/card-description.directive.ts","../../src/lib/card/card-header.directive.ts","../../src/lib/card/card-content.directive.ts","../../src/index.ts","../../src/lumaui-angular.ts"],"sourcesContent":["import { Directive, input, computed, HostBinding } from '@angular/core';\nimport {\n  buttonVariants,\n  type ButtonVariant,\n  type ButtonSize,\n} from '@lumaui/core';\n\n@Directive({\n  selector: 'button[lumaButton], a[lumaButton]',\n  host: {\n    '[attr.type]': 'lmType()',\n    '[attr.disabled]': 'lmDisabled() ? \"\" : null',\n  },\n})\nexport class ButtonDirective {\n  // Signal-based inputs with lm prefix (Angular 20+)\n  lmVariant = input<ButtonVariant>('primary');\n  lmSize = input<ButtonSize>('md');\n  lmDisabled = input<boolean>(false);\n  lmType = input<'button' | 'submit' | 'reset'>('button');\n\n  // Computed class string\n  classes = computed(() =>\n    buttonVariants({\n      variant: this.lmVariant(),\n      size: this.lmSize(),\n    }),\n  );\n\n  @HostBinding('class')\n  get hostClasses(): string {\n    return this.classes();\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n} from '@angular/core';\nimport {\n  cardVariants,\n  cardContentVariants,\n  type CardVariant,\n} from '@lumaui/core';\n\n@Component({\n  selector: 'luma-card',\n  templateUrl: './card.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardComponent {\n  /**\n   * Card visual style variant\n   * - default: Gradient border wrapper style (default)\n   * - shadow: Elevated card with shadow for primary content\n   * - nested: Subtle background for sections within cards\n   * - preview: For documentation examples\n   */\n  lmVariant = input<CardVariant>('default');\n\n  // Computed class strings based on variant\n  wrapperClasses = computed(() => cardVariants({ variant: this.lmVariant() }));\n  contentClasses = computed(() =>\n    cardContentVariants({ variant: this.lmVariant() }),\n  );\n}\n","<div [class]=\"wrapperClasses()\">\n  <div [class]=\"contentClasses()\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { Directive, input, computed } from '@angular/core';\nimport { cardTitleVariants, type CardTitleSize } from '@lumaui/core';\n\n@Directive({\n  selector: '[lumaCardTitle]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class CardTitleDirective {\n  // Signal-based inputs with lm prefix (Angular 20+)\n  lmSize = input<CardTitleSize>('normal');\n\n  // Computed class string\n  classes = computed(() => cardTitleVariants({ size: this.lmSize() }));\n}\n","import { Directive, input, computed } from '@angular/core';\nimport {\n  cardDescriptionVariants,\n  type CardDescriptionSize,\n} from '@lumaui/core';\n\n@Directive({\n  selector: '[lumaCardDescription]',\n  host: {\n    '[class]': 'classes()',\n  },\n})\nexport class CardDescriptionDirective {\n  // Signal-based inputs with lm prefix (Angular 20+)\n  lmSize = input<CardDescriptionSize>('normal');\n\n  // Computed class string\n  classes = computed(() => cardDescriptionVariants({ size: this.lmSize() }));\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[lumaCardHeader]',\n  host: {\n    class: 'mb-4',\n  },\n})\nexport class CardHeaderDirective {\n  // Structural directive for semantic card header region\n  // Provides bottom margin for spacing between header and content\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[lumaCardContent]',\n  host: {\n    class: '',\n  },\n})\nexport class CardContentDirective {\n  // Semantic marker for card content region\n  // No styles applied to preserve maximum flexibility\n  // Maintained for backward compatibility and semantic HTML structure\n}\n","// Button exports\nexport * from './lib/button/button.directive';\n\n// Card exports\nexport * from './lib/card/card.component';\nexport * from './lib/card/card-title.directive';\nexport * from './lib/card/card-description.directive';\nexport * from './lib/card/card-header.directive';\nexport * from './lib/card/card-content.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,28 +1,20 @@
 {
   "name": "@lumaui/angular",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Angular components for Luma UI - Neo-Minimal design system",
-  "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
-  "exports": {
-    ".": "./src/index.ts",
-    "./button": "./src/lib/button/index.ts",
-    "./card": "./src/lib/card/index.ts"
+  "dependencies": {
+    "@lumaui/core": "*",
+    "tslib": "^2.3.0"
   },
-  "files": [
-    "src/",
-    "README.md"
-  ],
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
-    "@lumaui/core": "^0.1.0",
     "class-variance-authority": "^0.7.1"
   },
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": false,
   "keywords": [
     "angular",
     "components",
@@ -42,5 +34,16 @@
   "homepage": "https://github.com/pureartisan/lumo#readme",
   "bugs": {
     "url": "https://github.com/pureartisan/lumo/issues"
+  },
+  "module": "fesm2022/lumaui-angular.mjs",
+  "typings": "types/lumaui-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/lumaui-angular.d.ts",
+      "default": "./fesm2022/lumaui-angular.mjs"
+    }
   }
-}
+}

package/types/lumaui-angular.d.ts

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+import { ButtonVariant, ButtonSize, CardVariant, CardTitleSize, CardDescriptionSize } from '@lumaui/core';
+
+declare class ButtonDirective {
+    lmVariant: _angular_core.InputSignal<ButtonVariant>;
+    lmSize: _angular_core.InputSignal<ButtonSize>;
+    lmDisabled: _angular_core.InputSignal<boolean>;
+    lmType: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    classes: _angular_core.Signal<string>;
+    get hostClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "button[lumaButton], a[lumaButton]", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; "lmDisabled": { "alias": "lmDisabled"; "required": false; "isSignal": true; }; "lmType": { "alias": "lmType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CardComponent {
+    /**
+     * Card visual style variant
+     * - default: Gradient border wrapper style (default)
+     * - shadow: Elevated card with shadow for primary content
+     * - nested: Subtle background for sections within cards
+     * - preview: For documentation examples
+     */
+    lmVariant: _angular_core.InputSignal<CardVariant>;
+    wrapperClasses: _angular_core.Signal<string>;
+    contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "luma-card", never, { "lmVariant": { "alias": "lmVariant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CardTitleDirective {
+    lmSize: _angular_core.InputSignal<CardTitleSize>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardTitleDirective, "[lumaCardTitle]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CardDescriptionDirective {
+    lmSize: _angular_core.InputSignal<CardDescriptionSize>;
+    classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardDescriptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardDescriptionDirective, "[lumaCardDescription]", never, { "lmSize": { "alias": "lmSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class CardHeaderDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardHeaderDirective, "[lumaCardHeader]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CardContentDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardContentDirective, "[lumaCardContent]", never, {}, {}, never, never, true, never>;
+}
+
+export { ButtonDirective, CardComponent, CardContentDirective, CardDescriptionDirective, CardHeaderDirective, CardTitleDirective };

package/src/index.ts

@@ -1,9 +0,0 @@
-// Button exports
-export * from './lib/button/button.directive';
-
-// Card exports
-export * from './lib/card/card.component';
-export * from './lib/card/card-title.directive';
-export * from './lib/card/card-description.directive';
-export * from './lib/card/card-header.directive';
-export * from './lib/card/card-content.directive';