@lusso/base-ui 1.0.0

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@lusso/base-ui",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^21.1.0",
+    "@angular/core": "^21.1.0",
+    "tailwindcss": ">=3.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/lusso-base-ui.mjs",
+  "typings": "types/lusso-base-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/lusso-base-ui.d.ts",
+      "default": "./fesm2022/lusso-base-ui.mjs"
+    }
+  },
+  "type": "module"
+}

package/src/assets/icons.svg

@@ -0,0 +1,434 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+
+    <symbol id="close" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M18 6 6 18M6 6l12 12"/>
+    </symbol>
+
+    <symbol id="user" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+        <circle cx="12" cy="7" r="4"></circle>
+    </symbol>
+    <symbol id="elements" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M2 10h8L6 3l-4 7ZM14 3h7v7h-7z"/><rect width="7" height="7" x="2" y="15" rx="3.5"/><path d="m21.657 18-2 3.464h-4l-2-3.464 2-3.464h4l2 3.464Z"/>
+    </symbol>
+    <symbol id="layout" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18M9 21V9"/>
+    </symbol>
+
+    <symbol id="layout" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18M9 21V9"/>
+    </symbol>
+    <symbol id="img" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18M9 21V9"/>
+    </symbol>
+    <symbol id="doc" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M14 2H6a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V8l-6-6z"/><path d="M14 3v5h5m-3 5H8m8 4H8m2-8H8"/>
+    </symbol>
+
+    <symbol id="share" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98"/>
+    </symbol>
+    <symbol id="blog" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 15h18"/>
+    </symbol>
+
+
+    <!-- Arrows -->
+    <symbol id="arrow-up" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M12 19V6m-7 6 7-7 7 7"/>
+    </symbol>
+    <symbol id="arrow-down" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M12 5v13m-7-6 7 7 7-7"/>
+    </symbol>
+    <symbol id="arrow-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M19 12H6m6-7-7 7 7 7"/>
+    </symbol>
+    <symbol id="arrow-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M5 12h13m-6-7 7 7-7 7"/>
+    </symbol>
+
+    <symbol id="arrow-up-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M17 17 7.8 7.7M7 17V7h10"/>
+    </symbol>
+    <symbol id="arrow-up-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m7 17 9.2-9.2M17 17V7H7"/>
+    </symbol>
+    <symbol id="arrow-down-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m17 7-9.2 9.2M7 7v10h10"/>
+    </symbol>
+    <symbol id="arrow-down-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m7 7 9.2 9.2M17 7v10H7"/>
+    </symbol>
+    <symbol id="corner-down-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m10 9-6 6 6 6"/>
+        <path d="M20 4v7a4 4 0 0 1-4 4H5"/>
+    </symbol>
+    <symbol id="corner-down-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m14 9 6 6-6 6"/>
+        <path d="M4 4v7a4 4 0 0 0 4 4h11"/>
+    </symbol>
+    <symbol id="corner-up-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m10 16-6-6 6-6"/>
+        <path d="M20 21v-7a4 4 0 0 0-4-4H5"/>
+    </symbol>
+    <symbol id="corner-up-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m14 16 6-6-6-6"/>
+        <path d="M4 21v-7a4 4 0 0 1 4-4h11"/>
+    </symbol>
+    <symbol id="chevron-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m15 18-6-6 6-6"/>
+    </symbol>
+    <symbol id="chevron-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m9 18 6-6-6-6"/>
+    </symbol>
+    <symbol id="chevron-up" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m18 15-6-6-6 6"/>
+    </symbol>
+    <symbol id="chevron-down" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m6 9 6 6 6-6"/>
+    </symbol>
+
+    <symbol id="chevrons-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m11 17-5-5 5-5m7 10-5-5 5-5"/>
+    </symbol>
+    <symbol id="chevrons-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m13 17 5-5-5-5M6 17l5-5-5-5"/>
+    </symbol>
+    <symbol id="chevrons-up" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m17 11-5-5-5 5m10 7-5-5-5 5"/>
+    </symbol>
+    <symbol id="chevrons-down" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m7 13 5 5 5-5M7 6l5 5 5-5"/>
+    </symbol>
+
+    <symbol id="arrow-up-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="m16 12-4-4-4 4m4 4V9"/>
+    </symbol>
+    <symbol id="arrow-down-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="m16 12-4 4-4-4m4-4v7"/>
+    </symbol>
+    <symbol id="arrow-left-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="m12 8-4 4 4 4m4-4H9"/>
+    </symbol>
+    <symbol id="arrow-right-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="m12 8 4 4-4 4m-4-4h7"/>
+    </symbol>
+
+    <symbol id="refresh" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21.5 2v6h-6m-13 14v-6h6M2 11.5a10 10 0 0 1 18.8-4.3m1.2 5.3a10 10 0 0 1-18.8 4.2"/>
+    </symbol>
+
+    <symbol id="rotate-left" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M2.5 2v6h6m-5.84 7.57a10 10 0 1 0 .57-8.38"/>
+    </symbol>
+    <symbol id="rotate-right" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21.5 2v6h-6m5.84 7.57a10 10 0 1 1-.57-8.38"/>
+    </symbol>
+    <symbol id="repeat" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m17 2.1 4 4-4 4"/>
+        <path d="M3 12.2v-2a4 4 0 0 1 4-4h12.8M7 21.9l-4-4 4-4"/>
+        <path d="M21 11.8v2a4 4 0 0 1-4 4H4.2"/>
+    </symbol>
+
+    <symbol id="arrow-in" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4m-5-4 5-5-5-5m3.8 5H3"/>
+    </symbol>
+    <symbol id="arrow-out" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M10 3H6a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h4m6-4 5-5-5-5m3.8 5H9"/>
+    </symbol>
+    <symbol id="upload" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4m-4-7-5-5-5 5m5-3.8v10.3"/>
+    </symbol>
+    <symbol id="download" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4m-4-6-5 5-5-5m5 3.8V2.5"/>
+    </symbol>
+    <symbol id="upload-cloud" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21.2 15c.7-1.2 1-2.5.7-3.9-.6-2-2.4-3.5-4.4-3.5h-1.2c-.7-3-3.2-5.2-6.2-5.6-3-.3-5.9 1.3-7.3 4-1.2 2.5-1 6.5.5 8.8m8.7-1.6V21"/>
+        <path d="m16 16-4-4-4 4"/>
+    </symbol>
+    <symbol id="download-cloud" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21.2 15c.7-1.2 1-2.5.7-3.9-.6-2-2.4-3.5-4.4-3.5h-1.2c-.7-3-3.2-5.2-6.2-5.6-3-.3-5.9 1.3-7.3 4-1.2 2.5-1 6.5.5 8.8m8.7 5V12m4 5-4 4-4-4"/>
+    </symbol>
+
+    <symbol id="minimize" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M4 14h6v6m-7 1 6.1-6.1M20 10h-6V4m7-1-6.1 6.1"/>
+    </symbol>
+    <symbol id="maximize" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M15 3h6v6m-7 1 6.1-6.1M9 21H3v-6m7-1-6.1 6.1"/>
+    </symbol>
+    <symbol id="trend-up" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m20.2 7.8-7.7 7.7-4-4-5.7 5.7"/>
+        <path d="M15 7h6v6"/>
+    </symbol>
+    <symbol id="trend-down" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m20.2 17.2-7.7-7.7-4 4-5.7-5.7"/>
+        <path d="M15 18h6v-6"/>
+    </symbol>
+    <symbol id="shuffle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M16 3h5v5M4 20 20.2 3.8M21 16v5h-5m-1-6 5.1 5.1M4 4l5 5"/>
+    </symbol>
+    <symbol id="move" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m5.2 9-3 3 3 3M9 5.2l3-3 3 3m0 13.7-3 3-3-3M18.9 9l3 3-3 3M3.3 12h17.4M12 3.2v17.6"/>
+    </symbol>
+    <symbol id="expand" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m3.8 3.8 16.4 16.4m0-16.4L3.8 20.2M15 3h6v6M9 3H3v6m12 12h6v-6M9 21H3v-6"/>
+    </symbol>
+    <symbol id="external-link" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path fill-rule="evenodd" d="M18 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h5m5-3h6v6m-11 5L20.2 3.8"/>
+    </symbol>
+
+    <!-- Interface -->
+    <symbol id="menu" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 12h18M3 6h18M3 18h18"/>
+    </symbol>
+    <symbol id="grid" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z"/>
+    </symbol>
+    <symbol id="loader" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/>
+    </symbol>
+    <symbol id="alert-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="M12 8v4M12 16h.01"/>
+    </symbol>
+    <symbol id="alert-triangle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01"/>
+    </symbol>
+    <symbol id="help-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"/>
+    </symbol>
+    <symbol id="info-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+        <path d="M12 16v-4M12 8h.01"/>
+    </symbol>
+    <symbol id="hexagon" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m12 2 9 4.9V17l-9 5-9-4.9V7z"/>
+    </symbol>
+    <symbol id="octagon" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2z"/>
+    </symbol>
+    <symbol id="triangle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 20h18L12 4z"/>
+    </symbol>
+    <symbol id="square" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="18" x="3" y="3" rx="2" ry="2"/>
+    </symbol>
+    <symbol id="circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/>
+    </symbol>
+    <symbol id="plus" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M12 5v14M5 12h14"/>
+    </symbol>
+    <symbol id="minus" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M5 12h14"/>
+    </symbol>
+    <symbol id="x" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M18 6 6 18M6 6l12 12"/>
+    </symbol>
+
+    <symbol id="plus-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/><path d="M12 8v8M8 12h8"/>
+    </symbol>
+    <symbol id="minus-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/><path d="M8 12h8"/>
+    </symbol>
+    <symbol id="x-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/><path d="m15 9-6 6M9 9l6 6"/>
+    </symbol>
+    <symbol id="plus-square" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 3h18v18H3zm9 5v8m-4-4h8"/>
+    </symbol>
+    <symbol id="minus-square" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 3h18v18H3zm5 9h8"/>
+    </symbol>
+    <symbol id="x-square" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 3h18v18H3zm12 6-6 6m0-6 6 6"/>
+    </symbol>
+
+    <symbol id="check-circle" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="M22 4 12 14.01l-3-3"/>
+    </symbol>
+    <symbol id="check-square" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m9 11 3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+    </symbol>
+    <symbol id="check" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M20 6 9 17l-5-5"/>
+    </symbol>
+    <symbol id="checkbox" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
+        <path d="M20 6 9 17l-5-5"/>
+    </symbol>
+
+    <symbol id="forbidden" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/><path d="m4.93 4.93 14.14 14.14"/>
+    </symbol>
+    <symbol id="more-horisontal" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/>
+    </symbol>
+    <symbol id="more" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/>
+    </symbol>
+    <symbol id="edit-box" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34"/><path d="m18 2 4 4-10 10H8v-4L18 2z"/>
+    </symbol>
+    <symbol id="edit" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m16 3 5 5L8 21H3v-5L16 3z"/>
+    </symbol>
+    <symbol id="edit-line" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m14 2 4 4L7 17H3v-4L14 2zM3 22h18"/>
+    </symbol>
+    <symbol id="settings" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/>
+    </symbol>
+    <symbol id="sliders" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"/>
+    </symbol>
+    <symbol id="search" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/>
+    </symbol>
+    <symbol id="search-plus" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M11 8v6M8 11h6"/>
+    </symbol>
+    <symbol id="search-minus" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M8 11h6"/>
+    </symbol>
+
+
+    <symbol id="share" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98"/>
+    </symbol>
+    <symbol id="clock" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>
+    </symbol>
+    <symbol id="eye" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/>
+    </symbol>
+    <symbol id="eye-not" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8Z"/><path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/><path d="m2.414 2.034 18.621 19.552"/>
+    </symbol>
+    <symbol id="star" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
+    </symbol>
+    <symbol id="heart" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
+    </symbol>
+    <symbol id="flag" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7"/>
+    </symbol>
+    <symbol id="bookmark" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/>
+    </symbol>
+    <symbol id="message" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
+    </symbol>
+    <symbol id="trash" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6M14 11v6"/>
+    </symbol>
+    <symbol id="dark" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+    </symbol>
+    <symbol id="light" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="5"/><path d="M12 1v2m0 18v2M4.2 4.2l1.4 1.4m12.8 12.8 1.4 1.4M1 12h2m18 0h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4"/>
+    </symbol>
+    <symbol id="thumb-down" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"/>
+    </symbol>
+    <symbol id="thumb-up" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/>
+    </symbol>
+    <symbol id="bell" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3zm-8.27 4a2 2 0 0 1-3.46 0"></path>
+    </symbol>
+    <symbol id="email" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><path d="m22 6-10 7L2 6"/>
+    </symbol>
+    <symbol id="calendar" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><path d="M16 2v4M8 2v4M3 10h18"/>
+    </symbol>
+    <symbol id="lock" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>
+    </symbol>
+    <symbol id="unlock" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/>
+    </symbol>
+    <symbol id="cart" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="10" cy="20.5" r="1"/><circle cx="18" cy="20.5" r="1"/><path d="M2.5 2.5h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6l1.6-8.4H7.1"/>
+    </symbol>
+    <symbol id="shopping-bag" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M6 2 3 6v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2V6l-3-4H6zM3.8 6h16.4M16 10a4 4 0 1 1-8 0"/>
+    </symbol>
+    <symbol id="tag" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m20.59 13.41-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7h.01"/>
+    </symbol>
+    <symbol id="location" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/>
+    </symbol>
+    <symbol id="pin" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="11.5" cy="8.5" r="5.5"/><path d="M11.5 14v7"/>
+    </symbol>
+    <symbol id="compas" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="12" cy="12" r="10"/><path d="m16.2 7.8-2 6.3-6.4 2.1 2-6.3z"/>
+    </symbol>
+    <symbol id="home" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6 12 2l10 8.6"/>
+    </symbol>
+    <symbol id="inbox" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M21.5 12H16c-.7 2-2 3-4 3s-3.3-1-4-3H2.5"/><path d="M5.5 5.1 2 12v6c0 1.1.9 2 2 2h16a2 2 0 0 0 2-2v-6l-3.4-6.9A2 2 0 0 0 16.8 4H7.2a2 2 0 0 0-1.8 1.1z"/>
+    </symbol>
+    <symbol id="credit-card" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="20" height="16" x="2" y="4" rx="2"/><path d="M7 15h0M2 9.5h20"/>
+    </symbol>
+    <symbol id="code" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m16 18 6-6-6-6M8 6l-6 6 6 6"/>
+    </symbol>
+    <symbol id="copy" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <rect width="13" height="13" x="9" y="9" rx="2" ry="2"/>
+        <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
+    </symbol>
+    <symbol id="paste" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>
+        <rect width="8" height="4" x="8" y="2" rx="1" ry="1"/>
+    </symbol>
+    <symbol id="cut" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <circle cx="6" cy="6" r="3"/>
+        <circle cx="6" cy="18" r="3"/>
+        <path d="M20 4 8.12 15.88M14.47 14.48 20 20M8.12 8.12 12 12"/>
+    </symbol>
+    <symbol id="attach" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/>
+    </symbol>
+    <symbol id="save" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+        <path d="M17 21v-8H7v8M7 3v5h8"/>
+    </symbol>
+    
+
+    <symbol id="user" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
+        <circle cx="12" cy="7" r="4"/>
+    </symbol>
+    <symbol id="user-check" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+        <circle cx="8.5" cy="7" r="4"/>
+        <path d="m17 11 2 2 4-4"/>
+    </symbol>
+    <symbol id="user-plus" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+         <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+  <circle cx="8.5" cy="7" r="4"/>
+  <path d="M20 8v6M23 11h-6"/>
+    </symbol>
+    <symbol id="user-minus" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+        <circle cx="8.5" cy="7" r="4"/>
+        <path d="M23 11h-6"/>
+    </symbol>
+    <symbol id="users" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+        <circle cx="9" cy="7" r="4"/>
+        <path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/>
+    </symbol>
+</svg>

package/src/assets/scss/index.scss

@@ -0,0 +1,47 @@
+@import '~@angular/cdk/overlay-prebuilt.css';
+
+@keyframes fade-in-up {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.animate-fade-in-up {
+    animation: fade-in-up 0.4s ease-out forwards;
+}
+
+/* Chrome Autofill fix for Dark Mode */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: #334155 !important;
+    /* slate-700 */
+    transition: background-color 5000s ease-in-out 0s;
+    box-shadow: inset 0 0 20px 20px #ffffff;
+}
+
+.dark {
+
+    input:-webkit-autofill,
+    input:-webkit-autofill:hover,
+    input:-webkit-autofill:focus,
+    input:-webkit-autofill:active {
+        -webkit-text-fill-color: #e2e8f0 !important;
+        /* slate-200 */
+        -webkit-box-shadow: 0 0 0px 1000px #1e293b inset !important;
+        /* slate-800 */
+    }
+}
+
+/* Hide datalist arrow in Chrome */
+input::-webkit-calendar-picker-indicator {
+    display: none !important;
+}