@dso-design-system/ui 0.0.1

package/esm2022/dso-design-system-ui.mjs

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

package/esm2022/lib/button/button.component.mjs

@@ -0,0 +1,68 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { IconComponent } from '../icon/icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * A reusable button component with configurable label, type, size, icon, and active/disabled state.
+ * Can be used standalone or in forms, tables, toolbars, etc.
+ */
+export class ButtonComponent {
+    /** Label displayed on the button */
+    btnLabel = 'Default';
+    /** Button type / style variant */
+    btnType = 'filled';
+    /** Button size */
+    btnSize = 'mdBtn';
+    /** Optional icon name to display on the button */
+    btnIconName = null;
+    /** Whether the button is disabled */
+    isDisabled = false;
+    /** Whether the button is active (for toggle or selected states) */
+    isActive = false;
+    /** Event emitted when button is clicked */
+    onClick = new EventEmitter();
+    /**
+     * Handles click events on the button.
+     * If the button is disabled, the click is ignored.
+     * Otherwise, emits the onClick event to the parent.
+     */
+    handleClick(event) {
+        if (this.isDisabled)
+            return;
+        this.onClick.emit(event);
+    }
+    /**
+     * Maps the button's size to a corresponding icon size.
+     * Useful when displaying an icon alongside the label.
+     */
+    getIconSize() {
+        switch (this.btnSize) {
+            case 'lgBtn': return 'large';
+            case 'mdBtn': return 'medium';
+            case 'smBtn': return 'small';
+            default: return 'medium';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "dso-button", inputs: { btnLabel: "btnLabel", btnType: "btnType", btnSize: "btnSize", btnIconName: "btnIconName", isDisabled: "isDisabled", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<!-- \r\n  Reusable Button Template\r\n\r\n  Dynamically applies classes based on:\r\n    - btnType: button style variant\r\n    - btnSize: button size\r\n    - isActive: active/selected state\r\n  Also disables button if isDisabled is true.\r\n\r\n  Displays an optional icon and label.\r\n-->\r\n\r\n<button \r\n  [ngClass]=\"{\r\n    'filled': btnType === 'filled', \r\n    'outlined': btnType === 'outlined',  \r\n    'text': btnType === 'text', \r\n    'ghost': btnType === 'ghost',\r\n    'link': btnType === 'link',\r\n    'contrast': btnType === 'contrast',\r\n    'lgBtn': btnSize === 'lgBtn',\r\n    'mdBtn': btnSize === 'mdBtn',\r\n    'smBtn': btnSize === 'smBtn',\r\n    'active': isActive\r\n  }\"\r\n  [disabled]=\"isDisabled\"\r\n  (click)=\"handleClick($event)\"\r\n>\r\n  <!-- Optional icon rendered before label -->\r\n  <dso-icon \r\n    *ngIf=\"btnIconName\" \r\n    [iconName]=\"btnIconName\" \r\n    [size]=\"getIconSize()\">\r\n  </dso-icon>\r\n\r\n  <!-- Button label -->\r\n  <span *ngIf=\"btnLabel\">{{ btnLabel }}</span>\r\n</button>\r\n", styles: [":host{display:inline-block}button{box-sizing:border-box;font-size:16px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-align:center;gap:8px;background:transparent;transition:all .3s ease;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button.smBtn{padding:0 8px}button.mdBtn{padding:8px 12px}button.lgBtn{padding:12px 20px}button.filled{background-color:#1993d0;color:#fff;border:none}button.filled:hover:not(:disabled),button.filled:focus:not(:disabled){background-color:#0056b3;outline:none;opacity:.8}button.filled:disabled{background-color:#a0a0a0;color:#f0f0f0}button.outlined{border:1px solid #1993d0;color:#1993d0;background:transparent}button.outlined:hover:not(:disabled),button.outlined:focus:not(:disabled){background:#007bff1a;border-color:#0056b3;color:#0056b3}button.outlined:disabled{border-color:#ddd;color:#ddd;background:transparent}button.text{background:transparent;border:none;color:#1993d0}button.text:hover:not(:disabled),button.text:focus:not(:disabled){text-decoration:underline;color:#0056b3}button.text:disabled{color:#ccc}button.link{background:transparent;border:none;color:#1993d0;padding:0;text-decoration:underline}button.link:hover:not(:disabled),button.link:focus:not(:disabled){color:#0056b3}button.link:disabled{color:#ccc}button.contrast{background:transparent;border:1px solid white;color:#fff}button.contrast:hover:not(:disabled),button.contrast:focus:not(:disabled){opacity:.7}button.contrast:disabled{color:#ccc}button.ghost{background:transparent;border:none;color:#1993d0;position:relative;overflow:hidden}button.ghost:hover:not(:disabled),button.ghost:focus:not(:disabled){background-color:#007bff1a;color:#0056b3}button.ghost:disabled{color:#ddd;background:transparent}button.active{box-shadow:0 0 0 2px #007bff66}button.active.text,button.active.outlined{background-color:#1993d0;color:#fff;border-color:#007bff}button.active.ghost{background-color:#1993d0;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "dso-icon", inputs: ["iconName", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dso-button', standalone: true, imports: [CommonModule, IconComponent], template: "<!-- \r\n  Reusable Button Template\r\n\r\n  Dynamically applies classes based on:\r\n    - btnType: button style variant\r\n    - btnSize: button size\r\n    - isActive: active/selected state\r\n  Also disables button if isDisabled is true.\r\n\r\n  Displays an optional icon and label.\r\n-->\r\n\r\n<button \r\n  [ngClass]=\"{\r\n    'filled': btnType === 'filled', \r\n    'outlined': btnType === 'outlined',  \r\n    'text': btnType === 'text', \r\n    'ghost': btnType === 'ghost',\r\n    'link': btnType === 'link',\r\n    'contrast': btnType === 'contrast',\r\n    'lgBtn': btnSize === 'lgBtn',\r\n    'mdBtn': btnSize === 'mdBtn',\r\n    'smBtn': btnSize === 'smBtn',\r\n    'active': isActive\r\n  }\"\r\n  [disabled]=\"isDisabled\"\r\n  (click)=\"handleClick($event)\"\r\n>\r\n  <!-- Optional icon rendered before label -->\r\n  <dso-icon \r\n    *ngIf=\"btnIconName\" \r\n    [iconName]=\"btnIconName\" \r\n    [size]=\"getIconSize()\">\r\n  </dso-icon>\r\n\r\n  <!-- Button label -->\r\n  <span *ngIf=\"btnLabel\">{{ btnLabel }}</span>\r\n</button>\r\n", styles: [":host{display:inline-block}button{box-sizing:border-box;font-size:16px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-align:center;gap:8px;background:transparent;transition:all .3s ease;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button.smBtn{padding:0 8px}button.mdBtn{padding:8px 12px}button.lgBtn{padding:12px 20px}button.filled{background-color:#1993d0;color:#fff;border:none}button.filled:hover:not(:disabled),button.filled:focus:not(:disabled){background-color:#0056b3;outline:none;opacity:.8}button.filled:disabled{background-color:#a0a0a0;color:#f0f0f0}button.outlined{border:1px solid #1993d0;color:#1993d0;background:transparent}button.outlined:hover:not(:disabled),button.outlined:focus:not(:disabled){background:#007bff1a;border-color:#0056b3;color:#0056b3}button.outlined:disabled{border-color:#ddd;color:#ddd;background:transparent}button.text{background:transparent;border:none;color:#1993d0}button.text:hover:not(:disabled),button.text:focus:not(:disabled){text-decoration:underline;color:#0056b3}button.text:disabled{color:#ccc}button.link{background:transparent;border:none;color:#1993d0;padding:0;text-decoration:underline}button.link:hover:not(:disabled),button.link:focus:not(:disabled){color:#0056b3}button.link:disabled{color:#ccc}button.contrast{background:transparent;border:1px solid white;color:#fff}button.contrast:hover:not(:disabled),button.contrast:focus:not(:disabled){opacity:.7}button.contrast:disabled{color:#ccc}button.ghost{background:transparent;border:none;color:#1993d0;position:relative;overflow:hidden}button.ghost:hover:not(:disabled),button.ghost:focus:not(:disabled){background-color:#007bff1a;color:#0056b3}button.ghost:disabled{color:#ddd;background:transparent}button.active{box-shadow:0 0 0 2px #007bff66}button.active.text,button.active.outlined{background-color:#1993d0;color:#fff;border-color:#007bff}button.active.ghost{background-color:#1993d0;color:#fff}\n"] }]
+        }], propDecorators: { btnLabel: [{
+                type: Input
+            }], btnType: [{
+                type: Input
+            }], btnSize: [{
+                type: Input
+            }], btnIconName: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFhdkQ7OztHQUdHO0FBUUgsTUFBTSxPQUFPLGVBQWU7SUFFMUIsb0NBQW9DO0lBQzNCLFFBQVEsR0FBVyxTQUFTLENBQUM7SUFFdEMsa0NBQWtDO0lBQ3pCLE9BQU8sR0FBbUUsUUFBUSxDQUFDO0lBRTVGLGtCQUFrQjtJQUNULE9BQU8sR0FBZ0MsT0FBTyxDQUFDO0lBRXhELGtEQUFrRDtJQUN6QyxXQUFXLEdBQWtCLElBQUksQ0FBQztJQUUzQyxxQ0FBcUM7SUFDNUIsVUFBVSxHQUFZLEtBQUssQ0FBQztJQUVyQyxtRUFBbUU7SUFDMUQsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUVuQywyQ0FBMkM7SUFDakMsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7SUFFbkQ7Ozs7T0FJRztJQUNILFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixJQUFJLElBQUksQ0FBQyxVQUFVO1lBQUUsT0FBTztRQUM1QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsV0FBVztRQUNULFFBQVEsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3JCLEtBQUssT0FBTyxDQUFDLENBQUMsT0FBTyxPQUFPLENBQUM7WUFDN0IsS0FBSyxPQUFPLENBQUMsQ0FBQyxPQUFPLFFBQVEsQ0FBQztZQUM5QixLQUFLLE9BQU8sQ0FBQyxDQUFDLE9BQU8sT0FBTyxDQUFDO1lBQzdCLE9BQU8sQ0FBQyxDQUFDLE9BQU8sUUFBUSxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO3dHQTVDVSxlQUFlOzRGQUFmLGVBQWUsNlBDMUI1QiwyaUNBc0NBLDAvRERkWSxZQUFZLGlPQUFFLGFBQWE7OzRGQUUxQixlQUFlO2tCQVAzQixTQUFTOytCQUNFLFlBQVksY0FDVixJQUFJLFdBR1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDOzhCQUs3QixRQUFRO3NCQUFoQixLQUFLO2dCQUdHLE9BQU87c0JBQWYsS0FBSztnQkFHRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR0csV0FBVztzQkFBbkIsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcclxuXHJcbi8qKlxyXG4gKiBDb25maWd1cmF0aW9uIG9wdGlvbnMgZm9yIGEgYnV0dG9uLlxyXG4gKi9cclxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Db25maWcge1xyXG4gIGJ0bkxhYmVsOiBzdHJpbmc7XHJcbiAgYnRuVHlwZT86ICdmaWxsZWQnIHwgJ291dGxpbmVkJyB8ICdnaG9zdCcgfCAndGV4dCcgfCAnY29udHJhc3QnIHwgJ2xpbmsnO1xyXG4gIGJ0blNpemU/OiAnbGdCdG4nIHwgJ21kQnRuJyB8ICdzbUJ0bic7XHJcbiAgYnRuSWNvbk5hbWU/OiBzdHJpbmcgfCBudWxsO1xyXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xyXG59XHJcblxyXG4vKipcclxuICogQSByZXVzYWJsZSBidXR0b24gY29tcG9uZW50IHdpdGggY29uZmlndXJhYmxlIGxhYmVsLCB0eXBlLCBzaXplLCBpY29uLCBhbmQgYWN0aXZlL2Rpc2FibGVkIHN0YXRlLlxyXG4gKiBDYW4gYmUgdXNlZCBzdGFuZGFsb25lIG9yIGluIGZvcm1zLCB0YWJsZXMsIHRvb2xiYXJzLCBldGMuXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2Rzby1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIC8qKiBMYWJlbCBkaXNwbGF5ZWQgb24gdGhlIGJ1dHRvbiAqL1xyXG4gIEBJbnB1dCgpIGJ0bkxhYmVsOiBzdHJpbmcgPSAnRGVmYXVsdCc7XHJcblxyXG4gIC8qKiBCdXR0b24gdHlwZSAvIHN0eWxlIHZhcmlhbnQgKi9cclxuICBASW5wdXQoKSBidG5UeXBlOiAnZmlsbGVkJyB8ICdvdXRsaW5lZCcgfCAnZ2hvc3QnIHwgJ3RleHQnIHwgJ2NvbnRyYXN0JyB8ICdsaW5rJyA9ICdmaWxsZWQnO1xyXG5cclxuICAvKiogQnV0dG9uIHNpemUgKi9cclxuICBASW5wdXQoKSBidG5TaXplOiAnbGdCdG4nIHwgJ21kQnRuJyB8ICdzbUJ0bicgPSAnbWRCdG4nO1xyXG5cclxuICAvKiogT3B0aW9uYWwgaWNvbiBuYW1lIHRvIGRpc3BsYXkgb24gdGhlIGJ1dHRvbiAqL1xyXG4gIEBJbnB1dCgpIGJ0bkljb25OYW1lOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqIFdoZXRoZXIgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZCAqL1xyXG4gIEBJbnB1dCgpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqIFdoZXRoZXIgdGhlIGJ1dHRvbiBpcyBhY3RpdmUgKGZvciB0b2dnbGUgb3Igc2VsZWN0ZWQgc3RhdGVzKSAqL1xyXG4gIEBJbnB1dCgpIGlzQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIC8qKiBFdmVudCBlbWl0dGVkIHdoZW4gYnV0dG9uIGlzIGNsaWNrZWQgKi9cclxuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogSGFuZGxlcyBjbGljayBldmVudHMgb24gdGhlIGJ1dHRvbi5cclxuICAgKiBJZiB0aGUgYnV0dG9uIGlzIGRpc2FibGVkLCB0aGUgY2xpY2sgaXMgaWdub3JlZC5cclxuICAgKiBPdGhlcndpc2UsIGVtaXRzIHRoZSBvbkNsaWNrIGV2ZW50IHRvIHRoZSBwYXJlbnQuXHJcbiAgICovXHJcbiAgaGFuZGxlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmlzRGlzYWJsZWQpIHJldHVybjtcclxuICAgIHRoaXMub25DbGljay5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE1hcHMgdGhlIGJ1dHRvbidzIHNpemUgdG8gYSBjb3JyZXNwb25kaW5nIGljb24gc2l6ZS5cclxuICAgKiBVc2VmdWwgd2hlbiBkaXNwbGF5aW5nIGFuIGljb24gYWxvbmdzaWRlIHRoZSBsYWJlbC5cclxuICAgKi9cclxuICBnZXRJY29uU2l6ZSgpOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHtcclxuICAgIHN3aXRjaCAodGhpcy5idG5TaXplKSB7XHJcbiAgICAgIGNhc2UgJ2xnQnRuJzogcmV0dXJuICdsYXJnZSc7XHJcbiAgICAgIGNhc2UgJ21kQnRuJzogcmV0dXJuICdtZWRpdW0nO1xyXG4gICAgICBjYXNlICdzbUJ0bic6IHJldHVybiAnc21hbGwnO1xyXG4gICAgICBkZWZhdWx0OiByZXR1cm4gJ21lZGl1bSc7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjwhLS0gXHJcbiAgUmV1c2FibGUgQnV0dG9uIFRlbXBsYXRlXHJcblxyXG4gIER5bmFtaWNhbGx5IGFwcGxpZXMgY2xhc3NlcyBiYXNlZCBvbjpcclxuICAgIC0gYnRuVHlwZTogYnV0dG9uIHN0eWxlIHZhcmlhbnRcclxuICAgIC0gYnRuU2l6ZTogYnV0dG9uIHNpemVcclxuICAgIC0gaXNBY3RpdmU6IGFjdGl2ZS9zZWxlY3RlZCBzdGF0ZVxyXG4gIEFsc28gZGlzYWJsZXMgYnV0dG9uIGlmIGlzRGlzYWJsZWQgaXMgdHJ1ZS5cclxuXHJcbiAgRGlzcGxheXMgYW4gb3B0aW9uYWwgaWNvbiBhbmQgbGFiZWwuXHJcbi0tPlxyXG5cclxuPGJ1dHRvbiBcclxuICBbbmdDbGFzc109XCJ7XHJcbiAgICAnZmlsbGVkJzogYnRuVHlwZSA9PT0gJ2ZpbGxlZCcsIFxyXG4gICAgJ291dGxpbmVkJzogYnRuVHlwZSA9PT0gJ291dGxpbmVkJywgIFxyXG4gICAgJ3RleHQnOiBidG5UeXBlID09PSAndGV4dCcsIFxyXG4gICAgJ2dob3N0JzogYnRuVHlwZSA9PT0gJ2dob3N0JyxcclxuICAgICdsaW5rJzogYnRuVHlwZSA9PT0gJ2xpbmsnLFxyXG4gICAgJ2NvbnRyYXN0JzogYnRuVHlwZSA9PT0gJ2NvbnRyYXN0JyxcclxuICAgICdsZ0J0bic6IGJ0blNpemUgPT09ICdsZ0J0bicsXHJcbiAgICAnbWRCdG4nOiBidG5TaXplID09PSAnbWRCdG4nLFxyXG4gICAgJ3NtQnRuJzogYnRuU2l6ZSA9PT0gJ3NtQnRuJyxcclxuICAgICdhY3RpdmUnOiBpc0FjdGl2ZVxyXG4gIH1cIlxyXG4gIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcclxuICAoY2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXHJcbj5cclxuICA8IS0tIE9wdGlvbmFsIGljb24gcmVuZGVyZWQgYmVmb3JlIGxhYmVsIC0tPlxyXG4gIDxkc28taWNvbiBcclxuICAgICpuZ0lmPVwiYnRuSWNvbk5hbWVcIiBcclxuICAgIFtpY29uTmFtZV09XCJidG5JY29uTmFtZVwiIFxyXG4gICAgW3NpemVdPVwiZ2V0SWNvblNpemUoKVwiPlxyXG4gIDwvZHNvLWljb24+XHJcblxyXG4gIDwhLS0gQnV0dG9uIGxhYmVsIC0tPlxyXG4gIDxzcGFuICpuZ0lmPVwiYnRuTGFiZWxcIj57eyBidG5MYWJlbCB9fTwvc3Bhbj5cclxuPC9idXR0b24+XHJcbiJdfQ==

package/esm2022/lib/icon/icon.component.mjs

@@ -0,0 +1,60 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class IconComponent {
+    /** Name of the icon to display (matches sprite ID) */
+    iconName = '';
+    /** Size of the icon: 'small', 'medium', 'large' */
+    size = 'medium';
+    /** Full SVG path reference for <use> element */
+    iconPath = '';
+    /** CSS class for icon size (small/medium/large) */
+    sizeClass = '';
+    /** Inline styles for width and height based on size */
+    sizeStyles = { width: '', height: '' };
+    /** Detect changes to inputs and update icon path or size */
+    ngOnChanges(changes) {
+        if (changes['iconName'] && this.iconName) {
+            // Update the sprite path when iconName changes
+            this.iconPath = `/assets/icons/sprite.svg#${this.iconName}`;
+        }
+        if (changes['size']) {
+            // Update size class and inline styles
+            this.setSize(this.size);
+        }
+    }
+    /** Set size-related CSS class and inline width/height */
+    setSize(size) {
+        switch (size) {
+            case 'small':
+                this.sizeClass = 'small';
+                this.sizeStyles = { width: '16px', height: '16px' };
+                break;
+            case 'medium':
+                this.sizeClass = 'medium';
+                this.sizeStyles = { width: '24px', height: '24px' };
+                break;
+            case 'large':
+                this.sizeClass = 'large';
+                this.sizeStyles = { width: '48px', height: '48px' };
+                break;
+            default:
+                // Fallback to medium if input is invalid
+                this.sizeClass = 'medium';
+                this.sizeStyles = { width: '24px', height: '24px' };
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IconComponent, isStandalone: true, selector: "dso-icon", inputs: { iconName: "iconName", size: "size" }, usesOnChanges: true, ngImport: i0, template: "<!-- SVG container for the icon -->\r\n<!-- sizeClass adds a CSS class (small, medium, large) for styling -->\r\n<!-- sizeStyles.width and height set the inline dimensions -->\r\n<svg \r\n  [ngClass]=\"sizeClass\" \r\n  [attr.width]=\"sizeStyles.width\" \r\n  [attr.height]=\"sizeStyles.height\">\r\n\r\n  <!-- <use> references the sprite icon by href (updated in TS based on iconName) -->\r\n  <use [attr.href]=\"iconPath\"></use>\r\n</svg>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.small{max-width:16px;max-height:16px}.medium{max-width:24px;max-height:24px}.large{max-width:48px;max-height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dso-icon', standalone: true, imports: [CommonModule], template: "<!-- SVG container for the icon -->\r\n<!-- sizeClass adds a CSS class (small, medium, large) for styling -->\r\n<!-- sizeStyles.width and height set the inline dimensions -->\r\n<svg \r\n  [ngClass]=\"sizeClass\" \r\n  [attr.width]=\"sizeStyles.width\" \r\n  [attr.height]=\"sizeStyles.height\">\r\n\r\n  <!-- <use> references the sprite icon by href (updated in TS based on iconName) -->\r\n  <use [attr.href]=\"iconPath\"></use>\r\n</svg>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.small{max-width:16px;max-height:16px}.medium{max-width:24px;max-height:24px}.large{max-width:48px;max-height:48px}\n"] }]
+        }], propDecorators: { iconName: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDOzs7QUFTM0UsTUFBTSxPQUFPLGFBQWE7SUFFeEIsc0RBQXNEO0lBQzdDLFFBQVEsR0FBVyxFQUFFLENBQUM7SUFFL0IsbURBQW1EO0lBQzFDLElBQUksR0FBaUMsUUFBUSxDQUFDO0lBRXZELGdEQUFnRDtJQUNoRCxRQUFRLEdBQVcsRUFBRSxDQUFDO0lBRXRCLG1EQUFtRDtJQUNuRCxTQUFTLEdBQVcsRUFBRSxDQUFDO0lBRXZCLHVEQUF1RDtJQUN2RCxVQUFVLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQztJQUV2Qyw0REFBNEQ7SUFDNUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFVBQVUsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUN6QywrQ0FBK0M7WUFDL0MsSUFBSSxDQUFDLFFBQVEsR0FBRyw0QkFBNEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzlELENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ3BCLHNDQUFzQztZQUN0QyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixDQUFDO0lBQ0gsQ0FBQztJQUVELHlEQUF5RDtJQUN6RCxPQUFPLENBQUMsSUFBa0M7UUFDeEMsUUFBUSxJQUFJLEVBQUUsQ0FBQztZQUNiLEtBQUssT0FBTztnQkFDVixJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztnQkFDekIsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dCQUNwRCxNQUFNO1lBQ1IsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO2dCQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0JBQ3BELE1BQU07WUFDUixLQUFLLE9BQU87Z0JBQ1YsSUFBSSxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQztnQkFDcEQsTUFBTTtZQUNSO2dCQUNFLHlDQUF5QztnQkFDekMsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7Z0JBQzFCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQztnQkFDcEQsTUFBTTtRQUNWLENBQUM7SUFDSCxDQUFDO3dHQW5EVSxhQUFhOzRGQUFiLGFBQWEseUlDVjFCLDJiQVVNLGdWREZPLFlBQVk7OzRGQUVaLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsVUFBVSxjQUNSLElBQUksV0FHUCxDQUFFLFlBQVksQ0FBRTs4QkFLaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZHNvLWljb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcclxuICBpbXBvcnRzOiBbIENvbW1vbk1vZHVsZSBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJY29uQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBcclxuICAvKiogTmFtZSBvZiB0aGUgaWNvbiB0byBkaXNwbGF5IChtYXRjaGVzIHNwcml0ZSBJRCkgKi9cclxuICBASW5wdXQoKSBpY29uTmFtZTogc3RyaW5nID0gJyc7XHJcblxyXG4gIC8qKiBTaXplIG9mIHRoZSBpY29uOiAnc21hbGwnLCAnbWVkaXVtJywgJ2xhcmdlJyAqL1xyXG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcclxuXHJcbiAgLyoqIEZ1bGwgU1ZHIHBhdGggcmVmZXJlbmNlIGZvciA8dXNlPiBlbGVtZW50ICovXHJcbiAgaWNvblBhdGg6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKiogQ1NTIGNsYXNzIGZvciBpY29uIHNpemUgKHNtYWxsL21lZGl1bS9sYXJnZSkgKi9cclxuICBzaXplQ2xhc3M6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKiogSW5saW5lIHN0eWxlcyBmb3Igd2lkdGggYW5kIGhlaWdodCBiYXNlZCBvbiBzaXplICovXHJcbiAgc2l6ZVN0eWxlcyA9IHsgd2lkdGg6ICcnLCBoZWlnaHQ6ICcnIH07XHJcblxyXG4gIC8qKiBEZXRlY3QgY2hhbmdlcyB0byBpbnB1dHMgYW5kIHVwZGF0ZSBpY29uIHBhdGggb3Igc2l6ZSAqL1xyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGlmIChjaGFuZ2VzWydpY29uTmFtZSddICYmIHRoaXMuaWNvbk5hbWUpIHtcclxuICAgICAgLy8gVXBkYXRlIHRoZSBzcHJpdGUgcGF0aCB3aGVuIGljb25OYW1lIGNoYW5nZXNcclxuICAgICAgdGhpcy5pY29uUGF0aCA9IGAvYXNzZXRzL2ljb25zL3Nwcml0ZS5zdmcjJHt0aGlzLmljb25OYW1lfWA7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGNoYW5nZXNbJ3NpemUnXSkge1xyXG4gICAgICAvLyBVcGRhdGUgc2l6ZSBjbGFzcyBhbmQgaW5saW5lIHN0eWxlc1xyXG4gICAgICB0aGlzLnNldFNpemUodGhpcy5zaXplKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKiBTZXQgc2l6ZS1yZWxhdGVkIENTUyBjbGFzcyBhbmQgaW5saW5lIHdpZHRoL2hlaWdodCAqL1xyXG4gIHNldFNpemUoc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJykge1xyXG4gICAgc3dpdGNoIChzaXplKSB7XHJcbiAgICAgIGNhc2UgJ3NtYWxsJzpcclxuICAgICAgICB0aGlzLnNpemVDbGFzcyA9ICdzbWFsbCc7XHJcbiAgICAgICAgdGhpcy5zaXplU3R5bGVzID0geyB3aWR0aDogJzE2cHgnLCBoZWlnaHQ6ICcxNnB4JyB9O1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdtZWRpdW0nOlxyXG4gICAgICAgIHRoaXMuc2l6ZUNsYXNzID0gJ21lZGl1bSc7XHJcbiAgICAgICAgdGhpcy5zaXplU3R5bGVzID0geyB3aWR0aDogJzI0cHgnLCBoZWlnaHQ6ICcyNHB4JyB9O1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlICdsYXJnZSc6XHJcbiAgICAgICAgdGhpcy5zaXplQ2xhc3MgPSAnbGFyZ2UnO1xyXG4gICAgICAgIHRoaXMuc2l6ZVN0eWxlcyA9IHsgd2lkdGg6ICc0OHB4JywgaGVpZ2h0OiAnNDhweCcgfTtcclxuICAgICAgICBicmVhaztcclxuICAgICAgZGVmYXVsdDpcclxuICAgICAgICAvLyBGYWxsYmFjayB0byBtZWRpdW0gaWYgaW5wdXQgaXMgaW52YWxpZFxyXG4gICAgICAgIHRoaXMuc2l6ZUNsYXNzID0gJ21lZGl1bSc7XHJcbiAgICAgICAgdGhpcy5zaXplU3R5bGVzID0geyB3aWR0aDogJzI0cHgnLCBoZWlnaHQ6ICcyNHB4JyB9O1xyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8IS0tIFNWRyBjb250YWluZXIgZm9yIHRoZSBpY29uIC0tPlxyXG48IS0tIHNpemVDbGFzcyBhZGRzIGEgQ1NTIGNsYXNzIChzbWFsbCwgbWVkaXVtLCBsYXJnZSkgZm9yIHN0eWxpbmcgLS0+XHJcbjwhLS0gc2l6ZVN0eWxlcy53aWR0aCBhbmQgaGVpZ2h0IHNldCB0aGUgaW5saW5lIGRpbWVuc2lvbnMgLS0+XHJcbjxzdmcgXHJcbiAgW25nQ2xhc3NdPVwic2l6ZUNsYXNzXCIgXHJcbiAgW2F0dHIud2lkdGhdPVwic2l6ZVN0eWxlcy53aWR0aFwiIFxyXG4gIFthdHRyLmhlaWdodF09XCJzaXplU3R5bGVzLmhlaWdodFwiPlxyXG5cclxuICA8IS0tIDx1c2U+IHJlZmVyZW5jZXMgdGhlIHNwcml0ZSBpY29uIGJ5IGhyZWYgKHVwZGF0ZWQgaW4gVFMgYmFzZWQgb24gaWNvbk5hbWUpIC0tPlxyXG4gIDx1c2UgW2F0dHIuaHJlZl09XCJpY29uUGF0aFwiPjwvdXNlPlxyXG48L3N2Zz4iXX0=

package/esm2022/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './lib/button/button.component';
+export * from './lib/icon/icon.component'; // include icon component
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQyxDQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi9pY29uLmNvbXBvbmVudCc7IC8vIGluY2x1ZGUgaWNvbiBjb21wb25lbnRcclxuIl19

package/fesm2022/dso-design-system-ui.mjs

@@ -0,0 +1,130 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, EventEmitter, Output } from '@angular/core';
+
+class IconComponent {
+    /** Name of the icon to display (matches sprite ID) */
+    iconName = '';
+    /** Size of the icon: 'small', 'medium', 'large' */
+    size = 'medium';
+    /** Full SVG path reference for <use> element */
+    iconPath = '';
+    /** CSS class for icon size (small/medium/large) */
+    sizeClass = '';
+    /** Inline styles for width and height based on size */
+    sizeStyles = { width: '', height: '' };
+    /** Detect changes to inputs and update icon path or size */
+    ngOnChanges(changes) {
+        if (changes['iconName'] && this.iconName) {
+            // Update the sprite path when iconName changes
+            this.iconPath = `/assets/icons/sprite.svg#${this.iconName}`;
+        }
+        if (changes['size']) {
+            // Update size class and inline styles
+            this.setSize(this.size);
+        }
+    }
+    /** Set size-related CSS class and inline width/height */
+    setSize(size) {
+        switch (size) {
+            case 'small':
+                this.sizeClass = 'small';
+                this.sizeStyles = { width: '16px', height: '16px' };
+                break;
+            case 'medium':
+                this.sizeClass = 'medium';
+                this.sizeStyles = { width: '24px', height: '24px' };
+                break;
+            case 'large':
+                this.sizeClass = 'large';
+                this.sizeStyles = { width: '48px', height: '48px' };
+                break;
+            default:
+                // Fallback to medium if input is invalid
+                this.sizeClass = 'medium';
+                this.sizeStyles = { width: '24px', height: '24px' };
+                break;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: IconComponent, isStandalone: true, selector: "dso-icon", inputs: { iconName: "iconName", size: "size" }, usesOnChanges: true, ngImport: i0, template: "<!-- SVG container for the icon -->\r\n<!-- sizeClass adds a CSS class (small, medium, large) for styling -->\r\n<!-- sizeStyles.width and height set the inline dimensions -->\r\n<svg \r\n  [ngClass]=\"sizeClass\" \r\n  [attr.width]=\"sizeStyles.width\" \r\n  [attr.height]=\"sizeStyles.height\">\r\n\r\n  <!-- <use> references the sprite icon by href (updated in TS based on iconName) -->\r\n  <use [attr.href]=\"iconPath\"></use>\r\n</svg>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.small{max-width:16px;max-height:16px}.medium{max-width:24px;max-height:24px}.large{max-width:48px;max-height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dso-icon', standalone: true, imports: [CommonModule], template: "<!-- SVG container for the icon -->\r\n<!-- sizeClass adds a CSS class (small, medium, large) for styling -->\r\n<!-- sizeStyles.width and height set the inline dimensions -->\r\n<svg \r\n  [ngClass]=\"sizeClass\" \r\n  [attr.width]=\"sizeStyles.width\" \r\n  [attr.height]=\"sizeStyles.height\">\r\n\r\n  <!-- <use> references the sprite icon by href (updated in TS based on iconName) -->\r\n  <use [attr.href]=\"iconPath\"></use>\r\n</svg>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.small{max-width:16px;max-height:16px}.medium{max-width:24px;max-height:24px}.large{max-width:48px;max-height:48px}\n"] }]
+        }], propDecorators: { iconName: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+/**
+ * A reusable button component with configurable label, type, size, icon, and active/disabled state.
+ * Can be used standalone or in forms, tables, toolbars, etc.
+ */
+class ButtonComponent {
+    /** Label displayed on the button */
+    btnLabel = 'Default';
+    /** Button type / style variant */
+    btnType = 'filled';
+    /** Button size */
+    btnSize = 'mdBtn';
+    /** Optional icon name to display on the button */
+    btnIconName = null;
+    /** Whether the button is disabled */
+    isDisabled = false;
+    /** Whether the button is active (for toggle or selected states) */
+    isActive = false;
+    /** Event emitted when button is clicked */
+    onClick = new EventEmitter();
+    /**
+     * Handles click events on the button.
+     * If the button is disabled, the click is ignored.
+     * Otherwise, emits the onClick event to the parent.
+     */
+    handleClick(event) {
+        if (this.isDisabled)
+            return;
+        this.onClick.emit(event);
+    }
+    /**
+     * Maps the button's size to a corresponding icon size.
+     * Useful when displaying an icon alongside the label.
+     */
+    getIconSize() {
+        switch (this.btnSize) {
+            case 'lgBtn': return 'large';
+            case 'mdBtn': return 'medium';
+            case 'smBtn': return 'small';
+            default: return 'medium';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "dso-button", inputs: { btnLabel: "btnLabel", btnType: "btnType", btnSize: "btnSize", btnIconName: "btnIconName", isDisabled: "isDisabled", isActive: "isActive" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<!-- \r\n  Reusable Button Template\r\n\r\n  Dynamically applies classes based on:\r\n    - btnType: button style variant\r\n    - btnSize: button size\r\n    - isActive: active/selected state\r\n  Also disables button if isDisabled is true.\r\n\r\n  Displays an optional icon and label.\r\n-->\r\n\r\n<button \r\n  [ngClass]=\"{\r\n    'filled': btnType === 'filled', \r\n    'outlined': btnType === 'outlined',  \r\n    'text': btnType === 'text', \r\n    'ghost': btnType === 'ghost',\r\n    'link': btnType === 'link',\r\n    'contrast': btnType === 'contrast',\r\n    'lgBtn': btnSize === 'lgBtn',\r\n    'mdBtn': btnSize === 'mdBtn',\r\n    'smBtn': btnSize === 'smBtn',\r\n    'active': isActive\r\n  }\"\r\n  [disabled]=\"isDisabled\"\r\n  (click)=\"handleClick($event)\"\r\n>\r\n  <!-- Optional icon rendered before label -->\r\n  <dso-icon \r\n    *ngIf=\"btnIconName\" \r\n    [iconName]=\"btnIconName\" \r\n    [size]=\"getIconSize()\">\r\n  </dso-icon>\r\n\r\n  <!-- Button label -->\r\n  <span *ngIf=\"btnLabel\">{{ btnLabel }}</span>\r\n</button>\r\n", styles: [":host{display:inline-block}button{box-sizing:border-box;font-size:16px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-align:center;gap:8px;background:transparent;transition:all .3s ease;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button.smBtn{padding:0 8px}button.mdBtn{padding:8px 12px}button.lgBtn{padding:12px 20px}button.filled{background-color:#1993d0;color:#fff;border:none}button.filled:hover:not(:disabled),button.filled:focus:not(:disabled){background-color:#0056b3;outline:none;opacity:.8}button.filled:disabled{background-color:#a0a0a0;color:#f0f0f0}button.outlined{border:1px solid #1993d0;color:#1993d0;background:transparent}button.outlined:hover:not(:disabled),button.outlined:focus:not(:disabled){background:#007bff1a;border-color:#0056b3;color:#0056b3}button.outlined:disabled{border-color:#ddd;color:#ddd;background:transparent}button.text{background:transparent;border:none;color:#1993d0}button.text:hover:not(:disabled),button.text:focus:not(:disabled){text-decoration:underline;color:#0056b3}button.text:disabled{color:#ccc}button.link{background:transparent;border:none;color:#1993d0;padding:0;text-decoration:underline}button.link:hover:not(:disabled),button.link:focus:not(:disabled){color:#0056b3}button.link:disabled{color:#ccc}button.contrast{background:transparent;border:1px solid white;color:#fff}button.contrast:hover:not(:disabled),button.contrast:focus:not(:disabled){opacity:.7}button.contrast:disabled{color:#ccc}button.ghost{background:transparent;border:none;color:#1993d0;position:relative;overflow:hidden}button.ghost:hover:not(:disabled),button.ghost:focus:not(:disabled){background-color:#007bff1a;color:#0056b3}button.ghost:disabled{color:#ddd;background:transparent}button.active{box-shadow:0 0 0 2px #007bff66}button.active.text,button.active.outlined{background-color:#1993d0;color:#fff;border-color:#007bff}button.active.ghost{background-color:#1993d0;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "dso-icon", inputs: ["iconName", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dso-button', standalone: true, imports: [CommonModule, IconComponent], template: "<!-- \r\n  Reusable Button Template\r\n\r\n  Dynamically applies classes based on:\r\n    - btnType: button style variant\r\n    - btnSize: button size\r\n    - isActive: active/selected state\r\n  Also disables button if isDisabled is true.\r\n\r\n  Displays an optional icon and label.\r\n-->\r\n\r\n<button \r\n  [ngClass]=\"{\r\n    'filled': btnType === 'filled', \r\n    'outlined': btnType === 'outlined',  \r\n    'text': btnType === 'text', \r\n    'ghost': btnType === 'ghost',\r\n    'link': btnType === 'link',\r\n    'contrast': btnType === 'contrast',\r\n    'lgBtn': btnSize === 'lgBtn',\r\n    'mdBtn': btnSize === 'mdBtn',\r\n    'smBtn': btnSize === 'smBtn',\r\n    'active': isActive\r\n  }\"\r\n  [disabled]=\"isDisabled\"\r\n  (click)=\"handleClick($event)\"\r\n>\r\n  <!-- Optional icon rendered before label -->\r\n  <dso-icon \r\n    *ngIf=\"btnIconName\" \r\n    [iconName]=\"btnIconName\" \r\n    [size]=\"getIconSize()\">\r\n  </dso-icon>\r\n\r\n  <!-- Button label -->\r\n  <span *ngIf=\"btnLabel\">{{ btnLabel }}</span>\r\n</button>\r\n", styles: [":host{display:inline-block}button{box-sizing:border-box;font-size:16px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;text-align:center;gap:8px;background:transparent;transition:all .3s ease;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button.smBtn{padding:0 8px}button.mdBtn{padding:8px 12px}button.lgBtn{padding:12px 20px}button.filled{background-color:#1993d0;color:#fff;border:none}button.filled:hover:not(:disabled),button.filled:focus:not(:disabled){background-color:#0056b3;outline:none;opacity:.8}button.filled:disabled{background-color:#a0a0a0;color:#f0f0f0}button.outlined{border:1px solid #1993d0;color:#1993d0;background:transparent}button.outlined:hover:not(:disabled),button.outlined:focus:not(:disabled){background:#007bff1a;border-color:#0056b3;color:#0056b3}button.outlined:disabled{border-color:#ddd;color:#ddd;background:transparent}button.text{background:transparent;border:none;color:#1993d0}button.text:hover:not(:disabled),button.text:focus:not(:disabled){text-decoration:underline;color:#0056b3}button.text:disabled{color:#ccc}button.link{background:transparent;border:none;color:#1993d0;padding:0;text-decoration:underline}button.link:hover:not(:disabled),button.link:focus:not(:disabled){color:#0056b3}button.link:disabled{color:#ccc}button.contrast{background:transparent;border:1px solid white;color:#fff}button.contrast:hover:not(:disabled),button.contrast:focus:not(:disabled){opacity:.7}button.contrast:disabled{color:#ccc}button.ghost{background:transparent;border:none;color:#1993d0;position:relative;overflow:hidden}button.ghost:hover:not(:disabled),button.ghost:focus:not(:disabled){background-color:#007bff1a;color:#0056b3}button.ghost:disabled{color:#ddd;background:transparent}button.active{box-shadow:0 0 0 2px #007bff66}button.active.text,button.active.outlined{background-color:#1993d0;color:#fff;border-color:#007bff}button.active.ghost{background-color:#1993d0;color:#fff}\n"] }]
+        }], propDecorators: { btnLabel: [{
+                type: Input
+            }], btnType: [{
+                type: Input
+            }], btnSize: [{
+                type: Input
+            }], btnIconName: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, IconComponent };
+//# sourceMappingURL=dso-design-system-ui.mjs.map

package/fesm2022/dso-design-system-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dso-design-system-ui.mjs","sources":["../../../projects/ui/src/lib/icon/icon.component.ts","../../../projects/ui/src/lib/icon/icon.component.html","../../../projects/ui/src/lib/button/button.component.ts","../../../projects/ui/src/lib/button/button.component.html","../../../projects/ui/src/dso-design-system-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnChanges, SimpleChanges } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'dso-icon',\r\n  standalone: true,\r\n  templateUrl: './icon.component.html',\r\n  styleUrls: ['./icon.component.scss'],\r\n  imports: [ CommonModule ]\r\n})\r\nexport class IconComponent implements OnChanges {\r\n  \r\n  /** Name of the icon to display (matches sprite ID) */\r\n  @Input() iconName: string = '';\r\n\r\n  /** Size of the icon: 'small', 'medium', 'large' */\r\n  @Input() size: 'small' | 'medium' | 'large' = 'medium';\r\n\r\n  /** Full SVG path reference for <use> element */\r\n  iconPath: string = '';\r\n\r\n  /** CSS class for icon size (small/medium/large) */\r\n  sizeClass: string = '';\r\n\r\n  /** Inline styles for width and height based on size */\r\n  sizeStyles = { width: '', height: '' };\r\n\r\n  /** Detect changes to inputs and update icon path or size */\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['iconName'] && this.iconName) {\r\n      // Update the sprite path when iconName changes\r\n      this.iconPath = `/assets/icons/sprite.svg#${this.iconName}`;\r\n    }\r\n\r\n    if (changes['size']) {\r\n      // Update size class and inline styles\r\n      this.setSize(this.size);\r\n    }\r\n  }\r\n\r\n  /** Set size-related CSS class and inline width/height */\r\n  setSize(size: 'small' | 'medium' | 'large') {\r\n    switch (size) {\r\n      case 'small':\r\n        this.sizeClass = 'small';\r\n        this.sizeStyles = { width: '16px', height: '16px' };\r\n        break;\r\n      case 'medium':\r\n        this.sizeClass = 'medium';\r\n        this.sizeStyles = { width: '24px', height: '24px' };\r\n        break;\r\n      case 'large':\r\n        this.sizeClass = 'large';\r\n        this.sizeStyles = { width: '48px', height: '48px' };\r\n        break;\r\n      default:\r\n        // Fallback to medium if input is invalid\r\n        this.sizeClass = 'medium';\r\n        this.sizeStyles = { width: '24px', height: '24px' };\r\n        break;\r\n    }\r\n  }\r\n}\r\n","<!-- SVG container for the icon -->\r\n<!-- sizeClass adds a CSS class (small, medium, large) for styling -->\r\n<!-- sizeStyles.width and height set the inline dimensions -->\r\n<svg \r\n  [ngClass]=\"sizeClass\" \r\n  [attr.width]=\"sizeStyles.width\" \r\n  [attr.height]=\"sizeStyles.height\">\r\n\r\n  <!-- <use> references the sprite icon by href (updated in TS based on iconName) -->\r\n  <use [attr.href]=\"iconPath\"></use>\r\n</svg>","import { CommonModule } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { IconComponent } from '../icon/icon.component';\r\n\r\n/**\r\n * Configuration options for a button.\r\n */\r\nexport interface ButtonConfig {\r\n  btnLabel: string;\r\n  btnType?: 'filled' | 'outlined' | 'ghost' | 'text' | 'contrast' | 'link';\r\n  btnSize?: 'lgBtn' | 'mdBtn' | 'smBtn';\r\n  btnIconName?: string | null;\r\n  isDisabled?: boolean;\r\n}\r\n\r\n/**\r\n * A reusable button component with configurable label, type, size, icon, and active/disabled state.\r\n * Can be used standalone or in forms, tables, toolbars, etc.\r\n */\r\n@Component({\r\n  selector: 'dso-button',\r\n  standalone: true,\r\n  templateUrl: './button.component.html',\r\n  styleUrls: ['./button.component.scss'],\r\n  imports: [CommonModule, IconComponent]\r\n})\r\nexport class ButtonComponent {\r\n\r\n  /** Label displayed on the button */\r\n  @Input() btnLabel: string = 'Default';\r\n\r\n  /** Button type / style variant */\r\n  @Input() btnType: 'filled' | 'outlined' | 'ghost' | 'text' | 'contrast' | 'link' = 'filled';\r\n\r\n  /** Button size */\r\n  @Input() btnSize: 'lgBtn' | 'mdBtn' | 'smBtn' = 'mdBtn';\r\n\r\n  /** Optional icon name to display on the button */\r\n  @Input() btnIconName: string | null = null;\r\n\r\n  /** Whether the button is disabled */\r\n  @Input() isDisabled: boolean = false;\r\n\r\n  /** Whether the button is active (for toggle or selected states) */\r\n  @Input() isActive: boolean = false;\r\n\r\n  /** Event emitted when button is clicked */\r\n  @Output() onClick = new EventEmitter<MouseEvent>();\r\n\r\n  /**\r\n   * Handles click events on the button.\r\n   * If the button is disabled, the click is ignored.\r\n   * Otherwise, emits the onClick event to the parent.\r\n   */\r\n  handleClick(event: MouseEvent): void {\r\n    if (this.isDisabled) return;\r\n    this.onClick.emit(event);\r\n  }\r\n\r\n  /**\r\n   * Maps the button's size to a corresponding icon size.\r\n   * Useful when displaying an icon alongside the label.\r\n   */\r\n  getIconSize(): 'small' | 'medium' | 'large' {\r\n    switch (this.btnSize) {\r\n      case 'lgBtn': return 'large';\r\n      case 'mdBtn': return 'medium';\r\n      case 'smBtn': return 'small';\r\n      default: return 'medium';\r\n    }\r\n  }\r\n}\r\n","<!-- \r\n  Reusable Button Template\r\n\r\n  Dynamically applies classes based on:\r\n    - btnType: button style variant\r\n    - btnSize: button size\r\n    - isActive: active/selected state\r\n  Also disables button if isDisabled is true.\r\n\r\n  Displays an optional icon and label.\r\n-->\r\n\r\n<button \r\n  [ngClass]=\"{\r\n    'filled': btnType === 'filled', \r\n    'outlined': btnType === 'outlined',  \r\n    'text': btnType === 'text', \r\n    'ghost': btnType === 'ghost',\r\n    'link': btnType === 'link',\r\n    'contrast': btnType === 'contrast',\r\n    'lgBtn': btnSize === 'lgBtn',\r\n    'mdBtn': btnSize === 'mdBtn',\r\n    'smBtn': btnSize === 'smBtn',\r\n    'active': isActive\r\n  }\"\r\n  [disabled]=\"isDisabled\"\r\n  (click)=\"handleClick($event)\"\r\n>\r\n  <!-- Optional icon rendered before label -->\r\n  <dso-icon \r\n    *ngIf=\"btnIconName\" \r\n    [iconName]=\"btnIconName\" \r\n    [size]=\"getIconSize()\">\r\n  </dso-icon>\r\n\r\n  <!-- Button label -->\r\n  <span *ngIf=\"btnLabel\">{{ btnLabel }}</span>\r\n</button>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAUa,aAAa,CAAA;;IAGf,QAAQ,GAAW,EAAE,CAAC;;IAGtB,IAAI,GAAiC,QAAQ,CAAC;;IAGvD,QAAQ,GAAW,EAAE,CAAC;;IAGtB,SAAS,GAAW,EAAE,CAAC;;IAGvB,UAAU,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;;AAGvC,IAAA,WAAW,CAAC,OAAsB,EAAA;QAChC,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;;YAExC,IAAI,CAAC,QAAQ,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,QAAQ,EAAE,CAAC;SAC7D;AAED,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;;AAEnB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACzB;KACF;;AAGD,IAAA,OAAO,CAAC,IAAkC,EAAA;QACxC,QAAQ,IAAI;AACV,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;AACzB,gBAAA,IAAI,CAAC,UAAU,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;gBACpD,MAAM;AACR,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;AAC1B,gBAAA,IAAI,CAAC,UAAU,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;gBACpD,MAAM;AACR,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;AACzB,gBAAA,IAAI,CAAC,UAAU,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;gBACpD,MAAM;AACR,YAAA;;AAEE,gBAAA,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;AAC1B,gBAAA,IAAI,CAAC,UAAU,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;gBACpD,MAAM;SACT;KACF;wGAnDU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV1B,2bAUM,EAAA,MAAA,EAAA,CAAA,yRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFO,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAEZ,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EAGP,OAAA,EAAA,CAAE,YAAY,CAAE,EAAA,QAAA,EAAA,2bAAA,EAAA,MAAA,EAAA,CAAA,yRAAA,CAAA,EAAA,CAAA;8BAKhB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAGG,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;AEDR;;;AAGG;MAQU,eAAe,CAAA;;IAGjB,QAAQ,GAAW,SAAS,CAAC;;IAG7B,OAAO,GAAmE,QAAQ,CAAC;;IAGnF,OAAO,GAAgC,OAAO,CAAC;;IAG/C,WAAW,GAAkB,IAAI,CAAC;;IAGlC,UAAU,GAAY,KAAK,CAAC;;IAG5B,QAAQ,GAAY,KAAK,CAAC;;AAGzB,IAAA,OAAO,GAAG,IAAI,YAAY,EAAc,CAAC;AAEnD;;;;AAIG;AACH,IAAA,WAAW,CAAC,KAAiB,EAAA;QAC3B,IAAI,IAAI,CAAC,UAAU;YAAE,OAAO;AAC5B,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1B;AAED;;;AAGG;IACH,WAAW,GAAA;AACT,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,OAAO,EAAE,OAAO,OAAO,CAAC;AAC7B,YAAA,KAAK,OAAO,EAAE,OAAO,QAAQ,CAAC;AAC9B,YAAA,KAAK,OAAO,EAAE,OAAO,OAAO,CAAC;AAC7B,YAAA,SAAS,OAAO,QAAQ,CAAC;SAC1B;KACF;wGA5CU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EC1B5B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,2iCAsCA,EDdY,MAAA,EAAA,CAAA,m8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,iOAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAE1B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cACV,IAAI,EAAA,OAAA,EAGP,CAAC,YAAY,EAAE,aAAa,CAAC,EAAA,QAAA,EAAA,2iCAAA,EAAA,MAAA,EAAA,CAAA,m8DAAA,CAAA,EAAA,CAAA;8BAK7B,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAGG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAGG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAGG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAGG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAGI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;AE/CT;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@dso-design-system/ui" />
+export * from './public-api';

package/lib/assets/animations/LottieLego.json

@@ -0,0 +1 @@
+{"v":"4.8.0","meta":{"g":"LottieFiles AE ","a":"","k":"","d":"","tc":""},"fr":60,"ip":0,"op":180,"w":1024,"h":1024,"nm":"LEGO","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"1 ","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[512,453.05,0],"to":[0,-20,0],"ti":[0,0,0]},{"i":{"x":0.373,"y":1},"o":{"x":0.333,"y":0},"t":45,"s":[512,333.05,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[512,453.05,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.357,"y":1},"o":{"x":0.333,"y":0},"t":135,"s":[512,333.05,0],"to":[0,0,0],"ti":[0,-20,0]},{"t":180,"s":[512,453.05,0]}],"ix":2},"a":{"a":0,"k":[37.333,29.54,0],"ix":1},"s":{"a":0,"k":[600,600,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-16.814,-2.978],[0.986,-2.66],[3.242,0.574],[20.008,-23.176],[16.788,1.924],[-0.748,2.695],[-3.306,-0.379],[-20.092,23.274]],"o":[[3.241,0.574],[-0.987,2.659],[-9.889,-1.751],[-22.814,26.427],[-3.306,-0.378],[0.748,-2.693],[10.218,1.171],[22.898,-26.525]],"v":[[54.047,-38.662],[58.129,-32.806],[50.471,-29.03],[5.002,2.455],[-53.737,39.715],[-58.367,34.152],[-51.028,29.96],[-4.898,-2.689]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":8.157,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[37.794,22.908],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[18,18],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-32.333,-0.383],[-0.001,18.294],[32.333,-0.383],[-0.001,-18.294]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.058823529412,0.8,0.807843137255,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[37.333,23.295],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[16.167,-15.585],[16.167,-3.094],[-16.167,15.585],[-16.167,3.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.058823529412,0.8,0.807843137255,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,38.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-16.167,-15.585],[-16.167,-3.094],[16.167,15.585],[16.167,3.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.058823529412,0.8,0.807843137255,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.166,38.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"2 ","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.365,"y":0.365},"o":{"x":0.333,"y":0.333},"t":0,"s":[512,527.998,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.373,"y":0.373},"o":{"x":0.333,"y":0.333},"t":45,"s":[512,527.998,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.365,"y":0.365},"o":{"x":0.333,"y":0.333},"t":90,"s":[512,527.998,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.357,"y":0.357},"o":{"x":0.333,"y":0.333},"t":135,"s":[512,527.998,0],"to":[0,0,0],"ti":[0,0,0]},{"t":180,"s":[512,527.998,0]}],"ix":2},"a":{"a":0,"k":[37.333,29.54,0],"ix":1},"s":{"a":0,"k":[600,600,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.791],[2.878,0],[0,1.792],[-2.879,0]],"o":[[0,1.792],[-2.879,0],[0,-1.791],[2.878,0]],"v":[[5.213,0],[0.001,3.243],[-5.213,0],[0.001,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[38.052,9.745],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.879,0],[0,1.792],[0,0]],"o":[[0,0],[0,1.792],[2.879,0],[0,0],[0,0]],"v":[[-5.212,-3.823],[-5.212,0.579],[-0.001,3.823],[5.213,0.579],[5.213,-3.823]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[38.052,13.568],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.792],[2.879,0],[0,1.791],[-2.879,0]],"o":[[0,1.791],[-2.879,0],[0,-1.792],[2.879,0]],"v":[[5.212,0],[0,3.243],[-5.212,0],[0,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.323,19.018],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.878,0],[0,1.792],[0,0]],"o":[[0,0],[0,1.792],[2.879,0],[0,0],[0,0]],"v":[[-5.212,-3.823],[-5.212,0.579],[0,3.823],[5.212,0.579],[5.212,-3.823]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.322,22.84],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.792],[2.878,0],[0,1.791],[-2.879,0]],"o":[[0,1.791],[-2.879,0],[0,-1.792],[2.878,0]],"v":[[5.213,0],[0.001,3.243],[-5.213,0],[0.001,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,19.018],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.879,0],[0,1.792],[0,0]],"o":[[0,0],[0,1.792],[2.878,0],[0,0],[0,0]],"v":[[-5.212,-3.823],[-5.212,0.579],[0.001,3.823],[5.212,0.579],[5.212,-3.823]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,22.84],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.792],[2.878,0],[0,1.791],[-2.879,0]],"o":[[0,1.791],[-2.879,0],[0,-1.792],[2.878,0]],"v":[[5.213,0],[0.001,3.243],[-5.213,0],[0.001,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[36.771,28.291],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":3,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.879,0],[0,1.791],[0,0]],"o":[[0,0],[0,1.791],[2.879,0],[0,0],[0,0]],"v":[[-5.212,-3.822],[-5.212,0.579],[-0.001,3.823],[5.212,0.579],[5.212,-3.822]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[36.772,32.113],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-32.333,-0.383],[-0.001,18.294],[32.333,-0.383],[-0.001,-18.294]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[37.333,23.295],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[16.167,-15.585],[16.167,-3.092],[-16.167,15.585],[-16.167,3.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,38.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-16.167,-15.585],[-16.167,-3.092],[16.167,15.585],[16.167,3.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.800000059838,0.20000001496,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.166,38.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":3,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"3 ","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[512,602.948,0],"to":[0,20,0],"ti":[0,0,0]},{"i":{"x":0.373,"y":1},"o":{"x":0.333,"y":0},"t":45,"s":[512,722.948,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.365,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[512,602.948,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.357,"y":1},"o":{"x":0.333,"y":0},"t":135,"s":[512,722.948,0],"to":[0,0,0],"ti":[0,20,0]},{"t":180,"s":[512,602.948,0]}],"ix":2},"a":{"a":0,"k":[37.333,29.54,0],"ix":1},"s":{"a":0,"k":[600,600,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.791],[2.878,0],[0,1.792],[-2.879,0]],"o":[[0,1.792],[-2.879,0],[0,-1.791],[2.878,0]],"v":[[5.213,0],[0.001,3.243],[-5.213,0],[0.001,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[38.052,10.253],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.879,0],[0,1.792],[0,0]],"o":[[0,0],[0,1.792],[2.879,0],[0,0],[0,0]],"v":[[-5.212,-3.822],[-5.212,0.579],[-0.001,3.822],[5.213,0.579],[5.213,-3.822]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[38.052,14.076],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.791],[2.879,0],[0,1.791],[-2.879,0]],"o":[[0,1.791],[-2.879,0],[0,-1.791],[2.879,0]],"v":[[5.212,0],[0,3.243],[-5.212,0],[0,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.323,19.526],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":3,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.878,0],[0,1.791],[0,0]],"o":[[0,0],[0,1.791],[2.879,0],[0,0],[0,0]],"v":[[-5.212,-3.822],[-5.212,0.579],[0,3.822],[5.212,0.579],[5.212,-3.822]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.322,23.349],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":3,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.791],[2.878,0],[0,1.791],[-2.879,0]],"o":[[0,1.791],[-2.879,0],[0,-1.791],[2.878,0]],"v":[[5.213,0],[0.001,3.243],[-5.213,0],[0.001,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,19.526],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":3,"cix":2,"bm":0,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.879,0],[0,1.791],[0,0]],"o":[[0,0],[0,1.791],[2.878,0],[0,0],[0,0]],"v":[[-5.212,-3.822],[-5.212,0.579],[0.001,3.822],[5.212,0.579],[5.212,-3.822]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,23.349],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":3,"cix":2,"bm":0,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,-1.791],[2.878,0],[0,1.791],[-2.879,0]],"o":[[0,1.791],[-2.879,0],[0,-1.791],[2.878,0]],"v":[[5.213,0],[0.001,3.243],[-5.213,0],[0.001,-3.243]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[36.771,28.8],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":3,"cix":2,"bm":0,"ix":7,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-2.879,0],[0,1.791],[0,0]],"o":[[0,0],[0,1.791],[2.879,0],[0,0],[0,0]],"v":[[-5.212,-3.823],[-5.212,0.579],[-0.001,3.822],[5.212,0.579],[5.212,-3.823]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[36.772,32.622],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":3,"cix":2,"bm":0,"ix":8,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-32.333,-0.383],[-0.001,18.294],[32.333,-0.383],[-0.001,-18.294]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[37.333,23.295],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 9","np":3,"cix":2,"bm":0,"ix":9,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[16.167,-15.585],[16.167,-3.094],[-16.167,15.585],[-16.167,3.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[53.5,38.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 10","np":3,"cix":2,"bm":0,"ix":10,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-16.167,-15.585],[-16.167,-3.094],[16.167,15.585],[16.167,3.094]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.071000005685,0.075,0.19199999641,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.898039215686,0.36862745098,0.282352941176,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[21.166,38.496],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 11","np":3,"cix":2,"bm":0,"ix":11,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":180,"st":0,"bm":0}],"markers":[]}

package/lib/assets/icons/center-align.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.75H20C20.1989 6.75 20.3897 6.67098 20.5303 6.53033C20.671 6.38968 20.75 6.19891 
+20.75 6C20.75 5.80109 20.671 5.61032 20.5303 5.46967C20.3897 5.32902 20.1989 5.25 20 5.25H4C3.80109 5.25 3.61032 5.32902 3.46967 5.46967C3.32902 
+5.61032 3.25 5.80109 3.25 6C3.25 6.19891 3.32902 6.38968 3.46967 6.53033C3.61032 6.67098 3.80109 6.75 4 6.75ZM7 10.75H17C17.1989 10.75 17.3897 10.671 
+17.5303 10.5303C17.671 10.3897 17.75 10.1989 17.75 10C17.75 9.80109 17.671 9.61032 17.5303 9.46967C17.3897 9.32902 17.1989 9.25 17 9.25H7C6.80109 9.25 
+6.61032 9.32902 6.46967 9.46967C6.32902 9.61032 6.25 9.80109 6.25 10C6.25 10.1989 6.32902 10.3897 6.46967 10.5303C6.61032 10.671 6.80109 10.75 7 10.75ZM20 
+14.75H4C3.80109 14.75 3.61032 14.671 3.46967 14.5303C3.32902 14.3897 3.25 14.1989 3.25 14C3.25 13.8011 3.32902 13.6103 3.46967 13.4697C3.61032 13.329 3.80109 
+13.25 4 13.25H20C20.1989 13.25 20.3897 13.329 20.5303 13.4697C20.671 13.6103 20.75 13.8011 20.75 14C20.75 14.1989 20.671 14.3897 20.5303 14.5303C20.3897 
+14.671 20.1989 14.75 20 14.75ZM7 18.75H17C17.1989 18.75 17.3897 18.671 17.5303 18.5303C17.671 18.3897 17.75 18.1989 17.75 18C17.75 17.8011 17.671 17.6103 17.5303 
+17.4697C17.3897 17.329 17.1989 17.25 17 17.25H7C6.80109 17.25 6.61032 17.329 6.46967 17.4697C6.32902 17.6103 6.25 17.8011 6.25 18C6.25 18.1989 6.32902 18.3897 6.46967 
+18.5303C6.61032 18.671 6.80109 18.75 7 18.75Z" fill="#212121"/>
+</svg>

package/lib/assets/icons/chevron_down.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<svg class="feather feather-chevron-down" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+<polyline points="6 9 12 15 18 9"/>
+</svg>

package/lib/assets/icons/close.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.707 7.121L1.414 11.414L0 10L4.293 5.707L0 1.414L1.414 0L5.707 4.293L10 0L11.414 1.414L7.121 5.707L11.414 10L10 11.414L5.707 7.121Z" fill="black"/>
+</svg>

package/lib/assets/icons/dm-submit.svg

@@ -0,0 +1,4 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M291.48 449.94C288.668 449.938 285.913 449.146 283.529 447.653C281.146 446.161 279.23 444.029 278 441.5L207.5 296.57L62.57 226.08C59.9592 224.807 57.774 222.804 56.2797 220.313C54.7855 217.823 54.0464 214.952 54.1523 212.049C54.2582 209.147 55.2045 206.338 56.8762 203.963C58.548 201.587 60.8734 199.749 63.57 198.67L435.48 49.0798C438.209 47.9798 441.201 47.7068 444.084 48.2946C446.967 48.8824 449.614 50.3051 451.694 52.3856C453.775 54.4661 455.197 57.1126 455.785 59.9956C456.373 62.8786 456.1 65.8708 455 68.5998L305.4 440.54C304.315 443.234 302.472 445.556 300.093 447.223C297.714 448.89 294.903 449.83 292 449.93L291.48 449.94ZM106.1 213.94L225.28 271.94C228.301 273.409 230.741 275.849 232.21 278.87L290.21 398.05L414 89.9998L106.1 213.94Z" fill="white"/>
+<path d="M218.72 300.349C215.753 300.349 212.853 299.468 210.387 297.819C207.92 296.17 205.998 293.827 204.863 291.086C203.729 288.345 203.433 285.328 204.012 282.419C204.592 279.509 206.021 276.837 208.12 274.739L430.47 52.3893C431.863 50.9966 433.517 49.8921 435.337 49.1386C437.158 48.3851 439.108 47.9976 441.078 47.998C443.048 47.9985 444.999 48.387 446.819 49.1413C448.639 49.8956 450.292 51.001 451.685 52.3943C453.078 53.7876 454.182 55.4416 454.936 57.2618C455.689 59.0821 456.077 61.0329 456.076 63.0029C456.076 64.9728 455.687 66.9235 454.933 68.7433C454.179 70.5632 453.073 72.2166 451.68 73.6093L229.33 295.999C226.509 298.797 222.693 300.362 218.72 300.349Z" fill="white"/>
+</svg>

package/lib/assets/icons/document.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M8 12H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M8 8H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M8 16H13" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/lib/assets/icons/gallery.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#1C274C" stroke-width="1.5"/>
+<circle cx="16" cy="8" r="2" stroke="#1C274C" stroke-width="1.5"/>
+<path d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/lib/assets/icons/left-align.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.06993 7H20.0699C20.2688 7 20.4596 6.92098 20.6003 6.78033C20.7409 6.63968 20.8199 6.44891 20.8199 6.25C20.8199 6.05109 20.7409 5.86032 20.6003 5.71967C20.4596 5.57902 20.2688 5.5 20.0699 5.5H4.06993C3.87102 5.5 3.68025 5.57902 3.5396 5.71967C3.39895 5.86032 3.31993 6.05109 3.31993 6.25C3.31993 6.44891 3.39895 6.63968 3.5396 6.78033C3.68025 6.92098 3.87102 7 4.06993 7ZM3.92993 11H13.9299C14.1288 11 14.3196 10.921 14.4603 10.7803C14.6009 10.6397 14.6799 10.4489 14.6799 10.25C14.6799 10.0511 14.6009 9.86032 14.4603 9.71967C14.3196 9.57902 14.1288 9.5 13.9299 9.5H3.92993C3.73102 9.5 3.54025 9.57902 3.3996 9.71967C3.25895 9.86032 3.17993 10.0511 3.17993 10.25C3.17993 10.4489 3.25895 10.6397 3.3996 10.7803C3.54025 10.921 3.73102 11 3.92993 11ZM20.0699 15H4.06993C3.87102 15 3.68025 14.921 3.5396 14.7803C3.39895 14.6397 3.31993 14.4489 3.31993 14.25C3.31993 14.0511 3.39895 13.8603 3.5396 13.7197C3.68025 13.579 3.87102 13.5 4.06993 13.5H20.0699C20.2688 13.5 20.4596 13.579 20.6003 13.7197C20.7409 13.8603 20.8199 14.0511 20.8199 14.25C20.8199 14.4489 20.7409 14.6397 20.6003 14.7803C20.4596 14.921 20.2688 15 20.0699 15ZM3.92993 19H13.9299C14.1288 19 14.3196 18.921 14.4603 18.7803C14.6009 18.6397 14.6799 18.4489 14.6799 18.25C14.6799 18.0511 14.6009 17.8603 14.4603 17.7197C14.3196 17.579 14.1288 17.5 13.9299 17.5H3.92993C3.73102 17.5 3.54025 17.579 3.3996 17.7197C3.25895 17.8603 3.17993 18.0511 3.17993 18.25C3.17993 18.4489 3.25895 18.6397 3.3996 18.7803C3.54025 18.921 3.73102 19 3.92993 19Z" fill="#212121"/>
+</svg>

package/lib/assets/icons/lm-submit.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0"?><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title/>
+<g data-name="1" id="_1">
+<path d="M291.48,449.94A15,15,0,0,1,278,441.5L207.5,296.57,62.57,226.08a15,15,0,0,1,1-27.41L435.48,49.08A15,15,0,0,1,455,68.6L305.4,440.54A15,15,0,0,1,292,449.93Zm-185.38-236,119.18,58a15,15,0,0,1,6.93,6.93l58,119.18L414,90Z"/>
+<path d="M218.72,300.35a15,15,0,0,1-10.6-25.61L430.47,52.39a15,15,0,1,1,21.21,21.22L229.33,296A15,15,0,0,1,218.72,300.35Z"/></g></svg>

package/lib/assets/icons/menu.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 15.75C19.1989 15.75 19.3896 15.8291 19.5303 15.9697C19.6709 16.1104 19.75 16.3011 19.75 16.5C19.75 16.6989 19.6709 16.8896 19.5303 17.0303C19.3896 17.1709 19.1989 17.25 19 17.25H5C4.80109 17.25 4.61038 17.1709 4.46973 17.0303C4.32907 16.8896 4.25 16.6989 4.25 16.5C4.25 16.3011 4.32907 16.1104 4.46973 15.9697C4.61038 15.8291 4.80109 15.75 5 15.75H19ZM19 11.25C19.1989 11.25 19.3896 11.3291 19.5303 11.4697C19.6709 11.6104 19.75 11.8011 19.75 12C19.75 12.1989 19.6709 12.3896 19.5303 12.5303C19.3896 12.6709 19.1989 12.75 19 12.75H5C4.80109 12.75 4.61038 12.6709 4.46973 12.5303C4.32907 12.3896 4.25 12.1989 4.25 12C4.25 11.8011 4.32907 11.6104 4.46973 11.4697C4.61038 11.3291 4.80109 11.25 5 11.25H19ZM19 6.75C19.1989 6.75 19.3896 6.82907 19.5303 6.96973C19.6709 7.11038 19.75 7.30109 19.75 7.5C19.75 7.69891 19.6709 7.88962 19.5303 8.03027C19.3896 8.17093 19.1989 8.25 19 8.25H5C4.80109 8.25 4.61038 8.17093 4.46973 8.03027C4.32907 7.88962 4.25 7.69891 4.25 7.5C4.25 7.30109 4.32907 7.11038 4.46973 6.96973C4.61038 6.82907 4.80109 6.75 5 6.75H19Z" fill="#212121"/>
+</svg>

package/lib/assets/icons/notification.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.17 4.44H16.83C15.82 4.44 15 5.26 15 6.27V6.72L5.5 8.76V8.25C5.5 7.84 5.16 7.5 4.75 7.5C4.34 7.5 4 7.84 4 8.25V15.25C4 15.66 4.34 16 4.75 16C5.16 16 5.5 15.66 5.5 15.25V14.62L15 16.66V17.11C15 18.12 15.82 18.94 16.83 18.94H18.17C19.18 18.94 20 18.12 20 17.11V6.27C20 5.26 19.18 4.44 18.17 4.44ZM5.5 13.08V10.29L15 8.25V15.12L5.5 13.08ZM18.5 17.11C18.5 17.29 18.35 17.44 18.17 17.44H16.83C16.65 17.44 16.5 17.29 16.5 17.11V6.27C16.5 6.09 16.65 5.94 16.83 5.94H18.17C18.35 5.94 18.5 6.09 18.5 6.27V17.11ZM12.97 17.63C12.6 18.79 11.53 19.57 10.3 19.57C8.76 19.57 7.5 18.33 7.5 16.82C7.5 16.71 7.5 16.59 7.52 16.48C7.57 16.07 7.95 15.78 8.36 15.83C8.77 15.88 9.06 16.25 9.01 16.66C9.01 16.71 9.01 16.76 9.01 16.81C9.01 17.5 9.59 18.06 10.31 18.06C10.88 18.06 11.38 17.7 11.55 17.17C11.67 16.77 12.1 16.55 12.49 16.68C12.89 16.8 13.1 17.23 12.98 17.62L12.97 17.63Z" fill="#212121"/>
+</svg>

package/lib/assets/icons/slanted-check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4424 5.29585C18.9694 4.84997 19.7582 4.91549 20.2042 5.44234C20.65 5.96929 20.5845 6.7581 20.0577 7.20406L7.05767 18.2041C6.74104 18.472 6.31154 18.5651 5.91217 18.4531C5.51311 18.341 5.19568 18.0387 5.06451 17.6455L3.06451 11.6455C2.84623 10.9906 3.19981 10.2828 3.85455 10.0644C4.50938 9.84613 5.21718 10.1997 5.4356 10.8544L6.85162 15.1025L18.4424 5.29585Z" fill="black"/>
+</svg>

package/lib/assets/icons/sprite.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol id="icon-center-align" viewBox="0 0 24 24">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.75H20C20.1989 6.75 20.3897 6.67098 20.5303 6.53033C20.671 6.38968 20.75 6.19891 &#xA;20.75 6C20.75 5.80109 20.671 5.61032 20.5303 5.46967C20.3897 5.32902 20.1989 5.25 20 5.25H4C3.80109 5.25 3.61032 5.32902 3.46967 5.46967C3.32902 &#xA;5.61032 3.25 5.80109 3.25 6C3.25 6.19891 3.32902 6.38968 3.46967 6.53033C3.61032 6.67098 3.80109 6.75 4 6.75ZM7 10.75H17C17.1989 10.75 17.3897 10.671 &#xA;17.5303 10.5303C17.671 10.3897 17.75 10.1989 17.75 10C17.75 9.80109 17.671 9.61032 17.5303 9.46967C17.3897 9.32902 17.1989 9.25 17 9.25H7C6.80109 9.25 &#xA;6.61032 9.32902 6.46967 9.46967C6.32902 9.61032 6.25 9.80109 6.25 10C6.25 10.1989 6.32902 10.3897 6.46967 10.5303C6.61032 10.671 6.80109 10.75 7 10.75ZM20 &#xA;14.75H4C3.80109 14.75 3.61032 14.671 3.46967 14.5303C3.32902 14.3897 3.25 14.1989 3.25 14C3.25 13.8011 3.32902 13.6103 3.46967 13.4697C3.61032 13.329 3.80109 &#xA;13.25 4 13.25H20C20.1989 13.25 20.3897 13.329 20.5303 13.4697C20.671 13.6103 20.75 13.8011 20.75 14C20.75 14.1989 20.671 14.3897 20.5303 14.5303C20.3897 &#xA;14.671 20.1989 14.75 20 14.75ZM7 18.75H17C17.1989 18.75 17.3897 18.671 17.5303 18.5303C17.671 18.3897 17.75 18.1989 17.75 18C17.75 17.8011 17.671 17.6103 17.5303 &#xA;17.4697C17.3897 17.329 17.1989 17.25 17 17.25H7C6.80109 17.25 6.61032 17.329 6.46967 17.4697C6.32902 17.6103 6.25 17.8011 6.25 18C6.25 18.1989 6.32902 18.3897 6.46967 &#xA;18.5303C6.61032 18.671 6.80109 18.75 7 18.75Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="icon-chevron_down" viewBox="0 0 24 24">
+    <polyline points="6 9 12 15 18 9"/>
+  </symbol>
+  <symbol id="icon-close" viewBox="0 0 12 12">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.707 7.121L1.414 11.414L0 10L4.293 5.707L0 1.414L1.414 0L5.707 4.293L10 0L11.414 1.414L7.121 5.707L11.414 10L10 11.414L5.707 7.121Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="icon-dm-submit" viewBox="0 0 512 512">
+    <path d="M291.48 449.94C288.668 449.938 285.913 449.146 283.529 447.653C281.146 446.161 279.23 444.029 278 441.5L207.5 296.57L62.57 226.08C59.9592 224.807 57.774 222.804 56.2797 220.313C54.7855 217.823 54.0464 214.952 54.1523 212.049C54.2582 209.147 55.2045 206.338 56.8762 203.963C58.548 201.587 60.8734 199.749 63.57 198.67L435.48 49.0798C438.209 47.9798 441.201 47.7068 444.084 48.2946C446.967 48.8824 449.614 50.3051 451.694 52.3856C453.775 54.4661 455.197 57.1126 455.785 59.9956C456.373 62.8786 456.1 65.8708 455 68.5998L305.4 440.54C304.315 443.234 302.472 445.556 300.093 447.223C297.714 448.89 294.903 449.83 292 449.93L291.48 449.94ZM106.1 213.94L225.28 271.94C228.301 273.409 230.741 275.849 232.21 278.87L290.21 398.05L414 89.9998L106.1 213.94Z" fill="currentColor"/>
+    <path d="M218.72 300.349C215.753 300.349 212.853 299.468 210.387 297.819C207.92 296.17 205.998 293.827 204.863 291.086C203.729 288.345 203.433 285.328 204.012 282.419C204.592 279.509 206.021 276.837 208.12 274.739L430.47 52.3893C431.863 50.9966 433.517 49.8921 435.337 49.1386C437.158 48.3851 439.108 47.9976 441.078 47.998C443.048 47.9985 444.999 48.387 446.819 49.1413C448.639 49.8956 450.292 51.001 451.685 52.3943C453.078 53.7876 454.182 55.4416 454.936 57.2618C455.689 59.0821 456.077 61.0329 456.076 63.0029C456.076 64.9728 455.687 66.9235 454.933 68.7433C454.179 70.5632 453.073 72.2166 451.68 73.6093L229.33 295.999C226.509 298.797 222.693 300.362 218.72 300.349Z" fill="white"/>
+  </symbol>
+  <symbol id="icon-document" viewBox="0 0 24 24">
+    <path d="M3 10C3 6.22876 3 4.34315 4.17157 3.17157C5.34315 2 7.22876 2 11 2H13C16.7712 2 18.6569 2 19.8284 3.17157C21 4.34315 21 6.22876 21 10V14C21 17.7712 21 19.6569 19.8284 20.8284C18.6569 22 16.7712 22 13 22H11C7.22876 22 5.34315 22 4.17157 20.8284C3 19.6569 3 17.7712 3 14V10Z" stroke="#1C274C" stroke-width="1.5" fill="currentColor"/>
+    <path d="M8 12H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+    <path d="M8 8H16" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+    <path d="M8 16H13" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+  </symbol>
+  <symbol id="icon-gallery" viewBox="0 0 24 24">
+    <path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#1C274C" stroke-width="1.5" fill="currentColor"/>
+    <path d="M2 12.5001L3.75159 10.9675C4.66286 10.1702 6.03628 10.2159 6.89249 11.0721L11.1822 15.3618C11.8694 16.0491 12.9512 16.1428 13.7464 15.5839L14.0446 15.3744C15.1888 14.5702 16.7369 14.6634 17.7765 15.599L21 18.5001" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+    <circle cx="16" cy="8" r="2" stroke="#1C274C" stroke-width="1.5"/>
+  </symbol>
+  <symbol id="icon-left-align" viewBox="0 0 24 24">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.06993 7H20.0699C20.2688 7 20.4596 6.92098 20.6003 6.78033C20.7409 6.63968 20.8199 6.44891 20.8199 6.25C20.8199 6.05109 20.7409 5.86032 20.6003 5.71967C20.4596 5.57902 20.2688 5.5 20.0699 5.5H4.06993C3.87102 5.5 3.68025 5.57902 3.5396 5.71967C3.39895 5.86032 3.31993 6.05109 3.31993 6.25C3.31993 6.44891 3.39895 6.63968 3.5396 6.78033C3.68025 6.92098 3.87102 7 4.06993 7ZM3.92993 11H13.9299C14.1288 11 14.3196 10.921 14.4603 10.7803C14.6009 10.6397 14.6799 10.4489 14.6799 10.25C14.6799 10.0511 14.6009 9.86032 14.4603 9.71967C14.3196 9.57902 14.1288 9.5 13.9299 9.5H3.92993C3.73102 9.5 3.54025 9.57902 3.3996 9.71967C3.25895 9.86032 3.17993 10.0511 3.17993 10.25C3.17993 10.4489 3.25895 10.6397 3.3996 10.7803C3.54025 10.921 3.73102 11 3.92993 11ZM20.0699 15H4.06993C3.87102 15 3.68025 14.921 3.5396 14.7803C3.39895 14.6397 3.31993 14.4489 3.31993 14.25C3.31993 14.0511 3.39895 13.8603 3.5396 13.7197C3.68025 13.579 3.87102 13.5 4.06993 13.5H20.0699C20.2688 13.5 20.4596 13.579 20.6003 13.7197C20.7409 13.8603 20.8199 14.0511 20.8199 14.25C20.8199 14.4489 20.7409 14.6397 20.6003 14.7803C20.4596 14.921 20.2688 15 20.0699 15ZM3.92993 19H13.9299C14.1288 19 14.3196 18.921 14.4603 18.7803C14.6009 18.6397 14.6799 18.4489 14.6799 18.25C14.6799 18.0511 14.6009 17.8603 14.4603 17.7197C14.3196 17.579 14.1288 17.5 13.9299 17.5H3.92993C3.73102 17.5 3.54025 17.579 3.3996 17.7197C3.25895 17.8603 3.17993 18.0511 3.17993 18.25C3.17993 18.4489 3.25895 18.6397 3.3996 18.7803C3.54025 18.921 3.73102 19 3.92993 19Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="icon-lm-submit" viewBox="0 0 512 512">
+    <title/>
+    <g data-name="1" id="_1">
+      <path d="M291.48,449.94A15,15,0,0,1,278,441.5L207.5,296.57,62.57,226.08a15,15,0,0,1,1-27.41L435.48,49.08A15,15,0,0,1,455,68.6L305.4,440.54A15,15,0,0,1,292,449.93Zm-185.38-236,119.18,58a15,15,0,0,1,6.93,6.93l58,119.18L414,90Z"/>
+      <path d="M218.72,300.35a15,15,0,0,1-10.6-25.61L430.47,52.39a15,15,0,1,1,21.21,21.22L229.33,296A15,15,0,0,1,218.72,300.35Z"/>
+    </g>
+  </symbol>
+  <symbol id="icon-menu" viewBox="0 0 24 24">
+    <path d="M19 15.75C19.1989 15.75 19.3896 15.8291 19.5303 15.9697C19.6709 16.1104 19.75 16.3011 19.75 16.5C19.75 16.6989 19.6709 16.8896 19.5303 17.0303C19.3896 17.1709 19.1989 17.25 19 17.25H5C4.80109 17.25 4.61038 17.1709 4.46973 17.0303C4.32907 16.8896 4.25 16.6989 4.25 16.5C4.25 16.3011 4.32907 16.1104 4.46973 15.9697C4.61038 15.8291 4.80109 15.75 5 15.75H19ZM19 11.25C19.1989 11.25 19.3896 11.3291 19.5303 11.4697C19.6709 11.6104 19.75 11.8011 19.75 12C19.75 12.1989 19.6709 12.3896 19.5303 12.5303C19.3896 12.6709 19.1989 12.75 19 12.75H5C4.80109 12.75 4.61038 12.6709 4.46973 12.5303C4.32907 12.3896 4.25 12.1989 4.25 12C4.25 11.8011 4.32907 11.6104 4.46973 11.4697C4.61038 11.3291 4.80109 11.25 5 11.25H19ZM19 6.75C19.1989 6.75 19.3896 6.82907 19.5303 6.96973C19.6709 7.11038 19.75 7.30109 19.75 7.5C19.75 7.69891 19.6709 7.88962 19.5303 8.03027C19.3896 8.17093 19.1989 8.25 19 8.25H5C4.80109 8.25 4.61038 8.17093 4.46973 8.03027C4.32907 7.88962 4.25 7.69891 4.25 7.5C4.25 7.30109 4.32907 7.11038 4.46973 6.96973C4.61038 6.82907 4.80109 6.75 5 6.75H19Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="icon-notification" viewBox="0 0 24 24">
+    <path d="M18.17 4.44H16.83C15.82 4.44 15 5.26 15 6.27V6.72L5.5 8.76V8.25C5.5 7.84 5.16 7.5 4.75 7.5C4.34 7.5 4 7.84 4 8.25V15.25C4 15.66 4.34 16 4.75 16C5.16 16 5.5 15.66 5.5 15.25V14.62L15 16.66V17.11C15 18.12 15.82 18.94 16.83 18.94H18.17C19.18 18.94 20 18.12 20 17.11V6.27C20 5.26 19.18 4.44 18.17 4.44ZM5.5 13.08V10.29L15 8.25V15.12L5.5 13.08ZM18.5 17.11C18.5 17.29 18.35 17.44 18.17 17.44H16.83C16.65 17.44 16.5 17.29 16.5 17.11V6.27C16.5 6.09 16.65 5.94 16.83 5.94H18.17C18.35 5.94 18.5 6.09 18.5 6.27V17.11ZM12.97 17.63C12.6 18.79 11.53 19.57 10.3 19.57C8.76 19.57 7.5 18.33 7.5 16.82C7.5 16.71 7.5 16.59 7.52 16.48C7.57 16.07 7.95 15.78 8.36 15.83C8.77 15.88 9.06 16.25 9.01 16.66C9.01 16.71 9.01 16.76 9.01 16.81C9.01 17.5 9.59 18.06 10.31 18.06C10.88 18.06 11.38 17.7 11.55 17.17C11.67 16.77 12.1 16.55 12.49 16.68C12.89 16.8 13.1 17.23 12.98 17.62L12.97 17.63Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="icon-slanted-check" viewBox="0 0 24 24">
+    <path d="M18.4424 5.29585C18.9694 4.84997 19.7582 4.91549 20.2042 5.44234C20.65 5.96929 20.5845 6.7581 20.0577 7.20406L7.05767 18.2041C6.74104 18.472 6.31154 18.5651 5.91217 18.4531C5.51311 18.341 5.19568 18.0387 5.06451 17.6455L3.06451 11.6455C2.84623 10.9906 3.19981 10.2828 3.85455 10.0644C4.50938 9.84613 5.21718 10.1997 5.4356 10.8544L6.85162 15.1025L18.4424 5.29585Z" fill="currentColor"/>
+  </symbol>
+  <symbol id="icon-van" viewBox="0 0 24 24">
+    <path d="M17.5 6.75H15.5V6C15.5 5.04 14.71 4.25 13.75 4.25H4.5C3.54 4.25 2.75 5.04 2.75 6V15C2.75 15.96 3.54 16.75 4.5 16.75H4.78C4.91 18.42 6.3 19.75 8 19.75C9.7 19.75 11.09 18.42 11.22 16.75H12.77C12.9 18.42 14.29 19.75 15.99 19.75C17.69 19.75 19.08 18.42 19.21 16.75H19.49C20.45 16.75 21.24 15.96 21.24 15V10.5C21.24 8.43 19.56 6.75 17.49 6.75H17.5ZM4.25 15V6C4.25 5.86 4.36 5.75 4.5 5.75H13.75C13.89 5.75 14 5.86 14 6V13.94C14 13.94 13.95 14 13.92 14.02C13.77 14.15 13.63 14.29 13.5 14.44C13.46 14.49 13.42 14.53 13.39 14.58C13.24 14.79 13.1 15 13.01 15.24H11.01C11.01 15.24 11.01 15.24 11.01 15.23C10.94 15.06 10.84 14.89 10.74 14.74C10.71 14.7 10.68 14.66 10.65 14.61C10.57 14.49 10.48 14.39 10.38 14.28C10.34 14.24 10.31 14.2 10.27 14.16C10.14 14.04 10.01 13.93 9.87 13.83C9.85 13.82 9.84 13.8 9.82 13.79C9.67 13.69 9.51 13.61 9.35 13.53C9.29 13.5 9.23 13.48 9.17 13.46C9.04 13.41 8.92 13.37 8.79 13.34C8.73 13.33 8.67 13.31 8.61 13.3C8.42 13.26 8.22 13.24 8.02 13.24C7.82 13.24 7.63 13.26 7.43 13.3C7.37 13.31 7.31 13.33 7.25 13.34C7.12 13.37 6.99 13.41 6.87 13.46C6.81 13.48 6.75 13.5 6.69 13.53C6.53 13.6 6.37 13.69 6.22 13.79C6.2 13.8 6.19 13.81 6.17 13.83C6.03 13.93 5.89 14.04 5.77 14.16C5.73 14.2 5.69 14.24 5.66 14.28C5.56 14.38 5.47 14.49 5.39 14.61C5.36 14.65 5.33 14.69 5.3 14.74C5.2 14.9 5.11 15.06 5.03 15.23C5.03 15.23 5.03 15.23 5.03 15.24H4.53C4.39 15.24 4.28 15.13 4.28 14.99L4.25 15ZM8 18.25C7.04 18.25 6.25 17.46 6.25 16.5C6.25 16.38 6.26 16.26 6.29 16.15C6.33 15.97 6.4 15.8 6.49 15.65C6.5 15.62 6.52 15.6 6.53 15.57C6.62 15.43 6.73 15.3 6.86 15.19C6.89 15.17 6.91 15.15 6.94 15.13C7.07 15.03 7.22 14.94 7.38 14.88C7.4 14.88 7.43 14.86 7.46 14.86C7.63 14.8 7.82 14.76 8.01 14.76C8.2 14.76 8.38 14.8 8.56 14.86C8.59 14.86 8.61 14.87 8.64 14.88C8.8 14.94 8.95 15.03 9.08 15.13C9.11 15.15 9.13 15.17 9.16 15.19C9.29 15.3 9.4 15.43 9.49 15.57C9.51 15.59 9.52 15.62 9.53 15.65C9.62 15.81 9.69 15.97 9.73 16.15C9.75 16.26 9.77 16.38 9.77 16.5C9.77 17.46 8.98 18.25 8.02 18.25H8ZM16 18.25C15.04 18.25 14.25 17.46 14.25 16.5C14.25 16.38 14.26 16.26 14.29 16.15C14.32 16.03 14.35 15.91 14.4 15.8C14.4 15.8 14.4 15.79 14.4 15.78C14.45 15.68 14.5 15.58 14.57 15.49C14.58 15.47 14.6 15.46 14.61 15.44C14.67 15.36 14.73 15.29 14.8 15.22C14.82 15.2 14.84 15.19 14.86 15.17C14.93 15.11 15.01 15.05 15.09 15C15.11 14.99 15.14 14.97 15.17 14.96C15.26 14.91 15.36 14.87 15.46 14.84C15.5 14.83 15.54 14.81 15.59 14.8C15.72 14.77 15.86 14.75 16 14.75C16.19 14.75 16.37 14.79 16.55 14.85C16.58 14.85 16.6 14.86 16.63 14.87C16.79 14.93 16.94 15.02 17.07 15.12C17.1 15.14 17.12 15.16 17.15 15.18C17.28 15.29 17.39 15.42 17.48 15.56C17.5 15.58 17.51 15.61 17.52 15.64C17.61 15.8 17.68 15.96 17.72 16.14C17.74 16.25 17.76 16.37 17.76 16.49C17.76 17.45 16.97 18.24 16.01 18.24L16 18.25ZM15.5 11.25V8.25H17.5C18.74 8.25 19.75 9.26 19.75 10.5V11.25H15.5Z" fill="currentColor"/>
+  </symbol>
+</svg>

package/lib/assets/icons/van.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 6.75H15.5V6C15.5 5.04 14.71 4.25 13.75 4.25H4.5C3.54 4.25 2.75 5.04 2.75 6V15C2.75 15.96 3.54 16.75 4.5 16.75H4.78C4.91 18.42 6.3 19.75 8 19.75C9.7 19.75 11.09 18.42 11.22 16.75H12.77C12.9 18.42 14.29 19.75 15.99 19.75C17.69 19.75 19.08 18.42 19.21 16.75H19.49C20.45 16.75 21.24 15.96 21.24 15V10.5C21.24 8.43 19.56 6.75 17.49 6.75H17.5ZM4.25 15V6C4.25 5.86 4.36 5.75 4.5 5.75H13.75C13.89 5.75 14 5.86 14 6V13.94C14 13.94 13.95 14 13.92 14.02C13.77 14.15 13.63 14.29 13.5 14.44C13.46 14.49 13.42 14.53 13.39 14.58C13.24 14.79 13.1 15 13.01 15.24H11.01C11.01 15.24 11.01 15.24 11.01 15.23C10.94 15.06 10.84 14.89 10.74 14.74C10.71 14.7 10.68 14.66 10.65 14.61C10.57 14.49 10.48 14.39 10.38 14.28C10.34 14.24 10.31 14.2 10.27 14.16C10.14 14.04 10.01 13.93 9.87 13.83C9.85 13.82 9.84 13.8 9.82 13.79C9.67 13.69 9.51 13.61 9.35 13.53C9.29 13.5 9.23 13.48 9.17 13.46C9.04 13.41 8.92 13.37 8.79 13.34C8.73 13.33 8.67 13.31 8.61 13.3C8.42 13.26 8.22 13.24 8.02 13.24C7.82 13.24 7.63 13.26 7.43 13.3C7.37 13.31 7.31 13.33 7.25 13.34C7.12 13.37 6.99 13.41 6.87 13.46C6.81 13.48 6.75 13.5 6.69 13.53C6.53 13.6 6.37 13.69 6.22 13.79C6.2 13.8 6.19 13.81 6.17 13.83C6.03 13.93 5.89 14.04 5.77 14.16C5.73 14.2 5.69 14.24 5.66 14.28C5.56 14.38 5.47 14.49 5.39 14.61C5.36 14.65 5.33 14.69 5.3 14.74C5.2 14.9 5.11 15.06 5.03 15.23C5.03 15.23 5.03 15.23 5.03 15.24H4.53C4.39 15.24 4.28 15.13 4.28 14.99L4.25 15ZM8 18.25C7.04 18.25 6.25 17.46 6.25 16.5C6.25 16.38 6.26 16.26 6.29 16.15C6.33 15.97 6.4 15.8 6.49 15.65C6.5 15.62 6.52 15.6 6.53 15.57C6.62 15.43 6.73 15.3 6.86 15.19C6.89 15.17 6.91 15.15 6.94 15.13C7.07 15.03 7.22 14.94 7.38 14.88C7.4 14.88 7.43 14.86 7.46 14.86C7.63 14.8 7.82 14.76 8.01 14.76C8.2 14.76 8.38 14.8 8.56 14.86C8.59 14.86 8.61 14.87 8.64 14.88C8.8 14.94 8.95 15.03 9.08 15.13C9.11 15.15 9.13 15.17 9.16 15.19C9.29 15.3 9.4 15.43 9.49 15.57C9.51 15.59 9.52 15.62 9.53 15.65C9.62 15.81 9.69 15.97 9.73 16.15C9.75 16.26 9.77 16.38 9.77 16.5C9.77 17.46 8.98 18.25 8.02 18.25H8ZM16 18.25C15.04 18.25 14.25 17.46 14.25 16.5C14.25 16.38 14.26 16.26 14.29 16.15C14.32 16.03 14.35 15.91 14.4 15.8C14.4 15.8 14.4 15.79 14.4 15.78C14.45 15.68 14.5 15.58 14.57 15.49C14.58 15.47 14.6 15.46 14.61 15.44C14.67 15.36 14.73 15.29 14.8 15.22C14.82 15.2 14.84 15.19 14.86 15.17C14.93 15.11 15.01 15.05 15.09 15C15.11 14.99 15.14 14.97 15.17 14.96C15.26 14.91 15.36 14.87 15.46 14.84C15.5 14.83 15.54 14.81 15.59 14.8C15.72 14.77 15.86 14.75 16 14.75C16.19 14.75 16.37 14.79 16.55 14.85C16.58 14.85 16.6 14.86 16.63 14.87C16.79 14.93 16.94 15.02 17.07 15.12C17.1 15.14 17.12 15.16 17.15 15.18C17.28 15.29 17.39 15.42 17.48 15.56C17.5 15.58 17.51 15.61 17.52 15.64C17.61 15.8 17.68 15.96 17.72 16.14C17.74 16.25 17.76 16.37 17.76 16.49C17.76 17.45 16.97 18.24 16.01 18.24L16 18.25ZM15.5 11.25V8.25H17.5C18.74 8.25 19.75 9.26 19.75 10.5V11.25H15.5Z" fill="#212121"/>
+</svg>

package/lib/assets/illustrations/Add_To_Cart.svg

@@ -0,0 +1,96 @@
+<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M223.578 222.873C193.687 239.236 163.36 240.436 138.487 229.418C113.614 218.4 94.3052 194.945 86.4507 161.891C146.342 129.273 207.76 156.545 223.578 222.873Z" fill="#199180"/>
+<path d="M215.942 219.927L96.8143 166.582C96.7052 166.582 96.7052 166.473 96.7052 166.364C96.7052 166.255 96.8143 166.255 96.9234 166.255L216.269 219.164C216.487 219.273 216.596 219.491 216.487 219.709C216.487 219.927 216.16 220.036 215.942 219.927Z" fill="white"/>
+<path d="M147.323 188.945C144.923 186.327 143.069 183.273 141.651 180.109C140.887 178.473 140.342 176.836 139.905 175.091C139.469 173.345 139.251 171.6 139.142 169.855C139.142 169.636 139.36 169.418 139.578 169.418C139.796 169.418 140.014 169.636 140.014 169.855C140.014 171.6 140.123 173.345 140.56 174.982C140.887 176.727 141.433 178.364 142.087 180C143.396 183.055 145.142 186.109 147.323 188.945C147.433 188.836 147.433 188.836 147.323 188.945Z" fill="white"/>
+<path d="M183.651 205.091C180.16 205.2 176.669 205.964 173.396 207.164C171.76 207.709 170.233 208.473 168.705 209.346C167.178 210.218 165.869 211.309 164.56 212.4C164.342 212.509 164.123 212.509 163.905 212.4C163.796 212.182 163.796 211.964 163.905 211.746C165.323 210.655 166.742 209.564 168.378 208.8C169.905 207.927 171.542 207.273 173.287 206.727C176.669 205.636 180.16 204.982 183.651 204.982C183.651 204.982 183.651 204.982 183.651 205.091Z" fill="white"/>
+<path d="M196.196 210.654C193.796 208.036 191.942 204.982 190.523 201.818C189.76 200.182 189.214 198.545 188.778 196.8C188.342 195.054 188.123 193.309 188.014 191.564C188.014 191.345 188.233 191.127 188.451 191.127C188.669 191.127 188.887 191.345 188.887 191.564C188.887 193.309 188.996 195.054 189.433 196.691C189.76 198.436 190.305 200.073 190.96 201.709C192.269 204.873 194.014 207.927 196.196 210.654C196.305 210.654 196.305 210.654 196.196 210.654C196.305 210.764 196.196 210.764 196.196 210.654Z" fill="white"/>
+<path d="M128.996 180.764C125.505 180.873 122.014 181.636 118.742 182.836C117.105 183.382 115.578 184.145 114.051 185.018C112.523 185.891 111.214 186.982 109.905 188.073C109.687 188.182 109.469 188.182 109.251 188.073C109.032 187.964 109.142 187.636 109.251 187.418C110.669 186.327 112.087 185.236 113.723 184.473C115.251 183.6 116.887 182.945 118.632 182.4C122.014 181.309 125.505 180.655 128.996 180.655C128.996 180.545 128.996 180.655 128.996 180.764C128.996 180.655 128.996 180.655 128.996 180.764Z" fill="white"/>
+<path d="M223.578 222.873C207.651 252.982 182.996 270.764 156.16 275.236C129.323 279.709 100.305 270.873 75.5416 247.527C107.614 187.309 173.832 176.291 223.578 222.873Z" fill="#2AB19F"/>
+<path d="M215.614 224.618L86.887 245.782C86.7779 245.782 86.6688 245.782 86.6688 245.673C86.6688 245.564 86.6688 245.454 86.7779 245.454L215.505 223.854C215.723 223.854 215.942 223.964 216.051 224.182C216.051 224.4 215.832 224.618 215.614 224.618Z" fill="white"/>
+<path d="M141.214 236.618C137.832 235.745 134.56 234.218 131.614 232.364C130.087 231.382 128.669 230.291 127.469 229.091C126.16 227.891 125.069 226.473 123.978 225.055C123.869 224.836 123.869 224.618 124.087 224.4C124.305 224.291 124.523 224.291 124.742 224.509C125.723 225.927 126.814 227.345 128.014 228.545C129.214 229.745 130.523 230.836 132.051 231.818C134.887 233.782 138.051 235.418 141.432 236.4C141.323 236.509 141.323 236.509 141.214 236.618C141.323 236.618 141.323 236.618 141.214 236.618Z" fill="white"/>
+<path d="M180.487 230.073C177.651 232.146 175.142 234.655 173.069 237.382C171.978 238.8 171.105 240.218 170.342 241.855C169.578 243.382 169.033 245.018 168.487 246.655C168.378 246.873 168.16 246.982 167.942 246.982C167.723 246.873 167.614 246.655 167.614 246.436C168.16 244.691 168.814 243.055 169.687 241.527C170.56 240 171.542 238.473 172.633 237.055C174.814 234.327 177.433 231.927 180.487 230.073C180.487 229.964 180.378 229.964 180.487 230.073Z" fill="white"/>
+<path d="M194.014 227.782C190.632 226.909 187.36 225.382 184.414 223.527C182.887 222.545 181.469 221.455 180.269 220.255C178.96 219.055 177.869 217.636 176.778 216.218C176.669 216 176.669 215.782 176.887 215.564C177.105 215.455 177.323 215.455 177.542 215.673C178.523 217.091 179.614 218.509 180.814 219.709C182.014 220.909 183.323 222 184.851 222.982C187.687 224.945 190.851 226.582 194.232 227.564C194.123 227.673 194.123 227.782 194.014 227.782C194.123 227.782 194.123 227.782 194.014 227.782Z" fill="white"/>
+<path d="M121.36 239.891C118.523 241.964 116.014 244.473 113.942 247.2C112.851 248.618 111.978 250.036 111.214 251.673C110.451 253.2 109.905 254.836 109.36 256.473C109.251 256.691 109.032 256.8 108.814 256.8C108.596 256.691 108.487 256.473 108.487 256.255C109.032 254.509 109.687 252.873 110.56 251.345C111.432 249.818 112.414 248.291 113.505 246.873C115.796 244.145 118.414 241.745 121.36 239.891C121.36 239.782 121.36 239.782 121.36 239.891C121.469 239.891 121.469 239.782 121.36 239.891Z" fill="white"/>
+<path d="M223.469 222.764C189.76 217.418 164.996 199.855 152.123 175.964C139.251 152.073 138.16 121.745 152.123 90.6545C219.432 101.455 251.396 160.691 223.469 222.764Z" fill="#48DBC5"/>
+<path d="M219.214 215.782L157.469 100.8C157.469 100.691 157.469 100.582 157.578 100.582C157.687 100.582 157.796 100.582 157.796 100.691L219.978 215.455C220.087 215.673 219.978 215.891 219.76 216C219.542 216.109 219.323 216 219.214 215.782Z" fill="white"/>
+<path d="M183.76 149.346C183.542 145.855 183.869 142.255 184.633 138.873C185.069 137.127 185.614 135.491 186.378 133.855C187.032 132.218 188.014 130.691 188.996 129.273C189.105 129.055 189.432 129.055 189.651 129.164C189.869 129.273 189.869 129.6 189.76 129.818C188.778 131.236 187.796 132.655 187.033 134.182C186.269 135.709 185.614 137.346 185.178 139.091C184.196 142.473 183.76 145.964 183.869 149.455C183.869 149.346 183.869 149.346 183.76 149.346Z" fill="white"/>
+<path d="M202.632 184.255C199.796 182.182 196.632 180.655 193.251 179.673C191.614 179.127 189.869 178.8 188.123 178.582C186.378 178.364 184.632 178.364 182.996 178.473C182.778 178.473 182.56 178.255 182.56 178.036C182.56 177.818 182.778 177.6 182.996 177.6C184.742 177.6 186.596 177.6 188.342 177.927C190.087 178.255 191.832 178.691 193.469 179.236C196.742 180.327 199.905 182.073 202.632 184.255C202.742 184.255 202.742 184.255 202.632 184.255Z" fill="white"/>
+<path d="M209.178 196.364C208.96 192.873 209.287 189.273 210.051 185.891C210.487 184.145 211.032 182.509 211.796 180.873C212.451 179.236 213.432 177.709 214.414 176.291C214.523 176.073 214.851 176.073 215.069 176.182C215.287 176.291 215.287 176.618 215.178 176.836C214.196 178.254 213.214 179.673 212.451 181.2C211.687 182.727 211.032 184.364 210.596 186.109C209.614 189.491 209.178 192.982 209.287 196.473C209.287 196.473 209.287 196.473 209.178 196.364C209.178 196.473 209.178 196.473 209.178 196.364Z" fill="white"/>
+<path d="M174.16 131.564C171.323 129.491 168.16 127.964 164.778 126.982C163.142 126.436 161.396 126.109 159.651 125.891C157.905 125.673 156.16 125.673 154.523 125.782C154.305 125.782 154.087 125.564 154.087 125.346C154.087 125.127 154.305 124.909 154.523 124.909C156.269 124.909 158.123 124.909 159.869 125.236C161.614 125.564 163.36 126 164.996 126.546C168.378 127.746 171.542 129.382 174.16 131.564C174.269 131.564 174.269 131.564 174.16 131.564C174.269 131.673 174.269 131.673 174.16 131.564Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M443.287 114.982V483.927C443.287 497.673 432.051 508.909 418.305 508.909H230.669C216.923 508.909 205.687 497.673 205.687 483.927V114.982C205.687 101.236 216.923 90 230.669 90H418.305C432.051 90 443.287 101.236 443.287 114.982Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M230.669 502.255C220.523 502.255 212.232 493.964 212.232 483.818V114.982C212.232 104.836 220.523 96.5454 230.669 96.5454H418.305C428.451 96.5454 436.742 104.836 436.742 114.982V483.927C436.742 494.073 428.451 502.364 418.305 502.364H230.669V502.255Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M343.36 115.309C344.778 115.309 345.978 114.109 345.978 112.691C345.978 111.273 344.778 110.073 343.36 110.073H294.596C293.178 110.073 291.978 111.273 291.978 112.691C291.978 114.109 293.178 115.309 294.596 115.309H343.36ZM352.087 110.073C350.669 110.073 349.469 111.273 349.469 112.691C349.469 114.109 350.669 115.309 352.087 115.309H354.378C355.796 115.309 356.996 114.109 356.996 112.691C356.996 111.273 355.796 110.073 354.378 110.073H352.087Z" fill="#5B6F8B"/>
+<path d="M116.56 416.727V441.927C116.56 442.363 116.232 442.691 115.796 442.691H68.1234C67.687 442.691 67.3597 442.363 67.3597 441.927V416.727C67.3597 416.291 67.687 415.963 68.1234 415.963H115.687C116.123 415.963 116.56 416.291 116.56 416.727Z" fill="#48DBC5"/>
+<path d="M116.56 418.909H67.3597V420.545H116.56V418.909Z" fill="#5B6F8B"/>
+<path d="M110.123 415.963H106.742V442.8H110.123V415.963Z" fill="#2AB19F"/>
+<path d="M97.0325 426.654H76.8506V432.109H97.0325V426.654Z" fill="white"/>
+<path d="M157.687 384.654L176.56 405.6C176.887 405.927 176.887 406.582 176.451 406.909L136.851 442.473C136.523 442.8 135.869 442.8 135.542 442.363L116.669 421.418C116.342 420.982 116.342 420.436 116.778 420.109L156.378 384.545C156.705 384.218 157.36 384.218 157.687 384.654Z" fill="#FDD333"/>
+<path d="M159.285 386.463L118.309 423.286L119.548 424.665L160.525 387.842L159.285 386.463Z" fill="#5B6F8B"/>
+<path d="M151.767 388.737L148.927 391.289L168.979 413.603L171.819 411.051L151.767 388.737Z" fill="#FCC800"/>
+<path d="M148.831 407.43L132.035 422.523L136.118 427.067L152.914 411.974L148.831 407.43Z" fill="white"/>
+<path d="M171.214 509.891C177.721 509.891 182.996 504.616 182.996 498.109C182.996 491.602 177.721 486.327 171.214 486.327C164.707 486.327 159.432 491.602 159.432 498.109C159.432 504.616 164.707 509.891 171.214 509.891Z" fill="#5B6F8B"/>
+<path d="M79.4688 509.891C85.9757 509.891 91.2506 504.616 91.2506 498.109C91.2506 491.602 85.9757 486.327 79.4688 486.327C72.9619 486.327 67.687 491.602 67.687 498.109C67.687 504.616 72.9619 509.891 79.4688 509.891Z" fill="#5B6F8B"/>
+<path d="M171.214 505.745C175.432 505.745 178.851 502.326 178.851 498.109C178.851 493.892 175.432 490.473 171.214 490.473C166.997 490.473 163.578 493.892 163.578 498.109C163.578 502.326 166.997 505.745 171.214 505.745Z" fill="white"/>
+<path d="M79.4688 505.745C83.6863 505.745 87.1052 502.326 87.1052 498.109C87.1052 493.892 83.6863 490.473 79.4688 490.473C75.2514 490.473 71.8325 493.892 71.8325 498.109C71.8325 502.326 75.2514 505.745 79.4688 505.745Z" fill="white"/>
+<path d="M169.032 483.272H151.796L166.851 499.2C167.614 500.072 168.814 500.509 170.014 500.509C173.069 500.509 175.142 497.345 173.942 494.509L169.032 483.272Z" fill="#92BFED"/>
+<path d="M77.287 483.272H60.0507L75.1052 499.2C75.8688 500.072 77.0688 500.509 78.2688 500.509C81.3234 500.509 83.3961 497.345 82.1961 494.509L77.287 483.272Z" fill="#92BFED"/>
+<path d="M91.9052 484.582C91.1416 484.582 90.5961 484.036 90.5961 483.273C90.5961 472.8 99.1052 464.182 109.687 464.182H177.542C178.305 464.182 178.851 464.727 178.851 465.491C178.851 466.254 178.305 466.8 177.542 466.8H109.687C100.632 466.8 93.2143 474.218 93.2143 483.273C93.2143 484.036 92.6689 484.582 91.9052 484.582Z" fill="#A3CAED"/>
+<path d="M173.614 484.582H60.0507C59.287 484.582 58.7416 484.036 58.7416 483.273C58.7416 482.509 59.287 481.964 60.0507 481.964H173.614C175.36 481.964 176.996 481.309 178.196 480.109C179.396 478.909 180.16 477.382 180.269 475.636C180.378 474.436 180.051 473.236 179.505 472.255L165.214 444.764C165.105 444.436 164.996 444.109 165.105 443.782L199.36 333.164C199.578 332.509 200.342 332.073 200.996 332.291C201.651 332.509 202.087 333.273 201.869 333.927L167.723 444L181.687 471.055C182.451 472.582 182.778 474.218 182.669 475.855C182.56 478.255 181.469 480.436 179.723 482.073C178.196 483.709 176.014 484.582 173.614 484.582Z" fill="#A3CAED"/>
+<path d="M166.414 445.418H55.1416C51.8688 445.418 49.0325 443.018 48.3779 439.745L39.1052 386.836C38.7779 384.982 39.2143 383.018 40.4143 381.491C41.6143 379.964 43.3597 378.982 45.3234 378.873L189.76 367.2C190.196 367.2 190.632 367.309 190.851 367.636C191.069 367.964 191.178 368.4 191.069 368.836L167.614 444.436C167.505 445.091 166.96 445.418 166.414 445.418ZM188.014 370.036L45.5416 381.491C44.3416 381.6 43.2506 382.145 42.487 383.127C41.7234 384.109 41.5052 385.2 41.7234 386.4L51.1052 439.309C51.4325 441.382 53.1779 442.8 55.2506 442.8H165.542L188.014 370.036Z" fill="#A3CAED"/>
+<path d="M73.9052 445.418C73.2506 445.418 72.7052 444.873 72.5961 444.218L65.5052 378.546C65.3961 377.782 65.9415 377.237 66.7052 377.127C67.3597 377.018 68.0143 377.564 68.1234 378.327L75.2143 444C75.3234 444.764 74.7779 445.309 74.0143 445.418H73.9052Z" fill="#A3CAED"/>
+<path d="M105.323 445.418C104.56 445.418 104.014 444.873 104.014 444.109L103.032 375.382C103.032 374.618 103.578 374.073 104.342 374.073C105.105 374.073 105.651 374.618 105.651 375.382L106.632 444.109C106.632 444.873 106.087 445.418 105.323 445.418Z" fill="#A3CAED"/>
+<path d="M139.142 445.418H139.032C138.269 445.309 137.832 444.764 137.832 444L144.051 372C144.16 371.236 144.705 370.691 145.469 370.8C146.232 370.909 146.669 371.455 146.669 372.218L140.451 444.218C140.451 444.873 139.796 445.418 139.142 445.418Z" fill="#A3CAED"/>
+<path d="M43.1416 403.418C42.487 403.418 41.8325 402.873 41.8325 402.218C41.8325 401.455 42.3779 400.909 43.0325 400.8L181.687 393.491C182.451 393.491 182.996 394.036 183.105 394.691C183.105 395.455 182.56 396 181.905 396.109L43.1416 403.418Z" fill="#A3CAED"/>
+<path d="M47.6143 428.618C46.9597 428.618 46.3052 428.073 46.3052 427.309C46.3052 426.545 46.8506 426 47.6143 426L172.523 423.382C173.178 423.382 173.832 423.927 173.832 424.691C173.832 425.455 173.287 426 172.523 426L47.6143 428.618Z" fill="#A3CAED"/>
+<path d="M218.232 336.545H200.778C199.142 336.545 197.723 335.236 197.723 333.491C197.723 331.745 199.032 330.436 200.778 330.436H218.232C219.869 330.436 221.287 331.745 221.287 333.491C221.287 335.236 219.869 336.545 218.232 336.545Z" fill="#292561"/>
+<path d="M419.287 140.946C419.287 141.382 418.96 141.818 418.414 141.818L399.542 141.709C399.105 141.709 398.669 141.491 398.451 141.164C398.123 140.836 396.705 125.891 396.705 125.891C396.596 125.127 395.942 124.582 395.178 124.582H393.105C392.669 124.582 392.232 124.146 392.232 123.709C392.232 123.273 392.56 122.836 393.105 122.836H395.178C396.814 122.836 398.123 124.036 398.342 125.564V125.673C398.451 126.109 398.778 126.436 399.214 126.436L420.269 126.546C420.814 126.546 421.142 127.091 421.032 127.527L419.069 136.473C418.96 136.8 418.742 137.127 418.305 137.127L399.978 138.436V138.546L399.869 138.873C399.76 139.418 400.196 139.855 400.742 139.855L418.414 139.964C418.96 140.073 419.287 140.509 419.287 140.946Z" fill="#5B6F8B"/>
+<path d="M404.56 145.091C404.56 146.291 403.578 147.382 402.269 147.273C401.069 147.273 399.978 146.291 400.087 144.982C400.087 143.782 401.069 142.691 402.378 142.8C403.578 142.8 404.56 143.782 404.56 145.091Z" fill="#5B6F8B"/>
+<path d="M416.451 145.091C416.451 146.291 415.469 147.382 414.16 147.273C412.96 147.273 411.869 146.291 411.978 144.982C411.978 143.782 412.96 142.691 414.269 142.8C415.36 142.909 416.451 143.891 416.451 145.091Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.414 126.436V129.818C232.414 130.036 232.196 130.255 231.978 130.255H228.596C228.378 130.255 228.16 130.036 228.16 129.818V126.436C228.16 126.218 228.378 126 228.596 126H231.978C232.196 126 232.414 126.109 232.414 126.436Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M254.232 128.182C254.232 128.836 253.687 129.382 253.032 129.382H235.469C234.814 129.382 234.269 128.836 234.269 128.182C234.269 127.527 234.814 126.982 235.469 126.982H253.032C253.687 126.873 254.232 127.418 254.232 128.182Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.414 133.418V136.8C232.414 137.018 232.196 137.236 231.978 137.236H228.596C228.378 137.236 228.16 137.018 228.16 136.8V133.418C228.16 133.2 228.378 132.982 228.596 132.982H231.978C232.196 132.873 232.414 133.091 232.414 133.418Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M254.232 135.054C254.232 135.709 253.687 136.254 253.032 136.254H235.469C234.814 136.254 234.269 135.709 234.269 135.054C234.269 134.4 234.814 133.854 235.469 133.854H253.032C253.687 133.854 254.232 134.4 254.232 135.054Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M232.414 140.291V143.673C232.414 143.891 232.196 144.109 231.978 144.109H228.596C228.378 144.109 228.16 143.891 228.16 143.673V140.291C228.16 140.073 228.378 139.854 228.596 139.854H231.978C232.196 139.854 232.414 140.073 232.414 140.291Z" fill="#5B6F8B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M254.232 142.036C254.232 142.691 253.687 143.236 253.032 143.236H235.469C234.814 143.236 234.269 142.691 234.269 142.036C234.269 141.382 234.814 140.836 235.469 140.836H253.032C253.687 140.836 254.232 141.382 254.232 142.036Z" fill="#5B6F8B"/>
+<path d="M304.96 238.036H236.451C235.36 238.036 234.487 237.164 234.487 236.073V167.564C234.487 166.473 235.36 165.6 236.451 165.6H304.96C306.051 165.6 306.923 166.473 306.923 167.564V236.073C306.923 237.164 306.051 238.036 304.96 238.036ZM236.56 166.8C236.123 166.8 235.687 167.127 235.687 167.673V236.182C235.687 236.618 236.014 237.055 236.56 237.055H305.069C305.505 237.055 305.942 236.727 305.942 236.182V167.673C305.942 167.236 305.614 166.8 305.069 166.8H236.56Z" fill="#5B6F8B"/>
+<path d="M291.651 203.018L285.978 196.255L287.287 223.309H254.232L255.542 196.255L249.869 203.018L242.342 194.946C242.342 194.946 252.051 182.946 253.905 181.964C255.651 180.982 263.614 180.327 263.614 180.327C263.723 182.946 265.687 187.091 270.705 187.091C275.723 187.091 277.687 182.946 277.796 180.327C277.796 180.327 285.76 180.982 287.505 181.964C289.251 182.946 299.069 194.946 299.069 194.946L291.651 203.018Z" fill="#FF9A05"/>
+<path d="M412.414 238.036H343.905C342.814 238.036 341.942 237.164 341.942 236.073V167.564C341.942 166.473 342.814 165.6 343.905 165.6H412.414C413.505 165.6 414.378 166.473 414.378 167.564V236.073C414.269 237.164 413.505 238.036 412.414 238.036ZM343.905 166.8C343.469 166.8 343.032 167.127 343.032 167.673V236.182C343.032 236.618 343.36 237.055 343.905 237.055H412.414C412.851 237.055 413.287 236.727 413.287 236.182V167.673C413.287 167.236 412.96 166.8 412.414 166.8H343.905Z" fill="#5B6F8B"/>
+<path d="M413.832 323.236H236.56C235.469 323.236 234.596 322.364 234.596 321.273V252.764C234.596 251.673 235.469 250.8 236.56 250.8H413.832C414.923 250.8 415.796 251.673 415.796 252.764V321.382C415.687 322.364 414.814 323.236 413.832 323.236ZM236.56 252C236.123 252 235.687 252.327 235.687 252.873V321.382C235.687 321.818 236.014 322.255 236.56 322.255H413.832C414.269 322.255 414.705 321.927 414.705 321.382V252.873C414.705 252.436 414.378 252 413.832 252H236.56Z" fill="#5B6F8B"/>
+<path d="M306.378 279.709V297.273C306.378 297.491 306.378 297.709 306.269 297.927C305.942 300 304.087 301.636 301.905 301.636H251.614C249.76 301.636 248.014 300.327 247.687 298.473C247.687 298.364 247.687 298.364 247.687 298.255C247.469 296.727 248.342 295.309 249.542 294.546L275.942 279.491C276.378 279.273 276.814 279.491 276.923 279.927C277.796 284.291 281.614 287.673 286.196 287.673C290.996 287.673 294.923 284.182 295.578 279.491C295.578 279.164 295.905 278.836 296.232 278.836H305.396C306.051 279.055 306.378 279.273 306.378 279.709Z" fill="#3D84F2"/>
+<path d="M306.378 298.036V300.436C306.378 302.4 304.742 304.036 302.778 304.036H251.287C249.323 304.036 247.687 302.4 247.687 300.436V298.582C248.014 300.436 249.76 301.745 251.614 301.745H301.905C304.196 301.745 305.942 300.109 306.378 298.036Z" fill="#3777DA"/>
+<path d="M392.342 177.927H363.323C362.887 177.927 362.669 178.255 362.669 178.691L362.778 180.545L363.323 224.727C363.323 225.382 363.978 225.927 364.632 225.927H374.451C375.105 225.927 375.651 225.382 375.651 224.727L377.396 194.4H379.251L381.651 224.727C381.76 225.382 382.305 225.927 382.96 225.927H392.778C393.432 225.927 393.978 225.382 393.978 224.727L393.432 180.545L393.323 178.691C393.105 178.255 392.669 177.927 392.342 177.927Z" fill="#BA93DF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M408.923 279.709C408.923 280.691 408.16 281.455 407.178 281.455H324.487C323.505 281.455 322.742 280.691 322.742 279.709C322.742 278.727 323.505 277.964 324.487 277.964H407.178C408.16 277.964 408.923 278.727 408.923 279.709Z" fill="#F0F4F9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M408.923 291.491C408.923 292.473 408.16 293.236 407.178 293.236H324.487C323.505 293.236 322.742 292.473 322.742 291.491C322.742 290.509 323.505 289.745 324.487 289.745H407.178C408.16 289.745 408.923 290.509 408.923 291.491Z" fill="#F0F4F9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M408.923 303.273C408.923 304.255 408.16 305.018 407.178 305.018H324.487C323.505 305.018 322.742 304.255 322.742 303.273C322.742 302.291 323.505 301.527 324.487 301.527H407.178C408.16 301.527 408.923 302.291 408.923 303.273Z" fill="#F0F4F9"/>
+<path d="M301.578 359.564C301.469 359.455 301.36 359.236 301.36 359.018V342.982L296.669 346.582C296.56 346.691 296.342 346.691 296.232 346.691C296.014 346.691 295.796 346.582 295.687 346.364L294.378 344.618C294.269 344.509 294.269 344.291 294.269 344.182C294.269 343.964 294.378 343.745 294.596 343.527L301.578 338.182C301.796 338.073 302.014 337.964 302.342 337.964H305.178C305.396 337.964 305.614 338.073 305.723 338.182C305.832 338.291 305.942 338.509 305.942 338.727V358.909C305.942 359.127 305.832 359.345 305.723 359.455C305.614 359.564 305.396 359.673 305.178 359.673H302.342C301.905 359.782 301.796 359.673 301.578 359.564Z" fill="#FA5814"/>
+<path d="M311.942 357.818C310.632 356.291 309.869 354.327 309.76 351.818C309.76 351.273 309.76 350.291 309.76 348.982C309.76 347.673 309.76 346.691 309.76 346.037C309.869 343.637 310.632 341.564 311.942 340.037C313.36 338.509 315.432 337.746 318.16 337.746C320.887 337.746 322.96 338.509 324.378 340.037C325.796 341.564 326.56 343.527 326.56 346.037C326.56 347.237 326.669 348.218 326.669 348.982C326.669 349.746 326.669 350.727 326.56 351.818C326.451 354.327 325.687 356.291 324.378 357.818C323.069 359.346 320.996 360.109 318.16 360.109C315.432 360.109 313.36 359.346 311.942 357.818ZM320.996 355.2C321.651 354.327 321.978 353.127 321.978 351.6C321.978 351.055 321.978 350.073 321.978 348.873C321.978 347.673 321.978 346.691 321.978 346.146C321.978 344.618 321.542 343.418 320.996 342.655C320.342 341.782 319.36 341.346 318.16 341.346C316.851 341.346 315.869 341.782 315.323 342.655C314.669 343.527 314.342 344.727 314.342 346.146C314.342 346.691 314.342 347.564 314.342 348.873C314.342 350.073 314.342 351.055 314.342 351.6C314.342 353.127 314.778 354.327 315.323 355.2C315.978 356.073 316.96 356.4 318.16 356.4C319.469 356.4 320.342 356.073 320.996 355.2Z" fill="#FA5814"/>
+<path d="M343.905 362.618C343.796 362.509 343.687 362.291 343.687 362.073V359.891C342.16 359.782 340.96 359.346 339.869 358.8C338.778 358.255 338.014 357.491 337.469 356.727C336.923 355.855 336.596 354.982 336.596 354C336.596 353.782 336.705 353.673 336.814 353.564C336.923 353.455 337.142 353.346 337.251 353.346H340.087C340.305 353.346 340.523 353.346 340.632 353.455C340.742 353.564 340.851 353.673 341.069 353.891C341.287 354.546 341.723 355.2 342.487 355.636C343.251 356.073 344.232 356.4 345.542 356.4C346.96 356.4 348.051 356.182 348.814 355.636C349.578 355.2 349.905 354.436 349.905 353.673C349.905 353.127 349.687 352.691 349.36 352.255C349.032 351.927 348.378 351.6 347.723 351.273C346.96 350.946 345.869 350.618 344.342 350.291C341.942 349.746 340.087 348.982 338.996 348C337.905 347.018 337.251 345.709 337.251 343.964C337.251 342.327 337.796 341.018 338.996 339.818C340.196 338.727 341.723 338.073 343.796 337.746V335.564C343.796 335.346 343.905 335.127 344.014 335.018C344.123 334.909 344.342 334.8 344.56 334.8H346.523C346.742 334.8 346.96 334.909 347.069 335.018C347.178 335.127 347.287 335.346 347.287 335.564V337.746C348.596 337.964 349.796 338.291 350.778 338.946C351.76 339.6 352.523 340.255 352.96 341.018C353.505 341.782 353.723 342.655 353.832 343.418C353.832 343.636 353.723 343.746 353.614 343.855C353.505 343.964 353.287 344.073 353.178 344.073H350.232C349.796 344.073 349.469 343.855 349.36 343.527C349.251 342.873 348.814 342.327 348.16 341.891C347.505 341.455 346.632 341.236 345.542 341.236C344.451 341.236 343.469 341.455 342.814 341.891C342.16 342.327 341.832 342.982 341.832 343.746C341.832 344.291 341.942 344.727 342.269 345.164C342.596 345.491 343.142 345.818 343.796 346.146C344.451 346.473 345.542 346.691 346.851 347.127C348.705 347.564 350.123 348 351.214 348.546C352.305 349.091 353.069 349.746 353.614 350.509C354.16 351.273 354.378 352.255 354.378 353.564C354.378 355.309 353.723 356.836 352.414 357.927C351.105 359.018 349.36 359.673 347.178 359.891V362.073C347.178 362.291 347.069 362.509 346.96 362.618C346.851 362.727 346.632 362.836 346.414 362.836H344.451C344.232 362.836 344.014 362.836 343.905 362.618Z" fill="#FA5814"/>
+<path d="M418.96 379.964V407.127C418.96 409.745 416.996 411.927 414.487 411.927H241.796C239.287 411.927 237.323 409.745 237.323 407.127V379.964C237.323 377.236 239.287 375.164 241.796 375.164H414.487C416.887 375.164 418.96 377.236 418.96 379.964Z" fill="#FDD333"/>
+<path d="M272.887 396C272.56 396.327 272.451 396.764 272.56 397.2L273.432 402.545C273.651 403.636 272.451 404.509 271.469 403.964L266.669 401.454C266.232 401.236 265.796 401.236 265.469 401.454L260.669 403.964C259.687 404.509 258.487 403.636 258.705 402.545L259.578 397.2C259.687 396.764 259.469 396.327 259.251 396L255.323 392.182C254.56 391.418 254.996 390 256.087 389.891L261.432 389.127C261.869 389.018 262.196 388.8 262.414 388.364L264.814 383.564C265.36 382.582 266.778 382.582 267.214 383.564L269.614 388.364C269.832 388.8 270.16 389.018 270.596 389.127L275.942 389.891C277.032 390 277.469 391.418 276.705 392.182L272.887 396Z" fill="white"/>
+<path d="M303.869 396C303.542 396.327 303.432 396.764 303.542 397.2L304.414 402.545C304.632 403.636 303.432 404.509 302.451 403.964L297.651 401.454C297.214 401.236 296.778 401.236 296.451 401.454L291.651 403.964C290.669 404.509 289.469 403.636 289.687 402.545L290.56 397.2C290.669 396.764 290.451 396.327 290.123 396L286.196 392.182C285.432 391.418 285.869 390 286.96 389.891L292.305 389.127C292.742 389.018 293.069 388.8 293.287 388.364L295.687 383.564C296.232 382.582 297.651 382.582 298.087 383.564L300.487 388.364C300.705 388.8 301.032 389.018 301.469 389.127L306.814 389.891C307.905 390 308.342 391.418 307.578 392.182L303.869 396Z" fill="white"/>
+<path d="M334.96 396C334.632 396.327 334.523 396.764 334.632 397.2L335.505 402.545C335.723 403.636 334.523 404.509 333.542 403.964L328.742 401.454C328.305 401.236 327.869 401.236 327.542 401.454L322.742 403.964C321.76 404.509 320.56 403.636 320.778 402.545L321.651 397.2C321.76 396.764 321.542 396.327 321.323 396L317.396 392.182C316.632 391.418 317.069 390 318.16 389.891L323.505 389.127C323.942 389.018 324.269 388.8 324.487 388.364L326.887 383.564C327.432 382.582 328.851 382.582 329.287 383.564L331.687 388.364C331.905 388.8 332.232 389.018 332.669 389.127L338.014 389.891C339.105 390 339.542 391.418 338.778 392.182L334.96 396Z" fill="white"/>
+<path d="M365.942 396C365.614 396.327 365.505 396.764 365.505 397.2L366.378 402.545C366.596 403.636 365.396 404.509 364.414 403.964L359.614 401.454C359.178 401.236 358.742 401.236 358.414 401.454L353.614 403.964C352.632 404.509 351.432 403.636 351.651 402.545L352.523 397.2C352.632 396.764 352.414 396.327 352.196 396L348.269 392.182C347.505 391.418 347.942 390 349.032 389.891L354.378 389.127C354.814 389.018 355.142 388.8 355.36 388.364L357.76 383.564C358.305 382.582 359.723 382.582 360.16 383.564L362.56 388.364C362.778 388.8 363.105 389.018 363.542 389.127L368.887 389.891C369.978 390 370.414 391.418 369.651 392.182L365.942 396Z" fill="white"/>
+<path d="M397.032 396C396.705 396.327 396.596 396.764 396.705 397.2L397.578 402.545C397.796 403.636 396.596 404.509 395.614 403.964L390.814 401.454C390.378 401.236 389.942 401.236 389.614 401.454L384.814 403.964C383.832 404.509 382.632 403.636 382.851 402.545L383.723 397.2C383.832 396.764 383.614 396.327 383.287 396L379.36 392.182C378.596 391.418 379.032 390 380.123 389.891L385.469 389.127C385.905 389.018 386.232 388.8 386.451 388.364L388.851 383.564C389.396 382.582 390.814 382.582 391.251 383.564L393.651 388.364C393.869 388.8 394.196 389.018 394.632 389.127L399.978 389.891C401.069 390 401.505 391.418 400.742 392.182L397.032 396Z" fill="white"/>
+<path d="M400.196 436.909V473.236C400.196 475.964 397.905 478.255 395.178 478.255H253.796C250.96 478.255 248.778 475.964 248.778 473.236V436.909C248.778 434.182 251.069 431.891 253.796 431.891H395.069C397.905 431.891 400.196 434.182 400.196 436.909Z" fill="#48DBC5"/>
+<path d="M261.869 461.782C261.76 461.673 261.76 461.564 261.76 461.455V461.236L266.451 448.691C266.56 448.364 266.778 448.255 267.105 448.255H269.287C269.614 448.255 269.832 448.364 269.942 448.691L274.632 461.236V461.455C274.632 461.564 274.632 461.673 274.523 461.782C274.414 461.891 274.305 461.891 274.196 461.891H272.451C272.123 461.891 272.014 461.782 271.905 461.564L271.032 459.164H265.251L264.378 461.564C264.269 461.782 264.051 461.891 263.832 461.891H262.087C262.087 461.891 261.978 461.891 261.869 461.782ZM266.014 456.982H270.378L268.196 450.982L266.014 456.982Z" fill="white"/>
+<path d="M276.705 461.782C276.596 461.673 276.596 461.564 276.596 461.454V448.8C276.596 448.691 276.596 448.582 276.705 448.473C276.814 448.364 276.923 448.364 277.033 448.364H281.833C285.651 448.364 287.614 450.109 287.723 453.709C287.723 454.473 287.723 455.018 287.723 455.236C287.723 455.454 287.723 456 287.723 456.764C287.723 458.618 287.178 459.927 286.196 460.8C285.214 461.673 283.796 462.109 281.942 462.109H277.033C276.923 461.891 276.814 461.891 276.705 461.782ZM281.833 459.709C282.923 459.709 283.687 459.491 284.123 458.945C284.56 458.509 284.887 457.636 284.887 456.545C284.887 455.782 284.887 455.236 284.887 455.127C284.887 454.909 284.887 454.473 284.887 453.709C284.887 452.618 284.56 451.854 284.123 451.309C283.687 450.764 282.814 450.545 281.723 450.545H279.323V459.709H281.833Z" fill="white"/>
+<path d="M290.451 461.782C290.342 461.673 290.342 461.564 290.342 461.454V448.8C290.342 448.691 290.342 448.582 290.451 448.473C290.56 448.364 290.669 448.364 290.778 448.364H295.578C299.396 448.364 301.36 450.109 301.469 453.709C301.469 454.473 301.469 455.018 301.469 455.236C301.469 455.454 301.469 456 301.469 456.764C301.469 458.618 300.923 459.927 299.942 460.8C298.96 461.673 297.542 462.109 295.687 462.109H290.778C290.56 461.891 290.451 461.891 290.451 461.782ZM295.469 459.709C296.56 459.709 297.323 459.491 297.76 458.945C298.196 458.509 298.523 457.636 298.523 456.545C298.523 455.782 298.523 455.236 298.523 455.127C298.523 454.909 298.523 454.473 298.523 453.709C298.523 452.618 298.196 451.854 297.76 451.309C297.323 450.764 296.451 450.545 295.36 450.545H292.96V459.709H295.469Z" fill="white"/>
+<path d="M311.069 461.782C310.96 461.673 310.96 461.564 310.96 461.454V450.654H307.36C307.251 450.654 307.142 450.654 307.032 450.545C306.923 450.436 306.923 450.327 306.923 450.218V448.8C306.923 448.691 306.923 448.582 307.032 448.473C307.142 448.364 307.251 448.364 307.36 448.364H317.287C317.396 448.364 317.505 448.364 317.614 448.473C317.723 448.582 317.723 448.691 317.723 448.8V450.218C317.723 450.327 317.723 450.436 317.614 450.545C317.505 450.654 317.396 450.654 317.287 450.654H313.687V461.454C313.687 461.564 313.687 461.673 313.578 461.782C313.469 461.891 313.36 461.891 313.251 461.891H311.396C311.287 461.891 311.178 461.891 311.069 461.782Z" fill="white"/>
+<path d="M320.669 460.8C319.687 459.927 319.142 458.618 319.142 456.764C319.142 456.436 319.142 455.782 319.142 455.127C319.142 454.364 319.142 453.818 319.142 453.491C319.142 451.746 319.687 450.436 320.778 449.564C321.869 448.691 323.178 448.146 324.923 448.146C326.669 448.146 327.978 448.582 329.069 449.564C330.16 450.545 330.596 451.855 330.705 453.491C330.705 454.255 330.705 454.8 330.705 455.127C330.705 455.455 330.705 456 330.705 456.764C330.705 458.509 330.16 459.818 329.178 460.8C328.196 461.782 326.778 462.109 325.033 462.109C323.069 462.109 321.651 461.673 320.669 460.8ZM326.887 459.055C327.433 458.509 327.651 457.745 327.76 456.655C327.76 455.891 327.76 455.346 327.76 455.127C327.76 454.8 327.76 454.255 327.76 453.6C327.76 452.509 327.433 451.745 326.887 451.2C326.342 450.655 325.687 450.436 324.814 450.436C323.942 450.436 323.287 450.655 322.742 451.2C322.196 451.745 321.978 452.509 321.869 453.6C321.869 453.927 321.869 454.473 321.869 455.127C321.869 455.782 321.869 456.327 321.869 456.655C321.869 457.745 322.196 458.509 322.633 459.055C323.178 459.6 323.833 459.818 324.705 459.818C325.687 459.818 326.342 459.6 326.887 459.055Z" fill="white"/>
+<path d="M338.669 460.8C337.687 459.927 337.142 458.618 337.142 456.873C337.142 456.545 337.142 456 337.142 455.127C337.142 454.364 337.142 453.709 337.142 453.382C337.251 451.745 337.687 450.436 338.669 449.455C339.651 448.473 341.069 448.036 342.814 448.036C344.014 448.036 344.996 448.255 345.869 448.582C346.742 449.018 347.396 449.564 347.833 450.218C348.269 450.873 348.596 451.636 348.596 452.509C348.596 452.618 348.596 452.727 348.487 452.727C348.378 452.836 348.269 452.836 348.16 452.836H346.305C346.196 452.836 345.978 452.836 345.978 452.727C345.978 452.618 345.869 452.509 345.76 452.4C345.542 451.636 345.214 450.982 344.778 450.655C344.342 450.327 343.687 450.109 342.814 450.109C340.96 450.109 339.978 451.2 339.869 453.273C339.869 453.6 339.869 454.145 339.869 454.909C339.869 455.673 339.869 456.218 339.869 456.545C339.978 458.618 340.96 459.709 342.814 459.709C343.578 459.709 344.233 459.491 344.669 459.164C345.105 458.836 345.542 458.291 345.651 457.418C345.651 457.2 345.76 457.091 345.869 457.091C345.978 456.982 346.087 456.982 346.196 456.982H348.051C348.16 456.982 348.269 456.982 348.378 457.091C348.487 457.2 348.487 457.309 348.487 457.418C348.487 458.291 348.16 459.055 347.723 459.709C347.287 460.364 346.633 460.909 345.76 461.345C344.887 461.782 343.905 461.891 342.705 461.891C341.069 462.109 339.651 461.673 338.669 460.8Z" fill="white"/>
+<path d="M349.687 461.782C349.578 461.673 349.578 461.564 349.578 461.455V461.236L354.269 448.691C354.378 448.364 354.596 448.255 354.923 448.255H357.105C357.433 448.255 357.651 448.364 357.76 448.691L362.451 461.236V461.455C362.451 461.564 362.451 461.673 362.342 461.782C362.233 461.891 362.123 461.891 362.014 461.891H360.269C359.942 461.891 359.833 461.782 359.723 461.564L358.851 459.164H353.069L352.196 461.564C352.087 461.782 351.869 461.891 351.651 461.891H349.905C349.796 461.891 349.687 461.891 349.687 461.782ZM353.833 456.982H358.196L356.014 450.982L353.833 456.982Z" fill="white"/>
+<path d="M364.414 461.782C364.305 461.673 364.305 461.564 364.305 461.454V448.8C364.305 448.691 364.305 448.582 364.414 448.473C364.523 448.364 364.632 448.364 364.742 448.364H369.76C371.396 448.364 372.596 448.691 373.469 449.454C374.342 450.218 374.778 451.2 374.778 452.618C374.778 453.6 374.56 454.364 374.123 455.018C373.687 455.673 373.032 456.109 372.16 456.436L374.996 461.454C374.996 461.564 375.105 461.564 375.105 461.673C375.105 461.782 375.105 461.891 374.996 462C374.887 462.109 374.778 462.109 374.669 462.109H372.923C372.705 462.109 372.596 462.109 372.487 462C372.378 461.891 372.269 461.782 372.16 461.673L369.651 457.091H366.923V461.782C366.923 461.891 366.923 462 366.814 462.109C366.705 462.218 366.596 462.218 366.487 462.218H364.742C364.632 461.891 364.523 461.891 364.414 461.782ZM369.76 454.582C370.523 454.582 371.178 454.364 371.505 454.036C371.942 453.709 372.051 453.164 372.051 452.509C372.051 451.854 371.832 451.309 371.505 450.982C371.069 450.654 370.523 450.436 369.76 450.436H367.032V454.582H369.76Z" fill="white"/>
+<path d="M380.451 461.782C380.342 461.673 380.342 461.564 380.342 461.454V450.654H376.742C376.632 450.654 376.523 450.654 376.414 450.545C376.305 450.436 376.305 450.327 376.305 450.218V448.8C376.305 448.691 376.305 448.582 376.414 448.473C376.523 448.364 376.632 448.364 376.742 448.364H386.669C386.778 448.364 386.887 448.364 386.996 448.473C387.105 448.582 387.105 448.691 387.105 448.8V450.218C387.105 450.327 387.105 450.436 386.996 450.545C386.887 450.654 386.778 450.654 386.669 450.654H383.069V461.454C383.069 461.564 383.069 461.673 382.96 461.782C382.851 461.891 382.742 461.891 382.632 461.891H380.778C380.669 461.891 380.56 461.891 380.451 461.782Z" fill="white"/>
+<path d="M445.578 505.855C445.687 506.836 445.796 507.6 445.905 508.146C446.014 508.582 446.342 508.8 446.778 508.8H487.796C488.342 508.8 488.778 508.255 488.669 507.709L487.142 501.055L482.123 479.673L465.869 481.418C465.869 481.418 467.069 491.018 454.305 494.618C446.342 497.018 445.36 502.473 445.578 505.855Z" fill="#464AE4"/>
+<path d="M461.069 491.454C466.523 487.2 465.76 481.527 465.76 481.527L482.014 479.782L484.742 491.454H461.069Z" fill="#2624BD"/>
+<path d="M504.269 505.855C504.378 506.836 504.487 507.6 504.596 508.146C504.705 508.582 505.032 508.8 505.469 508.8H546.378C546.923 508.8 547.36 508.255 547.251 507.709L545.723 501.055L540.705 479.673L524.451 481.418C524.451 481.418 525.651 491.018 512.887 494.618C505.032 497.018 503.942 502.473 504.269 505.855Z" fill="#464AE4"/>
+<path d="M519.651 491.454C525.105 487.2 524.342 481.527 524.342 481.527L540.596 479.782L543.323 491.454H519.651Z" fill="#2624BD"/>
+<path d="M527.723 290.509C527.723 290.509 546.487 319.746 538.851 347.782C536.56 356.291 530.996 374.509 535.578 389.127C546.051 423.164 571.142 462 557.287 487.636H506.014C516.378 465.164 499.36 379.964 492.596 357.273C485.178 332.509 497.396 298.691 497.396 298.691L510.705 278.946L527.723 290.509Z" fill="#191937"/>
+<path d="M480.051 293.127C470.56 308.073 475.578 354.218 471.978 396.764C470.014 419.782 447.323 487.745 447.323 487.745H501.105C501.105 487.745 525.105 439.745 508.305 386.182C504.596 374.291 545.723 329.236 518.996 289.091C517.469 285.055 480.051 293.127 480.051 293.127Z" fill="#292561"/>
+<path d="M499.905 209.673L498.269 198.764C498.269 198.764 481.251 197.127 480.923 192.982C480.378 186 470.342 144.545 502.305 156.545C529.469 166.691 515.614 195.491 515.614 195.491L517.36 208.364L499.905 209.673Z" fill="#FFD1C4"/>
+<path d="M480.051 293.127C480.051 294.982 491.178 295.418 502.742 294.873C514.96 294.327 527.723 292.582 527.723 290.618C528.596 284.836 526.414 274.691 527.396 269.455C529.687 257.455 539.614 226.255 533.505 215.673C524.669 200.182 490.305 209.782 484.523 217.2C483.542 218.4 482.887 219.927 482.342 221.673C479.287 231.6 481.36 249.491 481.36 258.546C481.36 266.509 480.051 293.127 480.051 293.127Z" fill="#3D84F2"/>
+<path d="M480.051 293.127C480.051 294.982 491.178 295.418 502.742 294.873C502.305 291.818 500.669 288.982 499.578 286.036C497.396 279.927 497.723 273.164 499.142 266.727C500.451 260.4 502.742 254.182 504.269 247.854C505.796 241.527 506.56 234.873 505.032 228.545C504.16 225.164 502.523 221.891 500.232 219.273C498.596 217.527 495.978 214.691 493.36 215.236C490.851 215.782 487.687 218.073 485.505 219.491C484.523 220.145 483.542 220.909 482.56 221.673C479.505 231.6 481.578 249.491 481.578 258.545C481.36 266.509 480.051 293.127 480.051 293.127Z" fill="#3777DA"/>
+<path d="M486.487 215.236C492.705 212.073 505.469 214.691 501.978 236.073C498.705 256.145 489.323 291.273 479.287 288.764C463.687 284.727 449.723 247.745 449.723 247.745L461.505 238.8L475.578 261.818C475.578 261.818 477.214 220.036 486.487 215.236Z" fill="#3D84F2"/>
+<path d="M460.305 239.673C460.305 239.673 448.96 215.345 441.323 222.873C432.705 231.382 451.687 246.327 451.687 246.327L460.305 239.673Z" fill="#FFD1C4"/>
+<path d="M486.051 203.018C486.051 203.018 523.469 208.364 528.16 180C532.851 151.636 499.905 139.636 481.469 149.345C463.032 159.055 486.487 172.909 487.469 182.073C488.778 193.418 486.051 203.018 486.051 203.018Z" fill="#191937"/>
+</svg>

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Configuration options for a button.
+ */
+export interface ButtonConfig {
+    btnLabel: string;
+    btnType?: 'filled' | 'outlined' | 'ghost' | 'text' | 'contrast' | 'link';
+    btnSize?: 'lgBtn' | 'mdBtn' | 'smBtn';
+    btnIconName?: string | null;
+    isDisabled?: boolean;
+}
+/**
+ * A reusable button component with configurable label, type, size, icon, and active/disabled state.
+ * Can be used standalone or in forms, tables, toolbars, etc.
+ */
+export declare class ButtonComponent {
+    /** Label displayed on the button */
+    btnLabel: string;
+    /** Button type / style variant */
+    btnType: 'filled' | 'outlined' | 'ghost' | 'text' | 'contrast' | 'link';
+    /** Button size */
+    btnSize: 'lgBtn' | 'mdBtn' | 'smBtn';
+    /** Optional icon name to display on the button */
+    btnIconName: string | null;
+    /** Whether the button is disabled */
+    isDisabled: boolean;
+    /** Whether the button is active (for toggle or selected states) */
+    isActive: boolean;
+    /** Event emitted when button is clicked */
+    onClick: EventEmitter<MouseEvent>;
+    /**
+     * Handles click events on the button.
+     * If the button is disabled, the click is ignored.
+     * Otherwise, emits the onClick event to the parent.
+     */
+    handleClick(event: MouseEvent): void;
+    /**
+     * Maps the button's size to a corresponding icon size.
+     * Useful when displaying an icon alongside the label.
+     */
+    getIconSize(): 'small' | 'medium' | 'large';
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "dso-button", never, { "btnLabel": { "alias": "btnLabel"; "required": false; }; "btnType": { "alias": "btnType"; "required": false; }; "btnSize": { "alias": "btnSize"; "required": false; }; "btnIconName": { "alias": "btnIconName"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}

package/lib/icon/icon.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class IconComponent implements OnChanges {
+    /** Name of the icon to display (matches sprite ID) */
+    iconName: string;
+    /** Size of the icon: 'small', 'medium', 'large' */
+    size: 'small' | 'medium' | 'large';
+    /** Full SVG path reference for <use> element */
+    iconPath: string;
+    /** CSS class for icon size (small/medium/large) */
+    sizeClass: string;
+    /** Inline styles for width and height based on size */
+    sizeStyles: {
+        width: string;
+        height: string;
+    };
+    /** Detect changes to inputs and update icon path or size */
+    ngOnChanges(changes: SimpleChanges): void;
+    /** Set size-related CSS class and inline width/height */
+    setSize(size: 'small' | 'medium' | 'large'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "dso-icon", never, { "iconName": { "alias": "iconName"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@dso-design-system/ui",
+  "version": "0.0.1",
+  "repository": {
+    "type": "git",
+    "url": "https://singaporedso@dev.azure.com/singaporedso/Design%20Systems/_git/DesignSystem"
+  },
+  "peerDependencies": {
+    "@angular/core": "^16.0.0",
+    "@angular/common": "^16.0.0"
+  },
+  "module": "fesm2022/dso-design-system-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/dso-design-system-ui.mjs",
+      "esm": "./esm2022/dso-design-system-ui.mjs",
+      "default": "./fesm2022/dso-design-system-ui.mjs"
+    }
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/button/button.component';
+export * from './lib/icon/icon.component';