@getcortexlabs/mavis-web 0.1.0-alpha.1 → 0.1.0-alpha.3

package/README.md

@@ -1,11 +1,11 @@
 # Mavis for Vue Web
 
-Vue Web implementation of the ten Mavis components, version `0.1.0-alpha.1`. Experimental prerelease for testing in real apps; the API can change between alpha versions. Licensed under MIT.
+Vue Web implementation of the twelve Mavis components, version `0.1.0-alpha.3`. Experimental prerelease for testing in real apps; the API can change between alpha versions. Licensed under MIT.
 
 In an existing Vue application:
 
 ```sh
-npm install @getcortexlabs/mavis-web@0.1.0-alpha.1
+npm install @getcortexlabs/mavis-web@0.1.0-alpha.3
 ```
 
 ```ts
@@ -17,7 +17,7 @@ import App from './App.vue'
 createApp(App).use(createMavis()).mount('#app')
 ```
 
-The stylesheet supplies focus indicators, box overlays, and motion. The plugin registers Screen, Row, Column, Box, Card, Text, Button, Input, Slider and Reveal; Vue also accepts their `m-*` spellings.
+The stylesheet supplies focus indicators, box overlays, and motion. The plugin registers Screen, Row, Column, Box, Card, Text, Icon, Button, Input, Slider, Sheet and Reveal; Vue also accepts their `m-*` spellings.
 
 Themes and Vue context come from `@getcortexlabs/mavis-core`. NativeScript and Jolt are not dependencies of this package. Browser motion currently uses CSS; [Jolt #236](https://github.com/rafaelaugustos/jolt/issues/236) tracks its Web backend.
 

package/dist/appearance.d.ts

@@ -0,0 +1,4 @@
+import type { AppearanceSource } from '@getcortexlabs/mavis-core/vue';
+/** `prefers-color-scheme`, read only when called so server builds never touch `window`. */
+export declare function systemAppearance(): AppearanceSource;
+//# sourceMappingURL=appearance.d.ts.map

package/dist/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../src/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAOrE,2FAA2F;AAC3F,wBAAgB,gBAAgB,IAAI,gBAAgB,CAcnD"}

package/dist/appearance.js

@@ -0,0 +1,23 @@
+function query() {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+        return undefined;
+    return window.matchMedia('(prefers-color-scheme: dark)');
+}
+/** `prefers-color-scheme`, read only when called so server builds never touch `window`. */
+export function systemAppearance() {
+    return {
+        current() {
+            const media = query();
+            return media ? (media.matches ? 'dark' : 'light') : undefined;
+        },
+        observe(listener) {
+            const media = query();
+            if (!media)
+                return () => { };
+            const handler = (event) => listener(event.matches ? 'dark' : 'light');
+            media.addEventListener('change', handler);
+            return () => media.removeEventListener('change', handler);
+        },
+    };
+}
+//# sourceMappingURL=appearance.js.map

package/dist/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../src/appearance.ts"],"names":[],"mappings":"AAEA,SAAS,KAAK;IACZ,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;QAAE,OAAO,SAAS,CAAA;IAC9F,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;AAC1D,CAAC;AAED,2FAA2F;AAC3F,MAAM,UAAU,gBAAgB;IAC9B,OAAO;QACL,OAAO;YACL,MAAM,KAAK,GAAG,KAAK,EAAE,CAAA;YACrB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC/D,CAAC;QACD,OAAO,CAAC,QAAQ;YACd,MAAM,KAAK,GAAG,KAAK,EAAE,CAAA;YACrB,IAAI,CAAC,KAAK;gBAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;YAC3B,MAAM,OAAO,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;YAC1F,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YACzC,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;QAC3D,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/components/MButton.d.ts

@@ -4,9 +4,9 @@ export declare const MButton: import("vue").DefineComponent<import("vue").Extrac
         default: undefined;
     };
     variant: {
-        type: import("vue").PropType<"primary" | "secondary" | "ghost">;
-        default: "primary" | "secondary" | "ghost";
-        validator: (value: "primary" | "secondary" | "ghost") => boolean;
+        type: import("vue").PropType<"ghost" | "primary" | "secondary">;
+        default: "ghost" | "primary" | "secondary";
+        validator: (value: "ghost" | "primary" | "secondary") => boolean;
     };
     size: {
         type: import("vue").PropType<"sm" | "md" | "lg">;
@@ -19,6 +19,14 @@ export declare const MButton: import("vue").DefineComponent<import("vue").Extrac
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconName>;
+        default: undefined;
+    };
+    trailingIcon: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconName>;
+        default: undefined;
+    };
     grow: {
         type: NumberConstructor;
         default: number;
@@ -49,9 +57,9 @@ export declare const MButton: import("vue").DefineComponent<import("vue").Extrac
         default: undefined;
     };
     variant: {
-        type: import("vue").PropType<"primary" | "secondary" | "ghost">;
-        default: "primary" | "secondary" | "ghost";
-        validator: (value: "primary" | "secondary" | "ghost") => boolean;
+        type: import("vue").PropType<"ghost" | "primary" | "secondary">;
+        default: "ghost" | "primary" | "secondary";
+        validator: (value: "ghost" | "primary" | "secondary") => boolean;
     };
     size: {
         type: import("vue").PropType<"sm" | "md" | "lg">;
@@ -64,6 +72,14 @@ export declare const MButton: import("vue").DefineComponent<import("vue").Extrac
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconName>;
+        default: undefined;
+    };
+    trailingIcon: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconName>;
+        default: undefined;
+    };
     grow: {
         type: NumberConstructor;
         default: number;
@@ -95,8 +111,10 @@ export declare const MButton: import("vue").DefineComponent<import("vue").Extrac
     size: "sm" | "md" | "lg";
     text: string;
     disabled: boolean;
-    variant: "primary" | "secondary" | "ghost";
+    variant: "primary" | "ghost" | "secondary";
     loading: boolean;
     loadingText: string;
+    icon: "radius" | "shrink" | "type" | "wheat" | "scroll" | "command" | "copy" | "focus" | "pause" | "play" | "slice" | "map" | "code" | "form" | "link" | "menu" | "option" | "search" | "section" | "summary" | "table" | "video" | "delete" | "watch" | "replace" | "split" | "repeat" | "anchor" | "key" | "ghost" | "a-arrow-down" | "a-arrow-up" | "a-large-small" | "accessibility" | "activity" | "ad" | "air-vent" | "airplay" | "alarm-clock" | "alarm-clock-check" | "alarm-clock-minus" | "alarm-clock-off" | "alarm-clock-plus" | "alarm-smoke" | "align-center-horizontal" | "align-center-vertical" | "align-end-horizontal" | "align-end-vertical" | "align-horizontal-distribute-center" | "align-horizontal-distribute-end" | "align-horizontal-distribute-start" | "align-horizontal-justify-center" | "align-horizontal-justify-end" | "align-horizontal-justify-start" | "align-horizontal-space-around" | "align-horizontal-space-between" | "align-start-horizontal" | "align-start-vertical" | "align-vertical-distribute-center" | "align-vertical-distribute-end" | "align-vertical-distribute-start" | "align-vertical-justify-center" | "align-vertical-justify-end" | "align-vertical-justify-start" | "align-vertical-space-around" | "align-vertical-space-between" | "ambulance" | "ampersand" | "ampersands" | "amphora" | "angle" | "antenna" | "anvil" | "aperture" | "app-window" | "app-window-mac" | "apple" | "archive" | "archive-arrow-down" | "archive-arrow-up" | "archive-x" | "armchair" | "armenian-dram" | "arrow-big-down" | "arrow-big-down-dash" | "arrow-big-left" | "arrow-big-left-dash" | "arrow-big-right" | "arrow-big-right-dash" | "arrow-big-up" | "arrow-big-up-dash" | "arrow-down" | "arrow-down-0-1" | "arrow-down-1-0" | "arrow-down-a-z" | "arrow-down-from-line" | "arrow-down-left" | "arrow-down-narrow-wide" | "arrow-down-right" | "arrow-down-to-dot" | "arrow-down-to-line" | "arrow-down-up" | "arrow-down-wide-narrow" | "arrow-down-z-a" | "arrow-left" | "arrow-left-from-line" | "arrow-left-right" | "arrow-left-to-line" | "arrow-right" | "arrow-right-from-line" | "arrow-right-left" | "arrow-right-to-line" | "arrow-up" | "arrow-up-0-1" | "arrow-up-1-0" | "arrow-up-a-z" | "arrow-up-down" | "arrow-up-from-dot" | "arrow-up-from-line" | "arrow-up-left" | "arrow-up-narrow-wide" | "arrow-up-right" | "arrow-up-to-line" | "arrow-up-wide-narrow" | "arrow-up-z-a" | "arrows-up-from-line" | "asterisk" | "astroid" | "at-sign" | "atom" | "audio-lines" | "audio-lines-off" | "audio-lines-x" | "audio-waveform" | "avocado" | "award" | "axe" | "axis-3d" | "azerbaijani-manat" | "baby" | "backpack" | "bacon" | "badge" | "badge-alert" | "badge-cent" | "badge-check" | "badge-dollar-sign" | "badge-euro" | "badge-indian-rupee" | "badge-info" | "badge-japanese-yen" | "badge-minus" | "badge-percent" | "badge-plus" | "badge-pound-sterling" | "badge-question-mark" | "badge-russian-ruble" | "badge-swiss-franc" | "badge-turkish-lira" | "badge-x" | "baggage-claim" | "ball-wave" | "balloon" | "ban" | "banana" | "bandage" | "bangladeshi-taka" | "banknote" | "banknote-arrow-down" | "banknote-arrow-up" | "banknote-check" | "banknote-x" | "barcode" | "barrel" | "baseline" | "bath" | "battery" | "battery-charging" | "battery-full" | "battery-low" | "battery-medium" | "battery-plus" | "battery-warning" | "beaker" | "bean" | "bean-off" | "bed" | "bed-double" | "bed-single" | "beef" | "beef-off" | "beer" | "beer-off" | "belarusian-ruble" | "bell" | "bell-check" | "bell-dot" | "bell-electric" | "bell-minus" | "bell-off" | "bell-plus" | "bell-ring" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "biceps-flexed" | "bike" | "binary" | "binoculars" | "biohazard" | "bird" | "birdhouse" | "bitcoin" | "blend" | "blender" | "blinds" | "blocks" | "bluetooth" | "bluetooth-connected" | "bluetooth-off" | "bluetooth-searching" | "bolt" | "bomb" | "bone" | "bone-fracture" | "book" | "book-a" | "book-alert" | "book-audio" | "book-bookmark" | "book-check" | "book-copy" | "book-dashed" | "book-down" | "book-headphones" | "book-heart" | "book-image" | "book-key" | "book-lock" | "book-minus" | "book-open" | "book-open-check" | "book-open-text" | "book-plus" | "book-search" | "book-text" | "book-type" | "book-up" | "book-up-2" | "book-user" | "book-x" | "bookmark" | "bookmark-check" | "bookmark-minus" | "bookmark-off" | "bookmark-plus" | "bookmark-x" | "boom-box" | "bot" | "bot-message-square" | "bot-off" | "bottle-wine" | "bow-arrow" | "box" | "boxes" | "boxes-linked" | "braces" | "brackets" | "brain" | "brain-circuit" | "brain-cog" | "brain-off" | "brick-wall" | "brick-wall-fire" | "brick-wall-shield" | "bridge" | "briefcase" | "briefcase-business" | "briefcase-conveyor-belt" | "briefcase-medical" | "briefcase-plus" | "bring-to-front" | "broccoli" | "broom" | "broom-sparkles" | "brush" | "brush-cleaning" | "bubbles" | "bug" | "bug-off" | "bug-play" | "building" | "building-complex" | "building-complex-plus" | "bus" | "bus-front" | "cable" | "cable-car" | "cake" | "cake-slice" | "calculator" | "calendar" | "calendar-1" | "calendar-arrow-down" | "calendar-arrow-left" | "calendar-arrow-right" | "calendar-arrow-up" | "calendar-check" | "calendar-check-2" | "calendar-chevrons-left" | "calendar-chevrons-right" | "calendar-clock" | "calendar-cog" | "calendar-days" | "calendar-fold" | "calendar-heart" | "calendar-minus" | "calendar-minus-2" | "calendar-off" | "calendar-plus" | "calendar-plus-2" | "calendar-range" | "calendar-search" | "calendar-sync" | "calendar-x" | "calendar-x-2" | "calendars" | "camera" | "camera-off" | "can" | "can-soda" | "candy" | "candy-cane" | "candy-off" | "cannabis" | "cannabis-off" | "captions" | "captions-off" | "car" | "car-battery" | "car-front" | "car-taxi-front" | "caravan" | "card-sim" | "carrot" | "carton" | "carton-off" | "case-lower" | "case-sensitive" | "case-upper" | "cassette-tape" | "cast" | "castle" | "cat" | "cctv" | "cctv-off" | "certificate" | "chart-area" | "chart-bar" | "chart-bar-big" | "chart-bar-decreasing" | "chart-bar-increasing" | "chart-bar-stacked" | "chart-candlestick" | "chart-column" | "chart-column-big" | "chart-column-decreasing" | "chart-column-increasing" | "chart-column-stacked" | "chart-gantt" | "chart-line" | "chart-network" | "chart-no-axes-column" | "chart-no-axes-column-decreasing" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-quadrant" | "chart-radar" | "chart-scatter" | "chart-spline" | "check" | "check-check" | "check-line" | "chef-hat" | "cherry" | "chess-bishop" | "chess-king" | "chess-knight" | "chess-pawn" | "chess-queen" | "chess-rook" | "chevron-down" | "chevron-first" | "chevron-last" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-left-right-ellipsis" | "chevrons-right" | "chevrons-right-left" | "chevrons-up" | "chevrons-up-down" | "church" | "cigarette" | "cigarette-off" | "circle" | "circle-alert" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-check" | "circle-check-big" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-chevrons-down" | "circle-chevrons-left" | "circle-chevrons-right" | "circle-chevrons-up" | "circle-dashed" | "circle-dashed-check" | "circle-divide" | "circle-dollar-sign" | "circle-dot" | "circle-dot-dashed" | "circle-ellipsis" | "circle-equal" | "circle-euro" | "circle-fading-arrow-up" | "circle-fading-play" | "circle-fading-plus" | "circle-gauge" | "circle-letter-a" | "circle-letter-b" | "circle-letter-c" | "circle-letter-d" | "circle-letter-e" | "circle-letter-f" | "circle-letter-g" | "circle-letter-h" | "circle-letter-i" | "circle-letter-j" | "circle-letter-k" | "circle-letter-l" | "circle-letter-m" | "circle-letter-n" | "circle-letter-o" | "circle-letter-p" | "circle-letter-p-off" | "circle-letter-q" | "circle-letter-r" | "circle-letter-s" | "circle-letter-t" | "circle-letter-u" | "circle-letter-v" | "circle-letter-w" | "circle-letter-x" | "circle-letter-y" | "circle-letter-z" | "circle-minus" | "circle-off" | "circle-pause" | "circle-percent" | "circle-pile" | "circle-play" | "circle-plus" | "circle-pound-sterling" | "circle-power" | "circle-question-mark" | "circle-slash" | "circle-slash-2" | "circle-small" | "circle-star" | "circle-stop" | "circle-user" | "circle-user-round" | "circle-x" | "circuit-board" | "citrus" | "clapperboard" | "clef-alto" | "clef-bass" | "clef-treble" | "clipboard" | "clipboard-check" | "clipboard-clock" | "clipboard-copy" | "clipboard-list" | "clipboard-minus" | "clipboard-paste" | "clipboard-pen" | "clipboard-pen-line" | "clipboard-plus" | "clipboard-type" | "clipboard-x" | "clock" | "clock-1" | "clock-10" | "clock-11" | "clock-12" | "clock-2" | "clock-3" | "clock-4" | "clock-5" | "clock-6" | "clock-7" | "clock-8" | "clock-9" | "clock-alert" | "clock-arrow-down" | "clock-arrow-left" | "clock-arrow-right" | "clock-arrow-up" | "clock-check" | "clock-fading" | "clock-plus" | "closed-caption" | "cloud" | "cloud-alert" | "cloud-backup" | "cloud-check" | "cloud-cog" | "cloud-download" | "cloud-drizzle" | "cloud-fog" | "cloud-hail" | "cloud-lightning" | "cloud-moon" | "cloud-moon-rain" | "cloud-off" | "cloud-rain" | "cloud-rain-wind" | "cloud-snow" | "cloud-sun" | "cloud-sun-rain" | "cloud-sync" | "cloud-upload" | "cloudy" | "clover" | "club" | "code-xml" | "coffee" | "cog" | "coins" | "columns-2" | "columns-3" | "columns-3-cog" | "columns-4" | "combine" | "compass" | "component" | "computer" | "concierge-bell" | "cone" | "construction" | "contact" | "contact-round" | "container" | "contrast" | "cookie" | "cooking-pot" | "copy-check" | "copy-minus" | "copy-plus" | "copy-slash" | "copy-x" | "copyleft" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "cpu" | "cpu-ai" | "creative-commons" | "credit-card" | "credit-card-check" | "credit-card-minus" | "credit-card-plus" | "credit-card-reader" | "credit-card-x" | "croissant" | "crop" | "cross" | "crosshair" | "crown" | "cuboid" | "cup-soda" | "cupcake" | "currency" | "cylinder" | "dam" | "database" | "database-arrow-down" | "database-arrow-up" | "database-backup" | "database-check" | "database-cog" | "database-minus" | "database-plus" | "database-search" | "database-x" | "database-zap" | "decimals-arrow-left" | "decimals-arrow-right" | "dessert" | "diameter" | "diamond" | "diamond-minus" | "diamond-percent" | "diamond-plus" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "dices" | "diff" | "disc" | "disc-2" | "disc-3" | "disc-album" | "divide" | "dna" | "dna-off" | "dock" | "dog" | "dollar-sign" | "dome" | "donut" | "door-closed" | "door-closed-cog" | "door-closed-locked" | "door-closed-package" | "door-open" | "door-stairwell" | "dot" | "download" | "drafting-compass" | "drama" | "drill" | "drone" | "droplet" | "droplet-off" | "droplets" | "drum" | "drumstick" | "dumbbell" | "ear" | "ear-off" | "earbuds" | "earbuds-off" | "earth" | "earth-lock" | "eclipse" | "egg" | "egg-fried" | "egg-off" | "eighth-note" | "eighth-notes" | "eject" | "ellipse" | "ellipsis" | "ellipsis-vertical" | "emirati-dirham" | "engine" | "equal" | "equal-approximately" | "equal-approximately-not" | "equal-not" | "eraser" | "ethernet-port" | "euro" | "ev-charger" | "expand" | "external-link" | "eye" | "eye-closed" | "eye-dashed" | "eye-off" | "face-angry" | "face-expressionless" | "face-grinning" | "face-neutral" | "face-slightly-frowning" | "face-slightly-smiling" | "face-slightly-smiling-plus" | "factory" | "fan" | "fast-forward" | "faucet" | "feather" | "fence" | "ferris-wheel" | "file" | "file-archive" | "file-axis-3d" | "file-badge" | "file-box" | "file-braces" | "file-braces-corner" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-chart-pie" | "file-check" | "file-check-corner" | "file-clock" | "file-code" | "file-code-corner" | "file-cog" | "file-diff" | "file-digit" | "file-down" | "file-exclamation-point" | "file-headphone" | "file-heart" | "file-image" | "file-input" | "file-key" | "file-lock" | "file-minus" | "file-minus-corner" | "file-music" | "file-output" | "file-pen" | "file-pen-line" | "file-play" | "file-plus" | "file-plus-corner" | "file-question-mark" | "file-scan" | "file-search" | "file-search-corner" | "file-signal" | "file-sliders" | "file-spreadsheet" | "file-stack" | "file-symlink" | "file-terminal" | "file-text" | "file-type" | "file-type-corner" | "file-up" | "file-user" | "file-video-camera" | "file-volume" | "file-x" | "file-x-corner" | "files" | "film" | "fingerprint-pattern" | "fire-extinguisher" | "fish" | "fish-off" | "fish-symbol" | "fishing-hook" | "fishing-rod" | "flag" | "flag-off" | "flag-triangle-left" | "flag-triangle-right" | "flame" | "flame-kindling" | "flashlight" | "flashlight-off" | "flask-conical" | "flask-conical-off" | "flask-round" | "flower" | "flower-2" | "fold-horizontal" | "fold-vertical" | "folder" | "folder-archive" | "folder-bookmark" | "folder-check" | "folder-clock" | "folder-closed" | "folder-code" | "folder-cog" | "folder-dot" | "folder-down" | "folder-git" | "folder-git-2" | "folder-heart" | "folder-input" | "folder-kanban" | "folder-key" | "folder-lock" | "folder-minus" | "folder-open" | "folder-open-dot" | "folder-output" | "folder-pen" | "folder-plus" | "folder-root" | "folder-search" | "folder-search-2" | "folder-symlink" | "folder-sync" | "folder-tree" | "folder-up" | "folder-user" | "folder-users" | "folder-x" | "folders" | "footprints" | "forklift" | "forward" | "frame" | "fuel" | "fullscreen" | "funnel" | "funnel-plus" | "funnel-x" | "galaxy" | "gallery-horizontal" | "gallery-horizontal-end" | "gallery-thumbnails" | "gallery-vertical" | "gallery-vertical-end" | "gamepad" | "gamepad-2" | "gamepad-directional" | "gap-horizontal" | "gap-vertical" | "gauge" | "gavel" | "gem" | "georgian-lari" | "germ" | "germ-off" | "gift" | "git-branch" | "git-branch-minus" | "git-branch-plus" | "git-commit-horizontal" | "git-commit-vertical" | "git-compare" | "git-compare-arrows" | "git-fork" | "git-graph" | "git-merge" | "git-merge-conflict" | "git-pull-request" | "git-pull-request-arrow" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-create-arrow" | "git-pull-request-draft" | "glass-water" | "glasses" | "globe" | "globe-check" | "globe-code" | "globe-lock" | "globe-off" | "globe-x" | "goal" | "gpu" | "graduation-cap" | "grape" | "graph-hub" | "graph-star" | "grid-2x2" | "grid-2x2-check" | "grid-2x2-plus" | "grid-2x2-x" | "grid-3x2" | "grid-3x3" | "grip" | "grip-horizontal" | "grip-vertical" | "groceries" | "group" | "guitar" | "guitar-electric" | "half-note" | "ham" | "hamburger" | "hammer" | "hand" | "hand-coins" | "hand-fist" | "hand-grab" | "hand-heart" | "hand-helping" | "hand-metal" | "hand-platter" | "handbag" | "handle-bottom-right" | "handshake" | "hard-drive" | "hard-drive-download" | "hard-drive-upload" | "hard-hat" | "hash" | "hat-glasses" | "haze" | "hd" | "hdmi-port" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "headphone-off" | "headphones" | "headset" | "heart" | "heart-crack" | "heart-handshake" | "heart-minus" | "heart-off" | "heart-plus" | "heart-pulse" | "heart-x" | "heater" | "helicopter" | "hexagon" | "highlighter" | "hiking-stick" | "hockey-stick" | "hop" | "hop-off" | "hospital" | "hot-air-balloon" | "hotel" | "hourglass" | "hourglass-cog" | "house" | "house-cog" | "house-heart" | "house-plug" | "house-plus" | "house-wifi" | "houses" | "ice-cream-bowl" | "ice-cream-cone" | "id-card" | "id-card-lanyard" | "image" | "image-down" | "image-minus" | "image-off" | "image-play" | "image-plus" | "image-up" | "image-upscale" | "images" | "import" | "inbox" | "indian-rupee" | "infinity" | "info" | "inspection-panel" | "italic" | "iteration-ccw" | "iteration-cw" | "iv-bag" | "japanese-yen" | "joystick" | "kanban" | "kayak" | "kazakh-tenge" | "key-round" | "key-square" | "keyboard" | "keyboard-music" | "keyboard-off" | "lambda" | "lamp" | "lamp-ceiling" | "lamp-desk" | "lamp-floor" | "lamp-wall-down" | "lamp-wall-up" | "land-plot" | "landmark" | "languages" | "laptop" | "laptop-minimal" | "laptop-minimal-check" | "laser" | "lasso" | "lasso-select" | "layer-arrow-down" | "layer-arrow-up" | "layers" | "layers-2" | "layers-arrow-down" | "layers-arrow-up" | "layers-minus" | "layers-plus" | "layout-arrow-down" | "layout-arrow-right" | "layout-dashboard" | "layout-freeform" | "layout-grid" | "layout-grid-circles" | "layout-list" | "layout-panel-left" | "layout-panel-top" | "layout-template" | "leaf" | "leafy-green" | "lectern" | "lens" | "lens-concave" | "lens-convex" | "letter-a" | "letter-b" | "letter-c" | "letter-d" | "letter-e" | "letter-f" | "letter-g" | "letter-h" | "letter-i" | "letter-j" | "letter-k" | "letter-l" | "letter-m" | "letter-n" | "letter-o" | "letter-p" | "letter-q" | "letter-r" | "letter-s" | "letter-spacing" | "letter-t" | "letter-u" | "letter-v" | "letter-w" | "letter-x" | "letter-y" | "letter-z" | "letters" | "library" | "library-big" | "life-buoy" | "ligature" | "lightbulb" | "lightbulb-off" | "lighthouse" | "line-dot-bottom-vertical" | "line-dot-left-horizontal" | "line-dot-right-horizontal" | "line-dot-top-vertical" | "line-height" | "line-squiggle" | "line-style" | "link-2" | "link-2-off" | "list" | "list-check" | "list-checks" | "list-chevrons-down-up" | "list-chevrons-up-down" | "list-clock" | "list-collapse" | "list-end" | "list-filter" | "list-filter-plus" | "list-indent-decrease" | "list-indent-increase" | "list-minus" | "list-music" | "list-ordered" | "list-plus" | "list-restart" | "list-sort-ascending" | "list-sort-descending" | "list-start" | "list-todo" | "list-tree" | "list-video" | "list-x" | "loader" | "loader-circle" | "loader-pinwheel" | "locate" | "locate-fixed" | "locate-off" | "lock" | "lock-keyhole" | "lock-keyhole-open" | "lock-open" | "log-in" | "log-out" | "logs" | "lollipop" | "luggage" | "magnet" | "mail" | "mail-badge" | "mail-check" | "mail-clock" | "mail-dot" | "mail-minus" | "mail-open" | "mail-pen" | "mail-plus" | "mail-question-mark" | "mail-search" | "mail-warning" | "mail-x" | "mailbox" | "mails" | "map-minus" | "map-pin" | "map-pin-check" | "map-pin-check-inside" | "map-pin-house" | "map-pin-minus" | "map-pin-minus-inside" | "map-pin-off" | "map-pin-pen" | "map-pin-plus" | "map-pin-plus-inside" | "map-pin-search" | "map-pin-x" | "map-pin-x-inside" | "map-pinned" | "map-plus" | "mars" | "mars-stroke" | "martini" | "maximize" | "maximize-2" | "medal" | "megaphone" | "megaphone-off" | "memory-stick" | "merge" | "message-circle" | "message-circle-check" | "message-circle-code" | "message-circle-dashed" | "message-circle-dashed-check" | "message-circle-heart" | "message-circle-more" | "message-circle-off" | "message-circle-plus" | "message-circle-question-mark" | "message-circle-reply" | "message-circle-text" | "message-circle-warning" | "message-circle-x" | "message-square" | "message-square-check" | "message-square-code" | "message-square-dashed" | "message-square-diff" | "message-square-dot" | "message-square-heart" | "message-square-lock" | "message-square-more" | "message-square-off" | "message-square-plus" | "message-square-quote" | "message-square-reply" | "message-square-share" | "message-square-text" | "message-square-warning" | "message-square-x" | "messages-circle" | "messages-square" | "metronome" | "mic" | "mic-audio-lines" | "mic-off" | "mic-signal" | "mic-vocal" | "microchip" | "microscope" | "microwave" | "midi-port" | "milestone" | "milk" | "milk-off" | "minimize" | "minimize-2" | "minus" | "mirror-rectangular" | "mirror-round" | "monitor" | "monitor-check" | "monitor-cloud" | "monitor-cog" | "monitor-dot" | "monitor-down" | "monitor-off" | "monitor-pause" | "monitor-pc" | "monitor-play" | "monitor-smartphone" | "monitor-speaker" | "monitor-stop" | "monitor-up" | "monitor-x" | "moon" | "moon-star" | "mop" | "mop-sparkles" | "mosque" | "motorbike" | "mountain" | "mountain-snow" | "mouse" | "mouse-left" | "mouse-off" | "mouse-pointer" | "mouse-pointer-2" | "mouse-pointer-2-off" | "mouse-pointer-ban" | "mouse-pointer-click" | "mouse-right" | "mouth" | "mouth-off" | "move" | "move-3d" | "move-diagonal" | "move-diagonal-2" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "navigation" | "navigation-2" | "navigation-2-off" | "navigation-off" | "nepali-rupee" | "network" | "newspaper" | "nfc" | "non-binary" | "notebook" | "notebook-dot" | "notebook-pen" | "notebook-tabs" | "notebook-text" | "notepad-text" | "notepad-text-dashed" | "numbers" | "nut" | "nut-off" | "octagon" | "octagon-alert" | "octagon-minus" | "octagon-pause" | "octagon-x" | "omega" | "orbit" | "origami" | "package" | "package-2" | "package-check" | "package-minus" | "package-open" | "package-plus" | "package-search" | "package-x" | "paint-bucket" | "paint-roller" | "paintbrush" | "paintbrush-vertical" | "palette" | "panda" | "panel-bottom" | "panel-bottom-close" | "panel-bottom-dashed" | "panel-bottom-open" | "panel-left" | "panel-left-close" | "panel-left-dashed" | "panel-left-open" | "panel-left-right-dashed" | "panel-right" | "panel-right-close" | "panel-right-dashed" | "panel-right-open" | "panel-top" | "panel-top-bottom-dashed" | "panel-top-close" | "panel-top-dashed" | "panel-top-open" | "panels-left-bottom" | "panels-right-bottom" | "panels-top-left" | "paper-bag" | "paperclip" | "parasol" | "parentheses" | "park" | "parking-meter" | "party-popper" | "paw-print" | "pc-case" | "pen" | "pen-line" | "pen-off" | "pen-tool" | "pencil" | "pencil-line" | "pencil-off" | "pencil-ruler" | "pencil-sparkles" | "pentagon" | "percent" | "perfume-bottle" | "person-standing" | "phi" | "philippine-peso" | "phone" | "phone-call" | "phone-forwarded" | "phone-incoming" | "phone-log" | "phone-missed" | "phone-off" | "phone-outgoing" | "pi" | "piano" | "pickaxe" | "picture-in-picture" | "picture-in-picture-2" | "piggy-bank" | "pilcrow" | "pilcrow-left" | "pilcrow-right" | "pill" | "pill-bottle" | "pin" | "pin-off" | "pipette" | "pizza" | "plane" | "plane-landing" | "plane-takeoff" | "plant-pot" | "play-off" | "playing-card" | "playing-cards" | "playing-cards-fan" | "plug" | "plug-2" | "plug-zap" | "plus" | "pocket-knife" | "podium" | "pointer" | "pointer-off" | "popcorn" | "popsicle" | "pound-sterling" | "power" | "power-off" | "presentation" | "printer" | "printer-3d" | "printer-check" | "printer-x" | "projector" | "proportions" | "puzzle" | "pyramid" | "qr-code" | "quote" | "rabbit" | "radar" | "radiation" | "radical" | "radio" | "radio-off" | "radio-receiver" | "radio-tower" | "rainbow" | "rat" | "ratio" | "receipt" | "receipt-cent" | "receipt-euro" | "receipt-indian-rupee" | "receipt-japanese-yen" | "receipt-pound-sterling" | "receipt-russian-ruble" | "receipt-swiss-franc" | "receipt-text" | "receipt-turkish-lira" | "rectangle-circle" | "rectangle-ellipsis" | "rectangle-goggles" | "rectangle-horizontal" | "rectangle-vertical" | "recycle" | "redo" | "redo-2" | "redo-dot" | "refresh-ccw" | "refresh-ccw-dot" | "refresh-cw" | "refresh-cw-off" | "refrigerator" | "regex" | "remove-formatting" | "repeat-1" | "repeat-2" | "repeat-off" | "replace-all" | "reply" | "reply-all" | "rewind" | "ribbon" | "road" | "robot-arm" | "robot-vacuum" | "rocket" | "rocking-chair" | "roller-coaster" | "rose" | "rotate-3d" | "rotate-ccw" | "rotate-ccw-clock" | "rotate-ccw-key" | "rotate-ccw-square" | "rotate-cw" | "rotate-cw-clock" | "rotate-cw-fading-clock" | "rotate-cw-square" | "route" | "route-off" | "router" | "rows-2" | "rows-3" | "rows-4" | "rss" | "rugby-ball" | "ruler" | "ruler-dimension-line" | "russian-ruble" | "sailboat" | "salad" | "sandwich" | "satellite" | "satellite-dish" | "saudi-riyal" | "save" | "save-all" | "save-check" | "save-off" | "save-pen" | "save-plus" | "scale" | "scale-3d" | "scaling" | "scan" | "scan-barcode" | "scan-box" | "scan-eye" | "scan-face" | "scan-heart" | "scan-line" | "scan-qr-code" | "scan-search" | "scan-square" | "scan-text" | "school" | "scissors" | "scissors-line-dashed" | "scooter" | "scratch-blocks" | "screen-share" | "screen-share-off" | "screw" | "scroll-text" | "search-alert" | "search-check" | "search-code" | "search-slash" | "search-x" | "send" | "send-horizontal" | "send-to-back" | "separator-horizontal" | "separator-vertical" | "server" | "server-cog" | "server-crash" | "server-nas" | "server-off" | "server-plus" | "settings" | "settings-2" | "shapes" | "share" | "share-2" | "sheet" | "shell" | "shelving-unit" | "shield" | "shield-alert" | "shield-ban" | "shield-check" | "shield-cog" | "shield-cog-corner" | "shield-ellipsis" | "shield-half" | "shield-house" | "shield-keyhole" | "shield-lock" | "shield-minus" | "shield-off" | "shield-plus" | "shield-question-mark" | "shield-user" | "shield-x" | "ship" | "ship-cargo" | "ship-wheel" | "shirt" | "shopping-bag" | "shopping-basket" | "shopping-cart" | "shopping-cart-minus" | "shopping-cart-plus" | "shovel" | "shower-head" | "shredder" | "shrimp" | "shrimp-off" | "shrub" | "shuffle" | "sigma" | "signal" | "signal-high" | "signal-low" | "signal-medium" | "signal-zero" | "signature" | "signpost" | "signpost-big" | "siren" | "siren-off" | "sixteenth-notes" | "skip-back" | "skip-forward" | "skull" | "slash" | "sliders-horizontal" | "sliders-vertical" | "smartphone" | "smartphone-charging" | "smartphone-nfc" | "smartphone-user-round" | "snail" | "snowflake" | "soap-dispenser-droplet" | "sofa" | "solar-panel" | "soup" | "space" | "spade" | "sparkle" | "sparkles" | "speaker" | "speech" | "spell-check" | "spell-check-2" | "spline" | "spline-pointer" | "spool" | "sport-shoe" | "spotlight" | "spray-can" | "sprout" | "square" | "square-activity" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-right-enter" | "square-arrow-right-exit" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-asterisk" | "square-bookmark" | "square-bottom-dashed-scissors" | "square-centerline-dashed-horizontal" | "square-centerline-dashed-vertical" | "square-chart-gantt" | "square-check" | "square-check-big" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-chevrons-down" | "square-chevrons-left" | "square-chevrons-right" | "square-chevrons-up" | "square-code" | "square-dashed" | "square-dashed-bottom" | "square-dashed-bottom-code" | "square-dashed-kanban" | "square-dashed-mouse-pointer" | "square-dashed-plus" | "square-dashed-text" | "square-dashed-top-solid" | "square-dashed-x" | "square-dashed-x-corner" | "square-dimensions" | "square-divide" | "square-dot" | "square-equal" | "square-exclamation-point" | "square-function" | "square-kanban" | "square-kanban-plus" | "square-letter-a" | "square-letter-b" | "square-letter-c" | "square-letter-d" | "square-letter-e" | "square-letter-f" | "square-letter-g" | "square-letter-h" | "square-letter-i" | "square-letter-j" | "square-letter-k" | "square-letter-l" | "square-letter-m" | "square-letter-n" | "square-letter-o" | "square-letter-p" | "square-letter-p-off" | "square-letter-q" | "square-letter-r" | "square-letter-s" | "square-letter-t" | "square-letter-u" | "square-letter-v" | "square-letter-w" | "square-letter-x" | "square-letter-y" | "square-letter-z" | "square-library" | "square-menu" | "square-minus" | "square-mouse-pointer" | "square-off" | "square-pause" | "square-pen" | "square-percent" | "square-pi" | "square-pilcrow" | "square-play" | "square-plus" | "square-power" | "square-radical" | "square-round-corner" | "square-scissors" | "square-sigma" | "square-slash" | "square-sparkles" | "square-split-horizontal" | "square-split-vertical" | "square-square" | "square-stack" | "square-star" | "square-stop" | "square-terminal" | "square-text" | "square-user" | "square-user-round" | "square-x" | "squares-exclude" | "squares-intersect" | "squares-subtract" | "squares-unite" | "squircle" | "squircle-dashed" | "squirrel" | "stamp" | "star" | "star-check" | "star-half" | "star-minus" | "star-off" | "star-plus" | "star-x" | "step-back" | "step-forward" | "stethoscope" | "sticker" | "sticky-note" | "sticky-note-check" | "sticky-note-minus" | "sticky-note-off" | "sticky-note-plus" | "sticky-note-x" | "sticky-notes" | "stone" | "store" | "stretch-horizontal" | "stretch-vertical" | "strikethrough" | "subscript" | "sun" | "sun-dim" | "sun-medium" | "sun-moon" | "sun-snow" | "sunrise" | "sunset" | "superscript" | "swatch-book" | "swiss-franc" | "switch-camera" | "sword" | "swords" | "syringe" | "table-2" | "table-cells-merge" | "table-cells-split" | "table-columns-split" | "table-of-contents" | "table-properties" | "table-rows-split" | "tablet" | "tablet-smartphone" | "tablets" | "tag" | "tag-plus" | "tag-x" | "tags" | "tally-1" | "tally-2" | "tally-3" | "tally-4" | "tally-5" | "tangent" | "target" | "telescope" | "tent" | "tent-tree" | "terminal" | "test-tube" | "test-tube-diagonal" | "test-tubes" | "text-align-center" | "text-align-end" | "text-align-justify" | "text-align-justify-center" | "text-align-justify-end" | "text-align-justify-start" | "text-align-start" | "text-cursor" | "text-cursor-input" | "text-initial" | "text-quote" | "text-search" | "text-wrap" | "theater" | "thermometer" | "thermometer-snowflake" | "thermometer-sun" | "thumbs-down" | "thumbs-up" | "tic-tac-toe" | "ticket" | "ticket-check" | "ticket-minus" | "ticket-percent" | "ticket-plus" | "ticket-slash" | "ticket-x" | "tickets" | "tickets-plane" | "timeline" | "timer" | "timer-off" | "timer-reset" | "toggle-left" | "toggle-right" | "toilet" | "tombstone" | "tool-case" | "toolbox" | "toothbrush" | "toothbrush-sparkles" | "tornado" | "torus" | "touchpad" | "touchpad-off" | "towel-rack" | "tower-control" | "toy-brick" | "tractor" | "traffic-cone" | "trailer" | "train-front" | "train-front-tunnel" | "train-track" | "tram-front" | "transgender" | "trash" | "trash-off" | "tree-deciduous" | "tree-palm" | "tree-pine" | "trees" | "trending-down" | "trending-up" | "trending-up-down" | "triangle" | "triangle-alert" | "triangle-dashed" | "triangle-right" | "triangles-centerline-dashed-horizontal" | "triangles-centerline-dashed-vertical" | "trophy" | "truck" | "truck-electric" | "tube-lotion" | "turkish-lira" | "turntable" | "turtle" | "tv" | "tv-minimal" | "tv-minimal-play" | "type-outline" | "umbrella" | "umbrella-off" | "underline" | "undo" | "undo-2" | "undo-dot" | "unfold-horizontal" | "unfold-vertical" | "ungroup" | "university" | "unlink" | "unlink-2" | "unplug" | "upload" | "usb" | "usb-c-port" | "user" | "user-check" | "user-cog" | "user-group" | "user-key" | "user-lock" | "user-minus" | "user-pen" | "user-plus" | "user-round" | "user-round-arrow-left" | "user-round-check" | "user-round-cog" | "user-round-group" | "user-round-key" | "user-round-minus" | "user-round-pen" | "user-round-plus" | "user-round-search" | "user-round-shield" | "user-round-star" | "user-round-x" | "user-search" | "user-shield" | "user-star" | "user-x" | "users" | "users-collaboration" | "users-round" | "users-round-collaboration" | "utensils" | "utensils-crossed" | "utility-pole" | "van" | "variable" | "vault" | "vector-polygon" | "vector-square" | "vegan" | "venetian-mask" | "venus" | "venus-and-mars" | "vibrate" | "vibrate-off" | "video-off" | "videotape" | "view" | "virus" | "virus-off" | "voicemail" | "volleyball" | "volume" | "volume-1" | "volume-2" | "volume-off" | "volume-x" | "vote" | "wallet" | "wallet-cards" | "wallet-minimal" | "wallpaper" | "wand" | "wand-sparkles" | "warehouse" | "washing-machine" | "waves-arrow-down" | "waves-arrow-up" | "waves-horizontal" | "waves-ladder" | "waves-vertical" | "waypoints" | "webcam" | "webcam-off" | "webhook" | "webhook-off" | "weight" | "weight-tilde" | "wheat-off" | "whistle" | "whole-word" | "wifi" | "wifi-cog" | "wifi-high" | "wifi-lock" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-sync" | "wifi-zero" | "wind" | "wind-arrow-down" | "wind-arrow-up" | "wine" | "wine-off" | "workflow" | "worm" | "wrench" | "wrench-off" | "x" | "x-line-top" | "zap" | "zap-off" | "zodiac-aquarius" | "zodiac-aries" | "zodiac-cancer" | "zodiac-capricorn" | "zodiac-gemini" | "zodiac-leo" | "zodiac-libra" | "zodiac-ophiuchus" | "zodiac-pisces" | "zodiac-sagittarius" | "zodiac-scorpio" | "zodiac-taurus" | "zodiac-virgo" | "zoom-in" | "zoom-out";
+    trailingIcon: "radius" | "shrink" | "type" | "wheat" | "scroll" | "command" | "copy" | "focus" | "pause" | "play" | "slice" | "map" | "code" | "form" | "link" | "menu" | "option" | "search" | "section" | "summary" | "table" | "video" | "delete" | "watch" | "replace" | "split" | "repeat" | "anchor" | "key" | "ghost" | "a-arrow-down" | "a-arrow-up" | "a-large-small" | "accessibility" | "activity" | "ad" | "air-vent" | "airplay" | "alarm-clock" | "alarm-clock-check" | "alarm-clock-minus" | "alarm-clock-off" | "alarm-clock-plus" | "alarm-smoke" | "align-center-horizontal" | "align-center-vertical" | "align-end-horizontal" | "align-end-vertical" | "align-horizontal-distribute-center" | "align-horizontal-distribute-end" | "align-horizontal-distribute-start" | "align-horizontal-justify-center" | "align-horizontal-justify-end" | "align-horizontal-justify-start" | "align-horizontal-space-around" | "align-horizontal-space-between" | "align-start-horizontal" | "align-start-vertical" | "align-vertical-distribute-center" | "align-vertical-distribute-end" | "align-vertical-distribute-start" | "align-vertical-justify-center" | "align-vertical-justify-end" | "align-vertical-justify-start" | "align-vertical-space-around" | "align-vertical-space-between" | "ambulance" | "ampersand" | "ampersands" | "amphora" | "angle" | "antenna" | "anvil" | "aperture" | "app-window" | "app-window-mac" | "apple" | "archive" | "archive-arrow-down" | "archive-arrow-up" | "archive-x" | "armchair" | "armenian-dram" | "arrow-big-down" | "arrow-big-down-dash" | "arrow-big-left" | "arrow-big-left-dash" | "arrow-big-right" | "arrow-big-right-dash" | "arrow-big-up" | "arrow-big-up-dash" | "arrow-down" | "arrow-down-0-1" | "arrow-down-1-0" | "arrow-down-a-z" | "arrow-down-from-line" | "arrow-down-left" | "arrow-down-narrow-wide" | "arrow-down-right" | "arrow-down-to-dot" | "arrow-down-to-line" | "arrow-down-up" | "arrow-down-wide-narrow" | "arrow-down-z-a" | "arrow-left" | "arrow-left-from-line" | "arrow-left-right" | "arrow-left-to-line" | "arrow-right" | "arrow-right-from-line" | "arrow-right-left" | "arrow-right-to-line" | "arrow-up" | "arrow-up-0-1" | "arrow-up-1-0" | "arrow-up-a-z" | "arrow-up-down" | "arrow-up-from-dot" | "arrow-up-from-line" | "arrow-up-left" | "arrow-up-narrow-wide" | "arrow-up-right" | "arrow-up-to-line" | "arrow-up-wide-narrow" | "arrow-up-z-a" | "arrows-up-from-line" | "asterisk" | "astroid" | "at-sign" | "atom" | "audio-lines" | "audio-lines-off" | "audio-lines-x" | "audio-waveform" | "avocado" | "award" | "axe" | "axis-3d" | "azerbaijani-manat" | "baby" | "backpack" | "bacon" | "badge" | "badge-alert" | "badge-cent" | "badge-check" | "badge-dollar-sign" | "badge-euro" | "badge-indian-rupee" | "badge-info" | "badge-japanese-yen" | "badge-minus" | "badge-percent" | "badge-plus" | "badge-pound-sterling" | "badge-question-mark" | "badge-russian-ruble" | "badge-swiss-franc" | "badge-turkish-lira" | "badge-x" | "baggage-claim" | "ball-wave" | "balloon" | "ban" | "banana" | "bandage" | "bangladeshi-taka" | "banknote" | "banknote-arrow-down" | "banknote-arrow-up" | "banknote-check" | "banknote-x" | "barcode" | "barrel" | "baseline" | "bath" | "battery" | "battery-charging" | "battery-full" | "battery-low" | "battery-medium" | "battery-plus" | "battery-warning" | "beaker" | "bean" | "bean-off" | "bed" | "bed-double" | "bed-single" | "beef" | "beef-off" | "beer" | "beer-off" | "belarusian-ruble" | "bell" | "bell-check" | "bell-dot" | "bell-electric" | "bell-minus" | "bell-off" | "bell-plus" | "bell-ring" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "biceps-flexed" | "bike" | "binary" | "binoculars" | "biohazard" | "bird" | "birdhouse" | "bitcoin" | "blend" | "blender" | "blinds" | "blocks" | "bluetooth" | "bluetooth-connected" | "bluetooth-off" | "bluetooth-searching" | "bolt" | "bomb" | "bone" | "bone-fracture" | "book" | "book-a" | "book-alert" | "book-audio" | "book-bookmark" | "book-check" | "book-copy" | "book-dashed" | "book-down" | "book-headphones" | "book-heart" | "book-image" | "book-key" | "book-lock" | "book-minus" | "book-open" | "book-open-check" | "book-open-text" | "book-plus" | "book-search" | "book-text" | "book-type" | "book-up" | "book-up-2" | "book-user" | "book-x" | "bookmark" | "bookmark-check" | "bookmark-minus" | "bookmark-off" | "bookmark-plus" | "bookmark-x" | "boom-box" | "bot" | "bot-message-square" | "bot-off" | "bottle-wine" | "bow-arrow" | "box" | "boxes" | "boxes-linked" | "braces" | "brackets" | "brain" | "brain-circuit" | "brain-cog" | "brain-off" | "brick-wall" | "brick-wall-fire" | "brick-wall-shield" | "bridge" | "briefcase" | "briefcase-business" | "briefcase-conveyor-belt" | "briefcase-medical" | "briefcase-plus" | "bring-to-front" | "broccoli" | "broom" | "broom-sparkles" | "brush" | "brush-cleaning" | "bubbles" | "bug" | "bug-off" | "bug-play" | "building" | "building-complex" | "building-complex-plus" | "bus" | "bus-front" | "cable" | "cable-car" | "cake" | "cake-slice" | "calculator" | "calendar" | "calendar-1" | "calendar-arrow-down" | "calendar-arrow-left" | "calendar-arrow-right" | "calendar-arrow-up" | "calendar-check" | "calendar-check-2" | "calendar-chevrons-left" | "calendar-chevrons-right" | "calendar-clock" | "calendar-cog" | "calendar-days" | "calendar-fold" | "calendar-heart" | "calendar-minus" | "calendar-minus-2" | "calendar-off" | "calendar-plus" | "calendar-plus-2" | "calendar-range" | "calendar-search" | "calendar-sync" | "calendar-x" | "calendar-x-2" | "calendars" | "camera" | "camera-off" | "can" | "can-soda" | "candy" | "candy-cane" | "candy-off" | "cannabis" | "cannabis-off" | "captions" | "captions-off" | "car" | "car-battery" | "car-front" | "car-taxi-front" | "caravan" | "card-sim" | "carrot" | "carton" | "carton-off" | "case-lower" | "case-sensitive" | "case-upper" | "cassette-tape" | "cast" | "castle" | "cat" | "cctv" | "cctv-off" | "certificate" | "chart-area" | "chart-bar" | "chart-bar-big" | "chart-bar-decreasing" | "chart-bar-increasing" | "chart-bar-stacked" | "chart-candlestick" | "chart-column" | "chart-column-big" | "chart-column-decreasing" | "chart-column-increasing" | "chart-column-stacked" | "chart-gantt" | "chart-line" | "chart-network" | "chart-no-axes-column" | "chart-no-axes-column-decreasing" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-quadrant" | "chart-radar" | "chart-scatter" | "chart-spline" | "check" | "check-check" | "check-line" | "chef-hat" | "cherry" | "chess-bishop" | "chess-king" | "chess-knight" | "chess-pawn" | "chess-queen" | "chess-rook" | "chevron-down" | "chevron-first" | "chevron-last" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-left-right-ellipsis" | "chevrons-right" | "chevrons-right-left" | "chevrons-up" | "chevrons-up-down" | "church" | "cigarette" | "cigarette-off" | "circle" | "circle-alert" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-check" | "circle-check-big" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-chevrons-down" | "circle-chevrons-left" | "circle-chevrons-right" | "circle-chevrons-up" | "circle-dashed" | "circle-dashed-check" | "circle-divide" | "circle-dollar-sign" | "circle-dot" | "circle-dot-dashed" | "circle-ellipsis" | "circle-equal" | "circle-euro" | "circle-fading-arrow-up" | "circle-fading-play" | "circle-fading-plus" | "circle-gauge" | "circle-letter-a" | "circle-letter-b" | "circle-letter-c" | "circle-letter-d" | "circle-letter-e" | "circle-letter-f" | "circle-letter-g" | "circle-letter-h" | "circle-letter-i" | "circle-letter-j" | "circle-letter-k" | "circle-letter-l" | "circle-letter-m" | "circle-letter-n" | "circle-letter-o" | "circle-letter-p" | "circle-letter-p-off" | "circle-letter-q" | "circle-letter-r" | "circle-letter-s" | "circle-letter-t" | "circle-letter-u" | "circle-letter-v" | "circle-letter-w" | "circle-letter-x" | "circle-letter-y" | "circle-letter-z" | "circle-minus" | "circle-off" | "circle-pause" | "circle-percent" | "circle-pile" | "circle-play" | "circle-plus" | "circle-pound-sterling" | "circle-power" | "circle-question-mark" | "circle-slash" | "circle-slash-2" | "circle-small" | "circle-star" | "circle-stop" | "circle-user" | "circle-user-round" | "circle-x" | "circuit-board" | "citrus" | "clapperboard" | "clef-alto" | "clef-bass" | "clef-treble" | "clipboard" | "clipboard-check" | "clipboard-clock" | "clipboard-copy" | "clipboard-list" | "clipboard-minus" | "clipboard-paste" | "clipboard-pen" | "clipboard-pen-line" | "clipboard-plus" | "clipboard-type" | "clipboard-x" | "clock" | "clock-1" | "clock-10" | "clock-11" | "clock-12" | "clock-2" | "clock-3" | "clock-4" | "clock-5" | "clock-6" | "clock-7" | "clock-8" | "clock-9" | "clock-alert" | "clock-arrow-down" | "clock-arrow-left" | "clock-arrow-right" | "clock-arrow-up" | "clock-check" | "clock-fading" | "clock-plus" | "closed-caption" | "cloud" | "cloud-alert" | "cloud-backup" | "cloud-check" | "cloud-cog" | "cloud-download" | "cloud-drizzle" | "cloud-fog" | "cloud-hail" | "cloud-lightning" | "cloud-moon" | "cloud-moon-rain" | "cloud-off" | "cloud-rain" | "cloud-rain-wind" | "cloud-snow" | "cloud-sun" | "cloud-sun-rain" | "cloud-sync" | "cloud-upload" | "cloudy" | "clover" | "club" | "code-xml" | "coffee" | "cog" | "coins" | "columns-2" | "columns-3" | "columns-3-cog" | "columns-4" | "combine" | "compass" | "component" | "computer" | "concierge-bell" | "cone" | "construction" | "contact" | "contact-round" | "container" | "contrast" | "cookie" | "cooking-pot" | "copy-check" | "copy-minus" | "copy-plus" | "copy-slash" | "copy-x" | "copyleft" | "corner-down-left" | "corner-down-right" | "corner-left-down" | "corner-left-up" | "corner-right-down" | "corner-right-up" | "corner-up-left" | "corner-up-right" | "cpu" | "cpu-ai" | "creative-commons" | "credit-card" | "credit-card-check" | "credit-card-minus" | "credit-card-plus" | "credit-card-reader" | "credit-card-x" | "croissant" | "crop" | "cross" | "crosshair" | "crown" | "cuboid" | "cup-soda" | "cupcake" | "currency" | "cylinder" | "dam" | "database" | "database-arrow-down" | "database-arrow-up" | "database-backup" | "database-check" | "database-cog" | "database-minus" | "database-plus" | "database-search" | "database-x" | "database-zap" | "decimals-arrow-left" | "decimals-arrow-right" | "dessert" | "diameter" | "diamond" | "diamond-minus" | "diamond-percent" | "diamond-plus" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "dices" | "diff" | "disc" | "disc-2" | "disc-3" | "disc-album" | "divide" | "dna" | "dna-off" | "dock" | "dog" | "dollar-sign" | "dome" | "donut" | "door-closed" | "door-closed-cog" | "door-closed-locked" | "door-closed-package" | "door-open" | "door-stairwell" | "dot" | "download" | "drafting-compass" | "drama" | "drill" | "drone" | "droplet" | "droplet-off" | "droplets" | "drum" | "drumstick" | "dumbbell" | "ear" | "ear-off" | "earbuds" | "earbuds-off" | "earth" | "earth-lock" | "eclipse" | "egg" | "egg-fried" | "egg-off" | "eighth-note" | "eighth-notes" | "eject" | "ellipse" | "ellipsis" | "ellipsis-vertical" | "emirati-dirham" | "engine" | "equal" | "equal-approximately" | "equal-approximately-not" | "equal-not" | "eraser" | "ethernet-port" | "euro" | "ev-charger" | "expand" | "external-link" | "eye" | "eye-closed" | "eye-dashed" | "eye-off" | "face-angry" | "face-expressionless" | "face-grinning" | "face-neutral" | "face-slightly-frowning" | "face-slightly-smiling" | "face-slightly-smiling-plus" | "factory" | "fan" | "fast-forward" | "faucet" | "feather" | "fence" | "ferris-wheel" | "file" | "file-archive" | "file-axis-3d" | "file-badge" | "file-box" | "file-braces" | "file-braces-corner" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-chart-pie" | "file-check" | "file-check-corner" | "file-clock" | "file-code" | "file-code-corner" | "file-cog" | "file-diff" | "file-digit" | "file-down" | "file-exclamation-point" | "file-headphone" | "file-heart" | "file-image" | "file-input" | "file-key" | "file-lock" | "file-minus" | "file-minus-corner" | "file-music" | "file-output" | "file-pen" | "file-pen-line" | "file-play" | "file-plus" | "file-plus-corner" | "file-question-mark" | "file-scan" | "file-search" | "file-search-corner" | "file-signal" | "file-sliders" | "file-spreadsheet" | "file-stack" | "file-symlink" | "file-terminal" | "file-text" | "file-type" | "file-type-corner" | "file-up" | "file-user" | "file-video-camera" | "file-volume" | "file-x" | "file-x-corner" | "files" | "film" | "fingerprint-pattern" | "fire-extinguisher" | "fish" | "fish-off" | "fish-symbol" | "fishing-hook" | "fishing-rod" | "flag" | "flag-off" | "flag-triangle-left" | "flag-triangle-right" | "flame" | "flame-kindling" | "flashlight" | "flashlight-off" | "flask-conical" | "flask-conical-off" | "flask-round" | "flower" | "flower-2" | "fold-horizontal" | "fold-vertical" | "folder" | "folder-archive" | "folder-bookmark" | "folder-check" | "folder-clock" | "folder-closed" | "folder-code" | "folder-cog" | "folder-dot" | "folder-down" | "folder-git" | "folder-git-2" | "folder-heart" | "folder-input" | "folder-kanban" | "folder-key" | "folder-lock" | "folder-minus" | "folder-open" | "folder-open-dot" | "folder-output" | "folder-pen" | "folder-plus" | "folder-root" | "folder-search" | "folder-search-2" | "folder-symlink" | "folder-sync" | "folder-tree" | "folder-up" | "folder-user" | "folder-users" | "folder-x" | "folders" | "footprints" | "forklift" | "forward" | "frame" | "fuel" | "fullscreen" | "funnel" | "funnel-plus" | "funnel-x" | "galaxy" | "gallery-horizontal" | "gallery-horizontal-end" | "gallery-thumbnails" | "gallery-vertical" | "gallery-vertical-end" | "gamepad" | "gamepad-2" | "gamepad-directional" | "gap-horizontal" | "gap-vertical" | "gauge" | "gavel" | "gem" | "georgian-lari" | "germ" | "germ-off" | "gift" | "git-branch" | "git-branch-minus" | "git-branch-plus" | "git-commit-horizontal" | "git-commit-vertical" | "git-compare" | "git-compare-arrows" | "git-fork" | "git-graph" | "git-merge" | "git-merge-conflict" | "git-pull-request" | "git-pull-request-arrow" | "git-pull-request-closed" | "git-pull-request-create" | "git-pull-request-create-arrow" | "git-pull-request-draft" | "glass-water" | "glasses" | "globe" | "globe-check" | "globe-code" | "globe-lock" | "globe-off" | "globe-x" | "goal" | "gpu" | "graduation-cap" | "grape" | "graph-hub" | "graph-star" | "grid-2x2" | "grid-2x2-check" | "grid-2x2-plus" | "grid-2x2-x" | "grid-3x2" | "grid-3x3" | "grip" | "grip-horizontal" | "grip-vertical" | "groceries" | "group" | "guitar" | "guitar-electric" | "half-note" | "ham" | "hamburger" | "hammer" | "hand" | "hand-coins" | "hand-fist" | "hand-grab" | "hand-heart" | "hand-helping" | "hand-metal" | "hand-platter" | "handbag" | "handle-bottom-right" | "handshake" | "hard-drive" | "hard-drive-download" | "hard-drive-upload" | "hard-hat" | "hash" | "hat-glasses" | "haze" | "hd" | "hdmi-port" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "headphone-off" | "headphones" | "headset" | "heart" | "heart-crack" | "heart-handshake" | "heart-minus" | "heart-off" | "heart-plus" | "heart-pulse" | "heart-x" | "heater" | "helicopter" | "hexagon" | "highlighter" | "hiking-stick" | "hockey-stick" | "hop" | "hop-off" | "hospital" | "hot-air-balloon" | "hotel" | "hourglass" | "hourglass-cog" | "house" | "house-cog" | "house-heart" | "house-plug" | "house-plus" | "house-wifi" | "houses" | "ice-cream-bowl" | "ice-cream-cone" | "id-card" | "id-card-lanyard" | "image" | "image-down" | "image-minus" | "image-off" | "image-play" | "image-plus" | "image-up" | "image-upscale" | "images" | "import" | "inbox" | "indian-rupee" | "infinity" | "info" | "inspection-panel" | "italic" | "iteration-ccw" | "iteration-cw" | "iv-bag" | "japanese-yen" | "joystick" | "kanban" | "kayak" | "kazakh-tenge" | "key-round" | "key-square" | "keyboard" | "keyboard-music" | "keyboard-off" | "lambda" | "lamp" | "lamp-ceiling" | "lamp-desk" | "lamp-floor" | "lamp-wall-down" | "lamp-wall-up" | "land-plot" | "landmark" | "languages" | "laptop" | "laptop-minimal" | "laptop-minimal-check" | "laser" | "lasso" | "lasso-select" | "layer-arrow-down" | "layer-arrow-up" | "layers" | "layers-2" | "layers-arrow-down" | "layers-arrow-up" | "layers-minus" | "layers-plus" | "layout-arrow-down" | "layout-arrow-right" | "layout-dashboard" | "layout-freeform" | "layout-grid" | "layout-grid-circles" | "layout-list" | "layout-panel-left" | "layout-panel-top" | "layout-template" | "leaf" | "leafy-green" | "lectern" | "lens" | "lens-concave" | "lens-convex" | "letter-a" | "letter-b" | "letter-c" | "letter-d" | "letter-e" | "letter-f" | "letter-g" | "letter-h" | "letter-i" | "letter-j" | "letter-k" | "letter-l" | "letter-m" | "letter-n" | "letter-o" | "letter-p" | "letter-q" | "letter-r" | "letter-s" | "letter-spacing" | "letter-t" | "letter-u" | "letter-v" | "letter-w" | "letter-x" | "letter-y" | "letter-z" | "letters" | "library" | "library-big" | "life-buoy" | "ligature" | "lightbulb" | "lightbulb-off" | "lighthouse" | "line-dot-bottom-vertical" | "line-dot-left-horizontal" | "line-dot-right-horizontal" | "line-dot-top-vertical" | "line-height" | "line-squiggle" | "line-style" | "link-2" | "link-2-off" | "list" | "list-check" | "list-checks" | "list-chevrons-down-up" | "list-chevrons-up-down" | "list-clock" | "list-collapse" | "list-end" | "list-filter" | "list-filter-plus" | "list-indent-decrease" | "list-indent-increase" | "list-minus" | "list-music" | "list-ordered" | "list-plus" | "list-restart" | "list-sort-ascending" | "list-sort-descending" | "list-start" | "list-todo" | "list-tree" | "list-video" | "list-x" | "loader" | "loader-circle" | "loader-pinwheel" | "locate" | "locate-fixed" | "locate-off" | "lock" | "lock-keyhole" | "lock-keyhole-open" | "lock-open" | "log-in" | "log-out" | "logs" | "lollipop" | "luggage" | "magnet" | "mail" | "mail-badge" | "mail-check" | "mail-clock" | "mail-dot" | "mail-minus" | "mail-open" | "mail-pen" | "mail-plus" | "mail-question-mark" | "mail-search" | "mail-warning" | "mail-x" | "mailbox" | "mails" | "map-minus" | "map-pin" | "map-pin-check" | "map-pin-check-inside" | "map-pin-house" | "map-pin-minus" | "map-pin-minus-inside" | "map-pin-off" | "map-pin-pen" | "map-pin-plus" | "map-pin-plus-inside" | "map-pin-search" | "map-pin-x" | "map-pin-x-inside" | "map-pinned" | "map-plus" | "mars" | "mars-stroke" | "martini" | "maximize" | "maximize-2" | "medal" | "megaphone" | "megaphone-off" | "memory-stick" | "merge" | "message-circle" | "message-circle-check" | "message-circle-code" | "message-circle-dashed" | "message-circle-dashed-check" | "message-circle-heart" | "message-circle-more" | "message-circle-off" | "message-circle-plus" | "message-circle-question-mark" | "message-circle-reply" | "message-circle-text" | "message-circle-warning" | "message-circle-x" | "message-square" | "message-square-check" | "message-square-code" | "message-square-dashed" | "message-square-diff" | "message-square-dot" | "message-square-heart" | "message-square-lock" | "message-square-more" | "message-square-off" | "message-square-plus" | "message-square-quote" | "message-square-reply" | "message-square-share" | "message-square-text" | "message-square-warning" | "message-square-x" | "messages-circle" | "messages-square" | "metronome" | "mic" | "mic-audio-lines" | "mic-off" | "mic-signal" | "mic-vocal" | "microchip" | "microscope" | "microwave" | "midi-port" | "milestone" | "milk" | "milk-off" | "minimize" | "minimize-2" | "minus" | "mirror-rectangular" | "mirror-round" | "monitor" | "monitor-check" | "monitor-cloud" | "monitor-cog" | "monitor-dot" | "monitor-down" | "monitor-off" | "monitor-pause" | "monitor-pc" | "monitor-play" | "monitor-smartphone" | "monitor-speaker" | "monitor-stop" | "monitor-up" | "monitor-x" | "moon" | "moon-star" | "mop" | "mop-sparkles" | "mosque" | "motorbike" | "mountain" | "mountain-snow" | "mouse" | "mouse-left" | "mouse-off" | "mouse-pointer" | "mouse-pointer-2" | "mouse-pointer-2-off" | "mouse-pointer-ban" | "mouse-pointer-click" | "mouse-right" | "mouth" | "mouth-off" | "move" | "move-3d" | "move-diagonal" | "move-diagonal-2" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "navigation" | "navigation-2" | "navigation-2-off" | "navigation-off" | "nepali-rupee" | "network" | "newspaper" | "nfc" | "non-binary" | "notebook" | "notebook-dot" | "notebook-pen" | "notebook-tabs" | "notebook-text" | "notepad-text" | "notepad-text-dashed" | "numbers" | "nut" | "nut-off" | "octagon" | "octagon-alert" | "octagon-minus" | "octagon-pause" | "octagon-x" | "omega" | "orbit" | "origami" | "package" | "package-2" | "package-check" | "package-minus" | "package-open" | "package-plus" | "package-search" | "package-x" | "paint-bucket" | "paint-roller" | "paintbrush" | "paintbrush-vertical" | "palette" | "panda" | "panel-bottom" | "panel-bottom-close" | "panel-bottom-dashed" | "panel-bottom-open" | "panel-left" | "panel-left-close" | "panel-left-dashed" | "panel-left-open" | "panel-left-right-dashed" | "panel-right" | "panel-right-close" | "panel-right-dashed" | "panel-right-open" | "panel-top" | "panel-top-bottom-dashed" | "panel-top-close" | "panel-top-dashed" | "panel-top-open" | "panels-left-bottom" | "panels-right-bottom" | "panels-top-left" | "paper-bag" | "paperclip" | "parasol" | "parentheses" | "park" | "parking-meter" | "party-popper" | "paw-print" | "pc-case" | "pen" | "pen-line" | "pen-off" | "pen-tool" | "pencil" | "pencil-line" | "pencil-off" | "pencil-ruler" | "pencil-sparkles" | "pentagon" | "percent" | "perfume-bottle" | "person-standing" | "phi" | "philippine-peso" | "phone" | "phone-call" | "phone-forwarded" | "phone-incoming" | "phone-log" | "phone-missed" | "phone-off" | "phone-outgoing" | "pi" | "piano" | "pickaxe" | "picture-in-picture" | "picture-in-picture-2" | "piggy-bank" | "pilcrow" | "pilcrow-left" | "pilcrow-right" | "pill" | "pill-bottle" | "pin" | "pin-off" | "pipette" | "pizza" | "plane" | "plane-landing" | "plane-takeoff" | "plant-pot" | "play-off" | "playing-card" | "playing-cards" | "playing-cards-fan" | "plug" | "plug-2" | "plug-zap" | "plus" | "pocket-knife" | "podium" | "pointer" | "pointer-off" | "popcorn" | "popsicle" | "pound-sterling" | "power" | "power-off" | "presentation" | "printer" | "printer-3d" | "printer-check" | "printer-x" | "projector" | "proportions" | "puzzle" | "pyramid" | "qr-code" | "quote" | "rabbit" | "radar" | "radiation" | "radical" | "radio" | "radio-off" | "radio-receiver" | "radio-tower" | "rainbow" | "rat" | "ratio" | "receipt" | "receipt-cent" | "receipt-euro" | "receipt-indian-rupee" | "receipt-japanese-yen" | "receipt-pound-sterling" | "receipt-russian-ruble" | "receipt-swiss-franc" | "receipt-text" | "receipt-turkish-lira" | "rectangle-circle" | "rectangle-ellipsis" | "rectangle-goggles" | "rectangle-horizontal" | "rectangle-vertical" | "recycle" | "redo" | "redo-2" | "redo-dot" | "refresh-ccw" | "refresh-ccw-dot" | "refresh-cw" | "refresh-cw-off" | "refrigerator" | "regex" | "remove-formatting" | "repeat-1" | "repeat-2" | "repeat-off" | "replace-all" | "reply" | "reply-all" | "rewind" | "ribbon" | "road" | "robot-arm" | "robot-vacuum" | "rocket" | "rocking-chair" | "roller-coaster" | "rose" | "rotate-3d" | "rotate-ccw" | "rotate-ccw-clock" | "rotate-ccw-key" | "rotate-ccw-square" | "rotate-cw" | "rotate-cw-clock" | "rotate-cw-fading-clock" | "rotate-cw-square" | "route" | "route-off" | "router" | "rows-2" | "rows-3" | "rows-4" | "rss" | "rugby-ball" | "ruler" | "ruler-dimension-line" | "russian-ruble" | "sailboat" | "salad" | "sandwich" | "satellite" | "satellite-dish" | "saudi-riyal" | "save" | "save-all" | "save-check" | "save-off" | "save-pen" | "save-plus" | "scale" | "scale-3d" | "scaling" | "scan" | "scan-barcode" | "scan-box" | "scan-eye" | "scan-face" | "scan-heart" | "scan-line" | "scan-qr-code" | "scan-search" | "scan-square" | "scan-text" | "school" | "scissors" | "scissors-line-dashed" | "scooter" | "scratch-blocks" | "screen-share" | "screen-share-off" | "screw" | "scroll-text" | "search-alert" | "search-check" | "search-code" | "search-slash" | "search-x" | "send" | "send-horizontal" | "send-to-back" | "separator-horizontal" | "separator-vertical" | "server" | "server-cog" | "server-crash" | "server-nas" | "server-off" | "server-plus" | "settings" | "settings-2" | "shapes" | "share" | "share-2" | "sheet" | "shell" | "shelving-unit" | "shield" | "shield-alert" | "shield-ban" | "shield-check" | "shield-cog" | "shield-cog-corner" | "shield-ellipsis" | "shield-half" | "shield-house" | "shield-keyhole" | "shield-lock" | "shield-minus" | "shield-off" | "shield-plus" | "shield-question-mark" | "shield-user" | "shield-x" | "ship" | "ship-cargo" | "ship-wheel" | "shirt" | "shopping-bag" | "shopping-basket" | "shopping-cart" | "shopping-cart-minus" | "shopping-cart-plus" | "shovel" | "shower-head" | "shredder" | "shrimp" | "shrimp-off" | "shrub" | "shuffle" | "sigma" | "signal" | "signal-high" | "signal-low" | "signal-medium" | "signal-zero" | "signature" | "signpost" | "signpost-big" | "siren" | "siren-off" | "sixteenth-notes" | "skip-back" | "skip-forward" | "skull" | "slash" | "sliders-horizontal" | "sliders-vertical" | "smartphone" | "smartphone-charging" | "smartphone-nfc" | "smartphone-user-round" | "snail" | "snowflake" | "soap-dispenser-droplet" | "sofa" | "solar-panel" | "soup" | "space" | "spade" | "sparkle" | "sparkles" | "speaker" | "speech" | "spell-check" | "spell-check-2" | "spline" | "spline-pointer" | "spool" | "sport-shoe" | "spotlight" | "spray-can" | "sprout" | "square" | "square-activity" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-right-enter" | "square-arrow-right-exit" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-asterisk" | "square-bookmark" | "square-bottom-dashed-scissors" | "square-centerline-dashed-horizontal" | "square-centerline-dashed-vertical" | "square-chart-gantt" | "square-check" | "square-check-big" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-chevrons-down" | "square-chevrons-left" | "square-chevrons-right" | "square-chevrons-up" | "square-code" | "square-dashed" | "square-dashed-bottom" | "square-dashed-bottom-code" | "square-dashed-kanban" | "square-dashed-mouse-pointer" | "square-dashed-plus" | "square-dashed-text" | "square-dashed-top-solid" | "square-dashed-x" | "square-dashed-x-corner" | "square-dimensions" | "square-divide" | "square-dot" | "square-equal" | "square-exclamation-point" | "square-function" | "square-kanban" | "square-kanban-plus" | "square-letter-a" | "square-letter-b" | "square-letter-c" | "square-letter-d" | "square-letter-e" | "square-letter-f" | "square-letter-g" | "square-letter-h" | "square-letter-i" | "square-letter-j" | "square-letter-k" | "square-letter-l" | "square-letter-m" | "square-letter-n" | "square-letter-o" | "square-letter-p" | "square-letter-p-off" | "square-letter-q" | "square-letter-r" | "square-letter-s" | "square-letter-t" | "square-letter-u" | "square-letter-v" | "square-letter-w" | "square-letter-x" | "square-letter-y" | "square-letter-z" | "square-library" | "square-menu" | "square-minus" | "square-mouse-pointer" | "square-off" | "square-pause" | "square-pen" | "square-percent" | "square-pi" | "square-pilcrow" | "square-play" | "square-plus" | "square-power" | "square-radical" | "square-round-corner" | "square-scissors" | "square-sigma" | "square-slash" | "square-sparkles" | "square-split-horizontal" | "square-split-vertical" | "square-square" | "square-stack" | "square-star" | "square-stop" | "square-terminal" | "square-text" | "square-user" | "square-user-round" | "square-x" | "squares-exclude" | "squares-intersect" | "squares-subtract" | "squares-unite" | "squircle" | "squircle-dashed" | "squirrel" | "stamp" | "star" | "star-check" | "star-half" | "star-minus" | "star-off" | "star-plus" | "star-x" | "step-back" | "step-forward" | "stethoscope" | "sticker" | "sticky-note" | "sticky-note-check" | "sticky-note-minus" | "sticky-note-off" | "sticky-note-plus" | "sticky-note-x" | "sticky-notes" | "stone" | "store" | "stretch-horizontal" | "stretch-vertical" | "strikethrough" | "subscript" | "sun" | "sun-dim" | "sun-medium" | "sun-moon" | "sun-snow" | "sunrise" | "sunset" | "superscript" | "swatch-book" | "swiss-franc" | "switch-camera" | "sword" | "swords" | "syringe" | "table-2" | "table-cells-merge" | "table-cells-split" | "table-columns-split" | "table-of-contents" | "table-properties" | "table-rows-split" | "tablet" | "tablet-smartphone" | "tablets" | "tag" | "tag-plus" | "tag-x" | "tags" | "tally-1" | "tally-2" | "tally-3" | "tally-4" | "tally-5" | "tangent" | "target" | "telescope" | "tent" | "tent-tree" | "terminal" | "test-tube" | "test-tube-diagonal" | "test-tubes" | "text-align-center" | "text-align-end" | "text-align-justify" | "text-align-justify-center" | "text-align-justify-end" | "text-align-justify-start" | "text-align-start" | "text-cursor" | "text-cursor-input" | "text-initial" | "text-quote" | "text-search" | "text-wrap" | "theater" | "thermometer" | "thermometer-snowflake" | "thermometer-sun" | "thumbs-down" | "thumbs-up" | "tic-tac-toe" | "ticket" | "ticket-check" | "ticket-minus" | "ticket-percent" | "ticket-plus" | "ticket-slash" | "ticket-x" | "tickets" | "tickets-plane" | "timeline" | "timer" | "timer-off" | "timer-reset" | "toggle-left" | "toggle-right" | "toilet" | "tombstone" | "tool-case" | "toolbox" | "toothbrush" | "toothbrush-sparkles" | "tornado" | "torus" | "touchpad" | "touchpad-off" | "towel-rack" | "tower-control" | "toy-brick" | "tractor" | "traffic-cone" | "trailer" | "train-front" | "train-front-tunnel" | "train-track" | "tram-front" | "transgender" | "trash" | "trash-off" | "tree-deciduous" | "tree-palm" | "tree-pine" | "trees" | "trending-down" | "trending-up" | "trending-up-down" | "triangle" | "triangle-alert" | "triangle-dashed" | "triangle-right" | "triangles-centerline-dashed-horizontal" | "triangles-centerline-dashed-vertical" | "trophy" | "truck" | "truck-electric" | "tube-lotion" | "turkish-lira" | "turntable" | "turtle" | "tv" | "tv-minimal" | "tv-minimal-play" | "type-outline" | "umbrella" | "umbrella-off" | "underline" | "undo" | "undo-2" | "undo-dot" | "unfold-horizontal" | "unfold-vertical" | "ungroup" | "university" | "unlink" | "unlink-2" | "unplug" | "upload" | "usb" | "usb-c-port" | "user" | "user-check" | "user-cog" | "user-group" | "user-key" | "user-lock" | "user-minus" | "user-pen" | "user-plus" | "user-round" | "user-round-arrow-left" | "user-round-check" | "user-round-cog" | "user-round-group" | "user-round-key" | "user-round-minus" | "user-round-pen" | "user-round-plus" | "user-round-search" | "user-round-shield" | "user-round-star" | "user-round-x" | "user-search" | "user-shield" | "user-star" | "user-x" | "users" | "users-collaboration" | "users-round" | "users-round-collaboration" | "utensils" | "utensils-crossed" | "utility-pole" | "van" | "variable" | "vault" | "vector-polygon" | "vector-square" | "vegan" | "venetian-mask" | "venus" | "venus-and-mars" | "vibrate" | "vibrate-off" | "video-off" | "videotape" | "view" | "virus" | "virus-off" | "voicemail" | "volleyball" | "volume" | "volume-1" | "volume-2" | "volume-off" | "volume-x" | "vote" | "wallet" | "wallet-cards" | "wallet-minimal" | "wallpaper" | "wand" | "wand-sparkles" | "warehouse" | "washing-machine" | "waves-arrow-down" | "waves-arrow-up" | "waves-horizontal" | "waves-ladder" | "waves-vertical" | "waypoints" | "webcam" | "webcam-off" | "webhook" | "webhook-off" | "weight" | "weight-tilde" | "wheat-off" | "whistle" | "whole-word" | "wifi" | "wifi-cog" | "wifi-high" | "wifi-lock" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-sync" | "wifi-zero" | "wind" | "wind-arrow-down" | "wind-arrow-up" | "wine" | "wine-off" | "workflow" | "worm" | "wrench" | "wrench-off" | "x" | "x-line-top" | "zap" | "zap-off" | "zodiac-aquarius" | "zodiac-aries" | "zodiac-cancer" | "zodiac-capricorn" | "zodiac-gemini" | "zodiac-leo" | "zodiac-libra" | "zodiac-ophiuchus" | "zodiac-pisces" | "zodiac-sagittarius" | "zodiac-scorpio" | "zodiac-taurus" | "zodiac-virgo" | "zoom-in" | "zoom-out";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=MButton.d.ts.map

package/dist/components/MButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MButton.d.ts","sourceRoot":"","sources":["../../src/components/MButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4DlB,CAAA"}
+{"version":3,"file":"MButton.d.ts","sourceRoot":"","sources":["../../src/components/MButton.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4FlB,CAAA"}

package/dist/components/MButton.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, mergeProps } from 'vue';
 import { buttonProps, useMavisTheme, actionEmits, textContent, useDefaultShrink, viewAttrs, } from '@getcortexlabs/mavis-core/vue';
-import { nonNegative } from '@getcortexlabs/mavis-core';
+import { nonNegative, iconGlyph, iconFontFamily, iconSizes, checkIconOnly, } from '@getcortexlabs/mavis-core';
 import { webAttrs } from '../style.js';
 export const MButton = defineComponent({
     name: 'MButton',
@@ -17,12 +17,37 @@ export const MButton = defineComponent({
             const text = props.loading
                 ? props.loadingText
                 : (props.text ?? textContent(slots.default?.()));
+            const hasIcon = Boolean(props.icon || props.trailingIcon);
+            checkIconOnly(text, hasIcon, props.accessibilityLabel);
+            const iconSize = iconSizes[props.size];
+            const paddingX = hasIcon && !text ? Math.round((size.height - iconSize) / 2) : size.padding;
+            const span = (name) => name
+                ? h('span', {
+                    class: 'm-icon',
+                    'aria-hidden': 'true',
+                    style: {
+                        fontFamily: iconFontFamily,
+                        fontSize: `${iconSize}px`,
+                        width: `${iconSize}px`,
+                        height: `${iconSize}px`,
+                        lineHeight: 1,
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        flexShrink: 0,
+                    },
+                }, iconGlyph(name))
+                : null;
             return h('button', mergeProps({
                 class: 'm-button',
                 style: {
                     boxSizing: 'border-box',
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    gap: hasIcon ? '8px' : undefined,
                     minHeight: `${size.height}px`,
-                    padding: `12px ${size.padding}px`,
+                    padding: `12px ${paddingX}px`,
                     fontSize: `${size.fontSize}px`,
                     fontWeight: 600,
                     fontFamily: 'inherit',
@@ -52,7 +77,9 @@ export const MButton = defineComponent({
                     if (!props.disabled && !props.loading)
                         emit('click');
                 },
-            }), text);
+            }), hasIcon
+                ? [span(props.icon), text ? h('span', {}, text) : null, span(props.trailingIcon)]
+                : text);
         };
     },
 });

