@solifi/platform-ui 1.0.0

package/fesm2022/solifi-platform-ui.mjs

@@ -0,0 +1,122 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class ButtonComponent {
+    constructor() {
+        this.variant = 'primary';
+        this.size = 'md';
+        this.disabled = false;
+        this.loading = false;
+        this.fullWidth = false;
+        this.type = 'button';
+        this.buttonClick = new EventEmitter();
+    }
+    get hostClasses() {
+        return [
+            'pui-btn',
+            `pui-btn--${this.variant}`,
+            `pui-btn--${this.size}`,
+            this.fullWidth ? 'pui-btn--full' : '',
+            this.loading ? 'pui-btn--loading' : '',
+        ].filter(Boolean).join(' ');
+    }
+    onClick(event) {
+        if (!this.disabled && !this.loading) {
+            this.buttonClick.emit(event);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: ButtonComponent, isStandalone: true, selector: "pui-button", inputs: { variant: "variant", size: "size", disabled: "disabled", loading: "loading", fullWidth: "fullWidth", type: "type" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  [class]=\"hostClasses\"\n  [type]=\"type\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"onClick($event)\"\n  [attr.aria-busy]=\"loading\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <span *ngIf=\"loading\" class=\"pui-btn__spinner\" aria-hidden=\"true\"></span>\n  <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}.pui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:6px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .1s ease;white-space:nowrap;outline:none;box-sizing:border-box}.pui-btn:focus-visible{box-shadow:0 0 0 3px #3b82f666}.pui-btn:active:not(:disabled){transform:translateY(1px)}.pui-btn--sm{padding:6px 12px;font-size:12px;line-height:1.5}.pui-btn--md{padding:10px 20px;font-size:14px;line-height:1.5}.pui-btn--lg{padding:14px 28px;font-size:16px;line-height:1.5}.pui-btn--full{width:100%}.pui-btn--primary{background:#3b82f6;color:#fff}.pui-btn--primary:hover:not(:disabled){background:#2563eb}.pui-btn--secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.pui-btn--secondary:hover:not(:disabled){background:#e2e8f0}.pui-btn--danger{background:#ef4444;color:#fff}.pui-btn--danger:hover:not(:disabled){background:#dc2626}.pui-btn--ghost{background:transparent;color:#3b82f6;border:1px solid #3b82f6}.pui-btn--ghost:hover:not(:disabled){background:#eff6ff}.pui-btn:disabled{opacity:.5;cursor:not-allowed}.pui-btn--loading{cursor:wait}.pui-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:pui-spin .7s linear infinite;flex-shrink:0}@keyframes pui-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pui-button', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [class]=\"hostClasses\"\n  [type]=\"type\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"onClick($event)\"\n  [attr.aria-busy]=\"loading\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <span *ngIf=\"loading\" class=\"pui-btn__spinner\" aria-hidden=\"true\"></span>\n  <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}.pui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:6px;font-family:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .1s ease;white-space:nowrap;outline:none;box-sizing:border-box}.pui-btn:focus-visible{box-shadow:0 0 0 3px #3b82f666}.pui-btn:active:not(:disabled){transform:translateY(1px)}.pui-btn--sm{padding:6px 12px;font-size:12px;line-height:1.5}.pui-btn--md{padding:10px 20px;font-size:14px;line-height:1.5}.pui-btn--lg{padding:14px 28px;font-size:16px;line-height:1.5}.pui-btn--full{width:100%}.pui-btn--primary{background:#3b82f6;color:#fff}.pui-btn--primary:hover:not(:disabled){background:#2563eb}.pui-btn--secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.pui-btn--secondary:hover:not(:disabled){background:#e2e8f0}.pui-btn--danger{background:#ef4444;color:#fff}.pui-btn--danger:hover:not(:disabled){background:#dc2626}.pui-btn--ghost{background:transparent;color:#3b82f6;border:1px solid #3b82f6}.pui-btn--ghost:hover:not(:disabled){background:#eff6ff}.pui-btn:disabled{opacity:.5;cursor:not-allowed}.pui-btn--loading{cursor:wait}.pui-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:pui-spin .7s linear infinite;flex-shrink:0}@keyframes pui-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+
+class CardComponent {
+    constructor() {
+        /** Apply extra CSS class on the card wrapper. */
+        this.cardClass = '';
+        /** Enables subtle drop-shadow. Default: true. */
+        this.elevated = true;
+        /** Adds a hover lift effect — use when the card is interactive. */
+        this.clickable = false;
+    }
+    get hostClasses() {
+        return [
+            'pui-card',
+            this.elevated ? 'pui-card--elevated' : '',
+            this.clickable ? 'pui-card--clickable' : '',
+            this.cardClass,
+        ].filter(Boolean).join(' ');
+    }
+    get trendClass() {
+        return this.data?.trend ? `pui-card__trend--${this.data.trend}` : '';
+    }
+    get trendIcon() {
+        switch (this.data?.trend) {
+            case 'up': return '▲';
+            case 'down': return '▼';
+            default: return '—';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CardComponent, isStandalone: true, selector: "pui-card", inputs: { data: "data", cardClass: "cardClass", elevated: "elevated", clickable: "clickable" }, ngImport: i0, template: "<div [class]=\"hostClasses\">\n\n  <!-- \u2500\u2500 Stat / metric layout (when [data] is provided) \u2500\u2500 -->\n  <ng-container *ngIf=\"data; else slotLayout\">\n    <div class=\"pui-card__header\">\n      <span *ngIf=\"data.icon\" class=\"pui-card__icon\" aria-hidden=\"true\">{{ data.icon }}</span>\n      <span class=\"pui-card__title\">{{ data.title }}</span>\n    </div>\n\n    <div class=\"pui-card__value\">{{ data.value }}</div>\n\n    <div class=\"pui-card__footer\">\n      <span *ngIf=\"data.subtitle\" class=\"pui-card__subtitle\">{{ data.subtitle }}</span>\n      <span *ngIf=\"data.trend\" [class]=\"'pui-card__trend ' + trendClass\">\n        {{ trendIcon }} {{ data.trendValue }}\n      </span>\n    </div>\n  </ng-container>\n\n  <!-- \u2500\u2500 Slot layout (consumers project their own content) \u2500\u2500 -->\n  <ng-template #slotLayout>\n    <ng-content select=\"[card-header]\"></ng-content>\n    <div class=\"pui-card__body\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"[card-footer]\"></ng-content>\n  </ng-template>\n\n</div>\n", styles: [".pui-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-sizing:border-box}.pui-card--elevated{box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}.pui-card--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pui-card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.pui-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pui-card__icon{font-size:20px;line-height:1}.pui-card__title{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.pui-card__value{font-size:32px;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:12px}.pui-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pui-card__subtitle{font-size:12px;color:#94a3b8}.pui-card__trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.pui-card__trend--up{color:#16a34a;background:#dcfce7}.pui-card__trend--down{color:#dc2626;background:#fee2e2}.pui-card__trend--neutral{color:#64748b;background:#f1f5f9}.pui-card__body{padding:4px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pui-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"hostClasses\">\n\n  <!-- \u2500\u2500 Stat / metric layout (when [data] is provided) \u2500\u2500 -->\n  <ng-container *ngIf=\"data; else slotLayout\">\n    <div class=\"pui-card__header\">\n      <span *ngIf=\"data.icon\" class=\"pui-card__icon\" aria-hidden=\"true\">{{ data.icon }}</span>\n      <span class=\"pui-card__title\">{{ data.title }}</span>\n    </div>\n\n    <div class=\"pui-card__value\">{{ data.value }}</div>\n\n    <div class=\"pui-card__footer\">\n      <span *ngIf=\"data.subtitle\" class=\"pui-card__subtitle\">{{ data.subtitle }}</span>\n      <span *ngIf=\"data.trend\" [class]=\"'pui-card__trend ' + trendClass\">\n        {{ trendIcon }} {{ data.trendValue }}\n      </span>\n    </div>\n  </ng-container>\n\n  <!-- \u2500\u2500 Slot layout (consumers project their own content) \u2500\u2500 -->\n  <ng-template #slotLayout>\n    <ng-content select=\"[card-header]\"></ng-content>\n    <div class=\"pui-card__body\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"[card-footer]\"></ng-content>\n  </ng-template>\n\n</div>\n", styles: [".pui-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-sizing:border-box}.pui-card--elevated{box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a}.pui-card--clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pui-card--clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.pui-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pui-card__icon{font-size:20px;line-height:1}.pui-card__title{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.pui-card__value{font-size:32px;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:12px}.pui-card__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pui-card__subtitle{font-size:12px;color:#94a3b8}.pui-card__trend{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.pui-card__trend--up{color:#16a34a;background:#dcfce7}.pui-card__trend--down{color:#dc2626;background:#fee2e2}.pui-card__trend--neutral{color:#64748b;background:#f1f5f9}.pui-card__body{padding:4px 0}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], cardClass: [{
+                type: Input
+            }], elevated: [{
+                type: Input
+            }], clickable: [{
+                type: Input
+            }] } });
+
+/**
+ * Convenience NgModule — import PlatformUiModule in any NgModule-based app.
+ * Standalone apps can also import ButtonComponent / CardComponent directly.
+ */
+class PlatformUiModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PlatformUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: PlatformUiModule, imports: [ButtonComponent, CardComponent], exports: [ButtonComponent, CardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PlatformUiModule, imports: [ButtonComponent, CardComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PlatformUiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ButtonComponent, CardComponent],
+                    exports: [ButtonComponent, CardComponent],
+                }]
+        }] });
+
+/*
+ * Public API surface of platform-ui.
+ * Everything exported here is available to any app that installs this package.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, CardComponent, PlatformUiModule };
+//# sourceMappingURL=solifi-platform-ui.mjs.map

package/fesm2022/solifi-platform-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"solifi-platform-ui.mjs","sources":["../../../projects/platform-ui/src/lib/button/button.component.ts","../../../projects/platform-ui/src/lib/button/button.component.html","../../../projects/platform-ui/src/lib/card/card.component.ts","../../../projects/platform-ui/src/lib/card/card.component.html","../../../projects/platform-ui/src/lib/platform-ui.module.ts","../../../projects/platform-ui/src/public-api.ts","../../../projects/platform-ui/src/solifi-platform-ui.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonVariant, ButtonSize } from '../models/button.model';\n\n@Component({\n  selector: 'pui-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonComponent {\n  @Input() variant: ButtonVariant = 'primary';\n  @Input() size: ButtonSize = 'md';\n  @Input() disabled = false;\n  @Input() loading = false;\n  @Input() fullWidth = false;\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n\n  @Output() buttonClick = new EventEmitter<MouseEvent>();\n\n  get hostClasses(): string {\n    return [\n      'pui-btn',\n      `pui-btn--${this.variant}`,\n      `pui-btn--${this.size}`,\n      this.fullWidth ? 'pui-btn--full' : '',\n      this.loading   ? 'pui-btn--loading' : '',\n    ].filter(Boolean).join(' ');\n  }\n\n  onClick(event: MouseEvent): void {\n    if (!this.disabled && !this.loading) {\n      this.buttonClick.emit(event);\n    }\n  }\n}\n","<button\n  [class]=\"hostClasses\"\n  [type]=\"type\"\n  [disabled]=\"disabled || loading\"\n  (click)=\"onClick($event)\"\n  [attr.aria-busy]=\"loading\"\n  [attr.aria-disabled]=\"disabled\"\n>\n  <span *ngIf=\"loading\" class=\"pui-btn__spinner\" aria-hidden=\"true\"></span>\n  <ng-content></ng-content>\n</button>\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CardData } from '../models/card.model';\n\n@Component({\n  selector: 'pui-card',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardComponent {\n  /** Provide a CardData object to render a stat/metric layout automatically. */\n  @Input() data?: CardData;\n\n  /** Apply extra CSS class on the card wrapper. */\n  @Input() cardClass = '';\n\n  /** Enables subtle drop-shadow. Default: true. */\n  @Input() elevated = true;\n\n  /** Adds a hover lift effect — use when the card is interactive. */\n  @Input() clickable = false;\n\n  get hostClasses(): string {\n    return [\n      'pui-card',\n      this.elevated  ? 'pui-card--elevated'  : '',\n      this.clickable ? 'pui-card--clickable' : '',\n      this.cardClass,\n    ].filter(Boolean).join(' ');\n  }\n\n  get trendClass(): string {\n    return this.data?.trend ? `pui-card__trend--${this.data.trend}` : '';\n  }\n\n  get trendIcon(): string {\n    switch (this.data?.trend) {\n      case 'up':      return '▲';\n      case 'down':    return '▼';\n      default:        return '—';\n    }\n  }\n}\n","<div [class]=\"hostClasses\">\n\n  <!-- ── Stat / metric layout (when [data] is provided) ── -->\n  <ng-container *ngIf=\"data; else slotLayout\">\n    <div class=\"pui-card__header\">\n      <span *ngIf=\"data.icon\" class=\"pui-card__icon\" aria-hidden=\"true\">{{ data.icon }}</span>\n      <span class=\"pui-card__title\">{{ data.title }}</span>\n    </div>\n\n    <div class=\"pui-card__value\">{{ data.value }}</div>\n\n    <div class=\"pui-card__footer\">\n      <span *ngIf=\"data.subtitle\" class=\"pui-card__subtitle\">{{ data.subtitle }}</span>\n      <span *ngIf=\"data.trend\" [class]=\"'pui-card__trend ' + trendClass\">\n        {{ trendIcon }} {{ data.trendValue }}\n      </span>\n    </div>\n  </ng-container>\n\n  <!-- ── Slot layout (consumers project their own content) ── -->\n  <ng-template #slotLayout>\n    <ng-content select=\"[card-header]\"></ng-content>\n    <div class=\"pui-card__body\">\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"[card-footer]\"></ng-content>\n  </ng-template>\n\n</div>\n","import { NgModule } from '@angular/core';\nimport { ButtonComponent } from './button/button.component';\nimport { CardComponent } from './card/card.component';\n\n/**\n * Convenience NgModule — import PlatformUiModule in any NgModule-based app.\n * Standalone apps can also import ButtonComponent / CardComponent directly.\n */\n@NgModule({\n  imports: [ButtonComponent, CardComponent],\n  exports: [ButtonComponent, CardComponent],\n})\nexport class PlatformUiModule {}\n","/*\n * Public API surface of platform-ui.\n * Everything exported here is available to any app that installs this package.\n */\n\nexport * from './lib/platform-ui.module';\nexport * from './lib/button/button.component';\nexport * from './lib/card/card.component';\nexport * from './lib/models/button.model';\nexport * from './lib/models/card.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@solifi/platform-ui" />
+export * from './public-api';
+//# sourceMappingURL=solifi-platform-ui.d.ts.map

