@unbabel/samora-vue3-components 0.0.3

package/.nvmrc

@@ -0,0 +1 @@
+v20.5.0

package/.prettierrc

@@ -0,0 +1,16 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "always",
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "endOfLine": "lf",
+  "printWidth": 100,
+  "quoteProps": "as-needed",
+  "embeddedLanguageFormatting": "auto",
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "singleAttributePerLine": true
+}

package/.storybook/assets/components.scss

@@ -0,0 +1,47 @@
+/* Styling in components so they are displayed right within storybook */
+/* SamIcon */
+.icons-section {
+    padding-bottom: 32px;
+    margin-bottom: 32px;
+    border-bottom: 1px solid #343941;
+}
+
+.icons-row {
+  display: grid;
+  grid-template-columns: 4fr 32px 1fr 32px;
+  align-items: center;
+  grid-gap: 32px;
+  cursor: pointer;
+  margin: 16px auto;
+}
+.icons-row h6:hover {
+  text-decoration: underline;
+}
+.icons-row p {
+  text-align: right;
+}
+
+.images-container {
+  display: grid;
+  grid-template-columns: 1fr 50%;
+  gap: $size--4;
+}
+.images-wrapper {
+  display: grid;
+  gap: $size--2;
+  background-color: $pure--white;
+  padding: $size--2;
+  text-align: center;
+  
+  h6 {
+    &:hover {
+      text-decoration: underline; 
+    }
+  }
+}
+
+.radio-group-wrapper {
+  padding: $size--8;
+  background-color: $pure--white;
+  box-shadow: 0px 1px 2px $neutral--70;
+}

package/.storybook/assets/reset.scss

@@ -0,0 +1,64 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+  box-sizing: border-box;
+  text-decoration: none;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+button {
+  appearance: none;
+}
+
+.sb-main-padded {
+  padding: 3rem !important;
+}
+
+// Story specific override
+.sam-sidebar, .sam-modal {
+  .css-16dy5eq {
+    height: 100% !important;
+  }
+
+  .css-xzp052 {
+    height: 600px;
+  }
+}

package/.storybook/documentation/Install.mdx

@@ -0,0 +1,28 @@
+## Install
+**1) Install it using `npm`**
+
+```shell
+npm i --save @unbabel/samora
+```
+
+**2) Add Erik Meyer's CSS reset to your App, which can be found [here](https://meyerweb.com/eric/tools/css/reset/), so that all CSS styles are rendered properly.**
+
+## Development
+- To develop or add new components, install the project dependencies and launch the Storybook server to preview your components:
+
+```shell
+npm i
+npm run storybook
+```
+
+- When developing a new component, **be careful** with the `@import` paths which need to be **relative** to the folder structure rather than using `@/...` otherwise the **Uncompiled version** of the library won't work
+
+- Don't forget to "register" your new component on the `index.ts` file located on the root of the components folder, so that it's available on the **Uncompiled version** of the library. If this is not done, even if the compoment has been coded, it won't be available to be used.
+
+## Testing
+
+After development and before commiting your changes it's good pratice to test run all of new changes you did:
+
+```shell
+npm run test:ui
+```

package/.storybook/documentation/Introduction.mdx

@@ -0,0 +1,29 @@
+# 🎨 Samora
+---
+
+# Welcome to our Component Design Playground!
+
+Samora is a comprehensive library of reusable UI elements and guidelines meticulously crafted by Unbabel. It empowers developers and designers to create consistent, user-friendly interfaces efficiently. With Samora, you can streamline development and create a better user experiences for all our users.
+
+## Blast Off with Benefits
+
+- **Consistency:** Your projects always looking sharp and snazzy, thanks to our collection of consistent components. Say goodbye to design discrepancies and hello to harmony!
+- **Efficiency:** Our system speeds up the development process, giving you the freedom to indulge in the little joys of life.
+- **Scalability:** Scale your projects to infinity and beyond with our flexible components.
+- **Accessibility:** Because everyone deserves a chance to experience the magic of our creations.
+- **Brand Alignment:** Stay true to Unbabel's unique personality and style.
+
+## Let the Fun Begin!
+
+Here's how to get started:
+
+1. **Explore Documentation:** Familiarize yourself with our component documentation to understand available components and usage guidelines.
+2. **Interact:** Storybook allows interaction with all our components so you get a feel of what they are capable of. 
+3. **Installation:** Install our design system package via your preferred package manager.
+4. **Implementation:** Start incorporating samora components into Unbabel product codebase.
+5. **Feedback:** Provide feedback on your experience to help us improve and evolve.
+
+## Resources
+
+- **GitHub Repository:** @unabel/samora
+- **Support:** Reach out to our friendly team of designers or developers for help and guidance.

package/.storybook/main.ts

@@ -0,0 +1,64 @@
+import type { StorybookConfig } from "@storybook/vue3-vite";
+
+import { join, dirname } from "path";
+import * as path from 'path';
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use Yarn PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}
+const config: StorybookConfig = {
+  stories: [
+    "./documentation/*.mdx",
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  addons: [
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@chromatic-com/storybook"),
+    getAbsolutePath("@storybook/addon-interactions"),
+  ],
+  framework: {
+    name: getAbsolutePath("@storybook/vue3-vite"),
+    options: {},
+  },
+  core: {
+    builder: '@storybook/builder-vite', // 👈 The builder enabled here.
+  },
+  // ... other Storybook configuration
+  async viteFinal (config:any) {
+    config.module = config.module || {}; // Ensure module property exists
+    config.module.rules = config.module.rules || []; // Ensure rules array exists
+
+    config.module.rules.push({
+      test: /\.svg$/,
+      use: ['@svgr/webpack'],
+    });
+
+    if (config?.resolve?.alias) {
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        '@': path.resolve(__dirname, '../src/'),
+        'storybook': path.resolve(__dirname, './')
+      }
+    }
+
+    config.css = {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `
+            @import "@unbabel/samora-styles/dist/scss/main.scss";
+            @import "storybook/assets/components.scss";
+          `,
+        },
+      }
+    };
+
+    return config;
+  },
+};
+export default config;

package/.storybook/manager.ts

@@ -0,0 +1,6 @@
+import { addons } from '@storybook/manager-api';
+import samoraTheme from './samoraTheme';
+
+addons.setConfig({
+  theme: samoraTheme,
+});

