@muxima-ui/settings-item 1.0.0

package/README.md

@@ -0,0 +1,7 @@
+# utility-settings-item-settings-item
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test utility-settings-item-settings-item` to execute the unit tests.

package/esm2020/index.mjs

@@ -0,0 +1,2 @@
+export * from './lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy91dGlsaXR5L3NldHRpbmdzLWl0ZW0vc2V0dGluZ3MtaXRlbS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5RkFBeUYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL3V0aWxpdHktc2V0dGluZ3MtaXRlbS1zZXR0aW5ncy1pdGVtL3V0aWxpdHktc2V0dGluZ3MtaXRlbS1zZXR0aW5ncy1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTZXR0aW5nc0l0ZW1WYXJpYW50IH0gZnJvbSAnLi9saWIvdXRpbGl0eS1zZXR0aW5ncy1pdGVtLXNldHRpbmdzLWl0ZW0vdXRpbGl0eS1zZXR0aW5ncy1pdGVtLXNldHRpbmdzLWl0ZW0uY29tcG9uZW50JztcbiJdfQ==

package/esm2020/lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component.mjs

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class UtilitySettingsItemSettingsItemComponent {
+    constructor() {
+        this.label = '';
+        this.description = '';
+        this.variant = 'default';
+    }
+}
+UtilitySettingsItemSettingsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilitySettingsItemSettingsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UtilitySettingsItemSettingsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UtilitySettingsItemSettingsItemComponent, isStandalone: true, selector: "muxima-settings-item", inputs: { label: "label", description: "description", variant: "variant" }, ngImport: i0, template: "<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".muxima-settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.muxima-settings-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.muxima-settings-item-toggle{padding:1.25rem 1.5rem}.setting-info{flex:1;margin-right:1rem}.setting-label{display:block;font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.9375rem}.setting-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.setting-control{flex-shrink:0;display:flex;align-items:center}@media (max-width: 768px){.muxima-settings-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilitySettingsItemSettingsItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'muxima-settings-item', standalone: true, imports: [CommonModule], template: "<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".muxima-settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.muxima-settings-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.muxima-settings-item-toggle{padding:1.25rem 1.5rem}.setting-info{flex:1;margin-right:1rem}.setting-label{display:block;font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.9375rem}.setting-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.setting-control{flex-shrink:0;display:flex;align-items:center}@media (max-width: 768px){.muxima-settings-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{width:100%}}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbGl0eS1zZXR0aW5ncy1pdGVtLXNldHRpbmdzLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvdXRpbGl0eS9zZXR0aW5ncy1pdGVtL3NldHRpbmdzLWl0ZW0vc3JjL2xpYi91dGlsaXR5LXNldHRpbmdzLWl0ZW0tc2V0dGluZ3MtaXRlbS91dGlsaXR5LXNldHRpbmdzLWl0ZW0tc2V0dGluZ3MtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy91dGlsaXR5L3NldHRpbmdzLWl0ZW0vc2V0dGluZ3MtaXRlbS9zcmMvbGliL3V0aWxpdHktc2V0dGluZ3MtaXRlbS1zZXR0aW5ncy1pdGVtL3V0aWxpdHktc2V0dGluZ3MtaXRlbS1zZXR0aW5ncy1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVy9DLE1BQU0sT0FBTyx3Q0FBd0M7SUFQckQ7UUFRVyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFlBQU8sR0FBd0IsU0FBUyxDQUFDO0tBQ25EOztzSUFKWSx3Q0FBd0M7MEhBQXhDLHdDQUF3Qyw0SkNackQsOFZBU0EsdXhCRERZLFlBQVk7NEZBSVgsd0NBQXdDO2tCQVBwRCxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuZXhwb3J0IHR5cGUgU2V0dGluZ3NJdGVtVmFyaWFudCA9ICdkZWZhdWx0JyB8ICd0b2dnbGUnIHwgJ2FjdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ211eGltYS1zZXR0aW5ncy1pdGVtJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi91dGlsaXR5LXNldHRpbmdzLWl0ZW0tc2V0dGluZ3MtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3V0aWxpdHktc2V0dGluZ3MtaXRlbS1zZXR0aW5ncy1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFV0aWxpdHlTZXR0aW5nc0l0ZW1TZXR0aW5nc0l0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgdmFyaWFudDogU2V0dGluZ3NJdGVtVmFyaWFudCA9ICdkZWZhdWx0Jztcbn1cbiIsIjxkaXYgY2xhc3M9XCJtdXhpbWEtc2V0dGluZ3MtaXRlbVwiIFtjbGFzc109XCInbXV4aW1hLXNldHRpbmdzLWl0ZW0tJyArIHZhcmlhbnRcIj5cbiAgPGRpdiBjbGFzcz1cInNldHRpbmctaW5mb1wiPlxuICAgIDxsYWJlbCBjbGFzcz1cInNldHRpbmctbGFiZWxcIj57eyBsYWJlbCB9fTwvbGFiZWw+XG4gICAgPHAgY2xhc3M9XCJzZXR0aW5nLWRlc2NyaXB0aW9uXCIgKm5nSWY9XCJkZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNldHRpbmctY29udHJvbFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/muxima-ui-settings-item.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXV4aW1hLXVpLXNldHRpbmdzLWl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy91dGlsaXR5L3NldHRpbmdzLWl0ZW0vc2V0dGluZ3MtaXRlbS9zcmMvbXV4aW1hLXVpLXNldHRpbmdzLWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/fesm2015/muxima-ui-settings-item.mjs

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class UtilitySettingsItemSettingsItemComponent {
+    constructor() {
+        this.label = '';
+        this.description = '';
+        this.variant = 'default';
+    }
+}
+UtilitySettingsItemSettingsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilitySettingsItemSettingsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UtilitySettingsItemSettingsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UtilitySettingsItemSettingsItemComponent, isStandalone: true, selector: "muxima-settings-item", inputs: { label: "label", description: "description", variant: "variant" }, ngImport: i0, template: "<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".muxima-settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.muxima-settings-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.muxima-settings-item-toggle{padding:1.25rem 1.5rem}.setting-info{flex:1;margin-right:1rem}.setting-label{display:block;font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.9375rem}.setting-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.setting-control{flex-shrink:0;display:flex;align-items:center}@media (max-width: 768px){.muxima-settings-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilitySettingsItemSettingsItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'muxima-settings-item', standalone: true, imports: [CommonModule], template: "<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".muxima-settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.muxima-settings-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.muxima-settings-item-toggle{padding:1.25rem 1.5rem}.setting-info{flex:1;margin-right:1rem}.setting-label{display:block;font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.9375rem}.setting-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.setting-control{flex-shrink:0;display:flex;align-items:center}@media (max-width: 768px){.muxima-settings-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{width:100%}}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UtilitySettingsItemSettingsItemComponent };
+//# sourceMappingURL=muxima-ui-settings-item.mjs.map

package/fesm2015/muxima-ui-settings-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-settings-item.mjs","sources":["../../../../packages/utility/settings-item/settings-item/src/lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component.ts","../../../../packages/utility/settings-item/settings-item/src/lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component.html","../../../../packages/utility/settings-item/settings-item/src/muxima-ui-settings-item.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type SettingsItemVariant = 'default' | 'toggle' | 'action';\n\n@Component({\n  selector: 'muxima-settings-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './utility-settings-item-settings-item.component.html',\n  styleUrls: ['./utility-settings-item-settings-item.component.scss'],\n})\nexport class UtilitySettingsItemSettingsItemComponent {\n  @Input() label: string = '';\n  @Input() description: string = '';\n  @Input() variant: SettingsItemVariant = 'default';\n}\n","<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAYa,wCAAwC,CAAA;AAPrD,IAAA,WAAA,GAAA;AAQW,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;AACnB,QAAA,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;AACzB,QAAA,IAAO,CAAA,OAAA,GAAwB,SAAS,CAAC;KACnD;;sIAJY,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;0HAAxC,wCAAwC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZrD,8VASA,EAAA,MAAA,EAAA,CAAA,guBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FAIX,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAPpD,SAAS;YACE,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACpB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,8VAAA,EAAA,MAAA,EAAA,CAAA,guBAAA,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AEfR;;AAEG;;;;"}

package/fesm2020/muxima-ui-settings-item.mjs

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class UtilitySettingsItemSettingsItemComponent {
+    constructor() {
+        this.label = '';
+        this.description = '';
+        this.variant = 'default';
+    }
+}
+UtilitySettingsItemSettingsItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilitySettingsItemSettingsItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UtilitySettingsItemSettingsItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: UtilitySettingsItemSettingsItemComponent, isStandalone: true, selector: "muxima-settings-item", inputs: { label: "label", description: "description", variant: "variant" }, ngImport: i0, template: "<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".muxima-settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.muxima-settings-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.muxima-settings-item-toggle{padding:1.25rem 1.5rem}.setting-info{flex:1;margin-right:1rem}.setting-label{display:block;font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.9375rem}.setting-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.setting-control{flex-shrink:0;display:flex;align-items:center}@media (max-width: 768px){.muxima-settings-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: UtilitySettingsItemSettingsItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'muxima-settings-item', standalone: true, imports: [CommonModule], template: "<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".muxima-settings-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s}.muxima-settings-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.muxima-settings-item-toggle{padding:1.25rem 1.5rem}.setting-info{flex:1;margin-right:1rem}.setting-label{display:block;font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.9375rem}.setting-description{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.setting-control{flex-shrink:0;display:flex;align-items:center}@media (max-width: 768px){.muxima-settings-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info{margin-right:0}.setting-control{width:100%}}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UtilitySettingsItemSettingsItemComponent };
+//# sourceMappingURL=muxima-ui-settings-item.mjs.map

package/fesm2020/muxima-ui-settings-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-settings-item.mjs","sources":["../../../../packages/utility/settings-item/settings-item/src/lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component.ts","../../../../packages/utility/settings-item/settings-item/src/lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component.html","../../../../packages/utility/settings-item/settings-item/src/muxima-ui-settings-item.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type SettingsItemVariant = 'default' | 'toggle' | 'action';\n\n@Component({\n  selector: 'muxima-settings-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './utility-settings-item-settings-item.component.html',\n  styleUrls: ['./utility-settings-item-settings-item.component.scss'],\n})\nexport class UtilitySettingsItemSettingsItemComponent {\n  @Input() label: string = '';\n  @Input() description: string = '';\n  @Input() variant: SettingsItemVariant = 'default';\n}\n","<div class=\"muxima-settings-item\" [class]=\"'muxima-settings-item-' + variant\">\n  <div class=\"setting-info\">\n    <label class=\"setting-label\">{{ label }}</label>\n    <p class=\"setting-description\" *ngIf=\"description\">{{ description }}</p>\n  </div>\n  <div class=\"setting-control\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAYa,wCAAwC,CAAA;AAPrD,IAAA,WAAA,GAAA;QAQW,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QACnB,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;QACzB,IAAO,CAAA,OAAA,GAAwB,SAAS,CAAC;AACnD,KAAA;;sIAJY,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;0HAAxC,wCAAwC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZrD,8VASA,EAAA,MAAA,EAAA,CAAA,guBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FAIX,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAPpD,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACpB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,8VAAA,EAAA,MAAA,EAAA,CAAA,guBAAA,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;AEfR;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component';
+export { SettingsItemVariant } from './lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component';

package/lib/utility-settings-item-settings-item/utility-settings-item-settings-item.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export type SettingsItemVariant = 'default' | 'toggle' | 'action';
+export declare class UtilitySettingsItemSettingsItemComponent {
+    label: string;
+    description: string;
+    variant: SettingsItemVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UtilitySettingsItemSettingsItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UtilitySettingsItemSettingsItemComponent, "muxima-settings-item", never, { "label": "label"; "description": "description"; "variant": "variant"; }, {}, never, ["*"], true, never>;
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@muxima-ui/settings-item",
+  "version": "1.0.0",
+  "description": "Settings item component for Muxima UI",
+  "keywords": [
+    "angular",
+    "component",
+    "settings",
+    "item",
+    "configuration",
+    "ui",
+    "muxima"
+  ],
+  "homepage": "https://muxima-ui.vercel.app/components/settings-item",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Aldemiro20/muxima-ui"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Aldemiro Valentim"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=18.0.0",
+    "@angular/core": ">=18.0.0"
+  },
+  "module": "fesm2015/muxima-ui-settings-item.mjs",
+  "es2020": "fesm2020/muxima-ui-settings-item.mjs",
+  "esm2020": "esm2020/muxima-ui-settings-item.mjs",
+  "fesm2020": "fesm2020/muxima-ui-settings-item.mjs",
+  "fesm2015": "fesm2015/muxima-ui-settings-item.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/muxima-ui-settings-item.mjs",
+      "es2020": "./fesm2020/muxima-ui-settings-item.mjs",
+      "es2015": "./fesm2015/muxima-ui-settings-item.mjs",
+      "node": "./fesm2015/muxima-ui-settings-item.mjs",
+      "default": "./fesm2020/muxima-ui-settings-item.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}