package/dist/components/MButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MButton.js","sourceRoot":"","sources":["../../src/components/MButton.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MButton.js","sourceRoot":"","sources":["../../src/components/MButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EACL,WAAW,EACX,aAAa,EACb,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,GACV,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,WAAW,EACX,SAAS,EACT,cAAc,EACd,SAAS,EACT,aAAa,GACd,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;IACrC,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QACjC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAA;QACjC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA;QACjC,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;YACvD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YAChC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,KAAK,SAAS,CAAA;YAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO;gBACxB,CAAC,CAAC,KAAK,CAAC,WAAW;gBACnB,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAA;YAClD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,YAAY,CAAC,CAAA;YACzD,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAA;YACtD,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACtC,MAAM,QAAQ,GAAG,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAA;YAC3F,MAAM,IAAI,GAAG,CAAC,IAAuB,EAAE,EAAE,CACvC,IAAI;gBACF,CAAC,CAAC,CAAC,CACC,MAAM,EACN;oBACE,KAAK,EAAE,QAAQ;oBACf,aAAa,EAAE,MAAM;oBACrB,KAAK,EAAE;wBACL,UAAU,EAAE,cAAc;wBAC1B,QAAQ,EAAE,GAAG,QAAQ,IAAI;wBACzB,KAAK,EAAE,GAAG,QAAQ,IAAI;wBACtB,MAAM,EAAE,GAAG,QAAQ,IAAI;wBACvB,UAAU,EAAE,CAAC;wBACb,OAAO,EAAE,aAAa;wBACtB,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,UAAU,EAAE,CAAC;qBACd;iBACF,EACD,SAAS,CAAC,IAAI,CAAC,CAChB;gBACH,CAAC,CAAC,IAAI,CAAA;YACV,OAAO,CAAC,CACN,QAAQ,EACR,UAAU,CACR;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE;oBACL,SAAS,EAAE,YAAY;oBACvB,OAAO,EAAE,aAAa;oBACtB,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;oBAChC,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI;oBAC7B,OAAO,EAAE,QAAQ,QAAQ,IAAI;oBAC7B,QAAQ,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI;oBAC9B,UAAU,EAAE,GAAG;oBACf,UAAU,EAAE,SAAS;oBACrB,UAAU,EAAE,GAAG;oBACf,eAAe,EAAE,OAAO;wBACtB,CAAC,CAAC,MAAM,CAAC,OAAO;wBAChB,CAAC,CAAC,KAAK,CAAC,OAAO,KAAK,WAAW;4BAC7B,CAAC,CAAC,MAAM,CAAC,QAAQ;4BACjB,CAAC,CAAC,aAAa;oBACnB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI;oBAC/C,YAAY,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI;oBAC9B,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,CAAC;oBACT,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAClC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC;oBACzC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,QAAQ,CAAC;oBACzD,QAAQ,EAAE,MAAM;oBAChB,iBAAiB,EAAE,MAAM,CAAC,UAAU;oBACpC,WAAW,EAAE,MAAM,CAAC,OAAO;iBAC5B;aACF,EACD,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,EAC3C;gBACE,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,IAAI,SAAS;gBAC7D,WAAW,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;gBACvC,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO;wBAAE,IAAI,CAAC,OAAO,CAAC,CAAA;gBACtD,CAAC;aACF,CACF,EACD,OAAO;gBACL,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;gBACjF,CAAC,CAAC,IAAI,CACT,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/MIcon.d.ts