package/lib/button/button.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { ButtonVariant, ButtonSize } from '../models/button.model';
+import * as i0 from "@angular/core";
+export declare class ButtonComponent {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    fullWidth: boolean;
+    type: 'button' | 'submit' | 'reset';
+    buttonClick: EventEmitter<MouseEvent>;
+    get hostClasses(): string;
+    onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "pui-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=button.component.d.ts.map

package/lib/button/button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../projects/platform-ui/src/lib/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAA2B,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;;AAEnE,qBAQa,eAAe;IACjB,OAAO,EAAE,aAAa,CAAa;IACnC,IAAI,EAAE,UAAU,CAAQ;IACxB,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChB,SAAS,UAAS;IAClB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE9C,WAAW,2BAAkC;IAEvD,IAAI,WAAW,IAAI,MAAM,CAQxB;IAED,OAAO,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCApBrB,eAAe;2CAAf,eAAe;CAyB3B"}

package/lib/card/card.component.d.ts

@@ -0,0 +1,18 @@
+import { CardData } from '../models/card.model';
+import * as i0 from "@angular/core";
+export declare class CardComponent {
+    /** Provide a CardData object to render a stat/metric layout automatically. */
+    data?: CardData;
+    /** Apply extra CSS class on the card wrapper. */
+    cardClass: string;
+    /** Enables subtle drop-shadow. Default: true. */
+    elevated: boolean;
+    /** Adds a hover lift effect — use when the card is interactive. */
+    clickable: boolean;
+    get hostClasses(): string;
+    get trendClass(): string;
+    get trendIcon(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "pui-card", never, { "data": { "alias": "data"; "required": false; }; "cardClass": { "alias": "cardClass"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; }, {}, never, ["[card-header]", "*", "[card-footer]"], true, never>;
+}
+//# sourceMappingURL=card.component.d.ts.map

package/lib/card/card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../projects/platform-ui/src/lib/card/card.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;;AAEhD,qBAQa,aAAa;IACxB,8EAA8E;IACrE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEzB,iDAAiD;IACxC,SAAS,SAAM;IAExB,iDAAiD;IACxC,QAAQ,UAAQ;IAEzB,mEAAmE;IAC1D,SAAS,UAAS;IAE3B,IAAI,WAAW,IAAI,MAAM,CAOxB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;IAED,IAAI,SAAS,IAAI,MAAM,CAMtB;yCAhCU,aAAa;2CAAb,aAAa;CAiCzB"}

package/lib/models/button.model.d.ts

@@ -0,0 +1,3 @@
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+//# sourceMappingURL=button.model.d.ts.map

package/lib/models/button.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.model.d.ts","sourceRoot":"","sources":["../../../../projects/platform-ui/src/lib/models/button.model.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AACzE,MAAM,MAAM,UAAU,GAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC"}

package/lib/models/card.model.d.ts

@@ -0,0 +1,9 @@
+export interface CardData {
+    title: string;
+    subtitle?: string;
+    value?: string | number;
+    icon?: string;
+    trend?: 'up' | 'down' | 'neutral';
+    trendValue?: string;
+}
+//# sourceMappingURL=card.model.d.ts.map

package/lib/models/card.model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.model.d.ts","sourceRoot":"","sources":["../../../../projects/platform-ui/src/lib/models/card.model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/lib/platform-ui.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button/button.component";
+import * as i2 from "./card/card.component";
+/**
+ * Convenience NgModule — import PlatformUiModule in any NgModule-based app.
+ * Standalone apps can also import ButtonComponent / CardComponent directly.
+ */
+export declare class PlatformUiModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlatformUiModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformUiModule, never, [typeof i1.ButtonComponent, typeof i2.CardComponent], [typeof i1.ButtonComponent, typeof i2.CardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PlatformUiModule>;
+}
+//# sourceMappingURL=platform-ui.module.d.ts.map

package/lib/platform-ui.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-ui.module.d.ts","sourceRoot":"","sources":["../../../projects/platform-ui/src/lib/platform-ui.module.ts"],"names":[],"mappings":";;;AAIA;;;GAGG;AACH,qBAIa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAG"}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@solifi/platform-ui",
+  "version": "1.0.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/solifi-platform-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/solifi-platform-ui.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/platform-ui.module';
+export * from './lib/button/button.component';
+export * from './lib/card/card.component';
+export * from './lib/models/button.model';
+export * from './lib/models/card.model';
+//# sourceMappingURL=public-api.d.ts.map

package/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../../projects/platform-ui/src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

package/solifi-platform-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"solifi-platform-ui.d.ts","sourceRoot":"","sources":["../../projects/platform-ui/src/solifi-platform-ui.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,cAAc,CAAC"}