@unbabel/samora-vue3-components 0.0.3

package/storybook-static/assets/SamIcon.stories-BKKcNY8d.js

@@ -0,0 +1,1823 @@
+import{S as n,I as Se}from"./SamIcon-DNFsVC99.js";import{i as qe}from"./assetListHelper-BoTLHeWH.js";const xe={component:n,argTypes:{icon:{control:"select",options:qe},size:{control:"select",options:Object.values(Se)}}},a={name:"Example Icon",render:e=>({components:{SamIcon:n},setup(){return{args:e}},template:`
+        <SamIcon v-bind='args'/>
+    `}),args:{color:"#343941",icon:"interface-confirm-circle",filled:!0}};function r(e,l){return`${e}-${l.name}`}const t=`
+<div v-for='(value, key) in icons'>
+    <div
+    class='icons-row'
+    v-for='icon in value'
+    >
+        <h6>{{key}}-{{icon.name}}</h6>
+        <SamIcon :icon='getIconName(key, icon)' v-bind='args' />
+        <p v-if='icon.filled'>filled: </p>
+        <SamIcon v-if="icon.filled" :icon='getIconName(key, icon)' :filled='true' v-bind='args'/>
+    </div>
+</div>
+`,i={name:"Interface Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{interface:[{name:"confirm",filled:!0},{name:"confirm-circle",filled:!0},{name:"confirm-square",filled:!0},{name:"delete",filled:!0},{name:"delete-circle",filled:!0},{name:"delete-square",filled:!0},{name:"add",filled:!0},{name:"add-circle",filled:!0},{name:"add-square",filled:!0},{name:"remove",filled:!0},{name:"remove-circle",filled:!0},{name:"remove-square",filled:!0},{name:"placeholder",filled:!1},{name:"security",filled:!0},{name:"security-flat",filled:!0},{name:"security-shaped",filled:!0},{name:"validation",filled:!0},{name:"menu-dots-vertical",filled:!0},{name:"menu-dots-horizontal",filled:!0},{name:"menu-stairs",filled:!0},{name:"menu-hamburger",filled:!0},{name:"settings",filled:!0},{name:"configurations-2-slides-vertical",filled:!0},{name:"configurations-2-slides-horizontal",filled:!0},{name:"configurations-3-slides-vertical",filled:!0},{name:"configurations-3-slides-horizontal",filled:!0},{name:"configurations-toggle-vertical",filled:!0},{name:"configurations-toggle-horizontal",filled:!0},{name:"settings-shapes",filled:!0},{name:"gauge-cropped",filled:!0},{name:"gauge-full",filled:!0},{name:"dark-mode",filled:!0},{name:"close",filled:!1},{name:"login",filled:!0},{name:"logout",filled:!0},{name:"login-square",filled:!0},{name:"logout-square",filled:!0},{name:"login-circle",filled:!0},{name:"logout-circle",filled:!0},{name:"bookmark",filled:!0},{name:"bookmark-stacked",filled:!0},{name:"home",filled:!0},{name:"locked",filled:!0},{name:"unlocked",filled:!0},{name:"calendar",filled:!0},{name:"calendar-line",filled:!0},{name:"calendar-dot",filled:!0},{name:"calendar-week",filled:!0},{name:"calendar-day",filled:!0},{name:"calendar-alert",filled:!0},{name:"calendar-clock",filled:!0},{name:"tag",filled:!0},{name:"light-bulb",filled:!0},{name:"light-bulb-on",filled:!0},{name:"customer-support-person-mic",filled:!0},{name:"customer-support-phone",filled:!0},{name:"customer-support-person",filled:!0},{name:"customer-support-headset",filled:!0},{name:"customer-support-headphones",filled:!0},{name:"customer-support-headphones-small",filled:!0},{name:"loop",filled:!0},{name:"loop-infinity",filled:!0},{name:"brightness-full",filled:!0},{name:"brightness-half",filled:!0},{name:"loading-circle",filled:!0},{name:"loading-rectangles",filled:!0},{name:"loading-lines",filled:!0},{name:"loading-dots",filled:!0},{name:"filter",filled:!0},{name:"filter-rounded",filled:!0},{name:"sort",filled:!1},{name:"show",filled:!0},{name:"hide",filled:!0},{name:"hierarchy-pull",filled:!0},{name:"hierarchy-tree",filled:!0},{name:"hierarchy-loop",filled:!0},{name:"hierarchy-network",filled:!0},{name:"link-external",filled:!0},{name:"link-internal",filled:!0},{name:"link-external-square",filled:!0},{name:"link-external-remove",filled:!0},{name:"link",filled:!0},{name:"link-broken",filled:!0},{name:"share",filled:!0},{name:"share-remove",filled:!0},{name:"share-blocked",filled:!0},{name:"share-delete",filled:!0},{name:"share-correct",filled:!0},{name:"bin",filled:!0},{name:"bin-diagonal",filled:!0},{name:"bin-vertical",filled:!0},{name:"page-controller-center",filled:!0},{name:"page-controller",filled:!0},{name:"tab",filled:!0},{name:"tab-opened",filled:!1},{name:"clock",filled:!0},{name:"clock-reset",filled:!0},{name:"clock-rewind",filled:!0},{name:"clock-stop-watch",filled:!0},{name:"download",filled:!0},{name:"upload",filled:!0},{name:"search",filled:!0},{name:"slide",filled:!0},{name:"notification",filled:!0},{name:"notification-alert",filled:!0},{name:"notification-silent",filled:!0},{name:"notification-badged",filled:!0},{name:"block",filled:!0},{name:"duplicate",filled:!0},{name:"edit",filled:!0},{name:"copy",filled:!1},{name:"none",filled:!1},{name:"whitespace",filled:!1}]},getIconName:r}},template:t}),args:{color:"#343941"}},d={name:"Text Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{text:[{name:"wrap-top",filled:!0},{name:"wrap-bottom",filled:!0},{name:"wrap-top-right",filled:!0},{name:"wrap-top-left",filled:!0},{name:"columns",filled:!0},{name:"article",filled:!0},{name:"list",filled:!0},{name:"list-bullet",filled:!0},{name:"color-drop",filled:!0},{name:"menu-alternate",filled:!0},{name:"indent-increase",filled:!0},{name:"indent-decrease",filled:!0},{name:"spacing-left",filled:!0},{name:"spacing-right",filled:!0},{name:"align-left",filled:!0},{name:"align-right",filled:!0},{name:"align-justify",filled:!0},{name:"align-center",filled:!0},{name:"roman",filled:!0},{name:"chinese",filled:!0},{name:"quote-guillemots",filled:!0},{name:"quote-handwritten",filled:!0},{name:"quote-curly",filled:!0},{name:"quote-straight",filled:!0},{name:"superscript",filled:!0},{name:"subscript",filled:!0},{name:"paragraph",filled:!0},{name:"cursor-position",filled:!0},{name:"cursor",filled:!0},{name:"sigma",filled:!0},{name:"formatting-square",filled:!0},{name:"formatting",filled:!0},{name:"style-generic",filled:!0},{name:"style-font-size",filled:!0},{name:"style-bold",filled:!0},{name:"style-underlined",filled:!0},{name:"style-strikethrough",filled:!0},{name:"style-strikethrough-s",filled:!0},{name:"style-italic",filled:!0},{name:"style-italic-off",filled:!0},{name:"eraser",filled:!0},{name:"comma",filled:!1},{name:"fullstop",filled:!1}]},getIconName:r}},template:t}),args:{color:"#343941"}},o={name:"Unbabel Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{unbabel:[{name:"channels",filled:!0},{name:"module-apps",filled:!0},{name:"apps",filled:!0},{name:"apps-remove",filled:!0},{name:"integrations",filled:!1},{name:"integrations-squared",filled:!1},{name:"touch-id-lock",filled:!1},{name:"anonymization-human",filled:!1},{name:"logo-circle",filled:!1},{name:"logo-square",filled:!1},{name:"logo-default",filled:!1},{name:"check-pen",filled:!0},{name:"task-splitting",filled:!1},{name:"task-splitting-2",filled:!1},{name:"pipeline",filled:!1},{name:"language-pairs",filled:!1},{name:"kpi",filled:!1},{name:"product",filled:!1},{name:"subscription",filled:!1},{name:"reporting",filled:!1},{name:"translation-memories",filled:!1},{name:"quality-annotations",filled:!1},{name:"translation-auditing",filled:!1},{name:"gauge-dashboard",filled:!1},{name:"sparkles",filled:!0},{name:"translate",filled:!1},{name:"modules",filled:!1},{name:"human-translation",filled:!1},{name:"senior-editor",filled:!1},{name:"trusted",filled:!1},{name:"secure",filled:!1}]},getIconName:r}},template:t}),args:{color:"#343941"}},u={name:"Communications Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{communication:[{name:"simple",filled:!0},{name:"notification",filled:!0},{name:"question",filled:!0},{name:"writing",filled:!0},{name:"alert",filled:!0},{name:"chat",filled:!0},{name:"conversation",filled:!0},{name:"check",filled:!0},{name:"delete",filled:!0},{name:"shield",filled:!0},{name:"sent",filled:!0},{name:"forward",filled:!0},{name:"reply",filled:!0},{name:"reply-all",filled:!0},{name:"email-default",filled:!0},{name:"email-add",filled:!0},{name:"email-check",filled:!0},{name:"email-notification",filled:!0},{name:"email-outbound",filled:!0},{name:"email-sent",filled:!0},{name:"email-reply",filled:!0},{name:"email-reply-all",filled:!0},{name:"at",filled:!0},{name:"inbox",filled:!0},{name:"attachment-image",filled:!0},{name:"attachment-file",filled:!0},{name:"attachment",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},m={name:"Travel Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{travel:[{name:"airport-baggage",filled:!0},{name:"airport-flight",filled:!0},{name:"hotel-pets",filled:!0},{name:"hotel-fitness",filled:!0},{name:"hotel-bell",filled:!0},{name:"hotel-spa",filled:!0},{name:"places-street-sign",filled:!0},{name:"places-theatre",filled:!0},{name:"places-diamond",filled:!0},{name:"places-beach",filled:!0},{name:"places-hot-spring",filled:!0},{name:"location-earth",filled:!0},{name:"location-compass",filled:!0},{name:"location-compass-circle",filled:!0},{name:"location-default",filled:!0},{name:"location-map",filled:!0},{name:"location-pin",filled:!0},{name:"transport-plane",filled:!0},{name:"transport-bus",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},f={name:"Content Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{content:[{name:"book",filled:!0},{name:"book-shelf",filled:!0},{name:"book-page",filled:!0},{name:"folder",filled:!0},{name:"folder-add",filled:!0},{name:"folder-delete",filled:!0},{name:"file-text",filled:!0},{name:"file",filled:!0},{name:"file-confirm",filled:!0},{name:"file-add",filled:!0},{name:"file-delete",filled:!0},{name:"file-copy",filled:!0},{name:"file-bookmark",filled:!0},{name:"image",filled:!0},{name:"image-2",filled:!0},{name:"image-copy",filled:!0},{name:"flash",filled:!0},{name:"camera",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},s={name:"Reporting Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{reporting:[{name:"decrease",filled:!0},{name:"decrease-graph",filled:!0},{name:"increase",filled:!0},{name:"increase-graph",filled:!0},{name:"pie-chart",filled:!0},{name:"graph-bar",filled:!0},{name:"graph-bar-increase",filled:!0},{name:"money-graph",filled:!0},{name:"user-increase",filled:!0},{name:"signal",filled:!0},{name:"signal-square",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},c={name:"Money Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{money:[{name:"pound",filled:!0},{name:"pound-circle",filled:!0},{name:"dollar",filled:!0},{name:"dollar-circle",filled:!0},{name:"euro",filled:!0},{name:"euro-circle",filled:!0},{name:"gift",filled:!0},{name:"tag",filled:!0},{name:"wallet",filled:!0},{name:"percentage-badge",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},p={name:"Programming Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{programming:[{name:"script-open",filled:!0},{name:"script-close",filled:!0},{name:"browser-search",filled:!0},{name:"cloud",filled:!0},{name:"cloud-check",filled:!0},{name:"cloud-upload",filled:!0},{name:"cloud-download",filled:!0},{name:"script",filled:!0},{name:"script-2",filled:!0},{name:"sheet",filled:!0},{name:"web-windows",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},g={name:"Feedback Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{feedback:[{name:"star-half",filled:!0},{name:"star",filled:!0},{name:"star-circle",filled:!0},{name:"star-square",filled:!0},{name:"crown",filled:!0},{name:"crown-circle",filled:!0},{name:"crown-square",filled:!0},{name:"trophy",filled:!0},{name:"heart",filled:!0},{name:"heart-circle",filled:!0},{name:"heart-square",filled:!0},{name:"smile-happy",filled:!0},{name:"smile-sad",filled:!0},{name:"smile-neutral",filled:!0},{name:"thumb-up",filled:!0},{name:"thumb-down",filled:!0},{name:"thumb-up-glove",filled:!0},{name:"thumb-down-glove",filled:!0},{name:"thumb-up-circle",filled:!0},{name:"thumb-down-circle",filled:!0},{name:"thumb-up-square",filled:!0},{name:"thumb-down-square",filled:!0},{name:"award",filled:!0},{name:"hand-heart",filled:!0},{name:"hand-gift",filled:!0},{name:"hand-bag",filled:!0},{name:"hand-coin",filled:!0},{name:"hand-lock",filled:!0},{name:"hand-clock",filled:!0},{name:"hand-serving",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},h={name:"Alert Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{alert:[{name:"question-circle",filled:!0},{name:"question-square",filled:!0},{name:"information",filled:!0},{name:"exclamation-circle",filled:!0},{name:"exclamation-rhomboid",filled:!0},{name:"exclamation-triangle",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},b={name:"Health Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{health:[{name:"medical-bag",filled:!0},{name:"medicine",filled:!0},{name:"hospital",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},v={name:"Shipping Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{shipping:[{name:"box-3d",filled:!0},{name:"box-2d",filled:!0},{name:"truck",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},w={name:"Legal Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{legal:[{name:"court",filled:!0},{name:"briefcase",filled:!1}]},getIconName:r}},template:t}),args:{color:"#343941"}},I={name:"Arrow Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{arrow:[{name:"default-up",filled:!0},{name:"default-down",filled:!0},{name:"default-left",filled:!0},{name:"default-right",filled:!0},{name:"default-circle-up",filled:!0},{name:"default-circle-down",filled:!0},{name:"default-circle-left",filled:!0},{name:"default-circle-right",filled:!0},{name:"default-crossover-up",filled:!0},{name:"default-crossover-down",filled:!0},{name:"default-crossover-left",filled:!0},{name:"default-corner-right-up",filled:!0},{name:"default-corner-right-down",filled:!0},{name:"default-corner-left-up",filled:!0},{name:"default-corner-left-down",filled:!0},{name:"default-diagonal-right",filled:!0},{name:"default-diagonal-left",filled:!0},{name:"default-double-diagonal",filled:!0},{name:"default-double-horizontal",filled:!1},{name:"scroll-vertical",filled:!0},{name:"scroll-horizontal",filled:!0},{name:"scroll-connected-vertical",filled:!0},{name:"scroll-connected-horizontal",filled:!0},{name:"scroll-down",filled:!0},{name:"scroll-up",filled:!0},{name:"scroll-point-diagonal-right",filled:!0},{name:"scroll-point-diagonal-left",filled:!0},{name:"scroll-point-vertical",filled:!0},{name:"scroll-point-horizontal",filled:!0},{name:"chevron-up",filled:!1},{name:"chevron-down",filled:!1},{name:"chevron-left",filled:!1},{name:"chevron-right",filled:!1},{name:"chevron-circle-up",filled:!0},{name:"chevron-circle-down",filled:!0},{name:"chevron-circle-left",filled:!0},{name:"chevron-circle-right",filled:!0},{name:"divided-vertical",filled:!0},{name:"divided-horizontal",filled:!0},{name:"button-left",filled:!0},{name:"button-up",filled:!0},{name:"button-down",filled:!0},{name:"button-right",filled:!0},{name:"button-corner-left-top",filled:!0},{name:"button-corner-right-bottom",filled:!0},{name:"button-corner-left-bottom",filled:!0},{name:"button-corner-right-top",filled:!0},{name:"button-double-left",filled:!0},{name:"button-double-up",filled:!0},{name:"button-double-down",filled:!0},{name:"button-double-right",filled:!0},{name:"button-line-left",filled:!0},{name:"button-line-up",filled:!0},{name:"button-line-down",filled:!0},{name:"button-line-right",filled:!0},{name:"move-left-up",filled:!0},{name:"move-left-down",filled:!0},{name:"move-right-up",filled:!0},{name:"move-right-down",filled:!0},{name:"move-all-directions",filled:!0},{name:"move-up",filled:!0},{name:"move-left",filled:!0},{name:"move-right",filled:!0},{name:"move-down",filled:!0},{name:"expand-diagonal-with-line",filled:!0},{name:"expand-diagonal",filled:!0},{name:"expand-cross",filled:!0},{name:"expand-horizontal",filled:!0},{name:"expand-vertical",filled:!0},{name:"expand-vertical-diamond",filled:!0},{name:"shrink-diagonal",filled:!0},{name:"shrink-cross",filled:!0},{name:"shrink-down",filled:!0},{name:"shrink-up",filled:!0},{name:"shrink-vertical",filled:!0},{name:"shrink-horizontal",filled:!0},{name:"shuffle",filled:!0},{name:"reload-horizontal",filled:!0},{name:"reload-vertical",filled:!0},{name:"data-transfer-vertical",filled:!0},{name:"data-transfer-horizontal",filled:!0},{name:"data-transfer-diagonal",filled:!0},{name:"data-transfer-vertical-circle",filled:!0},{name:"data-transfer-horizontal-circle",filled:!0},{name:"data-transfer-diagonal-circle",filled:!0},{name:"data-transfer-vertical-square",filled:!0},{name:"data-transfer-horizontal-square",filled:!0},{name:"data-transfer-diagonal-square",filled:!0},{name:"synchronise",filled:!0},{name:"synchronise-alert",filled:!0},{name:"round-up",filled:!0},{name:"round-left",filled:!0},{name:"round-right",filled:!0},{name:"round-down",filled:!0},{name:"loop",filled:!0},{name:"loop-triangle",filled:!0},{name:"loop-open",filled:!0},{name:"loop-arrow",filled:!0},{name:"bent-left-up-rounded",filled:!0},{name:"bent-up-left-rounded",filled:!0},{name:"bent-up-right-rounded",filled:!0},{name:"bent-right-up-rounded",filled:!0},{name:"bent-left-down-rounded",filled:!0},{name:"bent-down-left-rounded",filled:!0},{name:"bent-down-right-rounded",filled:!0},{name:"bent-right-down-rounded",filled:!0},{name:"bent-left-up-straight",filled:!0},{name:"bent-up-left-straight",filled:!0},{name:"bent-up-right-straight",filled:!0},{name:"bent-right-up-straight",filled:!0},{name:"bent-left-down-straight",filled:!0},{name:"bent-down-left-straight",filled:!0},{name:"bent-down-right-straight",filled:!0},{name:"bent-right-down-straight",filled:!0},{name:"split-vertical",filled:!0},{name:"turn-up",filled:!0},{name:"turn-down",filled:!0},{name:"turn-left",filled:!0},{name:"turn-right",filled:!0},{name:"curvy-double-arrow-left",filled:!0},{name:"curvy-double-arrow-right",filled:!0},{name:"curvy-double-left",filled:!0},{name:"curvy-double-right",filled:!0},{name:"curvy-vertical",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},k={name:"Entertainment Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{entertainment:[{name:"playlist",filled:!0},{name:"movie",filled:!0},{name:"music",filled:!0},{name:"volume-mute",filled:!0},{name:"volume-low",filled:!0},{name:"volume-off",filled:!0},{name:"volume-high",filled:!0},{name:"controller",filled:!0},{name:"controls-play",filled:!0},{name:"controls-play-pause",filled:!0},{name:"controls-rewind",filled:!0},{name:"controls-previous",filled:!0},{name:"controls-pause",filled:!0},{name:"controls-next",filled:!0},{name:"controls-fast-forward",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}},y={name:"User Icons",render:e=>({components:{SamIcon:n},setup(){return{args:e,icons:{user:[{name:"default",filled:!0},{name:"multiple",filled:!0},{name:"delete",filled:!0},{name:"add",filled:!0},{name:"confirm",filled:!0},{name:"share",filled:!0},{name:"protection",filled:!0},{name:"shield",filled:!0},{name:"edit",filled:!0},{name:"editor",filled:!0},{name:"annotator",filled:!0}]},getIconName:r}},template:t}),args:{color:"#343941"}};var S,q,x;a.parameters={...a.parameters,docs:{...(S=a.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  name: "Example Icon",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      return {
+        args
+      };
+    },
+    template: \`
+        <SamIcon v-bind='args'/>
+    \`
+  }),
+  args: {
+    color: '#343941',
+    icon: 'interface-confirm-circle',
+    filled: true
+  }
+}`,...(x=(q=a.parameters)==null?void 0:q.docs)==null?void 0:x.source}}};var z,N,T;i.parameters={...i.parameters,docs:{...(z=i.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  name: "Interface Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        interface: [{
+          name: 'confirm',
+          filled: true
+        }, {
+          name: 'confirm-circle',
+          filled: true
+        }, {
+          name: 'confirm-square',
+          filled: true
+        }, {
+          name: 'delete',
+          filled: true
+        }, {
+          name: 'delete-circle',
+          filled: true
+        }, {
+          name: 'delete-square',
+          filled: true
+        }, {
+          name: 'add',
+          filled: true
+        }, {
+          name: 'add-circle',
+          filled: true
+        }, {
+          name: 'add-square',
+          filled: true
+        }, {
+          name: 'remove',
+          filled: true
+        }, {
+          name: 'remove-circle',
+          filled: true
+        }, {
+          name: 'remove-square',
+          filled: true
+        }, {
+          name: 'placeholder',
+          filled: false
+        }, {
+          name: 'security',
+          filled: true
+        }, {
+          name: 'security-flat',
+          filled: true
+        }, {
+          name: 'security-shaped',
+          filled: true
+        }, {
+          name: 'validation',
+          filled: true
+        }, {
+          name: 'menu-dots-vertical',
+          filled: true
+        }, {
+          name: 'menu-dots-horizontal',
+          filled: true
+        }, {
+          name: 'menu-stairs',
+          filled: true
+        }, {
+          name: 'menu-hamburger',
+          filled: true
+        }, {
+          name: 'settings',
+          filled: true
+        }, {
+          name: 'configurations-2-slides-vertical',
+          filled: true
+        }, {
+          name: 'configurations-2-slides-horizontal',
+          filled: true
+        }, {
+          name: 'configurations-3-slides-vertical',
+          filled: true
+        }, {
+          name: 'configurations-3-slides-horizontal',
+          filled: true
+        }, {
+          name: 'configurations-toggle-vertical',
+          filled: true
+        }, {
+          name: 'configurations-toggle-horizontal',
+          filled: true
+        }, {
+          name: 'settings-shapes',
+          filled: true
+        }, {
+          name: 'gauge-cropped',
+          filled: true
+        }, {
+          name: 'gauge-full',
+          filled: true
+        }, {
+          name: 'dark-mode',
+          filled: true
+        }, {
+          name: 'close',
+          filled: false
+        }, {
+          name: 'login',
+          filled: true
+        }, {
+          name: 'logout',
+          filled: true
+        }, {
+          name: 'login-square',
+          filled: true
+        }, {
+          name: 'logout-square',
+          filled: true
+        }, {
+          name: 'login-circle',
+          filled: true
+        }, {
+          name: 'logout-circle',
+          filled: true
+        }, {
+          name: 'bookmark',
+          filled: true
+        }, {
+          name: 'bookmark-stacked',
+          filled: true
+        }, {
+          name: 'home',
+          filled: true
+        }, {
+          name: 'locked',
+          filled: true
+        }, {
+          name: 'unlocked',
+          filled: true
+        }, {
+          name: 'calendar',
+          filled: true
+        }, {
+          name: 'calendar-line',
+          filled: true
+        }, {
+          name: 'calendar-dot',
+          filled: true
+        }, {
+          name: 'calendar-week',
+          filled: true
+        }, {
+          name: 'calendar-day',
+          filled: true
+        }, {
+          name: 'calendar-alert',
+          filled: true
+        }, {
+          name: 'calendar-clock',
+          filled: true
+        }, {
+          name: 'tag',
+          filled: true
+        }, {
+          name: 'light-bulb',
+          filled: true
+        }, {
+          name: 'light-bulb-on',
+          filled: true
+        }, {
+          name: 'customer-support-person-mic',
+          filled: true
+        }, {
+          name: 'customer-support-phone',
+          filled: true
+        }, {
+          name: 'customer-support-person',
+          filled: true
+        }, {
+          name: 'customer-support-headset',
+          filled: true
+        }, {
+          name: 'customer-support-headphones',
+          filled: true
+        }, {
+          name: 'customer-support-headphones-small',
+          filled: true
+        }, {
+          name: 'loop',
+          filled: true
+        }, {
+          name: 'loop-infinity',
+          filled: true
+        }, {
+          name: 'brightness-full',
+          filled: true
+        }, {
+          name: 'brightness-half',
+          filled: true
+        }, {
+          name: 'loading-circle',
+          filled: true
+        }, {
+          name: 'loading-rectangles',
+          filled: true
+        }, {
+          name: 'loading-lines',
+          filled: true
+        }, {
+          name: 'loading-dots',
+          filled: true
+        }, {
+          name: 'filter',
+          filled: true
+        }, {
+          name: 'filter-rounded',
+          filled: true
+        }, {
+          name: 'sort',
+          filled: false
+        }, {
+          name: 'show',
+          filled: true
+        }, {
+          name: 'hide',
+          filled: true
+        }, {
+          name: 'hierarchy-pull',
+          filled: true
+        }, {
+          name: 'hierarchy-tree',
+          filled: true
+        }, {
+          name: 'hierarchy-loop',
+          filled: true
+        }, {
+          name: 'hierarchy-network',
+          filled: true
+        }, {
+          name: 'link-external',
+          filled: true
+        }, {
+          name: 'link-internal',
+          filled: true
+        }, {
+          name: 'link-external-square',
+          filled: true
+        }, {
+          name: 'link-external-remove',
+          filled: true
+        }, {
+          name: 'link',
+          filled: true
+        }, {
+          name: 'link-broken',
+          filled: true
+        }, {
+          name: 'share',
+          filled: true
+        }, {
+          name: 'share-remove',
+          filled: true
+        }, {
+          name: 'share-blocked',
+          filled: true
+        }, {
+          name: 'share-delete',
+          filled: true
+        }, {
+          name: 'share-correct',
+          filled: true
+        }, {
+          name: 'bin',
+          filled: true
+        }, {
+          name: 'bin-diagonal',
+          filled: true
+        }, {
+          name: 'bin-vertical',
+          filled: true
+        }, {
+          name: 'page-controller-center',
+          filled: true
+        }, {
+          name: 'page-controller',
+          filled: true
+        }, {
+          name: 'tab',
+          filled: true
+        }, {
+          name: 'tab-opened',
+          filled: false
+        }, {
+          name: 'clock',
+          filled: true
+        }, {
+          name: 'clock-reset',
+          filled: true
+        }, {
+          name: 'clock-rewind',
+          filled: true
+        }, {
+          name: 'clock-stop-watch',
+          filled: true
+        }, {
+          name: 'download',
+          filled: true
+        }, {
+          name: 'upload',
+          filled: true
+        }, {
+          name: 'search',
+          filled: true
+        }, {
+          name: 'slide',
+          filled: true
+        }, {
+          name: 'notification',
+          filled: true
+        }, {
+          name: 'notification-alert',
+          filled: true
+        }, {
+          name: 'notification-silent',
+          filled: true
+        }, {
+          name: 'notification-badged',
+          filled: true
+        }, {
+          name: 'block',
+          filled: true
+        }, {
+          name: 'duplicate',
+          filled: true
+        }, {
+          name: 'edit',
+          filled: true
+        }, {
+          name: 'copy',
+          filled: false
+        }, {
+          name: 'none',
+          filled: false
+        }, {
+          name: 'whitespace',
+          filled: false
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(T=(N=i.parameters)==null?void 0:N.docs)==null?void 0:T.source}}};var C,A,E;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  name: "Text Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        text: [{
+          name: 'wrap-top',
+          filled: true
+        }, {
+          name: 'wrap-bottom',
+          filled: true
+        }, {
+          name: 'wrap-top-right',
+          filled: true
+        }, {
+          name: 'wrap-top-left',
+          filled: true
+        }, {
+          name: 'columns',
+          filled: true
+        }, {
+          name: 'article',
+          filled: true
+        }, {
+          name: 'list',
+          filled: true
+        }, {
+          name: 'list-bullet',
+          filled: true
+        }, {
+          name: 'color-drop',
+          filled: true
+        }, {
+          name: 'menu-alternate',
+          filled: true
+        }, {
+          name: 'indent-increase',
+          filled: true
+        }, {
+          name: 'indent-decrease',
+          filled: true
+        }, {
+          name: 'spacing-left',
+          filled: true
+        }, {
+          name: 'spacing-right',
+          filled: true
+        }, {
+          name: 'align-left',
+          filled: true
+        }, {
+          name: 'align-right',
+          filled: true
+        }, {
+          name: 'align-justify',
+          filled: true
+        }, {
+          name: 'align-center',
+          filled: true
+        }, {
+          name: 'roman',
+          filled: true
+        }, {
+          name: 'chinese',
+          filled: true
+        }, {
+          name: 'quote-guillemots',
+          filled: true
+        }, {
+          name: 'quote-handwritten',
+          filled: true
+        }, {
+          name: 'quote-curly',
+          filled: true
+        }, {
+          name: 'quote-straight',
+          filled: true
+        }, {
+          name: 'superscript',
+          filled: true
+        }, {
+          name: 'subscript',
+          filled: true
+        }, {
+          name: 'paragraph',
+          filled: true
+        }, {
+          name: 'cursor-position',
+          filled: true
+        }, {
+          name: 'cursor',
+          filled: true
+        }, {
+          name: 'sigma',
+          filled: true
+        }, {
+          name: 'formatting-square',
+          filled: true
+        }, {
+          name: 'formatting',
+          filled: true
+        }, {
+          name: 'style-generic',
+          filled: true
+        }, {
+          name: 'style-font-size',
+          filled: true
+        }, {
+          name: 'style-bold',
+          filled: true
+        }, {
+          name: 'style-underlined',
+          filled: true
+        }, {
+          name: 'style-strikethrough',
+          filled: true
+        }, {
+          name: 'style-strikethrough-s',
+          filled: true
+        }, {
+          name: 'style-italic',
+          filled: true
+        }, {
+          name: 'style-italic-off',
+          filled: true
+        }, {
+          name: 'eraser',
+          filled: true
+        }, {
+          name: 'comma',
+          filled: false
+        }, {
+          name: 'fullstop',
+          filled: false
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(E=(A=d.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var U,_,j;o.parameters={...o.parameters,docs:{...(U=o.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  name: "Unbabel Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        unbabel: [{
+          name: 'channels',
+          filled: true
+        }, {
+          name: 'module-apps',
+          filled: true
+        }, {
+          name: 'apps',
+          filled: true
+        }, {
+          name: 'apps-remove',
+          filled: true
+        }, {
+          name: 'integrations',
+          filled: false
+        }, {
+          name: 'integrations-squared',
+          filled: false
+        }, {
+          name: 'touch-id-lock',
+          filled: false
+        }, {
+          name: 'anonymization-human',
+          filled: false
+        }, {
+          name: 'logo-circle',
+          filled: false
+        }, {
+          name: 'logo-square',
+          filled: false
+        }, {
+          name: 'logo-default',
+          filled: false
+        }, {
+          name: 'check-pen',
+          filled: true
+        }, {
+          name: 'task-splitting',
+          filled: false
+        }, {
+          name: 'task-splitting-2',
+          filled: false
+        }, {
+          name: 'pipeline',
+          filled: false
+        }, {
+          name: 'language-pairs',
+          filled: false
+        }, {
+          name: 'kpi',
+          filled: false
+        }, {
+          name: 'product',
+          filled: false
+        }, {
+          name: 'subscription',
+          filled: false
+        }, {
+          name: 'reporting',
+          filled: false
+        }, {
+          name: 'translation-memories',
+          filled: false
+        }, {
+          name: 'quality-annotations',
+          filled: false
+        }, {
+          name: 'translation-auditing',
+          filled: false
+        }, {
+          name: 'gauge-dashboard',
+          filled: false
+        }, {
+          name: 'sparkles',
+          filled: true
+        }, {
+          name: 'translate',
+          filled: false
+        }, {
+          name: 'modules',
+          filled: false
+        }, {
+          name: 'human-translation',
+          filled: false
+        }, {
+          name: 'senior-editor',
+          filled: false
+        }, {
+          name: 'trusted',
+          filled: false
+        }, {
+          name: 'secure',
+          filled: false
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(j=(_=o.parameters)==null?void 0:_.docs)==null?void 0:j.source}}};var M,O,P;u.parameters={...u.parameters,docs:{...(M=u.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  name: "Communications Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        communication: [{
+          name: 'simple',
+          filled: true
+        }, {
+          name: 'notification',
+          filled: true
+        }, {
+          name: 'question',
+          filled: true
+        }, {
+          name: 'writing',
+          filled: true
+        }, {
+          name: 'alert',
+          filled: true
+        }, {
+          name: 'chat',
+          filled: true
+        }, {
+          name: 'conversation',
+          filled: true
+        }, {
+          name: 'check',
+          filled: true
+        }, {
+          name: 'delete',
+          filled: true
+        }, {
+          name: 'shield',
+          filled: true
+        }, {
+          name: 'sent',
+          filled: true
+        }, {
+          name: 'forward',
+          filled: true
+        }, {
+          name: 'reply',
+          filled: true
+        }, {
+          name: 'reply-all',
+          filled: true
+        }, {
+          name: 'email-default',
+          filled: true
+        }, {
+          name: 'email-add',
+          filled: true
+        }, {
+          name: 'email-check',
+          filled: true
+        }, {
+          name: 'email-notification',
+          filled: true
+        }, {
+          name: 'email-outbound',
+          filled: true
+        }, {
+          name: 'email-sent',
+          filled: true
+        }, {
+          name: 'email-reply',
+          filled: true
+        }, {
+          name: 'email-reply-all',
+          filled: true
+        }, {
+          name: 'at',
+          filled: true
+        }, {
+          name: 'inbox',
+          filled: true
+        }, {
+          name: 'attachment-image',
+          filled: true
+        }, {
+          name: 'attachment-file',
+          filled: true
+        }, {
+          name: 'attachment',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(P=(O=u.parameters)==null?void 0:O.docs)==null?void 0:P.source}}};var F,H,L;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  name: "Travel Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        travel: [{
+          name: 'airport-baggage',
+          filled: true
+        }, {
+          name: 'airport-flight',
+          filled: true
+        }, {
+          name: 'hotel-pets',
+          filled: true
+        }, {
+          name: 'hotel-fitness',
+          filled: true
+        }, {
+          name: 'hotel-bell',
+          filled: true
+        }, {
+          name: 'hotel-spa',
+          filled: true
+        }, {
+          name: 'places-street-sign',
+          filled: true
+        }, {
+          name: 'places-theatre',
+          filled: true
+        }, {
+          name: 'places-diamond',
+          filled: true
+        }, {
+          name: 'places-beach',
+          filled: true
+        }, {
+          name: 'places-hot-spring',
+          filled: true
+        }, {
+          name: 'location-earth',
+          filled: true
+        }, {
+          name: 'location-compass',
+          filled: true
+        }, {
+          name: 'location-compass-circle',
+          filled: true
+        }, {
+          name: 'location-default',
+          filled: true
+        }, {
+          name: 'location-map',
+          filled: true
+        }, {
+          name: 'location-pin',
+          filled: true
+        }, {
+          name: 'transport-plane',
+          filled: true
+        }, {
+          name: 'transport-bus',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(L=(H=m.parameters)==null?void 0:H.docs)==null?void 0:L.source}}};var R,$,Z;f.parameters={...f.parameters,docs:{...(R=f.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  name: "Content Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        content: [{
+          name: 'book',
+          filled: true
+        }, {
+          name: 'book-shelf',
+          filled: true
+        }, {
+          name: 'book-page',
+          filled: true
+        }, {
+          name: 'folder',
+          filled: true
+        }, {
+          name: 'folder-add',
+          filled: true
+        }, {
+          name: 'folder-delete',
+          filled: true
+        }, {
+          name: 'file-text',
+          filled: true
+        }, {
+          name: 'file',
+          filled: true
+        }, {
+          name: 'file-confirm',
+          filled: true
+        }, {
+          name: 'file-add',
+          filled: true
+        }, {
+          name: 'file-delete',
+          filled: true
+        }, {
+          name: 'file-copy',
+          filled: true
+        }, {
+          name: 'file-bookmark',
+          filled: true
+        }, {
+          name: 'image',
+          filled: true
+        }, {
+          name: 'image-2',
+          filled: true
+        }, {
+          name: 'image-copy',
+          filled: true
+        }, {
+          name: 'flash',
+          filled: true
+        }, {
+          name: 'camera',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(Z=($=f.parameters)==null?void 0:$.docs)==null?void 0:Z.source}}};var B,D,G;s.parameters={...s.parameters,docs:{...(B=s.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  name: "Reporting Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        reporting: [{
+          name: 'decrease',
+          filled: true
+        }, {
+          name: 'decrease-graph',
+          filled: true
+        }, {
+          name: 'increase',
+          filled: true
+        }, {
+          name: 'increase-graph',
+          filled: true
+        }, {
+          name: 'pie-chart',
+          filled: true
+        }, {
+          name: 'graph-bar',
+          filled: true
+        }, {
+          name: 'graph-bar-increase',
+          filled: true
+        }, {
+          name: 'money-graph',
+          filled: true
+        }, {
+          name: 'user-increase',
+          filled: true
+        }, {
+          name: 'signal',
+          filled: true
+        }, {
+          name: 'signal-square',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(G=(D=s.parameters)==null?void 0:D.docs)==null?void 0:G.source}}};var J,K,Q;c.parameters={...c.parameters,docs:{...(J=c.parameters)==null?void 0:J.docs,source:{originalSource:`{
+  name: "Money Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        money: [{
+          name: 'pound',
+          filled: true
+        }, {
+          name: 'pound-circle',
+          filled: true
+        }, {
+          name: 'dollar',
+          filled: true
+        }, {
+          name: 'dollar-circle',
+          filled: true
+        }, {
+          name: 'euro',
+          filled: true
+        }, {
+          name: 'euro-circle',
+          filled: true
+        }, {
+          name: 'gift',
+          filled: true
+        }, {
+          name: 'tag',
+          filled: true
+        }, {
+          name: 'wallet',
+          filled: true
+        }, {
+          name: 'percentage-badge',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(Q=(K=c.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var V,W,X;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  name: "Programming Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        programming: [{
+          name: 'script-open',
+          filled: true
+        }, {
+          name: 'script-close',
+          filled: true
+        }, {
+          name: 'browser-search',
+          filled: true
+        }, {
+          name: 'cloud',
+          filled: true
+        }, {
+          name: 'cloud-check',
+          filled: true
+        }, {
+          name: 'cloud-upload',
+          filled: true
+        }, {
+          name: 'cloud-download',
+          filled: true
+        }, {
+          name: 'script',
+          filled: true
+        }, {
+          name: 'script-2',
+          filled: true
+        }, {
+          name: 'sheet',
+          filled: true
+        }, {
+          name: 'web-windows',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(X=(W=p.parameters)==null?void 0:W.docs)==null?void 0:X.source}}};var Y,ee,ne;g.parameters={...g.parameters,docs:{...(Y=g.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  name: "Feedback Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        feedback: [{
+          name: 'star-half',
+          filled: true
+        }, {
+          name: 'star',
+          filled: true
+        }, {
+          name: 'star-circle',
+          filled: true
+        }, {
+          name: 'star-square',
+          filled: true
+        }, {
+          name: 'crown',
+          filled: true
+        }, {
+          name: 'crown-circle',
+          filled: true
+        }, {
+          name: 'crown-square',
+          filled: true
+        }, {
+          name: 'trophy',
+          filled: true
+        }, {
+          name: 'heart',
+          filled: true
+        }, {
+          name: 'heart-circle',
+          filled: true
+        }, {
+          name: 'heart-square',
+          filled: true
+        }, {
+          name: 'smile-happy',
+          filled: true
+        }, {
+          name: 'smile-sad',
+          filled: true
+        }, {
+          name: 'smile-neutral',
+          filled: true
+        }, {
+          name: 'thumb-up',
+          filled: true
+        }, {
+          name: 'thumb-down',
+          filled: true
+        }, {
+          name: 'thumb-up-glove',
+          filled: true
+        }, {
+          name: 'thumb-down-glove',
+          filled: true
+        }, {
+          name: 'thumb-up-circle',
+          filled: true
+        }, {
+          name: 'thumb-down-circle',
+          filled: true
+        }, {
+          name: 'thumb-up-square',
+          filled: true
+        }, {
+          name: 'thumb-down-square',
+          filled: true
+        }, {
+          name: 'award',
+          filled: true
+        }, {
+          name: 'hand-heart',
+          filled: true
+        }, {
+          name: 'hand-gift',
+          filled: true
+        }, {
+          name: 'hand-bag',
+          filled: true
+        }, {
+          name: 'hand-coin',
+          filled: true
+        }, {
+          name: 'hand-lock',
+          filled: true
+        }, {
+          name: 'hand-clock',
+          filled: true
+        }, {
+          name: 'hand-serving',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(ne=(ee=g.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var le,re,te;h.parameters={...h.parameters,docs:{...(le=h.parameters)==null?void 0:le.docs,source:{originalSource:`{
+  name: "Alert Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        alert: [{
+          name: 'question-circle',
+          filled: true
+        }, {
+          name: 'question-square',
+          filled: true
+        }, {
+          name: 'information',
+          filled: true
+        }, {
+          name: 'exclamation-circle',
+          filled: true
+        }, {
+          name: 'exclamation-rhomboid',
+          filled: true
+        }, {
+          name: 'exclamation-triangle',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(te=(re=h.parameters)==null?void 0:re.docs)==null?void 0:te.source}}};var ae,ie,de;b.parameters={...b.parameters,docs:{...(ae=b.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  name: "Health Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        health: [{
+          name: 'medical-bag',
+          filled: true
+        }, {
+          name: 'medicine',
+          filled: true
+        }, {
+          name: 'hospital',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(de=(ie=b.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var oe,ue,me;v.parameters={...v.parameters,docs:{...(oe=v.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  name: "Shipping Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        shipping: [{
+          name: 'box-3d',
+          filled: true
+        }, {
+          name: 'box-2d',
+          filled: true
+        }, {
+          name: 'truck',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(me=(ue=v.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var fe,se,ce;w.parameters={...w.parameters,docs:{...(fe=w.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  name: "Legal Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        legal: [{
+          name: 'court',
+          filled: true
+        }, {
+          name: 'briefcase',
+          filled: false
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(ce=(se=w.parameters)==null?void 0:se.docs)==null?void 0:ce.source}}};var pe,ge,he;I.parameters={...I.parameters,docs:{...(pe=I.parameters)==null?void 0:pe.docs,source:{originalSource:`{
+  name: "Arrow Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        arrow: [{
+          name: 'default-up',
+          filled: true
+        }, {
+          name: 'default-down',
+          filled: true
+        }, {
+          name: 'default-left',
+          filled: true
+        }, {
+          name: 'default-right',
+          filled: true
+        }, {
+          name: 'default-circle-up',
+          filled: true
+        }, {
+          name: 'default-circle-down',
+          filled: true
+        }, {
+          name: 'default-circle-left',
+          filled: true
+        }, {
+          name: 'default-circle-right',
+          filled: true
+        }, {
+          name: 'default-crossover-up',
+          filled: true
+        }, {
+          name: 'default-crossover-down',
+          filled: true
+        }, {
+          name: 'default-crossover-left',
+          filled: true
+        }, {
+          name: 'default-corner-right-up',
+          filled: true
+        }, {
+          name: 'default-corner-right-down',
+          filled: true
+        }, {
+          name: 'default-corner-left-up',
+          filled: true
+        }, {
+          name: 'default-corner-left-down',
+          filled: true
+        }, {
+          name: 'default-diagonal-right',
+          filled: true
+        }, {
+          name: 'default-diagonal-left',
+          filled: true
+        }, {
+          name: 'default-double-diagonal',
+          filled: true
+        }, {
+          name: 'default-double-horizontal',
+          filled: false
+        }, {
+          name: 'scroll-vertical',
+          filled: true
+        }, {
+          name: 'scroll-horizontal',
+          filled: true
+        }, {
+          name: 'scroll-connected-vertical',
+          filled: true
+        }, {
+          name: 'scroll-connected-horizontal',
+          filled: true
+        }, {
+          name: 'scroll-down',
+          filled: true
+        }, {
+          name: 'scroll-up',
+          filled: true
+        }, {
+          name: 'scroll-point-diagonal-right',
+          filled: true
+        }, {
+          name: 'scroll-point-diagonal-left',
+          filled: true
+        }, {
+          name: 'scroll-point-vertical',
+          filled: true
+        }, {
+          name: 'scroll-point-horizontal',
+          filled: true
+        }, {
+          name: 'chevron-up',
+          filled: false
+        }, {
+          name: 'chevron-down',
+          filled: false
+        }, {
+          name: 'chevron-left',
+          filled: false
+        }, {
+          name: 'chevron-right',
+          filled: false
+        }, {
+          name: 'chevron-circle-up',
+          filled: true
+        }, {
+          name: 'chevron-circle-down',
+          filled: true
+        }, {
+          name: 'chevron-circle-left',
+          filled: true
+        }, {
+          name: 'chevron-circle-right',
+          filled: true
+        }, {
+          name: 'divided-vertical',
+          filled: true
+        }, {
+          name: 'divided-horizontal',
+          filled: true
+        }, {
+          name: 'button-left',
+          filled: true
+        }, {
+          name: 'button-up',
+          filled: true
+        }, {
+          name: 'button-down',
+          filled: true
+        }, {
+          name: 'button-right',
+          filled: true
+        }, {
+          name: 'button-corner-left-top',
+          filled: true
+        }, {
+          name: 'button-corner-right-bottom',
+          filled: true
+        }, {
+          name: 'button-corner-left-bottom',
+          filled: true
+        }, {
+          name: 'button-corner-right-top',
+          filled: true
+        }, {
+          name: 'button-double-left',
+          filled: true
+        }, {
+          name: 'button-double-up',
+          filled: true
+        }, {
+          name: 'button-double-down',
+          filled: true
+        }, {
+          name: 'button-double-right',
+          filled: true
+        }, {
+          name: 'button-line-left',
+          filled: true
+        }, {
+          name: 'button-line-up',
+          filled: true
+        }, {
+          name: 'button-line-down',
+          filled: true
+        }, {
+          name: 'button-line-right',
+          filled: true
+        }, {
+          name: 'move-left-up',
+          filled: true
+        }, {
+          name: 'move-left-down',
+          filled: true
+        }, {
+          name: 'move-right-up',
+          filled: true
+        }, {
+          name: 'move-right-down',
+          filled: true
+        }, {
+          name: 'move-all-directions',
+          filled: true
+        }, {
+          name: 'move-up',
+          filled: true
+        }, {
+          name: 'move-left',
+          filled: true
+        }, {
+          name: 'move-right',
+          filled: true
+        }, {
+          name: 'move-down',
+          filled: true
+        }, {
+          name: 'expand-diagonal-with-line',
+          filled: true
+        }, {
+          name: 'expand-diagonal',
+          filled: true
+        }, {
+          name: 'expand-cross',
+          filled: true
+        }, {
+          name: 'expand-horizontal',
+          filled: true
+        }, {
+          name: 'expand-vertical',
+          filled: true
+        }, {
+          name: 'expand-vertical-diamond',
+          filled: true
+        }, {
+          name: 'shrink-diagonal',
+          filled: true
+        }, {
+          name: 'shrink-cross',
+          filled: true
+        }, {
+          name: 'shrink-down',
+          filled: true
+        }, {
+          name: 'shrink-up',
+          filled: true
+        }, {
+          name: 'shrink-vertical',
+          filled: true
+        }, {
+          name: 'shrink-horizontal',
+          filled: true
+        }, {
+          name: 'shuffle',
+          filled: true
+        }, {
+          name: 'reload-horizontal',
+          filled: true
+        }, {
+          name: 'reload-vertical',
+          filled: true
+        }, {
+          name: 'data-transfer-vertical',
+          filled: true
+        }, {
+          name: 'data-transfer-horizontal',
+          filled: true
+        }, {
+          name: 'data-transfer-diagonal',
+          filled: true
+        }, {
+          name: 'data-transfer-vertical-circle',
+          filled: true
+        }, {
+          name: 'data-transfer-horizontal-circle',
+          filled: true
+        }, {
+          name: 'data-transfer-diagonal-circle',
+          filled: true
+        }, {
+          name: 'data-transfer-vertical-square',
+          filled: true
+        }, {
+          name: 'data-transfer-horizontal-square',
+          filled: true
+        }, {
+          name: 'data-transfer-diagonal-square',
+          filled: true
+        }, {
+          name: 'synchronise',
+          filled: true
+        }, {
+          name: 'synchronise-alert',
+          filled: true
+        }, {
+          name: 'round-up',
+          filled: true
+        }, {
+          name: 'round-left',
+          filled: true
+        }, {
+          name: 'round-right',
+          filled: true
+        }, {
+          name: 'round-down',
+          filled: true
+        }, {
+          name: 'loop',
+          filled: true
+        }, {
+          name: 'loop-triangle',
+          filled: true
+        }, {
+          name: 'loop-open',
+          filled: true
+        }, {
+          name: 'loop-arrow',
+          filled: true
+        }, {
+          name: 'bent-left-up-rounded',
+          filled: true
+        }, {
+          name: 'bent-up-left-rounded',
+          filled: true
+        }, {
+          name: 'bent-up-right-rounded',
+          filled: true
+        }, {
+          name: 'bent-right-up-rounded',
+          filled: true
+        }, {
+          name: 'bent-left-down-rounded',
+          filled: true
+        }, {
+          name: 'bent-down-left-rounded',
+          filled: true
+        }, {
+          name: 'bent-down-right-rounded',
+          filled: true
+        }, {
+          name: 'bent-right-down-rounded',
+          filled: true
+        }, {
+          name: 'bent-left-up-straight',
+          filled: true
+        }, {
+          name: 'bent-up-left-straight',
+          filled: true
+        }, {
+          name: 'bent-up-right-straight',
+          filled: true
+        }, {
+          name: 'bent-right-up-straight',
+          filled: true
+        }, {
+          name: 'bent-left-down-straight',
+          filled: true
+        }, {
+          name: 'bent-down-left-straight',
+          filled: true
+        }, {
+          name: 'bent-down-right-straight',
+          filled: true
+        }, {
+          name: 'bent-right-down-straight',
+          filled: true
+        }, {
+          name: 'split-vertical',
+          filled: true
+        }, {
+          name: 'turn-up',
+          filled: true
+        }, {
+          name: 'turn-down',
+          filled: true
+        }, {
+          name: 'turn-left',
+          filled: true
+        }, {
+          name: 'turn-right',
+          filled: true
+        }, {
+          name: 'curvy-double-arrow-left',
+          filled: true
+        }, {
+          name: 'curvy-double-arrow-right',
+          filled: true
+        }, {
+          name: 'curvy-double-left',
+          filled: true
+        }, {
+          name: 'curvy-double-right',
+          filled: true
+        }, {
+          name: 'curvy-vertical',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(he=(ge=I.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var be,ve,we;k.parameters={...k.parameters,docs:{...(be=k.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  name: "Entertainment Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        entertainment: [{
+          name: 'playlist',
+          filled: true
+        }, {
+          name: 'movie',
+          filled: true
+        }, {
+          name: 'music',
+          filled: true
+        }, {
+          name: 'volume-mute',
+          filled: true
+        }, {
+          name: 'volume-low',
+          filled: true
+        }, {
+          name: 'volume-off',
+          filled: true
+        }, {
+          name: 'volume-high',
+          filled: true
+        }, {
+          name: 'controller',
+          filled: true
+        }, {
+          name: 'controls-play',
+          filled: true
+        }, {
+          name: 'controls-play-pause',
+          filled: true
+        }, {
+          name: 'controls-rewind',
+          filled: true
+        }, {
+          name: 'controls-previous',
+          filled: true
+        }, {
+          name: 'controls-pause',
+          filled: true
+        }, {
+          name: 'controls-next',
+          filled: true
+        }, {
+          name: 'controls-fast-forward',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(we=(ve=k.parameters)==null?void 0:ve.docs)==null?void 0:we.source}}};var Ie,ke,ye;y.parameters={...y.parameters,docs:{...(Ie=y.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
+  name: "User Icons",
+  render: args => ({
+    components: {
+      SamIcon
+    },
+    setup() {
+      const icons = {
+        user: [{
+          name: 'default',
+          filled: true
+        }, {
+          name: 'multiple',
+          filled: true
+        }, {
+          name: 'delete',
+          filled: true
+        }, {
+          name: 'add',
+          filled: true
+        }, {
+          name: 'confirm',
+          filled: true
+        }, {
+          name: 'share',
+          filled: true
+        }, {
+          name: 'protection',
+          filled: true
+        }, {
+          name: 'shield',
+          filled: true
+        }, {
+          name: 'edit',
+          filled: true
+        }, {
+          name: 'editor',
+          filled: true
+        }, {
+          name: 'annotator',
+          filled: true
+        }]
+      };
+      return {
+        args,
+        icons,
+        getIconName
+      };
+    },
+    template: tempateString
+  }),
+  args: {
+    color: '#343941'
+  }
+}`,...(ye=(ke=y.parameters)==null?void 0:ke.docs)==null?void 0:ye.source}}};const ze=["Icon","IconsInterface","IconsText","IconsUnbabel","IconsCommunication","IconsTravel","IconsContent","IconsReporting","IconsMoney","IconsProgramming","IconsFeedback","IconsAlert","IconsHealth","IconsShipping","IconsLegal","IconsArrow","IconsEntertainment","IconsUser"],Ce=Object.freeze(Object.defineProperty({__proto__:null,Icon:a,IconsAlert:h,IconsArrow:I,IconsCommunication:u,IconsContent:f,IconsEntertainment:k,IconsFeedback:g,IconsHealth:b,IconsInterface:i,IconsLegal:w,IconsMoney:c,IconsProgramming:p,IconsReporting:s,IconsShipping:v,IconsText:d,IconsTravel:m,IconsUnbabel:o,IconsUser:y,__namedExportsOrder:ze,default:xe},Symbol.toStringTag,{value:"Module"}));export{Ce as I,a};