@@ -0,0 +1,55 @@
+export declare const MIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconName>;
+        required: true;
+    };
+    size: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconSize>;
+        default: string;
+        validator: (value: import("@getcortexlabs/mavis-core").IconSize) => boolean;
+    };
+    tone: {
+        type: import("vue").PropType<keyof import("@getcortexlabs/mavis-core").Palette>;
+        default: keyof import("@getcortexlabs/mavis-core").Palette;
+        validator: (value: keyof import("@getcortexlabs/mavis-core").Palette) => boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    name: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconName>;
+        required: true;
+    };
+    size: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").IconSize>;
+        default: string;
+        validator: (value: import("@getcortexlabs/mavis-core").IconSize) => boolean;
+    };
+    tone: {
+        type: import("vue").PropType<keyof import("@getcortexlabs/mavis-core").Palette>;
+        default: keyof import("@getcortexlabs/mavis-core").Palette;
+        validator: (value: keyof import("@getcortexlabs/mavis-core").Palette) => boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    label: string;
+    size: import("@getcortexlabs/mavis-core").IconSize;
+    tone: keyof import("@getcortexlabs/mavis-core").Palette;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MIcon.d.ts.map

package/dist/components/MIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MIcon.d.ts","sourceRoot":"","sources":["../../src/components/MIcon.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAiChB,CAAA"}

package/dist/components/MIcon.js

@@ -0,0 +1,31 @@
+import { defineComponent, h, mergeProps } from 'vue';
+import { iconProps, useMavisTheme } from '@getcortexlabs/mavis-core/vue';
+import { iconFontFamily, iconGlyph, resolveIconSize } from '@getcortexlabs/mavis-core';
+import { webAttrs } from '../style.js';
+export const MIcon = defineComponent({
+    name: 'MIcon',
+    inheritAttrs: false,
+    props: iconProps,
+    setup(props, { attrs }) {
+        const { theme } = useMavisTheme();
+        return () => {
+            const size = `${resolveIconSize(props.size)}px`;
+            return h('span', mergeProps({
+                class: 'm-icon',
+                style: {
+                    fontFamily: iconFontFamily,
+                    fontSize: size,
+                    width: size,
+                    height: size,
+                    lineHeight: 1,
+                    color: theme.value.colors[props.tone],
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    flexShrink: 0,
+                },
+            }, webAttrs({ ...attrs, id: props.id }), props.label ? { role: 'img', 'aria-label': props.label } : { 'aria-hidden': 'true' }), iconGlyph(props.name));
+        };
+    },
+});
+//# sourceMappingURL=MIcon.js.map

package/dist/components/MIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MIcon.js","sourceRoot":"","sources":["../../src/components/MIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AACxE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,SAAS;IAChB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAA;QACjC,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,GAAG,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;YAC/C,OAAO,CAAC,CACN,MAAM,EACN,UAAU,CACR;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE;oBACL,UAAU,EAAE,cAAc;oBAC1B,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,CAAC;oBACb,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;oBACrC,OAAO,EAAE,aAAa;oBACtB,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,CAAC;iBACd;aACF,EACD,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,EACpC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CACrF,EACD,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CACtB,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}