package/.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from "@storybook/vue3";
+import "./assets/reset.scss"; // Reset all storybook styling
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/.storybook/samoraTheme.ts

@@ -0,0 +1,13 @@
+import { create } from '@storybook/theming/create';
+import logo from './assets/samora-design-system.png';
+
+export default create({
+  base: 'light',
+
+  fontBase:'"Montserrat", Helvetica, Arial, sans-serif',
+  brandImage: logo,
+  appBorderColor: '#1673b1',
+  colorSecondary: '#1673b1',
+  appBorderRadius: 4,
+
+});

package/.stylelintignore

@@ -0,0 +1 @@
+!src

package/.stylelintrc.mjs

@@ -0,0 +1,9 @@
+export default {
+  extends: 'stylelint-config-standard',
+  plugins: [
+    "stylelint-scss"
+  ],
+  rules: {
+    // Your custom Stylelint rules here
+  }
+};

package/README.md

@@ -0,0 +1,9 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
+
+- Use [vue-tsc](https://github.com/vuejs/language-tools/tree/master/packages/tsc) for performing the same type checking from the command line, or for generating d.ts files for SFCs.

package/eslint.config.js

@@ -0,0 +1,16 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+
+
+export default [
+  {
+    languageOptions: {
+      globals: globals.browser
+    }
+  },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs["flat/essential"],
+];

package/globals.d.ts

@@ -0,0 +1,12 @@
+import { mount, shallowMount, VueWrapper } from '@vue/test-utils';
+import { vi, describe, it, expect } from 'vitest';
+
+declare global {
+  const describe: typeof describe;
+  const it: typeof it;
+  const expect: typeof expect;
+  const vi: typeof vi;
+  const mount: typeof mount;
+  const shallowMount: typeof shallowMount;
+  const VueWrapper: typeof VueWrapper;
+}

package/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Samora Vue3 Components</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@unbabel/samora-vue3-components",
+  "description": "Samora - the Unbabel design system - Vue3 components",
+  "version": "0.0.3",
+  "type": "module",
+  "main": "./vue3-components.umd.js",
+  "module": "./vue3-components.es.js",
+  "types": "./types.d.ts",
+  "style": "./style.css",
+  "exports": {
+    ".": {
+      "import": "./vue3-components.es.js",
+      "require": "./vue3-components.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build:light": "vite build",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "static-analysis:ts-check": "vue-tsc --noEmit",
+    "static-analysis:lint": "npm run lint:eslint && npm run lint:stylelint",
+    "lint:eslint": "eslint",
+    "lint:eslint:fix": "eslint --fix",
+    "lint:stylelint": "stylelint \"src/**/*.{css,scss,vue}\""
+  },
+  "peerDependencies": {
+    "vue": "^3.x.x"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.5",
+    "@unbabel/samora-styles": "^0.13.7",
+    "eslint-plugin-vitest": "^0.5.4",
+    "flatpickr": "^4.6.13",
+    "mitt": "^3.0.1",
+    "sass": "^1.77.2",
+    "vue": "^3.x.x"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.4.0",
+    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/builder-vite": "^8.1.3",
+    "@storybook/cli": "^8.1.3",
+    "@storybook/test": "^8.1.3",
+    "@storybook/vue3": "^8.1.3",
+    "@storybook/vue3-vite": "^8.1.3",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "@svgr/webpack": "^8.1.0",
+    "@types/node": "^20.12.13",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vitest/ui": "^1.6.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/runtime-core": "^3.4.27",
+    "@vue/test-utils": "^2.4.6",
+    "c8": "^9.1.0",
+    "eslint-plugin-vuejs-accessibility": "^2.3.0",
+    "glob": "^10.4.1",
+    "globals": "^15.3.0",
+    "prettier": "^3.3.1",
+    "jsdom": "^24.1.0",
+    "rimraf": "^5.0.7",
+    "rollup": "^4.18.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "storybook": "^8.1.3",
+    "stylelint": "^16.6.1",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-scss": "^6.3.0",
+    "typescript": "^5.2.2",
+    "typescript-eslint": "^7.11.0",
+    "vite": "^5.2.0",
+    "vite-plugin-sass": "^0.1.0",
+    "vite-svg-loader": "^5.1.0",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.0.6"
+  }
+}

package/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/assets/icons/action-reply-all.svg

@@ -0,0 +1,8 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Emails/action-reply-all" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path
+      d="M11.4166667,4.08333329 C12.3666667,4.08333329 13.16625,4.83541663 13.2438333,5.76799997 L13.25,5.91666664 L13.25,5.91666664 L13.25,7.66666664 L15.0833333,7.66666664 C18.8333334,7.66666664 21.8333334,10.6666667 21.8333334,14.4166667 L21.8333334,19.3333334 C21.8333334,19.6666667 21.5,19.9166667 21.1666667,19.9166667 C20.8333334,19.9166667 20.5833333,19.6666667 20.5833333,19.3333334 C20.5833333,16.3333334 18.0833333,13.8333333 15.0833333,13.8333333 L13.25,13.8333333 L13.25,15.5833333 C13.25,16.0833333 13,16.5833333 12.6666667,16.9166667 C12.3333333,17.25 11.8333333,17.4166667 11.3333333,17.4166667 C10.8333333,17.4166667 10.4166667,17.1666667 10.0833333,16.8333334 L5.5833333,12 C4.91666663,11.3333333 4.91666663,10.1666667 5.5833333,9.49999999 L10.0833333,4.66666663 C10.3796296,4.37037033 10.8076132,4.13991766 11.2502286,4.09236393 L11.4166667,4.08333329 L11.4166667,4.08333329 Z M7.99999998,4.66666663 C8.24999998,4.91666663 8.24999998,5.24999997 7.99999998,5.49999997 L3.58333329,10.3333333 C3.33333329,10.5833333 3.33333329,10.9166667 3.58333329,11.1666667 L8.08333331,16 C8.33333331,16.25 8.33333331,16.6666667 8.08333331,16.8333334 C7.91666665,17 7.74999998,17 7.58333331,17 C7.41666664,17 7.24999998,16.9166667 7.16666662,16.8333334 L2.66666662,12 C1.99999995,11.25 1.99999995,10.1666667 2.66666662,9.49999999 L7.16666662,4.66666663 C7.41666664,4.41666663 7.74999998,4.41666663 7.99999998,4.66666663 Z M11.4166667,5.3333333 C11.25,5.3333333 11.0833333,5.41666663 11,5.49999997 L6.49999997,10.3333333 C6.24999997,10.5833333 6.24999997,10.9166667 6.49999997,11.1666667 L11,16 C11.0833333,16.0833334 11.25,16.1666667 11.4166667,16.1666667 C11.5833333,16.1666667 11.75,16.0833334 11.8333333,16 C11.9166667,15.9166667 12,15.75 12,15.5833334 L12,13.1666667 C12,12.8333333 12.25,12.5833333 12.5833333,12.5833333 L15,12.5833333 C17.25,12.5833333 19.3333334,13.75 20.5,15.4166667 L20.5,14.4166667 C20.5,11.4166667 18,8.91666665 15,8.91666665 L12.5833333,8.91666665 C12.4166667,8.91666665 12.25,8.8333333 12.1666667,8.74999998 C12.0833333,8.58333332 12,8.41666665 12,8.24999998 L12,5.8333333 C12,5.6083333 11.7975,5.3833333 11.514,5.3405833 L11.4166667,5.3333333 L11.4166667,5.3333333 Z"
+      id="Combined-Shape" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/action-reply.svg

@@ -0,0 +1,8 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Emails/action-reply" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path
+      d="M21.1666667,20.0833334 C20.8333334,20.0833334 20.5,19.8333334 20.5,19.4166666 C20.5,16.3333334 18,13.75 14.8333333,13.75 L10.5,13.75 L10.5,15.5833334 C10.5,16.0833334 10.25,16.5833334 9.91666666,16.9166666 C9.58333332,17.25 9.08333332,17.4166666 8.66666665,17.4166666 C8.16666665,17.4166666 7.66666664,17.1666667 7.24999995,16.8333334 L2.74999995,12 C2.08333328,11.25 2.08333328,10.1666667 2.74999995,9.41666663 L7.24999995,4.49999996 C7.58333331,4.08333329 8.08333331,3.91666663 8.58333332,3.91666663 C9.08333332,3.91666663 9.58333332,4.08333329 9.91666666,4.49999996 C10.25,4.8333333 10.5,5.3333333 10.5,5.8333333 L10.5,7.66666664 L14.8333333,7.66666664 C18.5833334,7.66666664 21.75,10.75 21.75,14.5 L21.75,19.5 C21.75,19.8333334 21.5,20.0833334 21.1666667,20.0833334 Z M8.66666665,5.16666663 C8.49999998,5.16666663 8.33333331,5.24999997 8.16666665,5.3333333 L3.66666662,10.25 C3.41666662,10.5 3.41666662,10.8333333 3.66666662,11.0833333 L8.24999998,16 C8.33333331,16.1666666 8.49999998,16.25 8.66666665,16.25 C8.83333332,16.25 8.99999998,16.1666666 9.08333332,16.0833334 C9.24999999,16 9.24999999,15.8333334 9.24999999,15.6666666 L9.24999999,13.25 C9.24999999,12.9166667 9.49999999,12.5833333 9.91666666,12.5833333 L14.9166667,12.5833333 C17.1666667,12.5833333 19.25,13.6666666 20.5833334,15.5 L20.5833334,14.5 C20.5833334,11.4166667 18.0833334,8.83333332 14.9166667,8.83333332 L9.91666666,8.83333332 C9.74999999,8.83333332 9.58333332,8.74999998 9.41666665,8.66666663 C9.24999999,8.58333332 9.24999999,8.41666665 9.24999999,8.24999998 L9.24999999,5.8333333 C9.24999999,5.66666663 9.16666665,5.49999997 9.08333332,5.41666663 C8.99999998,5.24999997 8.83333332,5.16666663 8.66666665,5.16666663 Z"
+      id="email-action-reply" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/add-square.svg

@@ -0,0 +1,8 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Interface-Essentials/add-square" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path
+      d="M18.875,1.99999995 C20.5983334,1.99999995 21.9999999,3.40166662 21.9999999,5.12499997 L21.9999999,18.875 C21.9999999,20.5983334 20.5983334,21.9999999 18.875,21.9999999 L5.12499997,21.9999999 C3.40166662,21.9999999 1.99999995,20.5983334 1.99999995,18.875 L1.99999995,5.12499997 C1.99999995,3.40166662 3.40166662,1.99999995 5.12499997,1.99999995 L18.875,1.99999995 Z M18.875,3.24999996 L5.12499997,3.24999996 C4.09083329,3.24999996 3.24999996,4.09083329 3.24999996,5.12499997 L3.24999996,18.875 C3.24999996,19.9091667 4.09083329,20.75 5.12499997,20.75 L18.875,20.75 C19.9091667,20.75 20.75,19.9091667 20.75,18.875 L20.75,5.12499997 C20.75,4.09083329 19.9091667,3.24999996 18.875,3.24999996 Z M12,7.62499998 C12.345,7.62499998 12.625,7.90499998 12.625,8.24999998 L12.625,11.375 L15.75,11.375 C16.095,11.375 16.375,11.655 16.375,12 C16.375,12.345 16.095,12.625 15.75,12.625 L12.625,12.625 L12.625,15.75 C12.625,16.095 12.345,16.375 12,16.375 C11.655,16.375 11.375,16.095 11.375,15.75 L11.375,12.625 L8.24999998,12.625 C7.90499998,12.625 7.62499998,12.345 7.62499998,12 C7.62499998,11.655 7.90499998,11.375 8.24999998,11.375 L11.375,11.375 L11.375,8.24999998 C11.375,7.90499998 11.655,7.62499998 12,7.62499998 Z"
+      id="Combined-Shape" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/alarm-check.svg

@@ -0,0 +1,9 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Interface-Essentials/alarm-bell-check" stroke="none" stroke-width="1" fill="none"
+     fill-rule="evenodd">
+    <path
+      d="M11.7952055,19.4988142 C11.854371,19.4988142 11.9135365,19.5071474 11.970202,19.5238137 C12.301862,19.6213117 12.4918582,19.9688047 12.3951935,20.2996314 C12.1668647,21.0754491 11.5685434,21.6746037 10.7927257,21.9020991 C10.5727302,21.9670978 10.3477347,21.9995972 10.1227392,21.9995972 C9.73108045,21.9995972 9.34025499,21.8995992 8.99276199,21.709603 C8.43860648,21.4071091 8.03528128,20.9062859 7.85778485,20.3004647 C7.76112013,19.9696381 7.9511163,19.6213117 8.28194297,19.524647 C8.33944182,19.5079807 8.39860729,19.4996475 8.45777277,19.4996475 C8.73276723,19.4996475 8.97942892,19.6838105 9.05692736,19.9479718 C9.14109234,20.2337994 9.33108851,20.469628 9.59191659,20.6121251 C9.75607995,20.70129 9.93940959,20.748789 10.1235725,20.748789 C10.2294037,20.748789 10.3360683,20.732956 10.4402328,20.7029566 C10.8052255,20.5954588 11.0877198,20.3129645 11.1952176,19.9479718 C11.2727161,19.6838105 11.5193778,19.4988142 11.7952055,19.4988142 Z M10.1252392,2 C10.4702322,2 10.7502266,2.27999436 10.7502266,2.62498741 L10.7502266,4.49994965 C10.7502266,4.8449427 10.4702322,5.12493706 10.1252392,5.12493706 C7.02363498,5.12493706 4.50035248,7.64821957 4.50035248,10.7498238 C4.50035248,13.9364262 3.99452933,15.9272195 3.59703734,16.9996979 L16.5276102,16.9996979 C16.2726154,16.4747085 16.0867858,15.9172197 15.974288,15.3372314 C15.942622,15.173068 15.9759547,15.007238 16.0701194,14.8689075 C16.1642842,14.7305769 16.3051147,14.6364121 16.4692781,14.6047461 C16.5092773,14.5972463 16.5492765,14.5930797 16.5884423,14.5930797 C16.8867697,14.5930797 17.1450978,14.8055754 17.2017633,15.0989028 C17.3517603,15.8722206 17.6742538,16.6197055 18.1334112,17.260526 C18.2709084,17.4513554 18.2892414,17.7005171 18.1817436,17.9105129 C18.0742457,18.1196753 17.8609167,18.2496727 17.6259214,18.2496727 L2.62539024,18.2496727 C2.39622819,18.2496727 2.18623242,18.1246752 2.07623463,17.9238459 C1.96707017,17.7230166 1.97540333,17.4788549 2.0995675,17.2863588 C2.10873398,17.2713591 3.25037765,15.3580643 3.25037765,10.7498238 C3.25037765,7.17239582 5.9719895,4.21995529 9.50025177,3.903295 L9.50025177,2.62498741 C9.50025177,2.27999436 9.78024613,2 10.1252392,2 Z M16.3751133,2 C19.4767175,2 22,4.52328251 22,7.6248867 C22,10.7264909 19.4767175,13.2497734 16.3751133,13.2497734 C13.2735091,13.2497734 10.7502266,10.7264909 10.7502266,7.6248867 C10.7502266,4.52328251 13.2735091,2 16.3751133,2 Z M16.3751133,3.24997482 C13.9626619,3.24997482 12.0002014,5.2124353 12.0002014,7.6248867 C12.0002014,10.0373381 13.9626619,11.9997986 16.3751133,11.9997986 C18.7875647,11.9997986 20.7500252,10.0373381 20.7500252,7.6248867 C20.7500252,5.2124353 18.7875647,3.24997482 16.3751133,3.24997482 Z M18.9825608,5.74992447 C19.1492241,5.74992447 19.3067209,5.81492316 19.4242185,5.93325411 C19.5425495,6.05075174 19.6075482,6.20824857 19.6075482,6.37491188 C19.6075482,6.54157519 19.5425495,6.69907202 19.4242185,6.81656965 L16.2992815,9.94150671 C16.1817839,10.0598377 16.024287,10.1248364 15.8576237,10.1248364 C15.6909604,10.1248364 15.5334636,10.0598377 15.4159659,9.94150671 L14.1659911,8.69153189 C14.0476602,8.57403425 13.9826615,8.41653743 13.9826615,8.24987412 C13.9826615,8.08321081 14.0476602,7.92571398 14.1659911,7.80821635 C14.2843221,7.69071871 14.4409856,7.6248867 14.6076489,7.6248867 C14.7743122,7.6248867 14.931809,7.6898854 15.0493067,7.80821635 L15.8576237,8.6165334 L18.540903,5.93325411 C18.6355678,5.83858935 18.7547654,5.77805724 18.8839894,5.75763098 L18.9825608,5.74992447 Z"
+      id="Combined-Shape" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/alarm-off.svg

@@ -0,0 +1,8 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Interface-Essentials/alarm-bell-off" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path
+      d="M20.7496354,3.24994792 C20.9162952,3.24994792 21.0737886,3.31494521 21.1912837,3.43327361 C21.3096121,3.55076872 21.3746094,3.70826216 21.3746094,3.87492188 C21.3746094,4.0415816 21.3096121,4.19907504 21.1912837,4.31657014 L3.69201283,21.815841 C3.57451773,21.9341694 3.41702429,21.9991667 3.25036457,21.9991667 C3.08370485,21.9991667 2.92621141,21.9341694 2.8087163,21.815841 C2.6903879,21.6975126 2.62539061,21.5408525 2.62539061,21.3741927 C2.62539061,21.207533 2.6903879,21.0500396 2.8087163,20.9325445 L20.3079872,3.43327361 C20.4263156,3.31494521 20.5829757,3.24994792 20.7496354,3.24994792 Z M13.6699304,19.4992709 C13.7290946,19.4992709 13.7874255,19.5076038 13.8440898,19.5242698 C14.1757427,19.6217658 14.3657348,19.9692513 14.2690721,20.3000708 C14.0415816,21.0758718 13.4424399,21.6750135 12.6666389,21.9025041 C12.4483147,21.9675014 12.223324,22 11.9983334,22 C11.6066831,22 11.215866,21.9000042 10.8683805,21.7100121 C10.3142369,21.4075247 9.91092038,20.9067122 9.73342777,20.3009041 C9.63676513,19.9700846 9.82675722,19.6217658 10.1575768,19.5251031 C10.2142411,19.5076038 10.2734053,19.4992709 10.3325695,19.4992709 C10.607558,19.4992709 10.8542144,19.6834299 10.9317112,19.9475855 C11.0158743,20.2334069 11.2058664,20.4692304 11.4666889,20.6117245 C11.6308487,20.7017208 11.8150077,20.7492188 11.9991667,20.7492188 C12.1049956,20.7492188 12.2116578,20.7333861 12.3149869,20.7033874 C12.680805,20.5958918 12.9624599,20.3142369 13.0699554,19.9484188 C13.1482855,19.6834299 13.3949419,19.4992709 13.6699304,19.4992709 Z M18.1730761,9.36135994 C18.4788967,9.36135994 18.7380526,9.58135078 18.7880505,9.88467147 C18.8338819,10.1613266 18.8630474,10.4446481 18.8738803,10.7254698 C18.8738803,15.8569226 19.8363402,17.0677055 19.9071705,17.1502021 C20.1013291,17.3168618 20.1746594,17.5876838 20.0896629,17.831007 C20.0013333,18.0809966 19.7646765,18.2493229 19.4988542,18.2493229 L10.7492188,18.2493229 C10.4042332,18.2493229 10.1242448,17.9693346 10.1242448,17.624349 C10.1242448,17.2793634 10.4042332,16.999375 10.7492188,16.999375 L18.423899,16.999375 C18.0222491,15.9727511 17.6239323,14.1086621 17.6239323,10.7496354 C17.6155994,10.5438107 17.5914337,10.3113204 17.5547686,10.0896629 C17.5272697,9.9255031 17.5656014,9.75967668 17.6630974,9.62384901 C17.7605933,9.48802133 17.904754,9.39802508 18.0689138,9.37052623 C18.1022457,9.36469314 18.1380776,9.36135994 18.1730761,9.36135994 Z M12.0008333,2 C12.3458189,2 12.6258073,2.27998833 12.6258073,2.62497396 L12.6258073,3.90658723 C13.7790925,4.01074955 14.8923795,4.40906629 15.8606725,5.06653889 C16.1456606,5.25986417 16.2198242,5.64901462 16.0264989,5.93483605 C15.9106704,6.10649556 15.7173451,6.20899129 15.5090205,6.20899129 C15.3840257,6.20899129 15.2623641,6.17149285 15.1582017,6.10149577 C14.2199075,5.46485563 13.1324528,5.12903629 12.0116662,5.12903629 C11.6558477,5.12903629 11.2958627,5.16320153 10.9425441,5.23069872 C9.46593892,5.51235365 8.18849215,6.35231865 7.34519395,7.59560018 C6.71105371,8.52972793 6.37523437,9.62051581 6.37440107,10.7504687 L6.37440107,15.1252864 C6.37440107,15.4694388 6.09441273,15.7494271 5.74942711,15.7494271 C5.40444148,15.7494271 5.12445315,15.4694388 5.12445315,15.1244531 L5.12445315,10.7496354 C5.12528645,9.36885963 5.53610266,8.03558185 6.31107037,6.89312945 C7.34269405,5.37402608 8.90346236,4.34656889 10.7075539,4.00158327 C10.9258781,3.95991834 11.1500354,3.92825299 11.3758593,3.90742052 L11.3758593,2.62497396 C11.3758593,2.27998833 11.6558477,2 12.0008333,2 Z"
+      id="Combined-Shape" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/alarm-sleep.svg

@@ -0,0 +1,9 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Interface-Essentials/alarm-bell-sleep" stroke="none" stroke-width="1" fill="none"
+     fill-rule="evenodd">
+    <path
+      d="M11.7946997,19.4991667 C11.8538664,19.4991667 11.9130331,19.5075 11.9696997,19.5241667 C12.3013664,19.6216667 12.4913664,19.9691667 12.3946997,20.3 C12.1663664,21.0758333 11.5680331,21.675 10.7921997,21.9025 C10.5721997,21.9675 10.3471997,22 10.1221997,22 C9.73053306,22 9.33969972,21.9 8.99219972,21.71 C8.43803306,21.4075 8.03469972,20.9066667 7.85719972,20.3008333 C7.76053306,19.97 7.95053306,19.6216667 8.28136639,19.525 C8.33886639,19.5083333 8.39803306,19.5 8.45719972,19.5 C8.73219972,19.5 8.97886639,19.6841667 9.05636639,19.9483333 C9.14053306,20.2341667 9.33053306,20.47 9.59136639,20.6125 C9.75553306,20.7016667 9.93886639,20.7491667 10.1230331,20.7491667 C10.2288664,20.7491667 10.3355331,20.7333333 10.4396997,20.7033333 C10.8046997,20.5958333 11.0871997,20.3133333 11.1946997,19.9483333 C11.2721997,19.6841667 11.5188664,19.4991667 11.7946997,19.4991667 Z M10.1246997,2 C10.4696997,2 10.7496997,2.28 10.7496997,2.625 L10.7496997,3.90833333 C11.5571997,3.9875 12.3563664,4.21166667 13.0780331,4.56333333 C13.3871997,4.71416667 13.5163664,5.08916667 13.3663664,5.39916667 C13.2605331,5.61583333 13.0455331,5.75083333 12.8038664,5.75083333 C12.7096997,5.75083333 12.6155331,5.72916667 12.5305331,5.6875 C11.7838664,5.32416667 10.9513664,5.12916667 10.1221997,5.12583333 C7.02219972,5.125 4.49969972,7.64833333 4.49969972,10.75 C4.49969972,13.9266667 3.99219972,15.9225 3.59386639,17 L16.6130331,17 C16.2913664,16.2541667 16.0738664,15.4675 15.9638664,14.6566667 C15.9413664,14.4916667 15.9846997,14.3266667 16.0855331,14.1941667 C16.1863664,14.0616667 16.3330331,13.9758333 16.4988664,13.9533333 C16.5263664,13.9491667 16.5555331,13.9475 16.5846997,13.9475 C16.8946997,13.9475 17.1605331,14.18 17.2021997,14.4891667 C17.3371997,15.4891667 17.6621997,16.4391667 18.1655331,17.3125 C18.2771997,17.505 18.2771997,17.745 18.1655331,17.9375 C18.0546997,18.13 17.8471997,18.25 17.6246997,18.25 L2.62469972,18.25 C2.39636639,18.25 2.18636639,18.1258333 2.07719972,17.9258333 C1.96719972,17.7258333 1.97553306,17.4825 2.09719972,17.29 C2.10636639,17.275 3.24969972,15.335 3.24969972,10.75 C3.24969972,7.1725 5.97136639,4.22083333 9.49969972,3.90333333 L9.49969972,2.625 C9.49969972,2.28 9.77969972,2 10.1246997,2 Z M16.9996997,6.99916667 C17.2413664,6.99916667 17.4630331,7.14 17.5655331,7.35916667 C17.6680331,7.5775 17.6346997,7.83916667 17.4796997,8.025 L15.2088664,10.75 L16.9996997,10.75 C17.3446997,10.75 17.6246997,11.03 17.6246997,11.375 C17.6246997,11.72 17.3446997,12 16.9996997,12 L13.8746997,12 C13.6330331,12 13.4113664,11.8591667 13.3088664,11.64 C13.2063664,11.4216667 13.2396997,11.16 13.3946997,10.9741667 L15.6655331,8.24916667 L13.8746997,8.24916667 C13.5296997,8.24916667 13.2496997,7.96916667 13.2496997,7.62416667 C13.2496997,7.27916667 13.5296997,6.99916667 13.8746997,6.99916667 L16.9996997,6.99916667 Z M21.3746997,2.00083333 C21.6138664,2.00083333 21.8346997,2.14 21.9380331,2.355 C22.0413664,2.57 22.0121997,2.82916667 21.8621997,3.01583333 L20.1746997,5.125 L21.3738664,5.125 C21.7188664,5.125 21.9988664,5.405 21.9988664,5.75 C21.9988664,6.095 21.7188664,6.375 21.3738664,6.375 L18.8746997,6.375 C18.6355331,6.375 18.4146997,6.23583333 18.3113664,6.02083333 C18.2080331,5.80583333 18.2371997,5.54666667 18.3871997,5.36 L20.0746997,3.25083333 L18.8746997,3.25083333 C18.5296997,3.25083333 18.2496997,2.97083333 18.2496997,2.62583333 C18.2496997,2.28083333 18.5296997,2.00083333 18.8746997,2.00083333 L21.3746997,2.00083333 Z"
+      id="Combined-Shape" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/alarm.svg

@@ -0,0 +1,8 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="3---Icons/Interface-Essentials/alarm-bell" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <path
+      d="M13.0833333,19.9166667 C13.1666667,19.5833334 13.5,19.4166667 13.8333333,19.5 C14.1666667,19.5833334 14.3333333,20 14.25,20.25 C14,21 13.4166667,21.5833334 12.6666667,21.8333334 C12.4166667,21.9166667 12.25,21.9166667 12,21.9166667 C11,21.9166667 10.0833333,21.25 9.74999999,20.25 C9.66666665,19.9166667 9.83333332,19.5833334 10.1666667,19.5 C10.5,19.4166667 10.8333333,19.5833334 10.9166667,19.9166667 C11.0833333,20.5 11.75,20.8333334 12.3333333,20.6666667 C12.6666667,20.5833334 13,20.25 13.0833333,19.9166667 Z M12,1.99999995 C12.3333333,1.99999995 12.6666667,2.24999995 12.6666667,2.66666662 L12.6666667,2.66666662 L12.6666667,3.91666663 C16.1666667,4.24999996 18.9166667,7.16666664 18.9166667,10.75 C18.9166667,15.9999999 19.9166667,17.1666667 19.9166667,17.1666667 C20.0833334,17.3333334 20.1666667,17.5833334 20.0833334,17.8333334 C20,18.0833334 19.75,18.25 19.5,18.25 L19.5,18.25 L4.49999996,18.25 C4.24999996,18.25 3.99999996,18.1666667 3.91666663,17.9166667 C3.83333329,17.6666667 3.83333329,17.4166667 3.99999996,17.25 C3.99999996,17.25 5.0833333,15.6666667 5.0833333,10.75 C5.0833333,7.16666664 7.83333331,4.24999996 11.3333333,3.91666663 L11.3333333,3.91666663 L11.3333333,2.66666662 C11.3333333,2.24999995 11.6666667,1.99999995 12,1.99999995 Z M12,5.0833333 C8.83333332,5.0833333 6.3333333,7.66666664 6.3333333,10.75 C6.3333333,14.0833333 5.91666664,16 5.49999997,17 L5.49999997,17 L18.5,17 C18.0833334,16 17.6666667,14.1666667 17.6666667,10.75 C17.6666667,7.5833333 15.0833333,5.0833333 12,5.0833333 Z"
+      id="Combined-Shape" fill="currentColor"></path>
+  </g>
+</svg>

package/src/assets/icons/alert-circle.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M12 4.13514C7.65636 4.13514 4.13514 7.65636 4.13514 12C4.13514 16.3436 7.65636 19.8649 12 19.8649C16.3436 19.8649 19.8649 16.3436 19.8649 12C19.8649 7.65636 16.3436 4.13514 12 4.13514ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 6.89189C12.3135 6.89189 12.5676 7.146 12.5676 7.45946V11.3514C12.5676 11.6648 12.3135 11.9189 12 11.9189C11.6865 11.9189 11.4324 11.6648 11.4324 11.3514V7.45946C11.4324 7.146 11.6865 6.89189 12 6.89189ZM12 15.1622C11.9552 15.1622 11.9189 15.1985 11.9189 15.2432C11.9189 15.288 11.9552 15.3243 12 15.3243C12.0448 15.3243 12.0811 15.288 12.0811 15.2432C12.0811 15.1985 12.0448 15.1622 12 15.1622ZM10.7838 15.2432C10.7838 14.5715 11.3283 14.027 12 14.027C12.6717 14.027 13.2162 14.5715 13.2162 15.2432C13.2162 15.9149 12.6717 16.4595 12 16.4595C11.3283 16.4595 10.7838 15.9149 10.7838 15.2432Z"
+        fill="currentColor"/>
+</svg>

package/src/assets/icons/alert-exclamation-circle--filled.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path
+    d="M12 3C10.22 3 8.47991 3.52784 6.99987 4.51677C5.51983 5.50571 4.36628 6.91131 3.68509 8.55585C3.0039 10.2004 2.82567 12.01 3.17294 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89471 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C20.4722 15.5201 21 13.78 21 12C21 9.61305 20.0518 7.32387 18.364 5.63604C16.6761 3.94821 14.387 3 12 3ZM11.0357 7.5C11.0357 7.24425 11.1373 6.99898 11.3181 6.81815C11.499 6.63731 11.7443 6.53571 12 6.53571C12.2557 6.53571 12.501 6.63731 12.6819 6.81815C12.8627 6.99898 12.9643 7.24425 12.9643 7.5V11.3571C12.9643 11.6129 12.8627 11.8582 12.6819 12.039C12.501 12.2198 12.2557 12.3214 12 12.3214C11.7443 12.3214 11.499 12.2198 11.3181 12.039C11.1373 11.8582 11.0357 11.6129 11.0357 11.3571V7.5ZM12 17.1429C11.7457 17.1429 11.4971 17.0674 11.2857 16.9262C11.0743 16.7849 10.9095 16.5841 10.8122 16.3492C10.7148 16.1142 10.6894 15.8557 10.739 15.6063C10.7886 15.3569 10.9111 15.1278 11.0909 14.948C11.2707 14.7682 11.4998 14.6457 11.7492 14.5961C11.9986 14.5465 12.2571 14.572 12.492 14.6693C12.727 14.7666 12.9278 14.9314 13.069 15.1428C13.2103 15.3543 13.2857 15.6028 13.2857 15.8571C13.2857 16.1981 13.1503 16.5252 12.9091 16.7663C12.668 17.0074 12.341 17.1429 12 17.1429Z"
+    fill="currentColor"/>
+</svg>

package/src/assets/icons/alert-exclamation-circle.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M12 4.13514C7.65636 4.13514 4.13514 7.65636 4.13514 12C4.13514 16.3436 7.65636 19.8649 12 19.8649C16.3436 19.8649 19.8649 16.3436 19.8649 12C19.8649 7.65636 16.3436 4.13514 12 4.13514ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 6.89189C12.3135 6.89189 12.5676 7.146 12.5676 7.45946V11.3514C12.5676 11.6648 12.3135 11.9189 12 11.9189C11.6865 11.9189 11.4324 11.6648 11.4324 11.3514V7.45946C11.4324 7.146 11.6865 6.89189 12 6.89189ZM12 15.1622C11.9552 15.1622 11.9189 15.1985 11.9189 15.2432C11.9189 15.288 11.9552 15.3243 12 15.3243C12.0448 15.3243 12.0811 15.288 12.0811 15.2432C12.0811 15.1985 12.0448 15.1622 12 15.1622ZM10.7838 15.2432C10.7838 14.5715 11.3283 14.027 12 14.027C12.6717 14.027 13.2162 14.5715 13.2162 15.2432C13.2162 15.9149 12.6717 16.4595 12 16.4595C11.3283 16.4595 10.7838 15.9149 10.7838 15.2432Z"
+        fill="currentColor"/>
+</svg>

package/src/assets/icons/alert-exclamation-rhomboid--filled.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path
+    d="M20.4084 10.561L13.4271 3.57129C13.0423 3.20454 12.5313 3 12 3C11.4687 3 10.9577 3.20454 10.5729 3.57129L3.59155 10.561C3.40139 10.7492 3.25103 10.9739 3.14942 11.2216C3.04782 11.4693 2.99704 11.7349 3.00013 12.0027C2.99904 12.2663 3.05082 12.5275 3.15241 12.7707C3.254 13.0139 3.40333 13.2342 3.59155 13.4186L10.5729 20.4083C10.9514 20.7872 11.4647 21 12 21C12.5353 21 13.0486 20.7872 13.4271 20.4083L20.4084 13.4186C20.5967 13.2342 20.746 13.0139 20.8476 12.7707C20.9492 12.5275 21.001 12.2663 20.9999 12.0027C21.003 11.7349 20.9522 11.4693 20.8506 11.2216C20.749 10.9739 20.5986 10.7492 20.4084 10.561ZM11.0357 7.48447C11.0357 7.22842 11.1373 6.98286 11.3182 6.80181C11.499 6.62076 11.7443 6.51905 12 6.51905C12.2557 6.51905 12.501 6.62076 12.6818 6.80181C12.8627 6.98286 12.9643 7.22842 12.9643 7.48447V11.3462C12.9643 11.6022 12.8627 11.8478 12.6818 12.0288C12.501 12.2099 12.2557 12.3116 12 12.3116C11.7443 12.3116 11.499 12.2099 11.3182 12.0288C11.1373 11.8478 11.0357 11.6022 11.0357 11.3462V7.48447ZM12 16.4951C11.7457 16.4951 11.4971 16.4196 11.2857 16.2782C11.0743 16.1367 10.9095 15.9357 10.8122 15.7005C10.7149 15.4653 10.6894 15.2064 10.739 14.9567C10.7886 14.707 10.9111 14.4777 11.0909 14.2977C11.2707 14.1176 11.4998 13.995 11.7492 13.9454C11.9986 13.8957 12.2571 13.9212 12.492 14.0186C12.7269 14.116 12.9277 14.281 13.069 14.4927C13.2103 14.7044 13.2857 14.9533 13.2857 15.2079C13.2857 15.5493 13.1502 15.8767 12.9091 16.1181C12.668 16.3595 12.341 16.4951 12 16.4951Z"
+    fill="currentColor"/>
+</svg>

package/src/assets/icons/alert-exclamation-rhomboid.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M12.5802 4.37535C12.2597 4.05494 11.7403 4.05494 11.4198 4.37535L4.37535 11.4198C4.05494 11.7403 4.05494 12.2597 4.37535 12.5802L11.4198 19.6246C11.7403 19.9451 12.2597 19.9451 12.5802 19.6246L19.6246 12.5802C19.9451 12.2597 19.9451 11.7403 19.6246 11.4198L12.5802 4.37535ZM10.6172 3.57276C11.3809 2.80908 12.6191 2.80908 13.3828 3.57276L20.4272 10.6172C21.1909 11.3809 21.1909 12.6191 20.4272 13.3828L13.3828 20.4272C12.6191 21.1909 11.3809 21.1909 10.6172 20.4272L3.57276 13.3828C2.80908 12.6191 2.80908 11.3809 3.57276 10.6172L10.6172 3.57276ZM12.0007 6.89232C12.3141 6.89232 12.5682 7.14641 12.5682 7.45984V11.3514C12.5682 11.6648 12.3141 11.9189 12.0007 11.9189C11.6872 11.9189 11.4331 11.6648 11.4331 11.3514V7.45984C11.4331 7.14641 11.6872 6.89232 12.0007 6.89232ZM12.0007 15.1619C11.9559 15.1619 11.9196 15.1982 11.9196 15.243C11.9196 15.2877 11.9559 15.324 12.0007 15.324C12.0454 15.324 12.0817 15.2877 12.0817 15.243C12.0817 15.1982 12.0454 15.1619 12.0007 15.1619ZM10.7845 15.243C10.7845 14.5713 11.329 14.0269 12.0007 14.0269C12.6723 14.0269 13.2168 14.5713 13.2168 15.243C13.2168 15.9146 12.6723 16.4591 12.0007 16.4591C11.329 16.4591 10.7845 15.9146 10.7845 15.243Z"
+        fill="currentColor"/>
+</svg>

package/src/assets/icons/alert-exclamation-triangle--filled.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path
+    d="M20.7911 18.2092L13.7222 4.06219C13.5617 3.74286 13.3157 3.47444 13.0115 3.28688C12.7074 3.09932 12.3572 3 12 3C11.6428 3 11.2926 3.09932 10.9885 3.28688C10.6843 3.47444 10.4383 3.74286 10.2778 4.06219L3.20888 18.2092C3.05949 18.5024 2.98811 18.8293 3.00162 19.1581C3.01512 19.487 3.11306 19.8069 3.28599 20.0869C3.46124 20.3653 3.7039 20.595 3.99148 20.7546C4.27906 20.9143 4.60226 20.9987 4.93112 21H19.0689C19.3977 20.9987 19.7209 20.9143 20.0085 20.7546C20.2961 20.595 20.5388 20.3653 20.714 20.0869C20.8869 19.8069 20.9849 19.487 20.9984 19.1581C21.0119 18.8293 20.9405 18.5024 20.7911 18.2092ZM11.0361 9.42519C11.0361 9.16937 11.1376 8.92403 11.3184 8.74314C11.4992 8.56224 11.7443 8.46062 12 8.46062C12.2557 8.46062 12.5008 8.56224 12.6816 8.74314C12.8624 8.92403 12.9639 9.16937 12.9639 9.42519V13.2835C12.9639 13.5393 12.8624 13.7846 12.6816 13.9655C12.5008 14.1464 12.2557 14.248 12 14.248C11.7443 14.248 11.4992 14.1464 11.3184 13.9655C11.1376 13.7846 11.0361 13.5393 11.0361 13.2835V9.42519ZM12 18.4278C11.7458 18.4278 11.4973 18.3524 11.286 18.2111C11.0746 18.0698 10.9099 17.8689 10.8126 17.6339C10.7153 17.3989 10.6899 17.1403 10.7394 16.8908C10.789 16.6413 10.9114 16.4122 11.0912 16.2323C11.2709 16.0525 11.4999 15.93 11.7493 15.8804C11.9986 15.8307 12.257 15.8562 12.4918 15.9535C12.7267 16.0509 12.9274 16.2157 13.0686 16.4272C13.2099 16.6387 13.2853 16.8874 13.2853 17.1417C13.2853 17.4828 13.1498 17.8099 12.9088 18.0511C12.6678 18.2923 12.3409 18.4278 12 18.4278Z"
+    fill="currentColor"/>
+</svg>

package/src/assets/icons/alert-exclamation-triangle.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+        d="M11.0269 3.27385C11.3199 3.09476 11.6566 3 11.9999 3C12.3433 3 12.68 3.09476 12.973 3.27385C13.266 3.45293 13.5038 3.7094 13.6604 4.015L13.6629 4.01995L20.8003 18.2948L20.8008 18.2958C20.9436 18.5796 21.0115 18.895 20.9982 19.2124C20.9849 19.5302 20.8906 19.8392 20.7243 20.1103C20.5579 20.3813 20.325 20.6054 20.0477 20.7611C19.7704 20.9168 19.4579 20.999 19.1399 21L19.1381 21H4.86174L4.86002 21C4.54199 20.999 4.22949 20.9168 3.95219 20.7611C3.67489 20.6054 3.44199 20.3813 3.27563 20.1103C3.10926 19.8392 3.01495 19.5302 3.00163 19.2124C2.98834 18.895 3.05631 18.5795 3.19909 18.2957L3.19958 18.2948L10.3395 4.01498C10.496 3.70938 10.7339 3.45293 11.0269 3.27385ZM11.9999 4.13562C11.8656 4.13562 11.7338 4.1727 11.6192 4.24278C11.5052 4.31244 11.4126 4.41202 11.3513 4.53066L4.21451 18.8042L4.21372 18.8058C4.15772 18.917 4.13105 19.0406 4.13626 19.1649C4.14147 19.2892 4.17838 19.4102 4.24348 19.5162C4.30858 19.6223 4.39971 19.71 4.50822 19.7709C4.61649 19.8317 4.73848 19.8639 4.86265 19.8644H19.1372C19.2614 19.8639 19.3834 19.8317 19.4917 19.7709C19.6002 19.71 19.6913 19.6223 19.7564 19.5162C19.8215 19.4102 19.8584 19.2892 19.8636 19.1649C19.8688 19.0406 19.8422 18.917 19.7862 18.8058L19.7854 18.8042L12.6486 4.53066C12.5873 4.41202 12.4947 4.31244 12.3807 4.24278C12.2661 4.1727 12.1343 4.13562 11.9999 4.13562ZM11.9999 8.83261C12.3135 8.83261 12.5678 9.08683 12.5678 9.40042V13.294C12.5678 13.6076 12.3135 13.8618 11.9999 13.8618C11.6863 13.8618 11.4321 13.6076 11.4321 13.294V9.40042C11.4321 9.08683 11.6863 8.83261 11.9999 8.83261ZM11.9999 17.1064C11.9551 17.1064 11.9188 17.1428 11.9188 17.1876C11.9188 17.2323 11.9551 17.2687 11.9999 17.2687C12.0447 17.2687 12.0811 17.2323 12.0811 17.1876C12.0811 17.1428 12.0447 17.1064 11.9999 17.1064ZM10.7832 17.1876C10.7832 16.5156 11.328 15.9708 11.9999 15.9708C12.6719 15.9708 13.2167 16.5156 13.2167 17.1876C13.2167 17.8595 12.6719 18.4043 11.9999 18.4043C11.328 18.4043 10.7832 17.8595 10.7832 17.1876Z"
+        fill="currentColor"/>
+</svg>