tuix-webcomponents 0.0.35 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +2 -2
  2. package/custom-elements.json +1009 -1009
  3. package/dist/src/tuix-input/TuixInput.styles.js +8 -0
  4. package/package.json +1 -1
package/custom-elements.json CHANGED
@@ -1139,934 +1139,929 @@
1139
1139
  },
1140
1140
  {
1141
1141
  "kind": "javascript-module",
1142
- "path": "src/tuix-icon/TuixIcon.icons.ts",
1142
+ "path": "src/tuix-dropdown/TuixDropdown.styles.ts",
1143
1143
  "declarations": [
1144
1144
  {
1145
- "kind": "function",
1146
- "name": "iconTemplate",
1147
- "return": {
1148
- "type": {
1149
- "text": "ReturnType<typeof html>"
1150
- }
1151
- },
1152
- "parameters": [
1153
- {
1154
- "name": "name",
1155
- "optional": true,
1156
- "type": {
1157
- "text": "IconName"
1158
- }
1159
- },
1160
- {
1161
- "name": "color",
1162
- "default": "Palette.BLACK",
1163
- "type": {
1164
- "text": "string"
1165
- }
1166
- },
1167
- {
1168
- "name": "fill",
1169
- "optional": true,
1170
- "type": {
1171
- "text": "string"
1172
- }
1173
- }
1174
- ]
1145
+ "kind": "variable",
1146
+ "name": "dropdownHostStyles",
1147
+ "default": "css`\n ${hostStyles}\n :host {\n --t-field-color-option: ${unsafeCSS(Palette.WHITE)};\n --t-field-color-main: ${unsafeCSS(Palette.MAIN)};\n }\n\n :host .t-input-dropdown {\n --t-field-font-weight: 300;\n --t-field-font-size: 1rem;\n --t-field-padding-x: 1rem;\n --t-field-title-left-position: 1rem;\n }\n\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host .t-input-dropdown {\n --t-field-font-size: 0.938rem;\n --t-field-line-height: 1.125rem;\n }\n }\n\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host .t-input-dropdown {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1rem;\n }\n }\n\n :host([dark]) {\n --t-field-color-option: ${unsafeCSS(DarkPalette.ELEVATION_2)};\n }\n`"
1175
1148
  },
1176
1149
  {
1177
1150
  "kind": "variable",
1178
- "name": "iconContentMap",
1179
- "type": {
1180
- "text": "IconContentMapType"
1181
- },
1182
- "default": "{\n [IconName.ARROW_DOWN]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5V19\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19 12L12 19L5 12\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.ARROW_LEFT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 12H5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 19L5 12L12 5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.ARROW_UP]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 19V5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5 12L12 5L19 12\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.ARROW_RIGHT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5 12H19\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 5L19 12L12 19\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.SEARCH]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M20.9999 20.9999L16.6499 16.6499\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.EYE_ON]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.EYE_OFF]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <g clip-path=\"url(#clip0_2207_3897)\">\n <path d=\"M9.9 4.24002C10.5883 4.0789 11.2931 3.99836 12 4.00003C19 4.00003 23 12 23 12C22.393 13.1356 21.6691 14.2048 20.84 15.19M14.12 14.12C13.8454 14.4148 13.5141 14.6512 13.1462 14.8151C12.7782 14.9791 12.3809 15.0673 11.9781 15.0744C11.5753 15.0815 11.1752 15.0074 10.8016 14.8565C10.4281 14.7056 10.0887 14.4811 9.80385 14.1962C9.51897 13.9113 9.29439 13.572 9.14351 13.1984C8.99262 12.8249 8.91853 12.4247 8.92563 12.0219C8.93274 11.6191 9.02091 11.2219 9.18488 10.8539C9.34884 10.4859 9.58525 10.1547 9.88 9.88003M17.94 17.94C16.2306 19.243 14.1491 19.9649 12 20C5 20 1 12 1 12C2.24389 9.68192 3.96914 7.65663 6.06 6.06003L17.94 17.94Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 1L23 23\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_2207_3897\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n `,\n [IconName.EYE_CLOSE_LINE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9.34178 18.7821L7.41078 18.2641L8.19778 15.3251C7.01975 14.8906 5.9249 14.2575 4.96078 13.4531L2.80778 15.6071L1.39278 14.1921L3.54678 12.0391C2.33086 10.5829 1.51387 8.83587 1.17578 6.96911L3.14378 6.61011C3.90278 10.8121 7.57878 14.0001 11.9998 14.0001C16.4198 14.0001 20.0968 10.8121 20.8558 6.61011L22.8238 6.96811C22.4861 8.83512 21.6695 10.5825 20.4538 12.0391L22.6068 14.1921L21.1918 15.6071L19.0388 13.4531C18.0747 14.2575 16.9798 14.8906 15.8018 15.3251L16.5888 18.2651L14.6578 18.7821L13.8698 15.8421C12.6321 16.0542 11.3674 16.0542 10.1298 15.8421L9.34178 18.7821Z\" fill=\"black\"/>\n </svg>\n `,\n [IconName.TRIANGLE_EXCLAMATION]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M10.2898 3.85996L1.81978 18C1.64514 18.3024 1.55274 18.6453 1.55177 18.9945C1.55079 19.3437 1.64127 19.6871 1.8142 19.9905C1.98714 20.2939 2.2365 20.5467 2.53748 20.7238C2.83847 20.9009 3.18058 20.9961 3.52978 21H20.4698C20.819 20.9961 21.1611 20.9009 21.4621 20.7238C21.7631 20.5467 22.0124 20.2939 22.1854 19.9905C22.3583 19.6871 22.4488 19.3437 22.4478 18.9945C22.4468 18.6453 22.3544 18.3024 22.1798 18L13.7098 3.85996C13.5315 3.56607 13.2805 3.32308 12.981 3.15444C12.6814 2.98581 12.3435 2.89722 11.9998 2.89722C11.656 2.89722 11.3181 2.98581 11.0186 3.15444C10.7191 3.32308 10.468 3.56607 10.2898 3.85996V3.85996Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 9V13\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 17H12.01\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CIRCLE_X]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M15 9L9 15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 9L15 15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.LOADER]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2V6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 18V22\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.93018 4.92993L7.76018 7.75993\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.2402 16.24L19.0702 19.07\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M2 12H6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 12H22\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.93018 19.07L7.76018 16.24\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.2402 7.75993L19.0702 4.92993\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.LOADER_CIRCLE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CIRCLE_CHECK]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22 11.0801V12.0001C21.9988 14.1565 21.3005 16.2548 20.0093 17.9819C18.7182 19.7091 16.9033 20.9726 14.8354 21.584C12.7674 22.1954 10.5573 22.122 8.53447 21.3747C6.51168 20.6274 4.78465 19.2462 3.61096 17.4372C2.43727 15.6281 1.87979 13.4882 2.02168 11.3364C2.16356 9.18467 2.99721 7.13643 4.39828 5.49718C5.79935 3.85793 7.69279 2.71549 9.79619 2.24025C11.8996 1.76502 14.1003 1.98245 16.07 2.86011\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CHEVRON_DOWN]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CHEVRON_UP]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18 15L12 9L6 15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CHECK]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 6L9 17L4 12\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.NAV_HAMBURGUER]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"24/ outlined / action / main / menu\">\n <path id=\"Vector\" d=\"M3 12H21\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path id=\"Vector_2\" d=\"M3 6H21\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path id=\"Vector_3\" d=\"M3 18H21\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n </svg>`,\n [IconName.SUN]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <g clip-path=\"url(#clip0_2207_4056)\">\n <path d=\"M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 1V3\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 21V23\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.22021 4.21997L5.64021 5.63997\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18.3599 18.3601L19.7799 19.7801\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 12H3\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M21 12H23\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.22021 19.7801L5.64021 18.3601\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18.3599 5.63997L19.7799 4.21997\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_2207_4056\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>`,\n [IconName.MOON]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20.9999 12.79C20.8426 14.4922 20.2038 16.1144 19.1581 17.4668C18.1125 18.8192 16.7034 19.8458 15.0956 20.4265C13.4878 21.0073 11.7479 21.1181 10.0794 20.7461C8.41092 20.3741 6.8829 19.5345 5.67413 18.3258C4.46536 17.117 3.62584 15.589 3.25381 13.9205C2.88178 12.252 2.99262 10.5121 3.57336 8.9043C4.15411 7.29651 5.18073 5.88737 6.53311 4.84175C7.8855 3.79614 9.5077 3.15731 11.2099 3C10.2133 4.34827 9.73375 6.00945 9.85843 7.68141C9.98312 9.35338 10.7038 10.9251 11.8893 12.1106C13.0748 13.2961 14.6465 14.0168 16.3185 14.1415C17.9905 14.2662 19.6516 13.7866 20.9999 12.79Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHEVRON_LEFT]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M15 18L9 12L15 6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHEVRON_RIGHT]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9 18L15 12L9 6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOKMARK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 21L12 16L5 21V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H17C17.5304 3 18.0391 3.21071 18.4142 3.58579C18.7893 3.96086 19 4.46957 19 5V21Z\" stroke=\"#A8A9D1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.UPLOAD]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 8L12 3L7 8\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 3V15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.DOWNLOAD]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M7 10L12 15L17 10\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 15V3\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAP_PIN]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PHONE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21.9999 16.9201V19.9201C22.0011 20.1986 21.944 20.4743 21.8324 20.7294C21.7209 20.9846 21.5572 21.2137 21.352 21.402C21.1468 21.5902 20.9045 21.7336 20.6407 21.8228C20.3769 21.912 20.0973 21.9452 19.8199 21.9201C16.7428 21.5857 13.7869 20.5342 11.1899 18.8501C8.77376 17.3148 6.72527 15.2663 5.18993 12.8501C3.49991 10.2413 2.44818 7.27109 2.11993 4.1801C2.09494 3.90356 2.12781 3.62486 2.21643 3.36172C2.30506 3.09859 2.4475 2.85679 2.6347 2.65172C2.82189 2.44665 3.04974 2.28281 3.30372 2.17062C3.55771 2.05843 3.83227 2.00036 4.10993 2.0001H7.10993C7.59524 1.99532 8.06572 2.16718 8.43369 2.48363C8.80166 2.80008 9.04201 3.23954 9.10993 3.7201C9.23656 4.68016 9.47138 5.62282 9.80993 6.5301C9.94448 6.88802 9.9736 7.27701 9.89384 7.65098C9.81408 8.02494 9.6288 8.36821 9.35993 8.6401L8.08993 9.9101C9.51349 12.4136 11.5864 14.4865 14.0899 15.9101L15.3599 14.6401C15.6318 14.3712 15.9751 14.1859 16.3491 14.1062C16.723 14.0264 17.112 14.0556 17.4699 14.1901C18.3772 14.5286 19.3199 14.7635 20.2799 14.8901C20.7657 14.9586 21.2093 15.2033 21.5265 15.5776C21.8436 15.9519 22.0121 16.4297 21.9999 16.9201Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAIL]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M22 6L12 13L2 6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAILS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M17 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 1-1.732M22 5.5l-6.419 4.179a2 2 0 0 1-2.162 0L7 5.5\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M20 3H9a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.LAYERS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2 2 7l10 5 10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SEND]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22 2 11 13M22 2l-7 20-4-9-9-4z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.FILE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19.462 9.598c-.022-1.74-.28-3.21-.772-4.42a5.32 5.32 0 0 0-2.497-2.749c-1.133-.608-2.704-.918-4.702-.929h-.137a.85.85 0 0 0-.542.248l-1.56 1.548-2.913 2.895-1.57 1.56a.9.9 0 0 0-.269.642v13.448q.001.294.175.479c.115.124.274.18.471.18h6.356q3.005.001 4.73-.884a5.07 5.07 0 0 0 2.452-2.686q.731-1.8.789-4.562c.016-.901.027-1.7.027-2.382 0-.681-.011-1.492-.027-2.388zm-8.924-5.096v2.996H7.522zm7.117 8.143c0 .45-.01.98-.027 1.577q-.031 2.34-.63 3.767c-.394.946-1.05 1.639-1.954 2.067s-2.13.642-3.69.642H6.339V9.294h5.08c.482 0 .871-.4.871-.895V3.336q2.654.208 3.854 1.532c.953 1.053 1.45 2.675 1.49 4.877.016.602.027 1.126.027 1.56v1.334z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.FORMAT_LIST]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 5H11m10 7H11m10 7H11M3 8l4 4-4 4\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SAVE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 21v-8H7v8M7 3v5h8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SQUARE_CODE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"m10 9-3 3 3 3m4 0 3-3-3-3\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BRACES]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.ADD_MAIL]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7m17 9v6m-3-3h6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAIL_LOGO]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21.854 4.5H2.146a.64.64 0 0 0-.646.637v13.726a.64.64 0 0 0 .646.637h19.708a.64.64 0 0 0 .646-.637V5.137a.64.64 0 0 0-.646-.637m-1.96 1.274-7.48 5.447-8.16-5.447zM2.793 18.226V6.337l9.275 6.19a.65.65 0 0 0 .745-.016l8.394-6.113v11.828z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.BUILDING]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 10h.01M12 14h.01M12 6h.01M16 10h.01M16 14h.01M16 6h.01M8 10h.01M8 14h.01M8 6h.01M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CODE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.USER_PLUS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M20 8v6M23 11h-6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.FACEBOOK]: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18.625 0.625H1.375C0.960156 0.625 0.625 0.960156 0.625 1.375V18.625C0.625 19.0398 0.960156 19.375 1.375 19.375H18.625C19.0398 19.375 19.375 19.0398 19.375 18.625V1.375C19.375 0.960156 19.0398 0.625 18.625 0.625ZM16.4594 6.09766H14.9617C13.7875 6.09766 13.5602 6.65547 13.5602 7.47578V9.28281H16.3633L15.9977 12.1117H13.5602V19.375H10.6375V12.1141H8.19297V9.28281H10.6375V7.19687C10.6375 4.77578 12.1164 3.45625 14.2773 3.45625C15.3133 3.45625 16.2016 3.53359 16.4617 3.56875V6.09766H16.4594Z\" fill=\"none\" />\n </svg>`,\n [IconName.TWITTER]: `<svg width=\"24\" height=\"20\" viewBox=\"0 0 24 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M23.6425 2.93695C22.8075 3.30695 21.9105 3.55696 20.9675 3.66996C21.9405 3.08775 22.6685 2.17142 23.0155 1.09195C22.1014 1.63494 21.1009 2.01715 20.0575 2.22196C19.3559 1.47282 18.4266 0.976281 17.4138 0.809429C16.4011 0.642577 15.3616 0.814746 14.4568 1.29921C13.5519 1.78367 12.8323 2.55332 12.4097 3.48866C11.9871 4.424 11.8851 5.4727 12.1195 6.47195C10.2672 6.37895 8.45515 5.8975 6.80095 5.05886C5.14674 4.22022 3.68736 3.04312 2.51752 1.60396C2.11752 2.29396 1.88752 3.09396 1.88752 3.94596C1.88708 4.71295 2.07596 5.4682 2.4374 6.14469C2.79885 6.82118 3.32168 7.39799 3.95952 7.82396C3.2198 7.80042 2.4964 7.60054 1.84952 7.24095V7.30095C1.84945 8.3767 2.22156 9.41933 2.90271 10.252C3.58386 11.0846 4.53209 11.6559 5.58652 11.869C4.90031 12.0547 4.18086 12.082 3.48252 11.949C3.78002 12.8746 4.35952 13.684 5.13989 14.2639C5.92026 14.8438 6.86244 15.1651 7.83452 15.183C6.18436 16.4784 4.14641 17.181 2.04852 17.178C1.6769 17.1781 1.3056 17.1564 0.936523 17.113C3.066 18.4821 5.54486 19.2088 8.07652 19.206C16.6465 19.206 21.3315 12.108 21.3315 5.95195C21.3315 5.75196 21.3265 5.54995 21.3175 5.34995C22.2288 4.69093 23.0154 3.87485 23.6405 2.93995L23.6425 2.93695Z\" fill=\"#33355B\"/>\n </svg>`,\n [IconName.LINKEDIN]: `<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" >\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.7206e-07 1.838C2.7206e-07 1.35053 0.193646 0.883032 0.538338 0.53834C0.88303 0.193648 1.35053 2.45031e-06 1.838 2.45031e-06H20.16C20.4016 -0.000392101 20.6409 0.0468654 20.8641 0.139069C21.0874 0.231273 21.2903 0.366612 21.4612 0.537339C21.6322 0.708065 21.7677 0.910826 21.8602 1.13401C21.9526 1.3572 22.0001 1.59643 22 1.838V20.16C22.0003 20.4016 21.9529 20.6409 21.8606 20.8642C21.7683 21.0875 21.6328 21.2904 21.462 21.4613C21.2912 21.6322 21.0884 21.7678 20.8651 21.8602C20.6419 21.9526 20.4026 22.0001 20.161 22H1.838C1.59655 22 1.35746 21.9524 1.1344 21.86C0.911335 21.7676 0.708671 21.6321 0.537984 21.4613C0.367297 21.2905 0.231932 21.0878 0.139623 20.8647C0.0473133 20.6416 -0.000131096 20.4025 2.7206e-07 20.161V1.838ZM8.708 8.388H11.687V9.884C12.117 9.024 13.217 8.25 14.87 8.25C18.039 8.25 18.79 9.963 18.79 13.106V18.928H15.583V13.822C15.583 12.032 15.153 11.022 14.061 11.022C12.546 11.022 11.916 12.111 11.916 13.822V18.928H8.708V8.388ZM3.208 18.791H6.416V8.25H3.208V18.79V18.791ZM6.875 4.812C6.88105 5.08668 6.83217 5.35979 6.73124 5.61532C6.63031 5.87084 6.47935 6.10364 6.28723 6.30003C6.09511 6.49643 5.8657 6.65248 5.61246 6.75901C5.35921 6.86554 5.08724 6.92042 4.8125 6.92042C4.53776 6.92042 4.26579 6.86554 4.01255 6.75901C3.7593 6.65248 3.52989 6.49643 3.33777 6.30003C3.14565 6.10364 2.99469 5.87084 2.89376 5.61532C2.79283 5.35979 2.74395 5.08668 2.75 4.812C2.76187 4.27286 2.98439 3.75979 3.36989 3.38269C3.75539 3.00558 4.27322 2.79442 4.8125 2.79442C5.35178 2.79442 5.86961 3.00558 6.25512 3.38269C6.64062 3.75979 6.86313 4.27286 6.875 4.812Z\" fill=\"none\" />\n </svg>`,\n [IconName.SHARE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8.58984 13.51L15.4198 17.49\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M15.4098 6.51001L8.58984 10.49\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.COPY]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 9H11C9.89543 9 9 9.89543 9 11V20C9 21.1046 9.89543 22 11 22H20C21.1046 22 22 21.1046 22 20V11C22 9.89543 21.1046 9 20 9Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.GOOGLE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\n <path d=\"M23.7309 12.1644C23.7309 18.7373 19.2297 23.415 12.5825 23.415C6.20934 23.415 1.0625 18.2682 1.0625 11.895C1.0625 5.52184 6.20934 0.375 12.5825 0.375C15.6855 0.375 18.296 1.51306 20.3074 3.38971L17.1719 6.40442C13.0702 2.44674 5.44289 5.41965 5.44289 11.895C5.44289 15.9131 8.65269 19.1693 12.5825 19.1693C17.1441 19.1693 18.8535 15.8991 19.1229 14.2036H12.5825V10.2413H23.5497C23.6566 10.8313 23.7309 11.398 23.7309 12.1644Z\" fill=\"#585A9D\"/>\n </svg>`,\n [IconName.BELL]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M13.7295 21C13.5537 21.3031 13.3014 21.5547 12.9978 21.7295C12.6941 21.9044 12.3499 21.9965 11.9995 21.9965C11.6492 21.9965 11.3049 21.9044 11.0013 21.7295C10.6977 21.5547 10.4453 21.3031 10.2695 21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.GEAR]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_7723_21679)\">\n <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15V15Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_7723_21679\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>`,\n [IconName.LOGOUT]: `<svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M9.69922 21H5.69922C5.16879 21 4.66008 20.7893 4.28501 20.4142C3.90993 20.0391 3.69922 19.5304 3.69922 19V5C3.69922 4.46957 3.90993 3.96086 4.28501 3.58579C4.66008 3.21071 5.16879 3 5.69922 3H9.69922\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.6992 17L21.6992 12L16.6992 7\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M21.6992 12H9.69922\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>`,\n [IconName.CIRCLE_EXCLAMATION]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 8V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 16H12.01\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CAMERA]: `<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M23 19.5312C23 20.0617 22.7893 20.5704 22.4142 20.9455C22.0391 21.3205 21.5304 21.5312 21 21.5312H3C2.46957 21.5312 1.96086 21.3205 1.58579 20.9455C1.21071 20.5704 1 20.0617 1 19.5312V8.53125C1 8.00082 1.21071 7.49211 1.58579 7.11704C1.96086 6.74196 2.46957 6.53125 3 6.53125H7L9 3.53125H15L17 6.53125H21C21.5304 6.53125 22.0391 6.74196 22.4142 7.11704C22.7893 7.49211 23 8.00082 23 8.53125V19.5312Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 17.5312C14.2091 17.5312 16 15.7404 16 13.5312C16 11.3221 14.2091 9.53125 12 9.53125C9.79086 9.53125 8 11.3221 8 13.5312C8 15.7404 9.79086 17.5312 12 17.5312Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PENCIL]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M17 3.00006C17.2626 2.73741 17.5744 2.52907 17.9176 2.38693C18.2608 2.24479 18.6286 2.17163 19 2.17163C19.3714 2.17163 19.7392 2.24479 20.0824 2.38693C20.4256 2.52907 20.7374 2.73741 21 3.00006C21.2626 3.2627 21.471 3.57451 21.6131 3.91767C21.7553 4.26083 21.8284 4.62862 21.8284 5.00006C21.8284 5.37149 21.7553 5.73929 21.6131 6.08245C21.471 6.42561 21.2626 6.73741 21 7.00006L7.5 20.5001L2 22.0001L3.5 16.5001L17 3.00006Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.X]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18 6L6 18\" stroke=\"#585A9D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 6L18 18\" stroke=\"#585A9D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PLUS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5V19\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5 12H19\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.INVOICE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 8H16M8 12H16M8 16H16M4 2V22L6 21L8 22L10 21L12 22L14 21L16 22L18 21L20 22V2L18 3L16 2L14 3L12 2L10 3L8 2L6 3L4 2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.DELETE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M3 6H5H21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 11V17\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 11V17\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.TRIANGLE_ARROW_DOWN]: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 10L4 6H12L8 10Z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.USERS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M23 20.9999V18.9999C22.9993 18.1136 22.7044 17.2527 22.1614 16.5522C21.6184 15.8517 20.8581 15.3515 20 15.1299\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CLOCK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 6V12L16 14\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHECK_CLOCK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21.8 10C20.8734 5.43552 16.8379 2 12 2C6.47715 2 2 6.47715 2 12C2 16.8379 5.43552 20.8734 10 21.8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 6V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 23C20.5376 23 23 20.5376 23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23ZM19.3637 14.8402C19.7191 14.4174 20.3499 14.3628 20.7727 14.7181C21.1954 15.0734 21.2501 15.7042 20.8948 16.127L17.0344 20.7202C16.6805 21.1414 16.0529 21.1975 15.6298 20.8459L13.5808 19.1433C13.1561 18.7903 13.0979 18.1598 13.4508 17.735C13.8038 17.3103 14.4343 17.2521 14.8591 17.6051L16.1432 18.6722L19.3637 14.8402Z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.GLOBE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M2 12H22\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2V2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CALENDAR]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 10H21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.STATS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 20V10\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 20V4\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 20V16\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.HOLIDAYS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 22H3C1.89543 22 1 21.1046 1 20V6C1 4.89543 1.89543 4 3 4H17C18.1046 4 19 4.89543 19 6V11\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 10H19\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12.2 15H21.8C22.46 15 23 15.45 23 16V22C23 22.55 22.46 23 21.8 23H12.2C11.54 23 11 22.55 11 22V16C11 15.45 11.54 15 12.2 15Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 15V23\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19 14L15 14\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M20 15V23\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.TRENDING_UP]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M23 6L13.5 15.5L8.5 10.5L1 18\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 6H23V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.ARCHIVE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 8V21H3V8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M23 3H1V8H23V3Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 12H14\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.ACCESS_TOKEN]: `<svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.2054 7.5L19.7054 4M21.7054 2L19.7054 4L21.7054 2ZM12.0954 11.61C12.6117 12.1195 13.0222 12.726 13.3031 13.3948C13.5841 14.0635 13.7299 14.7813 13.7324 15.5066C13.7348 16.232 13.5937 16.9507 13.3173 17.6213C13.0408 18.2919 12.6344 18.9012 12.1215 19.4141C11.6086 19.9271 10.9993 20.3334 10.3287 20.6099C9.65804 20.8864 8.93935 21.0275 8.21398 21.025C7.48862 21.0226 6.7709 20.8767 6.10214 20.5958C5.43339 20.3148 4.82682 19.9043 4.31735 19.388C3.31548 18.3507 2.76111 16.9614 2.77365 15.5193C2.78618 14.0772 3.36461 12.6977 4.38435 11.678C5.40409 10.6583 6.78356 10.0798 8.22565 10.0673C9.66773 10.0548 11.057 10.6091 12.0944 11.611L12.0954 11.61ZM12.0954 11.61L16.2054 7.5L12.0954 11.61ZM16.2054 7.5L19.2054 10.5L22.7054 7L19.7054 4L16.2054 7.5Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.RESIZE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V14M3 3V9M3 3H9M3 3L15 15\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHAT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MESSAGE_CIRCLE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOK]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOK_PLUS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 7v6m-8 6.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 19.5m0 0A2.5 2.5 0 0 1 6.5 17H20M9 10h6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOKS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5 7a2 2 0 0 0-2 2v11\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5.803 18H5a2 2 0 1 0 0 4h9.5a.5.5 0 0 0 .5-.5V21m-6-6V4a2 2 0 0 1 2-2h9.5a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5H11a2 2 0 0 1-2-2m0 0a2 2 0 0 1 2-2h10\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOK_SEARCH]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M11 22H5.5a2.5 2.5 0 0 1 0-5h4.501M21 22l-1.879-1.878\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 19.5v-15A2.5 2.5 0 0 1 5.5 2H18a1 1 0 0 1 1 1v8M17 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MORE_HORIZONTAL]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M19 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M5 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOT]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 8V4H8M18 8H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M2 14h2m16 0h2m-7-1v2m-6-2v2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SCROLL_DOWN]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5v14M19 12l-7 7-7-7\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PLAY]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path opacity=\"0.85\" d=\"M12 0C18.6273 1.23698e-05 23.9999 5.37258 24 12C24 18.6275 18.6274 24 12 24C5.3726 24 0 18.6275 0 12C8.9678e-05 5.37257 5.37265 0 12 0ZM10.002 15.4863L16.043 11.998L10.002 8.51074V15.4863Z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.EXTERNAL_LINK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15 3H21M21 3V9M21 3L10 14M18 13V19.0001C18 19.5305 17.7892 20.0391 17.4142 20.4142C17.0391 20.7892 16.5305 21 16.0001 21H4.99999C4.46956 21 3.96086 20.7892 3.58578 20.4142C3.21072 20.0391 3 19.5305 3 19.0001V8C3 7.46957 3.21072 6.96086 3.58578 6.58578C3.96086 6.21072 4.46956 6 4.99999 6H11\" stroke=\"#121212\" stroke-width=\"1.33\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.TRIANGLE_RIGHT]: `<svg width=\"11\" height=\"13\" viewBox=\"0 0 11 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10.5 5.32929C11.1667 5.71419 11.1667 6.67644 10.5 7.06134L1.5 12.2575C0.833332 12.6424 -6.10471e-07 12.1613 -5.76822e-07 11.3915L-1.2256e-07 0.999159C-8.8911e-08 0.229359 0.833333 -0.251766 1.5 0.133134L10.5 5.32929Z\" fill=\"url(#paint0_linear_19984_58714)\"/>\n <defs>\n <linearGradient id=\"paint0_linear_19984_58714\" x1=\"4\" y1=\"-1.80469\" x2=\"4\" y2=\"14.1953\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#585A9D\"/>\n <stop offset=\"1\" stop-color=\"#3B3969\"/>\n </linearGradient>\n </defs>\n </svg>`,\n [IconName.FILE_PLUS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 2V8H20\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 18V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 15H15\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.FILE_TEXT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 2V8H20\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 13H8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 17H8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 9H9H8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.HIGHLIGHT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 20H21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.5 3.50023C16.8978 3.1024 17.4374 2.87891 18 2.87891C18.2786 2.87891 18.5544 2.93378 18.8118 3.04038C19.0692 3.14699 19.303 3.30324 19.5 3.50023C19.697 3.69721 19.8532 3.93106 19.9598 4.18843C20.0665 4.4458 20.1213 4.72165 20.1213 5.00023C20.1213 5.2788 20.0665 5.55465 19.9598 5.81202C19.8532 6.06939 19.697 6.30324 19.5 6.50023L7 19.0002L3 20.0002L4 16.0002L16.5 3.50023Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MCP_LOGO]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"m21.835 11.813-.083.081-8.706 8.537a.274.274 0 0 0-.004.388l.004.005 1.788 1.755a.825.825 0 0 1 .017 1.164l-.015.015a.86.86 0 0 1-1.205 0l-1.788-1.752a1.92 1.92 0 0 1 0-2.754l8.708-8.538a2.47 2.47 0 0 0 .046-3.492l-.046-.048-.051-.048a2.587 2.587 0 0 0-3.608-.003l-7.171 7.035h-.003l-.098.097a.863.863 0 0 1-1.204 0 .825.825 0 0 1-.015-1.164l.015-.015 7.273-7.135a2.47 2.47 0 0 0 .04-3.494l-.043-.045a2.587 2.587 0 0 0-3.61 0l-9.624 9.443a.86.86 0 0 1-1.203 0 .825.825 0 0 1-.017-1.164l.017-.015 9.625-9.444a4.313 4.313 0 0 1 6.015 0 4.12 4.12 0 0 1 1.205 3.54 4.3 4.3 0 0 1 3.609 1.18l.05.05a4.115 4.115 0 0 1 .08 5.82m-2.536-2.33a.825.825 0 0 0 .015-1.164l-.015-.015a.86.86 0 0 0-1.205 0l-7.117 6.983a2.587 2.587 0 0 1-3.61 0 2.47 2.47 0 0 1-.046-3.495l.047-.047 7.12-6.982a.825.825 0 0 0 .017-1.164l-.017-.015a.86.86 0 0 0-1.204 0l-7.12 6.98a4.114 4.114 0 0 0 0 5.9 4.314 4.314 0 0 0 6.016 0z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.ENDPOINTS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M17 20a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6M21 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0M10.5 10.5l4 4\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <rect width=\"8\" height=\"8\" x=\"3\" y=\"3\" rx=\"2\" stroke=\"#121212\" stroke-width=\"2\"/>\n <path d=\"M7 12v3M12 7h3\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n </svg>`,\n [IconName.PLAY_OUTLINE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5 3L19 12L5 21V3Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.REFRESH]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M23 4V10H17\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 20V14H7\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.506 8.998C4.013 7.564 4.875 6.283 6.012 5.273C7.148 4.263 8.522 3.557 10.004 3.222C11.487 2.886 13.031 2.932 14.491 3.354C15.952 3.777 17.281 4.562 18.356 5.638L23 10M1 14L5.636 18.358C6.711 19.433 8.04 20.218 9.501 20.641C10.961 21.063 12.505 21.109 13.988 20.773C15.471 20.438 16.844 19.732 17.981 18.722C19.117 17.712 19.979 16.431 20.486 14.998\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SHIELD]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n}"
1151
+ "name": "dropdownMainContainerStyles",
1152
+ "default": "css`\n .t-dropdown-full-container {\n position: relative;\n font-family: 'Rubik', sans-serif;\n }\n .t-dropdown-container .t-input-dropdown {\n --t-field-input-cursor: pointer;\n }\n`"
1153
+ },
1154
+ {
1155
+ "kind": "variable",
1156
+ "name": "dropdownOptionStyles",
1157
+ "default": "css`\n .t-options-container {\n width: 100%;\n position: absolute;\n top: calc(100% + 2px);\n left: 0;\n border: none;\n border-radius: 0 0 5px 5px;\n background-color: var(--t-field-color-option);\n visibility: collapse;\n overflow-y: auto;\n max-height: 250px;\n color: var(--t-field-color-text);\n box-shadow: 0px 2px 8px 0px ${unsafeCSS(Palette.SHADOW)};\n z-index: 9999;\n }\n .t-options-container::-webkit-scrollbar {\n width: 0.75rem;\n }\n .t-options-container::-webkit-scrollbar-track {\n background-color: transparent;\n }\n .t-options-container::-webkit-scrollbar-thumb {\n background-color: ${unsafeCSS(Palette.PRIMARY_100)};\n border-radius: 0.25rem;\n border: 0.188rem solid transparent;\n background-clip: content-box;\n }\n .t-options-container.show {\n visibility: visible;\n }\n .t-options-container.show.t-with-description {\n top: calc(100% + 2px - 1.5rem);\n }\n @media only screen and (max-height: 500px) {\n .t-options-container {\n max-height: 50vh;\n }\n }\n .t-dropdown-option {\n padding: var(--t-field-padding-y) 1rem;\n cursor: pointer;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 300;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .t-dropdown-option.t-option-hover {\n background-color: var(--t-field-color-form);\n }\n .t-dropdown-option.t-option-selected {\n color: var(--t-field-color-main);\n }\n .t-dropdown-option.t-option-filtered {\n display: none;\n }\n .t-dropdown-option:focus {\n outline: none;\n }\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n .t-dropdown-option {\n font-size: 0.938rem;\n line-height: 1.125rem;\n --t-field-padding-y: 1.063rem;\n --t-field-padding-top: 1.5rem;\n }\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n .t-dropdown-option {\n font-size: 0.813rem;\n line-height: 1rem;\n --t-field-padding-y: 1rem;\n --t-field-padding-top: 1.375rem;\n }\n }\n`"
1183
1158
  }
1184
1159
  ],
1185
1160
  "exports": [
1186
1161
  {
1187
1162
  "kind": "js",
1188
- "name": "iconTemplate",
1163
+ "name": "dropdownHostStyles",
1189
1164
  "declaration": {
1190
- "name": "iconTemplate",
1191
- "module": "src/tuix-icon/TuixIcon.icons.ts"
1165
+ "name": "dropdownHostStyles",
1166
+ "module": "src/tuix-dropdown/TuixDropdown.styles.ts"
1192
1167
  }
1193
1168
  },
1194
1169
  {
1195
1170
  "kind": "js",
1196
- "name": "iconContentMap",
1171
+ "name": "dropdownMainContainerStyles",
1197
1172
  "declaration": {
1198
- "name": "iconContentMap",
1199
- "module": "src/tuix-icon/TuixIcon.icons.ts"
1173
+ "name": "dropdownMainContainerStyles",
1174
+ "module": "src/tuix-dropdown/TuixDropdown.styles.ts"
1175
+ }
1176
+ },
1177
+ {
1178
+ "kind": "js",
1179
+ "name": "dropdownOptionStyles",
1180
+ "declaration": {
1181
+ "name": "dropdownOptionStyles",
1182
+ "module": "src/tuix-dropdown/TuixDropdown.styles.ts"
1200
1183
  }
1201
1184
  }
1202
1185
  ]
1203
1186
  },
1204
1187
  {
1205
1188
  "kind": "javascript-module",
1206
- "path": "src/tuix-icon/TuixIcon.ts",
1189
+ "path": "src/tuix-dropdown/TuixDropdown.ts",
1207
1190
  "declarations": [
1208
1191
  {
1209
1192
  "kind": "class",
1210
1193
  "description": "",
1211
- "name": "TuixIcon",
1194
+ "name": "TuixDropdown",
1212
1195
  "members": [
1213
1196
  {
1214
1197
  "kind": "field",
1215
- "name": "name",
1216
- "attribute": "name"
1198
+ "name": "value",
1199
+ "type": {
1200
+ "text": "TuixDropdownOption | undefined"
1201
+ },
1202
+ "default": "undefined",
1203
+ "attribute": "value"
1217
1204
  },
1218
1205
  {
1219
1206
  "kind": "field",
1220
- "name": "color",
1207
+ "name": "options",
1221
1208
  "type": {
1222
- "text": "string | TextVariant | undefined"
1209
+ "text": "TuixDropdownOption[]"
1223
1210
  },
1224
- "attribute": "color"
1211
+ "default": "[]",
1212
+ "attribute": "options"
1225
1213
  },
1226
1214
  {
1227
1215
  "kind": "field",
1228
- "name": "size",
1229
- "attribute": "size"
1216
+ "name": "placeholder",
1217
+ "type": {
1218
+ "text": "string"
1219
+ },
1220
+ "default": "''",
1221
+ "attribute": "placeholder"
1230
1222
  },
1231
1223
  {
1232
1224
  "kind": "field",
1233
- "name": "dark",
1225
+ "name": "title",
1226
+ "type": {
1227
+ "text": "string"
1228
+ },
1229
+ "default": "''",
1230
+ "attribute": "title"
1231
+ },
1232
+ {
1233
+ "kind": "field",
1234
+ "name": "disabled",
1234
1235
  "type": {
1235
1236
  "text": "boolean"
1236
1237
  },
1237
1238
  "default": "false",
1238
- "attribute": "dark"
1239
+ "attribute": "disabled",
1240
+ "reflects": true
1239
1241
  },
1240
1242
  {
1241
1243
  "kind": "field",
1242
- "name": "fill",
1244
+ "name": "dark",
1243
1245
  "type": {
1244
- "text": "string | TextVariant | undefined"
1246
+ "text": "boolean"
1245
1247
  },
1246
- "attribute": "fill"
1248
+ "default": "false",
1249
+ "attribute": "dark",
1250
+ "reflects": true
1247
1251
  },
1248
1252
  {
1249
- "kind": "method",
1250
- "name": "_getSelectedColor",
1251
- "privacy": "private",
1252
- "parameters": [
1253
- {
1254
- "name": "color",
1255
- "optional": true,
1256
- "type": {
1257
- "text": "string | TextVariant"
1258
- }
1259
- }
1260
- ]
1253
+ "kind": "field",
1254
+ "name": "description",
1255
+ "type": {
1256
+ "text": "string | undefined"
1257
+ },
1258
+ "attribute": "description"
1261
1259
  },
1262
1260
  {
1263
- "kind": "method",
1264
- "name": "_getSelectedFill",
1265
- "privacy": "private"
1261
+ "kind": "field",
1262
+ "name": "descriptionType",
1263
+ "attribute": "descriptionType"
1266
1264
  },
1267
1265
  {
1268
- "kind": "method",
1269
- "name": "_getIconTemplate",
1270
- "privacy": "private",
1271
- "return": {
1272
- "type": {
1273
- "text": "TemplateResult"
1274
- }
1275
- }
1276
- }
1277
- ],
1278
- "attributes": [
1279
- {
1280
- "name": "name",
1281
- "fieldName": "name"
1266
+ "kind": "field",
1267
+ "name": "type",
1268
+ "attribute": "type"
1282
1269
  },
1283
1270
  {
1284
- "name": "color",
1271
+ "kind": "field",
1272
+ "name": "_value",
1285
1273
  "type": {
1286
- "text": "string | TextVariant | undefined"
1274
+ "text": "string"
1287
1275
  },
1288
- "fieldName": "color"
1276
+ "privacy": "private",
1277
+ "default": "''"
1289
1278
  },
1290
1279
  {
1291
- "name": "size",
1292
- "fieldName": "size"
1280
+ "kind": "field",
1281
+ "name": "_isOptionsVisible",
1282
+ "type": {
1283
+ "text": "boolean"
1284
+ },
1285
+ "privacy": "private",
1286
+ "default": "false"
1293
1287
  },
1294
1288
  {
1295
- "name": "dark",
1289
+ "kind": "field",
1290
+ "name": "_searchingOption",
1296
1291
  "type": {
1297
1292
  "text": "boolean"
1298
1293
  },
1299
- "default": "false",
1300
- "fieldName": "dark"
1294
+ "privacy": "private",
1295
+ "default": "false"
1301
1296
  },
1302
1297
  {
1303
- "name": "fill",
1298
+ "kind": "field",
1299
+ "name": "_extendedOptions",
1304
1300
  "type": {
1305
- "text": "string | TextVariant | undefined"
1301
+ "text": "TuixDropdownExtendedOption[]"
1306
1302
  },
1307
- "fieldName": "fill"
1308
- }
1309
- ],
1310
- "superclass": {
1311
- "name": "LitElement",
1312
- "package": "lit"
1313
- },
1314
- "tagName": "tuix-icon",
1315
- "customElement": true
1316
- }
1317
- ],
1318
- "exports": [
1319
- {
1320
- "kind": "js",
1321
- "name": "TuixIcon",
1322
- "declaration": {
1323
- "name": "TuixIcon",
1324
- "module": "src/tuix-icon/TuixIcon.ts"
1325
- }
1326
- },
1327
- {
1328
- "kind": "custom-element-definition",
1329
- "name": "tuix-icon",
1330
- "declaration": {
1331
- "name": "TuixIcon",
1332
- "module": "src/tuix-icon/TuixIcon.ts"
1333
- }
1334
- }
1335
- ]
1336
- },
1337
- {
1338
- "kind": "javascript-module",
1339
- "path": "src/tuix-icon-button/TuixIconButton.ts",
1340
- "declarations": [
1341
- {
1342
- "kind": "class",
1343
- "description": "",
1344
- "name": "TuixIconButton",
1345
- "members": [
1303
+ "default": "[]"
1304
+ },
1346
1305
  {
1347
1306
  "kind": "field",
1348
- "name": "icon",
1349
- "attribute": "icon"
1307
+ "name": "_optionsContainer",
1308
+ "type": {
1309
+ "text": "HTMLElement | undefined"
1310
+ },
1311
+ "privacy": "private"
1350
1312
  },
1351
1313
  {
1352
- "kind": "method",
1353
- "name": "_updateIconColor",
1354
- "privacy": "protected",
1355
- "return": {
1356
- "type": {
1357
- "text": "void"
1358
- }
1314
+ "kind": "field",
1315
+ "name": "_inputDropdown",
1316
+ "type": {
1317
+ "text": "HTMLElement | undefined"
1359
1318
  },
1360
- "inheritedFrom": {
1361
- "name": "TuixBaseButton",
1362
- "module": "src/tuix-button/TuixBaseButton.ts"
1363
- }
1364
- },
1365
- {
1366
- "kind": "method",
1367
- "name": "_buttonContent",
1368
- "privacy": "protected",
1369
- "return": {
1370
- "type": {
1371
- "text": "TemplateResult"
1372
- }
1373
- },
1374
- "inheritedFrom": {
1375
- "name": "TuixBaseButton",
1376
- "module": "src/tuix-button/TuixBaseButton.ts"
1377
- }
1378
- },
1379
- {
1380
- "kind": "field",
1381
- "name": "variant",
1382
- "attribute": "variant",
1383
- "reflects": true,
1384
- "inheritedFrom": {
1385
- "name": "TuixBaseButton",
1386
- "module": "src/tuix-button/TuixBaseButton.ts"
1387
- }
1319
+ "privacy": "private"
1388
1320
  },
1389
1321
  {
1390
1322
  "kind": "field",
1391
- "name": "disabled",
1323
+ "name": "_previousSelectedOption",
1392
1324
  "type": {
1393
- "text": "boolean"
1325
+ "text": "HTMLElement | null"
1394
1326
  },
1395
- "default": "false",
1396
- "attribute": "disabled",
1397
- "reflects": true,
1398
- "inheritedFrom": {
1399
- "name": "TuixBaseButton",
1400
- "module": "src/tuix-button/TuixBaseButton.ts"
1401
- }
1327
+ "privacy": "private",
1328
+ "default": "null"
1402
1329
  },
1403
1330
  {
1404
1331
  "kind": "field",
1405
- "name": "dark",
1332
+ "name": "_previousFocusedOption",
1406
1333
  "type": {
1407
- "text": "boolean"
1334
+ "text": "HTMLElement | null"
1408
1335
  },
1409
- "default": "false",
1410
- "attribute": "dark",
1411
- "reflects": true,
1412
- "inheritedFrom": {
1413
- "name": "TuixBaseButton",
1414
- "module": "src/tuix-button/TuixBaseButton.ts"
1415
- }
1336
+ "privacy": "private",
1337
+ "default": "null"
1416
1338
  },
1417
1339
  {
1418
- "kind": "field",
1419
- "name": "iconColor",
1420
- "type": {
1421
- "text": "string"
1422
- },
1423
- "privacy": "protected",
1424
- "default": "''",
1425
- "inheritedFrom": {
1426
- "name": "TuixBaseButton",
1427
- "module": "src/tuix-button/TuixBaseButton.ts"
1428
- }
1340
+ "kind": "method",
1341
+ "name": "_onEnterPress",
1342
+ "privacy": "private",
1343
+ "parameters": [
1344
+ {
1345
+ "name": "event",
1346
+ "type": {
1347
+ "text": "KeyboardEvent"
1348
+ }
1349
+ }
1350
+ ]
1429
1351
  },
1430
1352
  {
1431
1353
  "kind": "method",
1432
- "name": "_getTextColor",
1433
- "privacy": "protected",
1434
- "inheritedFrom": {
1435
- "name": "TuixBaseButton",
1436
- "module": "src/tuix-button/TuixBaseButton.ts"
1437
- }
1354
+ "name": "_onKeyDownOption",
1355
+ "privacy": "private",
1356
+ "parameters": [
1357
+ {
1358
+ "name": "event",
1359
+ "type": {
1360
+ "text": "KeyboardEvent"
1361
+ }
1362
+ }
1363
+ ]
1438
1364
  },
1439
1365
  {
1440
1366
  "kind": "method",
1441
- "name": "_handleClick",
1367
+ "name": "_onKeyPressOption",
1368
+ "privacy": "private",
1369
+ "parameters": [
1370
+ {
1371
+ "name": "event",
1372
+ "type": {
1373
+ "text": "KeyboardEvent"
1374
+ }
1375
+ }
1376
+ ]
1377
+ },
1378
+ {
1379
+ "kind": "method",
1380
+ "name": "_onMouseOverOption",
1381
+ "privacy": "private",
1382
+ "parameters": [
1383
+ {
1384
+ "name": "event",
1385
+ "type": {
1386
+ "text": "MouseEvent"
1387
+ }
1388
+ }
1389
+ ]
1390
+ },
1391
+ {
1392
+ "kind": "method",
1393
+ "name": "_onClickOption",
1394
+ "privacy": "private",
1395
+ "parameters": [
1396
+ {
1397
+ "name": "event",
1398
+ "type": {
1399
+ "text": "MouseEvent | KeyboardEvent"
1400
+ }
1401
+ }
1402
+ ]
1403
+ },
1404
+ {
1405
+ "kind": "method",
1406
+ "name": "_onInputSingle",
1442
1407
  "privacy": "protected",
1443
- "inheritedFrom": {
1444
- "name": "TuixBaseButton",
1445
- "module": "src/tuix-button/TuixBaseButton.ts"
1446
- }
1408
+ "parameters": [
1409
+ {
1410
+ "name": "e",
1411
+ "type": {
1412
+ "text": "CustomEvent"
1413
+ }
1414
+ }
1415
+ ]
1447
1416
  },
1448
1417
  {
1449
1418
  "kind": "method",
1450
- "name": "_iconTemplate",
1419
+ "name": "_handleSelectEvent",
1451
1420
  "privacy": "protected",
1421
+ "parameters": [
1422
+ {
1423
+ "name": "event",
1424
+ "type": {
1425
+ "text": "MouseEvent | KeyboardEvent"
1426
+ }
1427
+ }
1428
+ ]
1429
+ },
1430
+ {
1431
+ "kind": "method",
1432
+ "name": "_handleBlur",
1433
+ "privacy": "private"
1434
+ },
1435
+ {
1436
+ "kind": "method",
1437
+ "name": "_getOptionName",
1438
+ "privacy": "private",
1452
1439
  "return": {
1453
1440
  "type": {
1454
- "text": "TemplateResult"
1441
+ "text": "string"
1455
1442
  }
1456
1443
  },
1457
1444
  "parameters": [
1458
1445
  {
1459
- "name": "iconName",
1446
+ "name": "option",
1460
1447
  "type": {
1461
- "text": "IconName"
1448
+ "text": "TuixDropdownOption"
1462
1449
  }
1463
- },
1450
+ }
1451
+ ]
1452
+ },
1453
+ {
1454
+ "kind": "method",
1455
+ "name": "_getOptionValue",
1456
+ "privacy": "private",
1457
+ "return": {
1458
+ "type": {
1459
+ "text": "TuixDropdownPlainOption"
1460
+ }
1461
+ },
1462
+ "parameters": [
1464
1463
  {
1465
- "name": "iconSize",
1464
+ "name": "option",
1466
1465
  "type": {
1467
- "text": "IconSizeVariant"
1466
+ "text": "TuixDropdownOption"
1468
1467
  }
1469
1468
  }
1470
- ],
1471
- "inheritedFrom": {
1472
- "name": "TuixBaseButton",
1473
- "module": "src/tuix-button/TuixBaseButton.ts"
1474
- }
1475
- }
1476
- ],
1477
- "attributes": [
1469
+ ]
1470
+ },
1478
1471
  {
1479
- "name": "icon",
1480
- "fieldName": "icon"
1472
+ "kind": "method",
1473
+ "name": "_findIndex",
1474
+ "privacy": "private",
1475
+ "return": {
1476
+ "type": {
1477
+ "text": "number"
1478
+ }
1479
+ },
1480
+ "parameters": [
1481
+ {
1482
+ "name": "option",
1483
+ "type": {
1484
+ "text": "TuixDropdownOption"
1485
+ }
1486
+ }
1487
+ ]
1481
1488
  },
1482
1489
  {
1483
- "name": "variant",
1484
- "fieldName": "variant",
1485
- "inheritedFrom": {
1486
- "name": "TuixBaseButton",
1487
- "module": "src/tuix-button/TuixBaseButton.ts"
1488
- }
1490
+ "kind": "method",
1491
+ "name": "_handleInputBase",
1492
+ "privacy": "private",
1493
+ "parameters": [
1494
+ {
1495
+ "name": "e",
1496
+ "type": {
1497
+ "text": "CustomEvent"
1498
+ }
1499
+ },
1500
+ {
1501
+ "name": "eventName",
1502
+ "type": {
1503
+ "text": "string"
1504
+ }
1505
+ }
1506
+ ]
1489
1507
  },
1490
1508
  {
1491
- "name": "disabled",
1492
- "type": {
1493
- "text": "boolean"
1494
- },
1495
- "default": "false",
1496
- "fieldName": "disabled",
1497
- "inheritedFrom": {
1498
- "name": "TuixBaseButton",
1499
- "module": "src/tuix-button/TuixBaseButton.ts"
1500
- }
1509
+ "kind": "method",
1510
+ "name": "_extendOptionsList",
1511
+ "privacy": "private",
1512
+ "parameters": [
1513
+ {
1514
+ "name": "value",
1515
+ "default": "''"
1516
+ }
1517
+ ]
1501
1518
  },
1502
1519
  {
1503
- "name": "dark",
1504
- "type": {
1505
- "text": "boolean"
1506
- },
1507
- "default": "false",
1508
- "fieldName": "dark",
1509
- "inheritedFrom": {
1510
- "name": "TuixBaseButton",
1511
- "module": "src/tuix-button/TuixBaseButton.ts"
1520
+ "kind": "method",
1521
+ "name": "_handleArrowDown",
1522
+ "privacy": "private"
1523
+ },
1524
+ {
1525
+ "kind": "method",
1526
+ "name": "_handleArrowUp",
1527
+ "privacy": "private"
1528
+ },
1529
+ {
1530
+ "kind": "field",
1531
+ "name": "_handleClickOutside",
1532
+ "privacy": "private"
1533
+ },
1534
+ {
1535
+ "kind": "method",
1536
+ "name": "_focusTargetOption",
1537
+ "privacy": "private",
1538
+ "parameters": [
1539
+ {
1540
+ "name": "targetOption",
1541
+ "type": {
1542
+ "text": "HTMLElement"
1543
+ }
1544
+ },
1545
+ {
1546
+ "name": "extrict",
1547
+ "default": "true"
1548
+ }
1549
+ ]
1550
+ },
1551
+ {
1552
+ "kind": "method",
1553
+ "name": "_toggleOptions",
1554
+ "privacy": "private"
1555
+ },
1556
+ {
1557
+ "kind": "method",
1558
+ "name": "_focusOptionsContainer",
1559
+ "privacy": "private"
1560
+ },
1561
+ {
1562
+ "kind": "method",
1563
+ "name": "_unselectPreviousOption",
1564
+ "privacy": "private"
1565
+ },
1566
+ {
1567
+ "kind": "method",
1568
+ "name": "_hasCompleteDescription",
1569
+ "privacy": "private",
1570
+ "return": {
1571
+ "type": {
1572
+ "text": "boolean"
1573
+ }
1574
+ }
1575
+ },
1576
+ {
1577
+ "kind": "method",
1578
+ "name": "_getOptionsContainerClasses",
1579
+ "privacy": "private",
1580
+ "return": {
1581
+ "type": {
1582
+ "text": "ClassInfo"
1583
+ }
1584
+ }
1585
+ },
1586
+ {
1587
+ "kind": "method",
1588
+ "name": "_triggerUpdateByExternalValueChange",
1589
+ "privacy": "private"
1590
+ },
1591
+ {
1592
+ "kind": "method",
1593
+ "name": "_resetPreviousSelection",
1594
+ "privacy": "private"
1595
+ },
1596
+ {
1597
+ "kind": "method",
1598
+ "name": "_getOptionsTemplate",
1599
+ "privacy": "private",
1600
+ "return": {
1601
+ "type": {
1602
+ "text": "TemplateResult[]"
1603
+ }
1512
1604
  }
1513
1605
  }
1514
1606
  ],
1515
- "superclass": {
1516
- "name": "TuixBaseButton",
1517
- "module": "/src/tuix-button/TuixBaseButton"
1518
- },
1519
- "tagName": "tuix-icon-button",
1520
- "customElement": true,
1521
1607
  "events": [
1522
1608
  {
1523
- "name": "customClick",
1609
+ "name": "select",
1610
+ "type": {
1611
+ "text": "CustomEvent"
1612
+ }
1613
+ },
1614
+ {
1615
+ "name": "eventName",
1524
1616
  "type": {
1525
1617
  "text": "CustomEvent"
1526
- },
1527
- "inheritedFrom": {
1528
- "name": "TuixBaseButton",
1529
- "module": "src/tuix-button/TuixBaseButton.ts"
1530
1618
  }
1531
1619
  }
1532
- ]
1533
- }
1534
- ],
1535
- "exports": [
1536
- {
1537
- "kind": "js",
1538
- "name": "TuixIconButton",
1539
- "declaration": {
1540
- "name": "TuixIconButton",
1541
- "module": "src/tuix-icon-button/TuixIconButton.ts"
1542
- }
1543
- },
1544
- {
1545
- "kind": "custom-element-definition",
1546
- "name": "tuix-icon-button",
1547
- "declaration": {
1548
- "name": "TuixIconButton",
1549
- "module": "src/tuix-icon-button/TuixIconButton.ts"
1550
- }
1551
- }
1552
- ]
1553
- },
1554
- {
1555
- "kind": "javascript-module",
1556
- "path": "src/tuix-dropdown/TuixDropdown.styles.ts",
1557
- "declarations": [
1558
- {
1559
- "kind": "variable",
1560
- "name": "dropdownHostStyles",
1561
- "default": "css`\n ${hostStyles}\n :host {\n --t-field-color-option: ${unsafeCSS(Palette.WHITE)};\n --t-field-color-main: ${unsafeCSS(Palette.MAIN)};\n }\n\n :host .t-input-dropdown {\n --t-field-font-weight: 300;\n --t-field-font-size: 1rem;\n --t-field-padding-x: 1rem;\n --t-field-title-left-position: 1rem;\n }\n\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host .t-input-dropdown {\n --t-field-font-size: 0.938rem;\n --t-field-line-height: 1.125rem;\n }\n }\n\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host .t-input-dropdown {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1rem;\n }\n }\n\n :host([dark]) {\n --t-field-color-option: ${unsafeCSS(DarkPalette.ELEVATION_2)};\n }\n`"
1562
- },
1563
- {
1564
- "kind": "variable",
1565
- "name": "dropdownMainContainerStyles",
1566
- "default": "css`\n .t-dropdown-full-container {\n position: relative;\n font-family: 'Rubik', sans-serif;\n }\n .t-dropdown-container .t-input-dropdown {\n --t-field-input-cursor: pointer;\n }\n`"
1567
- },
1568
- {
1569
- "kind": "variable",
1570
- "name": "dropdownOptionStyles",
1571
- "default": "css`\n .t-options-container {\n width: 100%;\n position: absolute;\n top: calc(100% + 2px);\n left: 0;\n border: none;\n border-radius: 0 0 5px 5px;\n background-color: var(--t-field-color-option);\n visibility: collapse;\n overflow-y: auto;\n max-height: 250px;\n color: var(--t-field-color-text);\n box-shadow: 0px 2px 8px 0px ${unsafeCSS(Palette.SHADOW)};\n z-index: 9999;\n }\n .t-options-container::-webkit-scrollbar {\n width: 0.75rem;\n }\n .t-options-container::-webkit-scrollbar-track {\n background-color: transparent;\n }\n .t-options-container::-webkit-scrollbar-thumb {\n background-color: ${unsafeCSS(Palette.PRIMARY_100)};\n border-radius: 0.25rem;\n border: 0.188rem solid transparent;\n background-clip: content-box;\n }\n .t-options-container.show {\n visibility: visible;\n }\n .t-options-container.show.t-with-description {\n top: calc(100% + 2px - 1.5rem);\n }\n @media only screen and (max-height: 500px) {\n .t-options-container {\n max-height: 50vh;\n }\n }\n .t-dropdown-option {\n padding: var(--t-field-padding-y) 1rem;\n cursor: pointer;\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 300;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .t-dropdown-option.t-option-hover {\n background-color: var(--t-field-color-form);\n }\n .t-dropdown-option.t-option-selected {\n color: var(--t-field-color-main);\n }\n .t-dropdown-option.t-option-filtered {\n display: none;\n }\n .t-dropdown-option:focus {\n outline: none;\n }\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n .t-dropdown-option {\n font-size: 0.938rem;\n line-height: 1.125rem;\n --t-field-padding-y: 1.063rem;\n --t-field-padding-top: 1.5rem;\n }\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n .t-dropdown-option {\n font-size: 0.813rem;\n line-height: 1rem;\n --t-field-padding-y: 1rem;\n --t-field-padding-top: 1.375rem;\n }\n }\n`"
1572
- }
1573
- ],
1574
- "exports": [
1575
- {
1576
- "kind": "js",
1577
- "name": "dropdownHostStyles",
1578
- "declaration": {
1579
- "name": "dropdownHostStyles",
1580
- "module": "src/tuix-dropdown/TuixDropdown.styles.ts"
1581
- }
1582
- },
1583
- {
1584
- "kind": "js",
1585
- "name": "dropdownMainContainerStyles",
1586
- "declaration": {
1587
- "name": "dropdownMainContainerStyles",
1588
- "module": "src/tuix-dropdown/TuixDropdown.styles.ts"
1589
- }
1590
- },
1591
- {
1592
- "kind": "js",
1593
- "name": "dropdownOptionStyles",
1594
- "declaration": {
1595
- "name": "dropdownOptionStyles",
1596
- "module": "src/tuix-dropdown/TuixDropdown.styles.ts"
1597
- }
1598
- }
1599
- ]
1600
- },
1601
- {
1602
- "kind": "javascript-module",
1603
- "path": "src/tuix-dropdown/TuixDropdown.ts",
1604
- "declarations": [
1605
- {
1606
- "kind": "class",
1607
- "description": "",
1608
- "name": "TuixDropdown",
1609
- "members": [
1620
+ ],
1621
+ "attributes": [
1610
1622
  {
1611
- "kind": "field",
1612
1623
  "name": "value",
1613
1624
  "type": {
1614
1625
  "text": "TuixDropdownOption | undefined"
1615
1626
  },
1616
1627
  "default": "undefined",
1617
- "attribute": "value"
1628
+ "resolveInitializer": {
1629
+ "module": "src/tuix-dropdown/TuixDropdown.ts"
1630
+ },
1631
+ "fieldName": "value"
1618
1632
  },
1619
1633
  {
1620
- "kind": "field",
1621
1634
  "name": "options",
1622
1635
  "type": {
1623
1636
  "text": "TuixDropdownOption[]"
1624
1637
  },
1625
1638
  "default": "[]",
1626
- "attribute": "options"
1639
+ "fieldName": "options"
1627
1640
  },
1628
1641
  {
1629
- "kind": "field",
1630
1642
  "name": "placeholder",
1631
1643
  "type": {
1632
1644
  "text": "string"
1633
1645
  },
1634
1646
  "default": "''",
1635
- "attribute": "placeholder"
1647
+ "fieldName": "placeholder"
1636
1648
  },
1637
1649
  {
1638
- "kind": "field",
1639
1650
  "name": "title",
1640
1651
  "type": {
1641
1652
  "text": "string"
1642
1653
  },
1643
1654
  "default": "''",
1644
- "attribute": "title"
1655
+ "fieldName": "title"
1645
1656
  },
1646
1657
  {
1647
- "kind": "field",
1648
1658
  "name": "disabled",
1649
1659
  "type": {
1650
1660
  "text": "boolean"
1651
1661
  },
1652
1662
  "default": "false",
1653
- "attribute": "disabled",
1654
- "reflects": true
1663
+ "fieldName": "disabled"
1655
1664
  },
1656
1665
  {
1657
- "kind": "field",
1658
1666
  "name": "dark",
1659
1667
  "type": {
1660
1668
  "text": "boolean"
1661
1669
  },
1662
1670
  "default": "false",
1663
- "attribute": "dark",
1664
- "reflects": true
1671
+ "fieldName": "dark"
1665
1672
  },
1666
1673
  {
1667
- "kind": "field",
1668
1674
  "name": "description",
1669
1675
  "type": {
1670
1676
  "text": "string | undefined"
1671
1677
  },
1672
- "attribute": "description"
1678
+ "fieldName": "description"
1673
1679
  },
1674
1680
  {
1675
- "kind": "field",
1676
1681
  "name": "descriptionType",
1677
- "attribute": "descriptionType"
1682
+ "fieldName": "descriptionType"
1678
1683
  },
1679
1684
  {
1680
- "kind": "field",
1681
1685
  "name": "type",
1682
- "attribute": "type"
1683
- },
1684
- {
1685
- "kind": "field",
1686
- "name": "_value",
1687
- "type": {
1688
- "text": "string"
1689
- },
1690
- "privacy": "private",
1691
- "default": "''"
1692
- },
1686
+ "fieldName": "type"
1687
+ }
1688
+ ],
1689
+ "superclass": {
1690
+ "name": "LitElement",
1691
+ "package": "lit"
1692
+ },
1693
+ "tagName": "tuix-dropdown",
1694
+ "customElement": true
1695
+ }
1696
+ ],
1697
+ "exports": [
1698
+ {
1699
+ "kind": "js",
1700
+ "name": "TuixDropdown",
1701
+ "declaration": {
1702
+ "name": "TuixDropdown",
1703
+ "module": "src/tuix-dropdown/TuixDropdown.ts"
1704
+ }
1705
+ },
1706
+ {
1707
+ "kind": "custom-element-definition",
1708
+ "name": "tuix-dropdown",
1709
+ "declaration": {
1710
+ "name": "TuixDropdown",
1711
+ "module": "src/tuix-dropdown/TuixDropdown.ts"
1712
+ }
1713
+ }
1714
+ ]
1715
+ },
1716
+ {
1717
+ "kind": "javascript-module",
1718
+ "path": "src/tuix-icon/TuixIcon.icons.ts",
1719
+ "declarations": [
1720
+ {
1721
+ "kind": "function",
1722
+ "name": "iconTemplate",
1723
+ "return": {
1724
+ "type": {
1725
+ "text": "ReturnType<typeof html>"
1726
+ }
1727
+ },
1728
+ "parameters": [
1693
1729
  {
1694
- "kind": "field",
1695
- "name": "_isOptionsVisible",
1730
+ "name": "name",
1731
+ "optional": true,
1696
1732
  "type": {
1697
- "text": "boolean"
1698
- },
1699
- "privacy": "private",
1700
- "default": "false"
1733
+ "text": "IconName"
1734
+ }
1701
1735
  },
1702
1736
  {
1703
- "kind": "field",
1704
- "name": "_searchingOption",
1737
+ "name": "color",
1738
+ "default": "Palette.BLACK",
1705
1739
  "type": {
1706
- "text": "boolean"
1707
- },
1708
- "privacy": "private",
1709
- "default": "false"
1740
+ "text": "string"
1741
+ }
1710
1742
  },
1711
1743
  {
1712
- "kind": "field",
1713
- "name": "_extendedOptions",
1744
+ "name": "fill",
1745
+ "optional": true,
1714
1746
  "type": {
1715
- "text": "TuixDropdownExtendedOption[]"
1716
- },
1717
- "default": "[]"
1718
- },
1747
+ "text": "string"
1748
+ }
1749
+ }
1750
+ ]
1751
+ },
1752
+ {
1753
+ "kind": "variable",
1754
+ "name": "iconContentMap",
1755
+ "type": {
1756
+ "text": "IconContentMapType"
1757
+ },
1758
+ "default": "{\n [IconName.ARROW_DOWN]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5V19\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19 12L12 19L5 12\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.ARROW_LEFT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 12H5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 19L5 12L12 5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.ARROW_UP]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 19V5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5 12L12 5L19 12\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.ARROW_RIGHT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5 12H19\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 5L19 12L12 19\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.SEARCH]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M20.9999 20.9999L16.6499 16.6499\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.EYE_ON]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.EYE_OFF]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <g clip-path=\"url(#clip0_2207_3897)\">\n <path d=\"M9.9 4.24002C10.5883 4.0789 11.2931 3.99836 12 4.00003C19 4.00003 23 12 23 12C22.393 13.1356 21.6691 14.2048 20.84 15.19M14.12 14.12C13.8454 14.4148 13.5141 14.6512 13.1462 14.8151C12.7782 14.9791 12.3809 15.0673 11.9781 15.0744C11.5753 15.0815 11.1752 15.0074 10.8016 14.8565C10.4281 14.7056 10.0887 14.4811 9.80385 14.1962C9.51897 13.9113 9.29439 13.572 9.14351 13.1984C8.99262 12.8249 8.91853 12.4247 8.92563 12.0219C8.93274 11.6191 9.02091 11.2219 9.18488 10.8539C9.34884 10.4859 9.58525 10.1547 9.88 9.88003M17.94 17.94C16.2306 19.243 14.1491 19.9649 12 20C5 20 1 12 1 12C2.24389 9.68192 3.96914 7.65663 6.06 6.06003L17.94 17.94Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 1L23 23\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_2207_3897\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n `,\n [IconName.EYE_CLOSE_LINE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9.34178 18.7821L7.41078 18.2641L8.19778 15.3251C7.01975 14.8906 5.9249 14.2575 4.96078 13.4531L2.80778 15.6071L1.39278 14.1921L3.54678 12.0391C2.33086 10.5829 1.51387 8.83587 1.17578 6.96911L3.14378 6.61011C3.90278 10.8121 7.57878 14.0001 11.9998 14.0001C16.4198 14.0001 20.0968 10.8121 20.8558 6.61011L22.8238 6.96811C22.4861 8.83512 21.6695 10.5825 20.4538 12.0391L22.6068 14.1921L21.1918 15.6071L19.0388 13.4531C18.0747 14.2575 16.9798 14.8906 15.8018 15.3251L16.5888 18.2651L14.6578 18.7821L13.8698 15.8421C12.6321 16.0542 11.3674 16.0542 10.1298 15.8421L9.34178 18.7821Z\" fill=\"black\"/>\n </svg>\n `,\n [IconName.TRIANGLE_EXCLAMATION]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M10.2898 3.85996L1.81978 18C1.64514 18.3024 1.55274 18.6453 1.55177 18.9945C1.55079 19.3437 1.64127 19.6871 1.8142 19.9905C1.98714 20.2939 2.2365 20.5467 2.53748 20.7238C2.83847 20.9009 3.18058 20.9961 3.52978 21H20.4698C20.819 20.9961 21.1611 20.9009 21.4621 20.7238C21.7631 20.5467 22.0124 20.2939 22.1854 19.9905C22.3583 19.6871 22.4488 19.3437 22.4478 18.9945C22.4468 18.6453 22.3544 18.3024 22.1798 18L13.7098 3.85996C13.5315 3.56607 13.2805 3.32308 12.981 3.15444C12.6814 2.98581 12.3435 2.89722 11.9998 2.89722C11.656 2.89722 11.3181 2.98581 11.0186 3.15444C10.7191 3.32308 10.468 3.56607 10.2898 3.85996V3.85996Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 9V13\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 17H12.01\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CIRCLE_X]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M15 9L9 15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 9L15 15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.LOADER]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2V6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 18V22\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.93018 4.92993L7.76018 7.75993\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.2402 16.24L19.0702 19.07\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M2 12H6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 12H22\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.93018 19.07L7.76018 16.24\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.2402 7.75993L19.0702 4.92993\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.LOADER_CIRCLE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CIRCLE_CHECK]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22 11.0801V12.0001C21.9988 14.1565 21.3005 16.2548 20.0093 17.9819C18.7182 19.7091 16.9033 20.9726 14.8354 21.584C12.7674 22.1954 10.5573 22.122 8.53447 21.3747C6.51168 20.6274 4.78465 19.2462 3.61096 17.4372C2.43727 15.6281 1.87979 13.4882 2.02168 11.3364C2.16356 9.18467 2.99721 7.13643 4.39828 5.49718C5.79935 3.85793 7.69279 2.71549 9.79619 2.24025C11.8996 1.76502 14.1003 1.98245 16.07 2.86011\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M22 4L12 14.01L9 11.01\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CHEVRON_DOWN]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M6 9L12 15L18 9\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CHEVRON_UP]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18 15L12 9L6 15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.CHECK]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 6L9 17L4 12\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>\n `,\n [IconName.NAV_HAMBURGUER]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"24/ outlined / action / main / menu\">\n <path id=\"Vector\" d=\"M3 12H21\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path id=\"Vector_2\" d=\"M3 6H21\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path id=\"Vector_3\" d=\"M3 18H21\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n </svg>`,\n [IconName.SUN]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <g clip-path=\"url(#clip0_2207_4056)\">\n <path d=\"M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 1V3\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 21V23\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.22021 4.21997L5.64021 5.63997\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18.3599 18.3601L19.7799 19.7801\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 12H3\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M21 12H23\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M4.22021 19.7801L5.64021 18.3601\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18.3599 5.63997L19.7799 4.21997\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_2207_4056\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>`,\n [IconName.MOON]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20.9999 12.79C20.8426 14.4922 20.2038 16.1144 19.1581 17.4668C18.1125 18.8192 16.7034 19.8458 15.0956 20.4265C13.4878 21.0073 11.7479 21.1181 10.0794 20.7461C8.41092 20.3741 6.8829 19.5345 5.67413 18.3258C4.46536 17.117 3.62584 15.589 3.25381 13.9205C2.88178 12.252 2.99262 10.5121 3.57336 8.9043C4.15411 7.29651 5.18073 5.88737 6.53311 4.84175C7.8855 3.79614 9.5077 3.15731 11.2099 3C10.2133 4.34827 9.73375 6.00945 9.85843 7.68141C9.98312 9.35338 10.7038 10.9251 11.8893 12.1106C13.0748 13.2961 14.6465 14.0168 16.3185 14.1415C17.9905 14.2662 19.6516 13.7866 20.9999 12.79Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHEVRON_LEFT]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M15 18L9 12L15 6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHEVRON_RIGHT]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M9 18L15 12L9 6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOKMARK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 21L12 16L5 21V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H17C17.5304 3 18.0391 3.21071 18.4142 3.58579C18.7893 3.96086 19 4.46957 19 5V21Z\" stroke=\"#A8A9D1\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.UPLOAD]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 8L12 3L7 8\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 3V15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.DOWNLOAD]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M7 10L12 15L17 10\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 15V3\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAP_PIN]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PHONE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21.9999 16.9201V19.9201C22.0011 20.1986 21.944 20.4743 21.8324 20.7294C21.7209 20.9846 21.5572 21.2137 21.352 21.402C21.1468 21.5902 20.9045 21.7336 20.6407 21.8228C20.3769 21.912 20.0973 21.9452 19.8199 21.9201C16.7428 21.5857 13.7869 20.5342 11.1899 18.8501C8.77376 17.3148 6.72527 15.2663 5.18993 12.8501C3.49991 10.2413 2.44818 7.27109 2.11993 4.1801C2.09494 3.90356 2.12781 3.62486 2.21643 3.36172C2.30506 3.09859 2.4475 2.85679 2.6347 2.65172C2.82189 2.44665 3.04974 2.28281 3.30372 2.17062C3.55771 2.05843 3.83227 2.00036 4.10993 2.0001H7.10993C7.59524 1.99532 8.06572 2.16718 8.43369 2.48363C8.80166 2.80008 9.04201 3.23954 9.10993 3.7201C9.23656 4.68016 9.47138 5.62282 9.80993 6.5301C9.94448 6.88802 9.9736 7.27701 9.89384 7.65098C9.81408 8.02494 9.6288 8.36821 9.35993 8.6401L8.08993 9.9101C9.51349 12.4136 11.5864 14.4865 14.0899 15.9101L15.3599 14.6401C15.6318 14.3712 15.9751 14.1859 16.3491 14.1062C16.723 14.0264 17.112 14.0556 17.4699 14.1901C18.3772 14.5286 19.3199 14.7635 20.2799 14.8901C20.7657 14.9586 21.2093 15.2033 21.5265 15.5776C21.8436 15.9519 22.0121 16.4297 21.9999 16.9201Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAIL]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M22 6L12 13L2 6\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAILS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M17 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 1-1.732M22 5.5l-6.419 4.179a2 2 0 0 1-2.162 0L7 5.5\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M20 3H9a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.LAYERS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2 2 7l10 5 10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SEND]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22 2 11 13M22 2l-7 20-4-9-9-4z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.FILE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19.462 9.598c-.022-1.74-.28-3.21-.772-4.42a5.32 5.32 0 0 0-2.497-2.749c-1.133-.608-2.704-.918-4.702-.929h-.137a.85.85 0 0 0-.542.248l-1.56 1.548-2.913 2.895-1.57 1.56a.9.9 0 0 0-.269.642v13.448q.001.294.175.479c.115.124.274.18.471.18h6.356q3.005.001 4.73-.884a5.07 5.07 0 0 0 2.452-2.686q.731-1.8.789-4.562c.016-.901.027-1.7.027-2.382 0-.681-.011-1.492-.027-2.388zm-8.924-5.096v2.996H7.522zm7.117 8.143c0 .45-.01.98-.027 1.577q-.031 2.34-.63 3.767c-.394.946-1.05 1.639-1.954 2.067s-2.13.642-3.69.642H6.339V9.294h5.08c.482 0 .871-.4.871-.895V3.336q2.654.208 3.854 1.532c.953 1.053 1.45 2.675 1.49 4.877.016.602.027 1.126.027 1.56v1.334z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.FORMAT_LIST]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 5H11m10 7H11m10 7H11M3 8l4 4-4 4\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SAVE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 21v-8H7v8M7 3v5h8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SQUARE_CODE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"m10 9-3 3 3 3m4 0 3-3-3-3\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BRACES]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.ADD_MAIL]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7m17 9v6m-3-3h6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MAIL_LOGO]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21.854 4.5H2.146a.64.64 0 0 0-.646.637v13.726a.64.64 0 0 0 .646.637h19.708a.64.64 0 0 0 .646-.637V5.137a.64.64 0 0 0-.646-.637m-1.96 1.274-7.48 5.447-8.16-5.447zM2.793 18.226V6.337l9.275 6.19a.65.65 0 0 0 .745-.016l8.394-6.113v11.828z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.BUILDING]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 10h.01M12 14h.01M12 6h.01M16 10h.01M16 14h.01M16 6h.01M8 10h.01M8 14h.01M8 6h.01M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CODE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"m16 18 6-6-6-6M8 6l-6 6 6 6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.USER_PLUS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M8.5 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M20 8v6M23 11h-6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.FACEBOOK]: `<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18.625 0.625H1.375C0.960156 0.625 0.625 0.960156 0.625 1.375V18.625C0.625 19.0398 0.960156 19.375 1.375 19.375H18.625C19.0398 19.375 19.375 19.0398 19.375 18.625V1.375C19.375 0.960156 19.0398 0.625 18.625 0.625ZM16.4594 6.09766H14.9617C13.7875 6.09766 13.5602 6.65547 13.5602 7.47578V9.28281H16.3633L15.9977 12.1117H13.5602V19.375H10.6375V12.1141H8.19297V9.28281H10.6375V7.19687C10.6375 4.77578 12.1164 3.45625 14.2773 3.45625C15.3133 3.45625 16.2016 3.53359 16.4617 3.56875V6.09766H16.4594Z\" fill=\"none\" />\n </svg>`,\n [IconName.TWITTER]: `<svg width=\"24\" height=\"20\" viewBox=\"0 0 24 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M23.6425 2.93695C22.8075 3.30695 21.9105 3.55696 20.9675 3.66996C21.9405 3.08775 22.6685 2.17142 23.0155 1.09195C22.1014 1.63494 21.1009 2.01715 20.0575 2.22196C19.3559 1.47282 18.4266 0.976281 17.4138 0.809429C16.4011 0.642577 15.3616 0.814746 14.4568 1.29921C13.5519 1.78367 12.8323 2.55332 12.4097 3.48866C11.9871 4.424 11.8851 5.4727 12.1195 6.47195C10.2672 6.37895 8.45515 5.8975 6.80095 5.05886C5.14674 4.22022 3.68736 3.04312 2.51752 1.60396C2.11752 2.29396 1.88752 3.09396 1.88752 3.94596C1.88708 4.71295 2.07596 5.4682 2.4374 6.14469C2.79885 6.82118 3.32168 7.39799 3.95952 7.82396C3.2198 7.80042 2.4964 7.60054 1.84952 7.24095V7.30095C1.84945 8.3767 2.22156 9.41933 2.90271 10.252C3.58386 11.0846 4.53209 11.6559 5.58652 11.869C4.90031 12.0547 4.18086 12.082 3.48252 11.949C3.78002 12.8746 4.35952 13.684 5.13989 14.2639C5.92026 14.8438 6.86244 15.1651 7.83452 15.183C6.18436 16.4784 4.14641 17.181 2.04852 17.178C1.6769 17.1781 1.3056 17.1564 0.936523 17.113C3.066 18.4821 5.54486 19.2088 8.07652 19.206C16.6465 19.206 21.3315 12.108 21.3315 5.95195C21.3315 5.75196 21.3265 5.54995 21.3175 5.34995C22.2288 4.69093 23.0154 3.87485 23.6405 2.93995L23.6425 2.93695Z\" fill=\"#33355B\"/>\n </svg>`,\n [IconName.LINKEDIN]: `<svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" >\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.7206e-07 1.838C2.7206e-07 1.35053 0.193646 0.883032 0.538338 0.53834C0.88303 0.193648 1.35053 2.45031e-06 1.838 2.45031e-06H20.16C20.4016 -0.000392101 20.6409 0.0468654 20.8641 0.139069C21.0874 0.231273 21.2903 0.366612 21.4612 0.537339C21.6322 0.708065 21.7677 0.910826 21.8602 1.13401C21.9526 1.3572 22.0001 1.59643 22 1.838V20.16C22.0003 20.4016 21.9529 20.6409 21.8606 20.8642C21.7683 21.0875 21.6328 21.2904 21.462 21.4613C21.2912 21.6322 21.0884 21.7678 20.8651 21.8602C20.6419 21.9526 20.4026 22.0001 20.161 22H1.838C1.59655 22 1.35746 21.9524 1.1344 21.86C0.911335 21.7676 0.708671 21.6321 0.537984 21.4613C0.367297 21.2905 0.231932 21.0878 0.139623 20.8647C0.0473133 20.6416 -0.000131096 20.4025 2.7206e-07 20.161V1.838ZM8.708 8.388H11.687V9.884C12.117 9.024 13.217 8.25 14.87 8.25C18.039 8.25 18.79 9.963 18.79 13.106V18.928H15.583V13.822C15.583 12.032 15.153 11.022 14.061 11.022C12.546 11.022 11.916 12.111 11.916 13.822V18.928H8.708V8.388ZM3.208 18.791H6.416V8.25H3.208V18.79V18.791ZM6.875 4.812C6.88105 5.08668 6.83217 5.35979 6.73124 5.61532C6.63031 5.87084 6.47935 6.10364 6.28723 6.30003C6.09511 6.49643 5.8657 6.65248 5.61246 6.75901C5.35921 6.86554 5.08724 6.92042 4.8125 6.92042C4.53776 6.92042 4.26579 6.86554 4.01255 6.75901C3.7593 6.65248 3.52989 6.49643 3.33777 6.30003C3.14565 6.10364 2.99469 5.87084 2.89376 5.61532C2.79283 5.35979 2.74395 5.08668 2.75 4.812C2.76187 4.27286 2.98439 3.75979 3.36989 3.38269C3.75539 3.00558 4.27322 2.79442 4.8125 2.79442C5.35178 2.79442 5.86961 3.00558 6.25512 3.38269C6.64062 3.75979 6.86313 4.27286 6.875 4.812Z\" fill=\"none\" />\n </svg>`,\n [IconName.SHARE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8.58984 13.51L15.4198 17.49\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M15.4098 6.51001L8.58984 10.49\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.COPY]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 9H11C9.89543 9 9 9.89543 9 11V20C9 21.1046 9.89543 22 11 22H20C21.1046 22 22 21.1046 22 20V11C22 9.89543 21.1046 9 20 9Z\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5\" stroke=\"#25282B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.GOOGLE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\n <path d=\"M23.7309 12.1644C23.7309 18.7373 19.2297 23.415 12.5825 23.415C6.20934 23.415 1.0625 18.2682 1.0625 11.895C1.0625 5.52184 6.20934 0.375 12.5825 0.375C15.6855 0.375 18.296 1.51306 20.3074 3.38971L17.1719 6.40442C13.0702 2.44674 5.44289 5.41965 5.44289 11.895C5.44289 15.9131 8.65269 19.1693 12.5825 19.1693C17.1441 19.1693 18.8535 15.8991 19.1229 14.2036H12.5825V10.2413H23.5497C23.6566 10.8313 23.7309 11.398 23.7309 12.1644Z\" fill=\"#585A9D\"/>\n </svg>`,\n [IconName.BELL]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M13.7295 21C13.5537 21.3031 13.3014 21.5547 12.9978 21.7295C12.6941 21.9044 12.3499 21.9965 11.9995 21.9965C11.6492 21.9965 11.3049 21.9044 11.0013 21.7295C10.6977 21.5547 10.4453 21.3031 10.2695 21\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.GEAR]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_7723_21679)\">\n <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15V15Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_7723_21679\">\n <rect width=\"24\" height=\"24\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>`,\n [IconName.LOGOUT]: `<svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M9.69922 21H5.69922C5.16879 21 4.66008 20.7893 4.28501 20.4142C3.90993 20.0391 3.69922 19.5304 3.69922 19V5C3.69922 4.46957 3.90993 3.96086 4.28501 3.58579C4.66008 3.21071 5.16879 3 5.69922 3H9.69922\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.6992 17L21.6992 12L16.6992 7\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M21.6992 12H9.69922\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>`,\n [IconName.CIRCLE_EXCLAMATION]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 8V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 16H12.01\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CAMERA]: `<svg width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M23 19.5312C23 20.0617 22.7893 20.5704 22.4142 20.9455C22.0391 21.3205 21.5304 21.5312 21 21.5312H3C2.46957 21.5312 1.96086 21.3205 1.58579 20.9455C1.21071 20.5704 1 20.0617 1 19.5312V8.53125C1 8.00082 1.21071 7.49211 1.58579 7.11704C1.96086 6.74196 2.46957 6.53125 3 6.53125H7L9 3.53125H15L17 6.53125H21C21.5304 6.53125 22.0391 6.74196 22.4142 7.11704C22.7893 7.49211 23 8.00082 23 8.53125V19.5312Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 17.5312C14.2091 17.5312 16 15.7404 16 13.5312C16 11.3221 14.2091 9.53125 12 9.53125C9.79086 9.53125 8 11.3221 8 13.5312C8 15.7404 9.79086 17.5312 12 17.5312Z\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PENCIL]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M17 3.00006C17.2626 2.73741 17.5744 2.52907 17.9176 2.38693C18.2608 2.24479 18.6286 2.17163 19 2.17163C19.3714 2.17163 19.7392 2.24479 20.0824 2.38693C20.4256 2.52907 20.7374 2.73741 21 3.00006C21.2626 3.2627 21.471 3.57451 21.6131 3.91767C21.7553 4.26083 21.8284 4.62862 21.8284 5.00006C21.8284 5.37149 21.7553 5.73929 21.6131 6.08245C21.471 6.42561 21.2626 6.73741 21 7.00006L7.5 20.5001L2 22.0001L3.5 16.5001L17 3.00006Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.X]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M18 6L6 18\" stroke=\"#585A9D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 6L18 18\" stroke=\"#585A9D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PLUS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5V19\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5 12H19\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.INVOICE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 8H16M8 12H16M8 16H16M4 2V22L6 21L8 22L10 21L12 22L14 21L16 22L18 21L20 22V2L18 3L16 2L14 3L12 2L10 3L8 2L6 3L4 2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.DELETE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M3 6H5H21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 11V17\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 11V17\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.TRIANGLE_ARROW_DOWN]: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 10L4 6H12L8 10Z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.USERS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M17 21V19C17 17.9391 16.5786 16.9217 15.8284 16.1716C15.0783 15.4214 14.0609 15 13 15H5C3.93913 15 2.92172 15.4214 2.17157 16.1716C1.42143 16.9217 1 17.9391 1 19V21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M23 20.9999V18.9999C22.9993 18.1136 22.7044 17.2527 22.1614 16.5522C21.6184 15.8517 20.8581 15.3515 20 15.1299\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CLOCK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 6V12L16 14\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHECK_CLOCK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21.8 10C20.8734 5.43552 16.8379 2 12 2C6.47715 2 2 6.47715 2 12C2 16.8379 5.43552 20.8734 10 21.8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 6V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 23C20.5376 23 23 20.5376 23 17.5C23 14.4624 20.5376 12 17.5 12C14.4624 12 12 14.4624 12 17.5C12 20.5376 14.4624 23 17.5 23ZM19.3637 14.8402C19.7191 14.4174 20.3499 14.3628 20.7727 14.7181C21.1954 15.0734 21.2501 15.7042 20.8948 16.127L17.0344 20.7202C16.6805 21.1414 16.0529 21.1975 15.6298 20.8459L13.5808 19.1433C13.1561 18.7903 13.0979 18.1598 13.4508 17.735C13.8038 17.3103 14.4343 17.2521 14.8591 17.6051L16.1432 18.6722L19.3637 14.8402Z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.GLOBE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M2 12H22\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2V2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CALENDAR]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M8 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 10H21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.STATS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 20V10\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M18 20V4\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 20V16\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.HOLIDAYS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M8 22H3C1.89543 22 1 21.1046 1 20V6C1 4.89543 1.89543 4 3 4H17C18.1046 4 19 4.89543 19 6V11\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6 2V6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 10H19\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12.2 15H21.8C22.46 15 23 15.45 23 16V22C23 22.55 22.46 23 21.8 23H12.2C11.54 23 11 22.55 11 22V16C11 15.45 11.54 15 12.2 15Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 15V23\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M19 14L15 14\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M20 15V23\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.TRENDING_UP]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M23 6L13.5 15.5L8.5 10.5L1 18\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M17 6H23V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.ARCHIVE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M21 8V21H3V8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M23 3H1V8H23V3Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 12H14\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.ACCESS_TOKEN]: `<svg width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M16.2054 7.5L19.7054 4M21.7054 2L19.7054 4L21.7054 2ZM12.0954 11.61C12.6117 12.1195 13.0222 12.726 13.3031 13.3948C13.5841 14.0635 13.7299 14.7813 13.7324 15.5066C13.7348 16.232 13.5937 16.9507 13.3173 17.6213C13.0408 18.2919 12.6344 18.9012 12.1215 19.4141C11.6086 19.9271 10.9993 20.3334 10.3287 20.6099C9.65804 20.8864 8.93935 21.0275 8.21398 21.025C7.48862 21.0226 6.7709 20.8767 6.10214 20.5958C5.43339 20.3148 4.82682 19.9043 4.31735 19.388C3.31548 18.3507 2.76111 16.9614 2.77365 15.5193C2.78618 14.0772 3.36461 12.6977 4.38435 11.678C5.40409 10.6583 6.78356 10.0798 8.22565 10.0673C9.66773 10.0548 11.057 10.6091 12.0944 11.611L12.0954 11.61ZM12.0954 11.61L16.2054 7.5L12.0954 11.61ZM16.2054 7.5L19.2054 10.5L22.7054 7L19.7054 4L16.2054 7.5Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.RESIZE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 3H19C20.1046 3 21 3.89543 21 5V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V14M3 3V9M3 3H9M3 3L15 15\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.CHAT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MESSAGE_CIRCLE]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOK]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOK_PLUS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 7v6m-8 6.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5A2.5 2.5 0 0 1 4 19.5m0 0A2.5 2.5 0 0 1 6.5 17H20M9 10h6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOKS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5 7a2 2 0 0 0-2 2v11\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M5.803 18H5a2 2 0 1 0 0 4h9.5a.5.5 0 0 0 .5-.5V21m-6-6V4a2 2 0 0 1 2-2h9.5a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5H11a2 2 0 0 1-2-2m0 0a2 2 0 0 1 2-2h10\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOOK_SEARCH]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M11 22H5.5a2.5 2.5 0 0 1 0-5h4.501M21 22l-1.879-1.878\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3 19.5v-15A2.5 2.5 0 0 1 5.5 2H18a1 1 0 0 1 1 1v8M17 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MORE_HORIZONTAL]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M19 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2M5 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.BOT]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 8V4H8M18 8H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M2 14h2m16 0h2m-7-1v2m-6-2v2\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SCROLL_DOWN]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 5v14M19 12l-7 7-7-7\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.PLAY]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path opacity=\"0.85\" d=\"M12 0C18.6273 1.23698e-05 23.9999 5.37258 24 12C24 18.6275 18.6274 24 12 24C5.3726 24 0 18.6275 0 12C8.9678e-05 5.37257 5.37265 0 12 0ZM10.002 15.4863L16.043 11.998L10.002 8.51074V15.4863Z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.EXTERNAL_LINK]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15 3H21M21 3V9M21 3L10 14M18 13V19.0001C18 19.5305 17.7892 20.0391 17.4142 20.4142C17.0391 20.7892 16.5305 21 16.0001 21H4.99999C4.46956 21 3.96086 20.7892 3.58578 20.4142C3.21072 20.0391 3 19.5305 3 19.0001V8C3 7.46957 3.21072 6.96086 3.58578 6.58578C3.96086 6.21072 4.46956 6 4.99999 6H11\" stroke=\"#121212\" stroke-width=\"1.33\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.TRIANGLE_RIGHT]: `<svg width=\"11\" height=\"13\" viewBox=\"0 0 11 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10.5 5.32929C11.1667 5.71419 11.1667 6.67644 10.5 7.06134L1.5 12.2575C0.833332 12.6424 -6.10471e-07 12.1613 -5.76822e-07 11.3915L-1.2256e-07 0.999159C-8.8911e-08 0.229359 0.833333 -0.251766 1.5 0.133134L10.5 5.32929Z\" fill=\"url(#paint0_linear_19984_58714)\"/>\n <defs>\n <linearGradient id=\"paint0_linear_19984_58714\" x1=\"4\" y1=\"-1.80469\" x2=\"4\" y2=\"14.1953\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#585A9D\"/>\n <stop offset=\"1\" stop-color=\"#3B3969\"/>\n </linearGradient>\n </defs>\n </svg>`,\n [IconName.FILE_PLUS]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 2V8H20\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M12 18V12\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M9 15H15\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.FILE_TEXT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M14 2V8H20\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 13H8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16 17H8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M10 9H9H8\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.HIGHLIGHT]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 20H21\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M16.5 3.50023C16.8978 3.1024 17.4374 2.87891 18 2.87891C18.2786 2.87891 18.5544 2.93378 18.8118 3.04038C19.0692 3.14699 19.303 3.30324 19.5 3.50023C19.697 3.69721 19.8532 3.93106 19.9598 4.18843C20.0665 4.4458 20.1213 4.72165 20.1213 5.00023C20.1213 5.2788 20.0665 5.55465 19.9598 5.81202C19.8532 6.06939 19.697 6.30324 19.5 6.50023L7 19.0002L3 20.0002L4 16.0002L16.5 3.50023Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.MCP_LOGO]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"m21.835 11.813-.083.081-8.706 8.537a.274.274 0 0 0-.004.388l.004.005 1.788 1.755a.825.825 0 0 1 .017 1.164l-.015.015a.86.86 0 0 1-1.205 0l-1.788-1.752a1.92 1.92 0 0 1 0-2.754l8.708-8.538a2.47 2.47 0 0 0 .046-3.492l-.046-.048-.051-.048a2.587 2.587 0 0 0-3.608-.003l-7.171 7.035h-.003l-.098.097a.863.863 0 0 1-1.204 0 .825.825 0 0 1-.015-1.164l.015-.015 7.273-7.135a2.47 2.47 0 0 0 .04-3.494l-.043-.045a2.587 2.587 0 0 0-3.61 0l-9.624 9.443a.86.86 0 0 1-1.203 0 .825.825 0 0 1-.017-1.164l.017-.015 9.625-9.444a4.313 4.313 0 0 1 6.015 0 4.12 4.12 0 0 1 1.205 3.54 4.3 4.3 0 0 1 3.609 1.18l.05.05a4.115 4.115 0 0 1 .08 5.82m-2.536-2.33a.825.825 0 0 0 .015-1.164l-.015-.015a.86.86 0 0 0-1.205 0l-7.117 6.983a2.587 2.587 0 0 1-3.61 0 2.47 2.47 0 0 1-.046-3.495l.047-.047 7.12-6.982a.825.825 0 0 0 .017-1.164l-.017-.015a.86.86 0 0 0-1.204 0l-7.12 6.98a4.114 4.114 0 0 0 0 5.9 4.314 4.314 0 0 0 6.016 0z\" fill=\"#121212\"/>\n </svg>`,\n [IconName.ENDPOINTS]: `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M17 20a3 3 0 1 0 0-6 3 3 0 0 0 0 6M7 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6M21 7a3 3 0 1 0-6 0 3 3 0 0 0 6 0M10.5 10.5l4 4\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <rect width=\"8\" height=\"8\" x=\"3\" y=\"3\" rx=\"2\" stroke=\"#121212\" stroke-width=\"2\"/>\n <path d=\"M7 12v3M12 7h3\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n </svg>`,\n [IconName.PLAY_OUTLINE]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M5 3L19 12L5 21V3Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.REFRESH]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M23 4V10H17\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M1 20V14H7\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n <path d=\"M3.506 8.998C4.013 7.564 4.875 6.283 6.012 5.273C7.148 4.263 8.522 3.557 10.004 3.222C11.487 2.886 13.031 2.932 14.491 3.354C15.952 3.777 17.281 4.562 18.356 5.638L23 10M1 14L5.636 18.358C6.711 19.433 8.04 20.218 9.501 20.641C10.961 21.063 12.505 21.109 13.988 20.773C15.471 20.438 16.844 19.732 17.981 18.722C19.117 17.712 19.979 16.431 20.486 14.998\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n [IconName.SHIELD]: `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z\" stroke=\"#121212\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n </svg>`,\n}"
1759
+ }
1760
+ ],
1761
+ "exports": [
1762
+ {
1763
+ "kind": "js",
1764
+ "name": "iconTemplate",
1765
+ "declaration": {
1766
+ "name": "iconTemplate",
1767
+ "module": "src/tuix-icon/TuixIcon.icons.ts"
1768
+ }
1769
+ },
1770
+ {
1771
+ "kind": "js",
1772
+ "name": "iconContentMap",
1773
+ "declaration": {
1774
+ "name": "iconContentMap",
1775
+ "module": "src/tuix-icon/TuixIcon.icons.ts"
1776
+ }
1777
+ }
1778
+ ]
1779
+ },
1780
+ {
1781
+ "kind": "javascript-module",
1782
+ "path": "src/tuix-icon/TuixIcon.ts",
1783
+ "declarations": [
1784
+ {
1785
+ "kind": "class",
1786
+ "description": "",
1787
+ "name": "TuixIcon",
1788
+ "members": [
1719
1789
  {
1720
1790
  "kind": "field",
1721
- "name": "_optionsContainer",
1722
- "type": {
1723
- "text": "HTMLElement | undefined"
1724
- },
1725
- "privacy": "private"
1791
+ "name": "name",
1792
+ "attribute": "name"
1726
1793
  },
1727
1794
  {
1728
1795
  "kind": "field",
1729
- "name": "_inputDropdown",
1796
+ "name": "color",
1730
1797
  "type": {
1731
- "text": "HTMLElement | undefined"
1798
+ "text": "string | TextVariant | undefined"
1732
1799
  },
1733
- "privacy": "private"
1800
+ "attribute": "color"
1734
1801
  },
1735
1802
  {
1736
1803
  "kind": "field",
1737
- "name": "_previousSelectedOption",
1738
- "type": {
1739
- "text": "HTMLElement | null"
1740
- },
1741
- "privacy": "private",
1742
- "default": "null"
1804
+ "name": "size",
1805
+ "attribute": "size"
1743
1806
  },
1744
1807
  {
1745
1808
  "kind": "field",
1746
- "name": "_previousFocusedOption",
1809
+ "name": "dark",
1747
1810
  "type": {
1748
- "text": "HTMLElement | null"
1749
- },
1750
- "privacy": "private",
1751
- "default": "null"
1752
- },
1753
- {
1754
- "kind": "method",
1755
- "name": "_onEnterPress",
1756
- "privacy": "private",
1757
- "parameters": [
1758
- {
1759
- "name": "event",
1760
- "type": {
1761
- "text": "KeyboardEvent"
1762
- }
1763
- }
1764
- ]
1765
- },
1766
- {
1767
- "kind": "method",
1768
- "name": "_onKeyDownOption",
1769
- "privacy": "private",
1770
- "parameters": [
1771
- {
1772
- "name": "event",
1773
- "type": {
1774
- "text": "KeyboardEvent"
1775
- }
1776
- }
1777
- ]
1778
- },
1779
- {
1780
- "kind": "method",
1781
- "name": "_onKeyPressOption",
1782
- "privacy": "private",
1783
- "parameters": [
1784
- {
1785
- "name": "event",
1786
- "type": {
1787
- "text": "KeyboardEvent"
1788
- }
1789
- }
1790
- ]
1791
- },
1792
- {
1793
- "kind": "method",
1794
- "name": "_onMouseOverOption",
1795
- "privacy": "private",
1796
- "parameters": [
1797
- {
1798
- "name": "event",
1799
- "type": {
1800
- "text": "MouseEvent"
1801
- }
1802
- }
1803
- ]
1804
- },
1805
- {
1806
- "kind": "method",
1807
- "name": "_onClickOption",
1808
- "privacy": "private",
1809
- "parameters": [
1810
- {
1811
- "name": "event",
1812
- "type": {
1813
- "text": "MouseEvent | KeyboardEvent"
1814
- }
1815
- }
1816
- ]
1817
- },
1818
- {
1819
- "kind": "method",
1820
- "name": "_onInputSingle",
1821
- "privacy": "protected",
1822
- "parameters": [
1823
- {
1824
- "name": "e",
1825
- "type": {
1826
- "text": "CustomEvent"
1827
- }
1828
- }
1829
- ]
1830
- },
1831
- {
1832
- "kind": "method",
1833
- "name": "_handleSelectEvent",
1834
- "privacy": "protected",
1835
- "parameters": [
1836
- {
1837
- "name": "event",
1838
- "type": {
1839
- "text": "MouseEvent | KeyboardEvent"
1840
- }
1841
- }
1842
- ]
1843
- },
1844
- {
1845
- "kind": "method",
1846
- "name": "_handleBlur",
1847
- "privacy": "private"
1848
- },
1849
- {
1850
- "kind": "method",
1851
- "name": "_getOptionName",
1852
- "privacy": "private",
1853
- "return": {
1854
- "type": {
1855
- "text": "string"
1856
- }
1811
+ "text": "boolean"
1857
1812
  },
1858
- "parameters": [
1859
- {
1860
- "name": "option",
1861
- "type": {
1862
- "text": "TuixDropdownOption"
1863
- }
1864
- }
1865
- ]
1813
+ "default": "false",
1814
+ "attribute": "dark"
1866
1815
  },
1867
1816
  {
1868
- "kind": "method",
1869
- "name": "_getOptionValue",
1870
- "privacy": "private",
1871
- "return": {
1872
- "type": {
1873
- "text": "TuixDropdownPlainOption"
1874
- }
1817
+ "kind": "field",
1818
+ "name": "fill",
1819
+ "type": {
1820
+ "text": "string | TextVariant | undefined"
1875
1821
  },
1876
- "parameters": [
1877
- {
1878
- "name": "option",
1879
- "type": {
1880
- "text": "TuixDropdownOption"
1881
- }
1882
- }
1883
- ]
1822
+ "attribute": "fill"
1884
1823
  },
1885
1824
  {
1886
1825
  "kind": "method",
1887
- "name": "_findIndex",
1826
+ "name": "_getSelectedColor",
1888
1827
  "privacy": "private",
1889
- "return": {
1890
- "type": {
1891
- "text": "number"
1892
- }
1893
- },
1894
1828
  "parameters": [
1895
1829
  {
1896
- "name": "option",
1830
+ "name": "color",
1831
+ "optional": true,
1897
1832
  "type": {
1898
- "text": "TuixDropdownOption"
1833
+ "text": "string | TextVariant"
1899
1834
  }
1900
1835
  }
1901
1836
  ]
1902
1837
  },
1903
1838
  {
1904
1839
  "kind": "method",
1905
- "name": "_handleInputBase",
1906
- "privacy": "private",
1907
- "parameters": [
1908
- {
1909
- "name": "e",
1910
- "type": {
1911
- "text": "CustomEvent"
1912
- }
1913
- },
1914
- {
1915
- "name": "eventName",
1916
- "type": {
1917
- "text": "string"
1918
- }
1919
- }
1920
- ]
1840
+ "name": "_getSelectedFill",
1841
+ "privacy": "private"
1921
1842
  },
1922
1843
  {
1923
1844
  "kind": "method",
1924
- "name": "_extendOptionsList",
1845
+ "name": "_getIconTemplate",
1925
1846
  "privacy": "private",
1926
- "parameters": [
1927
- {
1928
- "name": "value",
1929
- "default": "''"
1847
+ "return": {
1848
+ "type": {
1849
+ "text": "TemplateResult"
1930
1850
  }
1931
- ]
1932
- },
1933
- {
1934
- "kind": "method",
1935
- "name": "_handleArrowDown",
1936
- "privacy": "private"
1937
- },
1851
+ }
1852
+ }
1853
+ ],
1854
+ "attributes": [
1938
1855
  {
1939
- "kind": "method",
1940
- "name": "_handleArrowUp",
1941
- "privacy": "private"
1856
+ "name": "name",
1857
+ "fieldName": "name"
1942
1858
  },
1943
1859
  {
1944
- "kind": "field",
1945
- "name": "_handleClickOutside",
1946
- "privacy": "private"
1860
+ "name": "color",
1861
+ "type": {
1862
+ "text": "string | TextVariant | undefined"
1863
+ },
1864
+ "fieldName": "color"
1947
1865
  },
1948
1866
  {
1949
- "kind": "method",
1950
- "name": "_focusTargetOption",
1951
- "privacy": "private",
1952
- "parameters": [
1953
- {
1954
- "name": "targetOption",
1955
- "type": {
1956
- "text": "HTMLElement"
1957
- }
1958
- },
1959
- {
1960
- "name": "extrict",
1961
- "default": "true"
1962
- }
1963
- ]
1867
+ "name": "size",
1868
+ "fieldName": "size"
1964
1869
  },
1965
1870
  {
1966
- "kind": "method",
1967
- "name": "_toggleOptions",
1968
- "privacy": "private"
1871
+ "name": "dark",
1872
+ "type": {
1873
+ "text": "boolean"
1874
+ },
1875
+ "default": "false",
1876
+ "fieldName": "dark"
1969
1877
  },
1970
1878
  {
1971
- "kind": "method",
1972
- "name": "_focusOptionsContainer",
1973
- "privacy": "private"
1974
- },
1879
+ "name": "fill",
1880
+ "type": {
1881
+ "text": "string | TextVariant | undefined"
1882
+ },
1883
+ "fieldName": "fill"
1884
+ }
1885
+ ],
1886
+ "superclass": {
1887
+ "name": "LitElement",
1888
+ "package": "lit"
1889
+ },
1890
+ "tagName": "tuix-icon",
1891
+ "customElement": true
1892
+ }
1893
+ ],
1894
+ "exports": [
1895
+ {
1896
+ "kind": "js",
1897
+ "name": "TuixIcon",
1898
+ "declaration": {
1899
+ "name": "TuixIcon",
1900
+ "module": "src/tuix-icon/TuixIcon.ts"
1901
+ }
1902
+ },
1903
+ {
1904
+ "kind": "custom-element-definition",
1905
+ "name": "tuix-icon",
1906
+ "declaration": {
1907
+ "name": "TuixIcon",
1908
+ "module": "src/tuix-icon/TuixIcon.ts"
1909
+ }
1910
+ }
1911
+ ]
1912
+ },
1913
+ {
1914
+ "kind": "javascript-module",
1915
+ "path": "src/tuix-icon-button/TuixIconButton.ts",
1916
+ "declarations": [
1917
+ {
1918
+ "kind": "class",
1919
+ "description": "",
1920
+ "name": "TuixIconButton",
1921
+ "members": [
1975
1922
  {
1976
- "kind": "method",
1977
- "name": "_unselectPreviousOption",
1978
- "privacy": "private"
1923
+ "kind": "field",
1924
+ "name": "icon",
1925
+ "attribute": "icon"
1979
1926
  },
1980
1927
  {
1981
1928
  "kind": "method",
1982
- "name": "_hasCompleteDescription",
1983
- "privacy": "private",
1929
+ "name": "_updateIconColor",
1930
+ "privacy": "protected",
1984
1931
  "return": {
1985
1932
  "type": {
1986
- "text": "boolean"
1933
+ "text": "void"
1987
1934
  }
1935
+ },
1936
+ "inheritedFrom": {
1937
+ "name": "TuixBaseButton",
1938
+ "module": "src/tuix-button/TuixBaseButton.ts"
1988
1939
  }
1989
1940
  },
1990
1941
  {
1991
1942
  "kind": "method",
1992
- "name": "_getOptionsContainerClasses",
1993
- "privacy": "private",
1943
+ "name": "_buttonContent",
1944
+ "privacy": "protected",
1994
1945
  "return": {
1995
1946
  "type": {
1996
- "text": "ClassInfo"
1947
+ "text": "TemplateResult"
1997
1948
  }
1949
+ },
1950
+ "inheritedFrom": {
1951
+ "name": "TuixBaseButton",
1952
+ "module": "src/tuix-button/TuixBaseButton.ts"
1998
1953
  }
1999
1954
  },
2000
1955
  {
2001
- "kind": "method",
2002
- "name": "_triggerUpdateByExternalValueChange",
2003
- "privacy": "private"
1956
+ "kind": "field",
1957
+ "name": "variant",
1958
+ "attribute": "variant",
1959
+ "reflects": true,
1960
+ "inheritedFrom": {
1961
+ "name": "TuixBaseButton",
1962
+ "module": "src/tuix-button/TuixBaseButton.ts"
1963
+ }
2004
1964
  },
2005
1965
  {
2006
- "kind": "method",
2007
- "name": "_resetPreviousSelection",
2008
- "privacy": "private"
1966
+ "kind": "field",
1967
+ "name": "disabled",
1968
+ "type": {
1969
+ "text": "boolean"
1970
+ },
1971
+ "default": "false",
1972
+ "attribute": "disabled",
1973
+ "reflects": true,
1974
+ "inheritedFrom": {
1975
+ "name": "TuixBaseButton",
1976
+ "module": "src/tuix-button/TuixBaseButton.ts"
1977
+ }
2009
1978
  },
2010
1979
  {
2011
- "kind": "method",
2012
- "name": "_getOptionsTemplate",
2013
- "privacy": "private",
2014
- "return": {
2015
- "type": {
2016
- "text": "TemplateResult[]"
2017
- }
1980
+ "kind": "field",
1981
+ "name": "dark",
1982
+ "type": {
1983
+ "text": "boolean"
1984
+ },
1985
+ "default": "false",
1986
+ "attribute": "dark",
1987
+ "reflects": true,
1988
+ "inheritedFrom": {
1989
+ "name": "TuixBaseButton",
1990
+ "module": "src/tuix-button/TuixBaseButton.ts"
2018
1991
  }
2019
- }
2020
- ],
2021
- "events": [
1992
+ },
2022
1993
  {
2023
- "name": "select",
1994
+ "kind": "field",
1995
+ "name": "iconColor",
2024
1996
  "type": {
2025
- "text": "CustomEvent"
1997
+ "text": "string"
1998
+ },
1999
+ "privacy": "protected",
2000
+ "default": "''",
2001
+ "inheritedFrom": {
2002
+ "name": "TuixBaseButton",
2003
+ "module": "src/tuix-button/TuixBaseButton.ts"
2004
+ }
2005
+ },
2006
+ {
2007
+ "kind": "method",
2008
+ "name": "_getTextColor",
2009
+ "privacy": "protected",
2010
+ "inheritedFrom": {
2011
+ "name": "TuixBaseButton",
2012
+ "module": "src/tuix-button/TuixBaseButton.ts"
2013
+ }
2014
+ },
2015
+ {
2016
+ "kind": "method",
2017
+ "name": "_handleClick",
2018
+ "privacy": "protected",
2019
+ "inheritedFrom": {
2020
+ "name": "TuixBaseButton",
2021
+ "module": "src/tuix-button/TuixBaseButton.ts"
2026
2022
  }
2027
2023
  },
2028
2024
  {
2029
- "name": "eventName",
2030
- "type": {
2031
- "text": "CustomEvent"
2025
+ "kind": "method",
2026
+ "name": "_iconTemplate",
2027
+ "privacy": "protected",
2028
+ "return": {
2029
+ "type": {
2030
+ "text": "TemplateResult"
2031
+ }
2032
+ },
2033
+ "parameters": [
2034
+ {
2035
+ "name": "iconName",
2036
+ "type": {
2037
+ "text": "IconName"
2038
+ }
2039
+ },
2040
+ {
2041
+ "name": "iconSize",
2042
+ "type": {
2043
+ "text": "IconSizeVariant"
2044
+ }
2045
+ }
2046
+ ],
2047
+ "inheritedFrom": {
2048
+ "name": "TuixBaseButton",
2049
+ "module": "src/tuix-button/TuixBaseButton.ts"
2032
2050
  }
2033
2051
  }
2034
2052
  ],
2035
2053
  "attributes": [
2036
2054
  {
2037
- "name": "value",
2038
- "type": {
2039
- "text": "TuixDropdownOption | undefined"
2040
- },
2041
- "default": "undefined",
2042
- "resolveInitializer": {
2043
- "module": "src/tuix-dropdown/TuixDropdown.ts"
2044
- },
2045
- "fieldName": "value"
2046
- },
2047
- {
2048
- "name": "options",
2049
- "type": {
2050
- "text": "TuixDropdownOption[]"
2051
- },
2052
- "default": "[]",
2053
- "fieldName": "options"
2054
- },
2055
- {
2056
- "name": "placeholder",
2057
- "type": {
2058
- "text": "string"
2059
- },
2060
- "default": "''",
2061
- "fieldName": "placeholder"
2055
+ "name": "icon",
2056
+ "fieldName": "icon"
2062
2057
  },
2063
2058
  {
2064
- "name": "title",
2065
- "type": {
2066
- "text": "string"
2067
- },
2068
- "default": "''",
2069
- "fieldName": "title"
2059
+ "name": "variant",
2060
+ "fieldName": "variant",
2061
+ "inheritedFrom": {
2062
+ "name": "TuixBaseButton",
2063
+ "module": "src/tuix-button/TuixBaseButton.ts"
2064
+ }
2070
2065
  },
2071
2066
  {
2072
2067
  "name": "disabled",
@@ -2074,7 +2069,11 @@
2074
2069
  "text": "boolean"
2075
2070
  },
2076
2071
  "default": "false",
2077
- "fieldName": "disabled"
2072
+ "fieldName": "disabled",
2073
+ "inheritedFrom": {
2074
+ "name": "TuixBaseButton",
2075
+ "module": "src/tuix-button/TuixBaseButton.ts"
2076
+ }
2078
2077
  },
2079
2078
  {
2080
2079
  "name": "dark",
@@ -2082,47 +2081,48 @@
2082
2081
  "text": "boolean"
2083
2082
  },
2084
2083
  "default": "false",
2085
- "fieldName": "dark"
2086
- },
2087
- {
2088
- "name": "description",
2089
- "type": {
2090
- "text": "string | undefined"
2091
- },
2092
- "fieldName": "description"
2093
- },
2094
- {
2095
- "name": "descriptionType",
2096
- "fieldName": "descriptionType"
2097
- },
2098
- {
2099
- "name": "type",
2100
- "fieldName": "type"
2084
+ "fieldName": "dark",
2085
+ "inheritedFrom": {
2086
+ "name": "TuixBaseButton",
2087
+ "module": "src/tuix-button/TuixBaseButton.ts"
2088
+ }
2101
2089
  }
2102
2090
  ],
2103
2091
  "superclass": {
2104
- "name": "LitElement",
2105
- "package": "lit"
2092
+ "name": "TuixBaseButton",
2093
+ "module": "/src/tuix-button/TuixBaseButton"
2106
2094
  },
2107
- "tagName": "tuix-dropdown",
2108
- "customElement": true
2095
+ "tagName": "tuix-icon-button",
2096
+ "customElement": true,
2097
+ "events": [
2098
+ {
2099
+ "name": "customClick",
2100
+ "type": {
2101
+ "text": "CustomEvent"
2102
+ },
2103
+ "inheritedFrom": {
2104
+ "name": "TuixBaseButton",
2105
+ "module": "src/tuix-button/TuixBaseButton.ts"
2106
+ }
2107
+ }
2108
+ ]
2109
2109
  }
2110
2110
  ],
2111
2111
  "exports": [
2112
2112
  {
2113
2113
  "kind": "js",
2114
- "name": "TuixDropdown",
2114
+ "name": "TuixIconButton",
2115
2115
  "declaration": {
2116
- "name": "TuixDropdown",
2117
- "module": "src/tuix-dropdown/TuixDropdown.ts"
2116
+ "name": "TuixIconButton",
2117
+ "module": "src/tuix-icon-button/TuixIconButton.ts"
2118
2118
  }
2119
2119
  },
2120
2120
  {
2121
2121
  "kind": "custom-element-definition",
2122
- "name": "tuix-dropdown",
2122
+ "name": "tuix-icon-button",
2123
2123
  "declaration": {
2124
- "name": "TuixDropdown",
2125
- "module": "src/tuix-dropdown/TuixDropdown.ts"
2124
+ "name": "TuixIconButton",
2125
+ "module": "src/tuix-icon-button/TuixIconButton.ts"
2126
2126
  }
2127
2127
  }
2128
2128
  ]
@@ -2144,7 +2144,7 @@
2144
2144
  {
2145
2145
  "kind": "variable",
2146
2146
  "name": "inputFontStyles",
2147
- "default": "css`\n .t-input::placeholder,\n .t-input,\n .t-title {\n font-size: var(--t-field-font-size);\n font-weight: var(--t-field-font-weight);\n line-height: var(--t-field-line-height);\n }\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1.125rem;\n --t-field-padding-y: 1.063rem;\n --t-field-padding-top: 1.5rem;\n }\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1rem;\n --t-field-padding-y: 1rem;\n --t-field-padding-top: 1.375rem;\n }\n }\n`"
2147
+ "default": "css`\n .t-input::placeholder,\n .t-input,\n .t-title {\n font-size: var(--t-field-font-size);\n font-weight: var(--t-field-font-weight);\n line-height: var(--t-field-line-height);\n }\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1.125rem;\n --t-field-padding-y: 1.063rem;\n --t-field-padding-top: 1.5rem;\n }\n }\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host {\n --t-field-font-size: 0.813rem;\n --t-field-line-height: 1rem;\n --t-field-padding-y: 1rem;\n --t-field-padding-top: 1.375rem;\n }\n }\n /* iOS Safari zooms into any focused field with text under 16px (also readonly ones,\n like the dropdown's), so keep at least 1rem there. Only iOS supports -webkit-touch-callout. */\n @supports (-webkit-touch-callout: none) {\n .t-input::placeholder,\n .t-input {\n font-size: max(1rem, var(--t-field-font-size));\n }\n }\n`"
2148
2148
  },
2149
2149
  {
2150
2150
  "kind": "variable",
@@ -4045,47 +4045,189 @@
4045
4045
  },
4046
4046
  {
4047
4047
  "kind": "variable",
4048
- "name": "textStyles",
4049
- "default": "css`\n ${unsafeCSS(`\n ${slottedClassName(TextSize.XXL)} {\n font-size: 6rem;\n font-weight: 600;\n line-height: 6.25rem;\n }\n ${slottedClassName(TextSize.XL)} {\n font-size: 3.375rem;\n font-weight: 600;\n line-height: 3.688rem;\n }\n\n ${slottedClassName(TextSize.L)} {\n font-size: 2.813rem;\n font-weight: 600;\n line-height: 3.375rem;\n }\n\n ${slottedClassName(TextSize.M)} {\n font-size: 2.313rem;\n font-weight: 600;\n line-height: 2.75rem;\n }\n\n ${slottedClassName(TextSize.S)} {\n font-size: 1.938rem;\n font-weight: 600;\n line-height: 2.313rem;\n }\n\n ${slottedClassName(TextSize.XS)} {\n font-size: 1.313rem;\n font-weight: 600;\n line-height: 1.563rem;\n }\n\n ${slottedClassName(TextSize.Body1)} {\n font-size: 1.125rem;\n font-weight: 300;\n line-height: 1.688rem;\n }\n\n ${slottedClassName(TextSize.Body2)} {\n font-size: 0.938rem;\n font-weight: 300;\n line-height: 1.313rem;\n }\n\n ${slottedClassName(TextSize.BulletList)} {\n font-size: 1.125rem;\n font-weight: 300;\n line-height: 1.375rem;\n }\n\n ${slottedClassName(TextSize.FieldPlaceholder)} {\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.25rem;\n }\n\n ${slottedClassName(TextSize.FieldTitle)} {\n font-size: 0.75rem;\n font-weight: 300;\n line-height: 0.875rem;\n }\n\n ${slottedClassName(TextSize.FieldDescription)} {\n font-size: 0.75rem;\n font-weight: 300;\n line-height: 0.875rem;\n }\n\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n ${slottedClassName(TextSize.XXL)} {\n font-size: 3rem;\n font-weight: 600;\n line-height: 3.3125rem;\n }\n ${slottedClassName(TextSize.XL)} {\n font-size: 3rem;\n line-height: 3.313rem;\n }\n ${slottedClassName(TextSize.L)} {\n font-size: 2.5rem;\n line-height: 3rem;\n }\n ${slottedClassName(TextSize.M)} {\n font-size: 2.063rem;\n line-height: 2.5rem;\n }\n ${slottedClassName(TextSize.S)} {\n font-size: 1.75rem;\n line-height: 2.125rem;\n }\n ${slottedClassName(TextSize.XS)} {\n font-size: 1.188rem;\n line-height: 1.438rem;\n }\n\n ${slottedClassName(TextSize.Body1)} {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n ${slottedClassName(TextSize.Body2)} {\n font-size: 0.875rem;\n line-height: 1.125rem;\n }\n\n ${slottedClassName(TextSize.BulletList)} {\n font-size: 1rem;\n line-height: 1.1875rem;\n }\n\n ${slottedClassName(TextSize.FieldPlaceholder)} {\n font-size: 0.938rem;\n line-height: 1.125rem;\n }\n }\n\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n ${slottedClassName(TextSize.XXL)} {\n font-size: 1.8125rem;\n font-weight: 600;\n line-height: 2rem;\n }\n ${slottedClassName(TextSize.XL)} {\n font-size: 2.625rem;\n line-height: 2.875rem;\n }\n ${slottedClassName(TextSize.L)} {\n font-size: 2.188rem;\n line-height: 2.4375rem;\n }\n ${slottedClassName(TextSize.M)} {\n font-size: 1.813rem;\n line-height: 2rem;\n }\n ${slottedClassName(TextSize.S)} {\n font-size: 1.5rem;\n line-height: 1.625rem;\n }\n ${slottedClassName(TextSize.XS)} {\n font-size: 1.063rem;\n line-height: 1.1875rem;\n }\n ${slottedClassName(TextSize.Body1)} {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1.313rem;\n }\n ${slottedClassName(TextSize.Body2)} {\n font-size: 0.75rem;\n line-height: 1rem;\n }\n ${slottedClassName(TextSize.BulletList)} {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1.0625rem;\n }\n ${slottedClassName(TextSize.FieldPlaceholder)} {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1rem;\n }\n }\n`)}\n`"
4048
+ "name": "textStyles",
4049
+ "default": "css`\n ${unsafeCSS(`\n ${slottedClassName(TextSize.XXL)} {\n font-size: 6rem;\n font-weight: 600;\n line-height: 6.25rem;\n }\n ${slottedClassName(TextSize.XL)} {\n font-size: 3.375rem;\n font-weight: 600;\n line-height: 3.688rem;\n }\n\n ${slottedClassName(TextSize.L)} {\n font-size: 2.813rem;\n font-weight: 600;\n line-height: 3.375rem;\n }\n\n ${slottedClassName(TextSize.M)} {\n font-size: 2.313rem;\n font-weight: 600;\n line-height: 2.75rem;\n }\n\n ${slottedClassName(TextSize.S)} {\n font-size: 1.938rem;\n font-weight: 600;\n line-height: 2.313rem;\n }\n\n ${slottedClassName(TextSize.XS)} {\n font-size: 1.313rem;\n font-weight: 600;\n line-height: 1.563rem;\n }\n\n ${slottedClassName(TextSize.Body1)} {\n font-size: 1.125rem;\n font-weight: 300;\n line-height: 1.688rem;\n }\n\n ${slottedClassName(TextSize.Body2)} {\n font-size: 0.938rem;\n font-weight: 300;\n line-height: 1.313rem;\n }\n\n ${slottedClassName(TextSize.BulletList)} {\n font-size: 1.125rem;\n font-weight: 300;\n line-height: 1.375rem;\n }\n\n ${slottedClassName(TextSize.FieldPlaceholder)} {\n font-size: 1rem;\n font-weight: 300;\n line-height: 1.25rem;\n }\n\n ${slottedClassName(TextSize.FieldTitle)} {\n font-size: 0.75rem;\n font-weight: 300;\n line-height: 0.875rem;\n }\n\n ${slottedClassName(TextSize.FieldDescription)} {\n font-size: 0.75rem;\n font-weight: 300;\n line-height: 0.875rem;\n }\n\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n ${slottedClassName(TextSize.XXL)} {\n font-size: 3rem;\n font-weight: 600;\n line-height: 3.3125rem;\n }\n ${slottedClassName(TextSize.XL)} {\n font-size: 3rem;\n line-height: 3.313rem;\n }\n ${slottedClassName(TextSize.L)} {\n font-size: 2.5rem;\n line-height: 3rem;\n }\n ${slottedClassName(TextSize.M)} {\n font-size: 2.063rem;\n line-height: 2.5rem;\n }\n ${slottedClassName(TextSize.S)} {\n font-size: 1.75rem;\n line-height: 2.125rem;\n }\n ${slottedClassName(TextSize.XS)} {\n font-size: 1.188rem;\n line-height: 1.438rem;\n }\n\n ${slottedClassName(TextSize.Body1)} {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n\n ${slottedClassName(TextSize.Body2)} {\n font-size: 0.875rem;\n line-height: 1.125rem;\n }\n\n ${slottedClassName(TextSize.BulletList)} {\n font-size: 1rem;\n line-height: 1.1875rem;\n }\n\n ${slottedClassName(TextSize.FieldPlaceholder)} {\n font-size: 0.938rem;\n line-height: 1.125rem;\n }\n }\n\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n ${slottedClassName(TextSize.XXL)} {\n font-size: 1.8125rem;\n font-weight: 600;\n line-height: 2rem;\n }\n ${slottedClassName(TextSize.XL)} {\n font-size: 2.625rem;\n line-height: 2.875rem;\n }\n ${slottedClassName(TextSize.L)} {\n font-size: 2.188rem;\n line-height: 2.4375rem;\n }\n ${slottedClassName(TextSize.M)} {\n font-size: 1.813rem;\n line-height: 2rem;\n }\n ${slottedClassName(TextSize.S)} {\n font-size: 1.5rem;\n line-height: 1.625rem;\n }\n ${slottedClassName(TextSize.XS)} {\n font-size: 1.063rem;\n line-height: 1.1875rem;\n }\n ${slottedClassName(TextSize.Body1)} {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1.313rem;\n }\n ${slottedClassName(TextSize.Body2)} {\n font-size: 0.75rem;\n line-height: 1rem;\n }\n ${slottedClassName(TextSize.BulletList)} {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1.0625rem;\n }\n ${slottedClassName(TextSize.FieldPlaceholder)} {\n font-size: 0.875rem;\n font-weight: 300;\n line-height: 1rem;\n }\n }\n`)}\n`"
4050
+ }
4051
+ ],
4052
+ "exports": [
4053
+ {
4054
+ "kind": "js",
4055
+ "name": "linkFontStyles",
4056
+ "declaration": {
4057
+ "name": "linkFontStyles",
4058
+ "module": "src/tuix-text/TuixText.styles.ts"
4059
+ }
4060
+ },
4061
+ {
4062
+ "kind": "js",
4063
+ "name": "textStyles",
4064
+ "declaration": {
4065
+ "name": "textStyles",
4066
+ "module": "src/tuix-text/TuixText.styles.ts"
4067
+ }
4068
+ }
4069
+ ]
4070
+ },
4071
+ {
4072
+ "kind": "javascript-module",
4073
+ "path": "src/tuix-text/TuixText.ts",
4074
+ "declarations": [
4075
+ {
4076
+ "kind": "class",
4077
+ "description": "",
4078
+ "name": "TuixText",
4079
+ "members": [
4080
+ {
4081
+ "kind": "field",
4082
+ "name": "size",
4083
+ "attribute": "size"
4084
+ },
4085
+ {
4086
+ "kind": "field",
4087
+ "name": "color",
4088
+ "attribute": "color"
4089
+ },
4090
+ {
4091
+ "kind": "field",
4092
+ "name": "dark",
4093
+ "type": {
4094
+ "text": "boolean"
4095
+ },
4096
+ "default": "false",
4097
+ "attribute": "dark",
4098
+ "reflects": true
4099
+ },
4100
+ {
4101
+ "kind": "method",
4102
+ "name": "_getTextColor",
4103
+ "privacy": "private"
4104
+ },
4105
+ {
4106
+ "kind": "field",
4107
+ "name": "_getStyleMap",
4108
+ "privacy": "private"
4109
+ },
4110
+ {
4111
+ "kind": "field",
4112
+ "name": "_getClassMap",
4113
+ "privacy": "private"
4114
+ }
4115
+ ],
4116
+ "attributes": [
4117
+ {
4118
+ "name": "size",
4119
+ "fieldName": "size"
4120
+ },
4121
+ {
4122
+ "name": "color",
4123
+ "fieldName": "color"
4124
+ },
4125
+ {
4126
+ "name": "dark",
4127
+ "type": {
4128
+ "text": "boolean"
4129
+ },
4130
+ "default": "false",
4131
+ "fieldName": "dark"
4132
+ }
4133
+ ],
4134
+ "superclass": {
4135
+ "name": "LitElement",
4136
+ "package": "lit"
4137
+ },
4138
+ "tagName": "tuix-text",
4139
+ "customElement": true
4140
+ }
4141
+ ],
4142
+ "exports": [
4143
+ {
4144
+ "kind": "js",
4145
+ "name": "TuixText",
4146
+ "declaration": {
4147
+ "name": "TuixText",
4148
+ "module": "src/tuix-text/TuixText.ts"
4149
+ }
4150
+ },
4151
+ {
4152
+ "kind": "custom-element-definition",
4153
+ "name": "tuix-text",
4154
+ "declaration": {
4155
+ "name": "TuixText",
4156
+ "module": "src/tuix-text/TuixText.ts"
4157
+ }
4158
+ }
4159
+ ]
4160
+ },
4161
+ {
4162
+ "kind": "javascript-module",
4163
+ "path": "src/tuix-toast/TuixToast.styles.ts",
4164
+ "declarations": [
4165
+ {
4166
+ "kind": "variable",
4167
+ "name": "commonToastStyles",
4168
+ "default": "css`\n :host {\n position: fixed;\n bottom: -100%;\n left: 50%;\n transform: translateX(-50%);\n transition: bottom 600ms linear;\n width: 640px;\n z-index: 99;\n }\n\n :host([type='text']),\n :host([type='warning']),\n :host([type='error']),\n :host([type='success']) {\n bottom: 1.5rem;\n }\n\n .toast-container {\n padding: 12px 16px;\n display: flex;\n gap: 16px;\n align-items: center;\n border-radius: 4px;\n }\n`"
4169
+ },
4170
+ {
4171
+ "kind": "variable",
4172
+ "name": "tabletToastStyles",
4173
+ "default": "css`\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host {\n width: 520px;\n }\n }\n`"
4174
+ },
4175
+ {
4176
+ "kind": "variable",
4177
+ "name": "mobileToastStyles",
4178
+ "default": "css`\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host {\n max-width: 343px;\n width: 90%;\n }\n }\n`"
4050
4179
  }
4051
4180
  ],
4052
4181
  "exports": [
4053
4182
  {
4054
4183
  "kind": "js",
4055
- "name": "linkFontStyles",
4184
+ "name": "commonToastStyles",
4056
4185
  "declaration": {
4057
- "name": "linkFontStyles",
4058
- "module": "src/tuix-text/TuixText.styles.ts"
4186
+ "name": "commonToastStyles",
4187
+ "module": "src/tuix-toast/TuixToast.styles.ts"
4059
4188
  }
4060
4189
  },
4061
4190
  {
4062
4191
  "kind": "js",
4063
- "name": "textStyles",
4192
+ "name": "tabletToastStyles",
4064
4193
  "declaration": {
4065
- "name": "textStyles",
4066
- "module": "src/tuix-text/TuixText.styles.ts"
4194
+ "name": "tabletToastStyles",
4195
+ "module": "src/tuix-toast/TuixToast.styles.ts"
4196
+ }
4197
+ },
4198
+ {
4199
+ "kind": "js",
4200
+ "name": "mobileToastStyles",
4201
+ "declaration": {
4202
+ "name": "mobileToastStyles",
4203
+ "module": "src/tuix-toast/TuixToast.styles.ts"
4067
4204
  }
4068
4205
  }
4069
4206
  ]
4070
4207
  },
4071
4208
  {
4072
4209
  "kind": "javascript-module",
4073
- "path": "src/tuix-text/TuixText.ts",
4210
+ "path": "src/tuix-toast/TuixToast.ts",
4074
4211
  "declarations": [
4075
4212
  {
4076
4213
  "kind": "class",
4077
4214
  "description": "",
4078
- "name": "TuixText",
4215
+ "name": "TuixToast",
4079
4216
  "members": [
4080
4217
  {
4081
4218
  "kind": "field",
4082
- "name": "size",
4083
- "attribute": "size"
4219
+ "name": "type",
4220
+ "attribute": "type",
4221
+ "reflects": true
4084
4222
  },
4085
4223
  {
4086
4224
  "kind": "field",
4087
- "name": "color",
4088
- "attribute": "color"
4225
+ "name": "visibilityDuration",
4226
+ "type": {
4227
+ "text": "number"
4228
+ },
4229
+ "default": "4000",
4230
+ "attribute": "visibility-duration"
4089
4231
  },
4090
4232
  {
4091
4233
  "kind": "field",
@@ -4097,9 +4239,19 @@
4097
4239
  "attribute": "dark",
4098
4240
  "reflects": true
4099
4241
  },
4242
+ {
4243
+ "kind": "field",
4244
+ "name": "lastType",
4245
+ "default": "ToastType.SUCCESS"
4246
+ },
4100
4247
  {
4101
4248
  "kind": "method",
4102
- "name": "_getTextColor",
4249
+ "name": "_handleOnClose",
4250
+ "privacy": "private"
4251
+ },
4252
+ {
4253
+ "kind": "field",
4254
+ "name": "_saveType",
4103
4255
  "privacy": "private"
4104
4256
  },
4105
4257
  {
@@ -4109,18 +4261,30 @@
4109
4261
  },
4110
4262
  {
4111
4263
  "kind": "field",
4112
- "name": "_getClassMap",
4264
+ "name": "_getIcon",
4113
4265
  "privacy": "private"
4114
4266
  }
4115
4267
  ],
4268
+ "events": [
4269
+ {
4270
+ "name": "on-close",
4271
+ "type": {
4272
+ "text": "CustomEvent"
4273
+ }
4274
+ }
4275
+ ],
4116
4276
  "attributes": [
4117
4277
  {
4118
- "name": "size",
4119
- "fieldName": "size"
4278
+ "name": "type",
4279
+ "fieldName": "type"
4120
4280
  },
4121
4281
  {
4122
- "name": "color",
4123
- "fieldName": "color"
4282
+ "name": "visibility-duration",
4283
+ "type": {
4284
+ "text": "number"
4285
+ },
4286
+ "default": "4000",
4287
+ "fieldName": "visibilityDuration"
4124
4288
  },
4125
4289
  {
4126
4290
  "name": "dark",
@@ -4135,25 +4299,25 @@
4135
4299
  "name": "LitElement",
4136
4300
  "package": "lit"
4137
4301
  },
4138
- "tagName": "tuix-text",
4302
+ "tagName": "tuix-toast",
4139
4303
  "customElement": true
4140
4304
  }
4141
4305
  ],
4142
4306
  "exports": [
4143
4307
  {
4144
4308
  "kind": "js",
4145
- "name": "TuixText",
4309
+ "name": "TuixToast",
4146
4310
  "declaration": {
4147
- "name": "TuixText",
4148
- "module": "src/tuix-text/TuixText.ts"
4311
+ "name": "TuixToast",
4312
+ "module": "src/tuix-toast/TuixToast.ts"
4149
4313
  }
4150
4314
  },
4151
4315
  {
4152
4316
  "kind": "custom-element-definition",
4153
- "name": "tuix-text",
4317
+ "name": "tuix-toast",
4154
4318
  "declaration": {
4155
- "name": "TuixText",
4156
- "module": "src/tuix-text/TuixText.ts"
4319
+ "name": "TuixToast",
4320
+ "module": "src/tuix-toast/TuixToast.ts"
4157
4321
  }
4158
4322
  }
4159
4323
  ]
@@ -4344,208 +4508,44 @@
4344
4508
  "fieldName": "dark"
4345
4509
  },
4346
4510
  {
4347
- "name": "label",
4348
- "type": {
4349
- "text": "string"
4350
- },
4351
- "default": "''",
4352
- "fieldName": "label"
4353
- },
4354
- {
4355
- "name": "labelSide",
4356
- "type": {
4357
- "text": "CheckboxLabelSide"
4358
- },
4359
- "fieldName": "labelSide"
4360
- }
4361
- ],
4362
- "superclass": {
4363
- "name": "LitElement",
4364
- "package": "lit"
4365
- },
4366
- "tagName": "tuix-toggle-button",
4367
- "customElement": true
4368
- }
4369
- ],
4370
- "exports": [
4371
- {
4372
- "kind": "js",
4373
- "name": "TuixToggleButton",
4374
- "declaration": {
4375
- "name": "TuixToggleButton",
4376
- "module": "src/tuix-toggle-button/TuixToggleButton.ts"
4377
- }
4378
- },
4379
- {
4380
- "kind": "custom-element-definition",
4381
- "name": "tuix-toggle-button",
4382
- "declaration": {
4383
- "name": "TuixToggleButton",
4384
- "module": "src/tuix-toggle-button/TuixToggleButton.ts"
4385
- }
4386
- }
4387
- ]
4388
- },
4389
- {
4390
- "kind": "javascript-module",
4391
- "path": "src/tuix-toast/TuixToast.styles.ts",
4392
- "declarations": [
4393
- {
4394
- "kind": "variable",
4395
- "name": "commonToastStyles",
4396
- "default": "css`\n :host {\n position: fixed;\n bottom: -100%;\n left: 50%;\n transform: translateX(-50%);\n transition: bottom 600ms linear;\n width: 640px;\n z-index: 99;\n }\n\n :host([type='text']),\n :host([type='warning']),\n :host([type='error']),\n :host([type='success']) {\n bottom: 1.5rem;\n }\n\n .toast-container {\n padding: 12px 16px;\n display: flex;\n gap: 16px;\n align-items: center;\n border-radius: 4px;\n }\n`"
4397
- },
4398
- {
4399
- "kind": "variable",
4400
- "name": "tabletToastStyles",
4401
- "default": "css`\n @media only screen and (max-width: ${ScreenSizes.TABLET}px) {\n :host {\n width: 520px;\n }\n }\n`"
4402
- },
4403
- {
4404
- "kind": "variable",
4405
- "name": "mobileToastStyles",
4406
- "default": "css`\n @media only screen and (max-width: ${ScreenSizes.MOBILE}px) {\n :host {\n max-width: 343px;\n width: 90%;\n }\n }\n`"
4407
- }
4408
- ],
4409
- "exports": [
4410
- {
4411
- "kind": "js",
4412
- "name": "commonToastStyles",
4413
- "declaration": {
4414
- "name": "commonToastStyles",
4415
- "module": "src/tuix-toast/TuixToast.styles.ts"
4416
- }
4417
- },
4418
- {
4419
- "kind": "js",
4420
- "name": "tabletToastStyles",
4421
- "declaration": {
4422
- "name": "tabletToastStyles",
4423
- "module": "src/tuix-toast/TuixToast.styles.ts"
4424
- }
4425
- },
4426
- {
4427
- "kind": "js",
4428
- "name": "mobileToastStyles",
4429
- "declaration": {
4430
- "name": "mobileToastStyles",
4431
- "module": "src/tuix-toast/TuixToast.styles.ts"
4432
- }
4433
- }
4434
- ]
4435
- },
4436
- {
4437
- "kind": "javascript-module",
4438
- "path": "src/tuix-toast/TuixToast.ts",
4439
- "declarations": [
4440
- {
4441
- "kind": "class",
4442
- "description": "",
4443
- "name": "TuixToast",
4444
- "members": [
4445
- {
4446
- "kind": "field",
4447
- "name": "type",
4448
- "attribute": "type",
4449
- "reflects": true
4450
- },
4451
- {
4452
- "kind": "field",
4453
- "name": "visibilityDuration",
4454
- "type": {
4455
- "text": "number"
4456
- },
4457
- "default": "4000",
4458
- "attribute": "visibility-duration"
4459
- },
4460
- {
4461
- "kind": "field",
4462
- "name": "dark",
4463
- "type": {
4464
- "text": "boolean"
4465
- },
4466
- "default": "false",
4467
- "attribute": "dark",
4468
- "reflects": true
4469
- },
4470
- {
4471
- "kind": "field",
4472
- "name": "lastType",
4473
- "default": "ToastType.SUCCESS"
4474
- },
4475
- {
4476
- "kind": "method",
4477
- "name": "_handleOnClose",
4478
- "privacy": "private"
4479
- },
4480
- {
4481
- "kind": "field",
4482
- "name": "_saveType",
4483
- "privacy": "private"
4484
- },
4485
- {
4486
- "kind": "field",
4487
- "name": "_getStyleMap",
4488
- "privacy": "private"
4489
- },
4490
- {
4491
- "kind": "field",
4492
- "name": "_getIcon",
4493
- "privacy": "private"
4494
- }
4495
- ],
4496
- "events": [
4497
- {
4498
- "name": "on-close",
4499
- "type": {
4500
- "text": "CustomEvent"
4501
- }
4502
- }
4503
- ],
4504
- "attributes": [
4505
- {
4506
- "name": "type",
4507
- "fieldName": "type"
4508
- },
4509
- {
4510
- "name": "visibility-duration",
4511
+ "name": "label",
4511
4512
  "type": {
4512
- "text": "number"
4513
+ "text": "string"
4513
4514
  },
4514
- "default": "4000",
4515
- "fieldName": "visibilityDuration"
4515
+ "default": "''",
4516
+ "fieldName": "label"
4516
4517
  },
4517
4518
  {
4518
- "name": "dark",
4519
+ "name": "labelSide",
4519
4520
  "type": {
4520
- "text": "boolean"
4521
+ "text": "CheckboxLabelSide"
4521
4522
  },
4522
- "default": "false",
4523
- "fieldName": "dark"
4523
+ "fieldName": "labelSide"
4524
4524
  }
4525
4525
  ],
4526
4526
  "superclass": {
4527
4527
  "name": "LitElement",
4528
4528
  "package": "lit"
4529
4529
  },
4530
- "tagName": "tuix-toast",
4530
+ "tagName": "tuix-toggle-button",
4531
4531
  "customElement": true
4532
4532
  }
4533
4533
  ],
4534
4534
  "exports": [
4535
4535
  {
4536
4536
  "kind": "js",
4537
- "name": "TuixToast",
4537
+ "name": "TuixToggleButton",
4538
4538
  "declaration": {
4539
- "name": "TuixToast",
4540
- "module": "src/tuix-toast/TuixToast.ts"
4539
+ "name": "TuixToggleButton",
4540
+ "module": "src/tuix-toggle-button/TuixToggleButton.ts"
4541
4541
  }
4542
4542
  },
4543
4543
  {
4544
4544
  "kind": "custom-element-definition",
4545
- "name": "tuix-toast",
4545
+ "name": "tuix-toggle-button",
4546
4546
  "declaration": {
4547
- "name": "TuixToast",
4548
- "module": "src/tuix-toast/TuixToast.ts"
4547
+ "name": "TuixToggleButton",
4548
+ "module": "src/tuix-toggle-button/TuixToggleButton.ts"
4549
4549
  }
4550
4550
  }
4551
4551
  ]
@@ -4640,6 +4640,12 @@
4640
4640
  }
4641
4641
  ]
4642
4642
  },
4643
+ {
4644
+ "kind": "javascript-module",
4645
+ "path": "src/tuix-button/interfaces/tuix-button.interface.ts",
4646
+ "declarations": [],
4647
+ "exports": []
4648
+ },
4643
4649
  {
4644
4650
  "kind": "javascript-module",
4645
4651
  "path": "src/tuix-button/stories/tuix-button.stories.ts",
@@ -4680,12 +4686,6 @@
4680
4686
  }
4681
4687
  ]
4682
4688
  },
4683
- {
4684
- "kind": "javascript-module",
4685
- "path": "src/tuix-button/interfaces/tuix-button.interface.ts",
4686
- "declarations": [],
4687
- "exports": []
4688
- },
4689
4689
  {
4690
4690
  "kind": "javascript-module",
4691
4691
  "path": "src/tuix-checkbox/enums/tuix-checkbox.enums.ts",
@@ -4774,31 +4774,19 @@
4774
4774
  },
4775
4775
  {
4776
4776
  "kind": "javascript-module",
4777
- "path": "src/tuix-icon/enums/tuix-icon.enums.ts",
4778
- "declarations": [
4779
- {
4780
- "kind": "variable",
4781
- "name": "iconSize",
4782
- "type": {
4783
- "text": "Record<IconSizeVariant, string>"
4784
- },
4785
- "default": "{\n [IconSizeVariant.SMALL]: '16px',\n [IconSizeVariant.MEDIUM]: '24px',\n [IconSizeVariant.LARGE]: '32px',\n [IconSizeVariant.FULL]: '100%',\n}"
4786
- }
4787
- ],
4788
- "exports": [
4789
- {
4790
- "kind": "js",
4791
- "name": "iconSize",
4792
- "declaration": {
4793
- "name": "iconSize",
4794
- "module": "src/tuix-icon/enums/tuix-icon.enums.ts"
4795
- }
4796
- }
4797
- ]
4777
+ "path": "src/tuix-dropdown/enums/tuix-dropdown.enums.ts",
4778
+ "declarations": [],
4779
+ "exports": []
4798
4780
  },
4799
4781
  {
4800
4782
  "kind": "javascript-module",
4801
- "path": "src/tuix-icon/stories/tuix-icon.stories.ts",
4783
+ "path": "src/tuix-dropdown/interfaces/tuix-dropdown.interface.ts",
4784
+ "declarations": [],
4785
+ "exports": []
4786
+ },
4787
+ {
4788
+ "kind": "javascript-module",
4789
+ "path": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts",
4802
4790
  "declarations": [
4803
4791
  {
4804
4792
  "kind": "variable",
@@ -4806,15 +4794,15 @@
4806
4794
  "type": {
4807
4795
  "text": "object"
4808
4796
  },
4809
- "default": "{\n title: 'TuixIcon',\n component: 'tuix-icon',\n argTypes: {\n name: {\n control: 'select',\n options: Object.values(IconName),\n },\n size: {\n control: 'select',\n options: Object.values(IconSizeVariant),\n },\n color: {\n control: 'select',\n options: [...Object.keys(Palette), ...Object.values(TextVariant)],\n },\n fill: {\n control: 'select',\n options: [...Object.keys(Palette), ...Object.values(TextVariant), null],\n },\n dark: {\n control: 'boolean',\n },\n },\n render: (args: ArgTypes) => html`\n <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-icon\n name=\"${args.name}\"\n size=\"${args.size}\"\n color=\"${args.color}\"\n ?dark=\"${args.dark}\"\n fill=\"${args.fill}\"\n >\n </tuix-icon>\n </div>\n `,\n}"
4797
+ "default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: {\n control: 'object',\n },\n options: {\n control: 'object',\n },\n disabled: {\n control: 'boolean',\n },\n placeholder: {\n control: 'text',\n },\n title: {\n control: 'text',\n },\n description: {\n control: 'text',\n },\n descriptionType: {\n control: 'select',\n options: [...Object.values(DescriptionType), null],\n },\n dark: {\n control: 'boolean',\n },\n type: {\n control: 'select',\n options: [...Object.values(DropdownType)],\n },\n onInputSingle: { action: 'input-single' },\n onSelect: { action: 'select' },\n },\n render: (args: ArgTypes) => html` <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-dropdown\n ?disabled=\"${args.disabled}\"\n .value=\"${args.value}\"\n .options=\"${args.options}\"\n placeholder=\"${args.placeholder}\"\n title=\"${args.title}\"\n .description=\"${args.description}\"\n descriptionType=\"${args.descriptionType}\"\n ?dark=\"${args.dark}\"\n .type=\"${args.type}\"\n @input-single=\"${args.onInputSingle}\"\n @select=\"${args.onSelect}\"\n >\n </tuix-dropdown>\n </div>`,\n}"
4810
4798
  },
4811
4799
  {
4812
4800
  "kind": "variable",
4813
- "name": "regularIcon",
4801
+ "name": "tuixDropdownObjectList",
4814
4802
  "type": {
4815
4803
  "text": "Story"
4816
4804
  },
4817
- "default": "{\n args: {\n ...defaultValues,\n },\n}"
4805
+ "default": "{\n args: {\n value: '458ac6ca-9a57-48c5-8abf-768460397607',\n // value: { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397601' }, // This works too\n disabled: false,\n title: 'Title',\n dark: false,\n options: [\n { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397601' },\n { name: 'orange', value: '458ac6ca-9a57-48c5-8abf-768460397602' },\n { name: 'tomato', value: '458ac6ca-9a57-48c5-8abf-768460397603' },\n { name: 'apple2', value: '458ac6ca-9a57-48c5-8abf-768460397604' },\n { name: 'orange2', value: '458ac6ca-9a57-48c5-8abf-768460397605' },\n { name: 'tomato2', value: '458ac6ca-9a57-48c5-8abf-768460397606' },\n { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397607' },\n { name: 'orange', value: '458ac6ca-9a57-48c5-8abf-768460397608' },\n { name: 'tomato', value: '458ac6ca-9a57-48c5-8abf-768460397609' },\n ],\n type: DropdownType.SEARCH,\n },\n}"
4818
4806
  }
4819
4807
  ],
4820
4808
  "exports": [
@@ -4823,22 +4811,22 @@
4823
4811
  "name": "default",
4824
4812
  "declaration": {
4825
4813
  "name": "meta",
4826
- "module": "src/tuix-icon/stories/tuix-icon.stories.ts"
4814
+ "module": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts"
4827
4815
  }
4828
4816
  },
4829
4817
  {
4830
4818
  "kind": "js",
4831
- "name": "regularIcon",
4819
+ "name": "tuixDropdownObjectList",
4832
4820
  "declaration": {
4833
- "name": "regularIcon",
4834
- "module": "src/tuix-icon/stories/tuix-icon.stories.ts"
4821
+ "name": "tuixDropdownObjectList",
4822
+ "module": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts"
4835
4823
  }
4836
4824
  }
4837
4825
  ]
4838
4826
  },
4839
4827
  {
4840
4828
  "kind": "javascript-module",
4841
- "path": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts",
4829
+ "path": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts",
4842
4830
  "declarations": [
4843
4831
  {
4844
4832
  "kind": "variable",
@@ -4846,15 +4834,15 @@
4846
4834
  "type": {
4847
4835
  "text": "object"
4848
4836
  },
4849
- "default": "{\n title: 'TuixIconButton',\n component: 'tuix-icon-button',\n argTypes: {\n variant: {\n control: 'inline-radio',\n options: Object.values(MainVariant),\n },\n icon: {\n control: 'select',\n options: Object.values(IconName),\n },\n disabled: {\n control: 'boolean',\n },\n dark: {\n control: 'boolean',\n },\n onClick: { action: 'customClick' },\n },\n render: (args: ArgTypes) => html`\n <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-icon-button\n variant=\"${args.variant}\"\n icon=\"${args.icon}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n @customClick=\"${args.onClick}\"\n />\n </div>\n `,\n}"
4837
+ "default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: { control: 'text' },\n\n options: {\n control: 'select',\n options: ['fruits', 'countries'],\n mapping: {\n fruits: fruits,\n countries: countryPhoneArray,\n },\n },\n disabled: {\n control: 'boolean',\n },\n placeholder: { control: 'text' },\n title: { control: 'text' },\n description: { control: 'text' },\n descriptionType: {\n control: 'select',\n options: [...Object.values(DescriptionType), null],\n },\n dark: {\n control: 'boolean',\n },\n type: {\n control: 'select',\n options: [...Object.values(DropdownType)],\n },\n onInputSingle: { action: 'input-single' },\n onSelect: { action: 'select' },\n },\n render: (args: ArgTypes) => html`<div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-dropdown\n ?disabled=\"${args.disabled}\"\n .value=\"${args.value}\"\n .options=\"${args.options}\"\n placeholder=\"${args.placeholder}\"\n title=\"${args.title}\"\n .description=\"${args.description}\"\n descriptionType=\"${args.descriptionType}\"\n ?dark=\"${args.dark}\"\n .type=\"${args.type}\"\n @input-single=\"${args.onInputSingle}\"\n @select=\"${args.onSelect}\"\n >\n </tuix-dropdown>\n </div>`,\n}"
4850
4838
  },
4851
4839
  {
4852
4840
  "kind": "variable",
4853
- "name": "iconButton",
4841
+ "name": "tuixDropdownExample",
4854
4842
  "type": {
4855
4843
  "text": "Story"
4856
4844
  },
4857
- "default": "{\n args: {\n variant: MainVariant.PRIMARY,\n icon: IconName.ARROW_DOWN,\n disabled: false,\n dark: false,\n },\n}"
4845
+ "default": "{\n args: {\n value: 'apple2',\n disabled: false,\n title: 'Title',\n dark: false,\n options: [\n 'apple',\n 'orange',\n 'tomato',\n 'apple2',\n 'orange2',\n 'tomato2',\n 'apple3',\n 'orange3',\n 'tomato3',\n ],\n type: DropdownType.SINGLE,\n },\n}"
4858
4846
  }
4859
4847
  ],
4860
4848
  "exports": [
@@ -4863,34 +4851,46 @@
4863
4851
  "name": "default",
4864
4852
  "declaration": {
4865
4853
  "name": "meta",
4866
- "module": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts"
4854
+ "module": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts"
4867
4855
  }
4868
4856
  },
4869
4857
  {
4870
4858
  "kind": "js",
4871
- "name": "iconButton",
4859
+ "name": "tuixDropdownExample",
4872
4860
  "declaration": {
4873
- "name": "iconButton",
4874
- "module": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts"
4861
+ "name": "tuixDropdownExample",
4862
+ "module": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts"
4875
4863
  }
4876
4864
  }
4877
4865
  ]
4878
4866
  },
4879
4867
  {
4880
4868
  "kind": "javascript-module",
4881
- "path": "src/tuix-dropdown/enums/tuix-dropdown.enums.ts",
4882
- "declarations": [],
4883
- "exports": []
4884
- },
4885
- {
4886
- "kind": "javascript-module",
4887
- "path": "src/tuix-dropdown/interfaces/tuix-dropdown.interface.ts",
4888
- "declarations": [],
4889
- "exports": []
4869
+ "path": "src/tuix-icon/enums/tuix-icon.enums.ts",
4870
+ "declarations": [
4871
+ {
4872
+ "kind": "variable",
4873
+ "name": "iconSize",
4874
+ "type": {
4875
+ "text": "Record<IconSizeVariant, string>"
4876
+ },
4877
+ "default": "{\n [IconSizeVariant.SMALL]: '16px',\n [IconSizeVariant.MEDIUM]: '24px',\n [IconSizeVariant.LARGE]: '32px',\n [IconSizeVariant.FULL]: '100%',\n}"
4878
+ }
4879
+ ],
4880
+ "exports": [
4881
+ {
4882
+ "kind": "js",
4883
+ "name": "iconSize",
4884
+ "declaration": {
4885
+ "name": "iconSize",
4886
+ "module": "src/tuix-icon/enums/tuix-icon.enums.ts"
4887
+ }
4888
+ }
4889
+ ]
4890
4890
  },
4891
4891
  {
4892
4892
  "kind": "javascript-module",
4893
- "path": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts",
4893
+ "path": "src/tuix-icon/stories/tuix-icon.stories.ts",
4894
4894
  "declarations": [
4895
4895
  {
4896
4896
  "kind": "variable",
@@ -4898,15 +4898,15 @@
4898
4898
  "type": {
4899
4899
  "text": "object"
4900
4900
  },
4901
- "default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: {\n control: 'object',\n },\n options: {\n control: 'object',\n },\n disabled: {\n control: 'boolean',\n },\n placeholder: {\n control: 'text',\n },\n title: {\n control: 'text',\n },\n description: {\n control: 'text',\n },\n descriptionType: {\n control: 'select',\n options: [...Object.values(DescriptionType), null],\n },\n dark: {\n control: 'boolean',\n },\n type: {\n control: 'select',\n options: [...Object.values(DropdownType)],\n },\n onInputSingle: { action: 'input-single' },\n onSelect: { action: 'select' },\n },\n render: (args: ArgTypes) => html` <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-dropdown\n ?disabled=\"${args.disabled}\"\n .value=\"${args.value}\"\n .options=\"${args.options}\"\n placeholder=\"${args.placeholder}\"\n title=\"${args.title}\"\n .description=\"${args.description}\"\n descriptionType=\"${args.descriptionType}\"\n ?dark=\"${args.dark}\"\n .type=\"${args.type}\"\n @input-single=\"${args.onInputSingle}\"\n @select=\"${args.onSelect}\"\n >\n </tuix-dropdown>\n </div>`,\n}"
4901
+ "default": "{\n title: 'TuixIcon',\n component: 'tuix-icon',\n argTypes: {\n name: {\n control: 'select',\n options: Object.values(IconName),\n },\n size: {\n control: 'select',\n options: Object.values(IconSizeVariant),\n },\n color: {\n control: 'select',\n options: [...Object.keys(Palette), ...Object.values(TextVariant)],\n },\n fill: {\n control: 'select',\n options: [...Object.keys(Palette), ...Object.values(TextVariant), null],\n },\n dark: {\n control: 'boolean',\n },\n },\n render: (args: ArgTypes) => html`\n <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-icon\n name=\"${args.name}\"\n size=\"${args.size}\"\n color=\"${args.color}\"\n ?dark=\"${args.dark}\"\n fill=\"${args.fill}\"\n >\n </tuix-icon>\n </div>\n `,\n}"
4902
4902
  },
4903
4903
  {
4904
4904
  "kind": "variable",
4905
- "name": "tuixDropdownObjectList",
4905
+ "name": "regularIcon",
4906
4906
  "type": {
4907
4907
  "text": "Story"
4908
4908
  },
4909
- "default": "{\n args: {\n value: '458ac6ca-9a57-48c5-8abf-768460397607',\n // value: { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397601' }, // This works too\n disabled: false,\n title: 'Title',\n dark: false,\n options: [\n { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397601' },\n { name: 'orange', value: '458ac6ca-9a57-48c5-8abf-768460397602' },\n { name: 'tomato', value: '458ac6ca-9a57-48c5-8abf-768460397603' },\n { name: 'apple2', value: '458ac6ca-9a57-48c5-8abf-768460397604' },\n { name: 'orange2', value: '458ac6ca-9a57-48c5-8abf-768460397605' },\n { name: 'tomato2', value: '458ac6ca-9a57-48c5-8abf-768460397606' },\n { name: 'apple', value: '458ac6ca-9a57-48c5-8abf-768460397607' },\n { name: 'orange', value: '458ac6ca-9a57-48c5-8abf-768460397608' },\n { name: 'tomato', value: '458ac6ca-9a57-48c5-8abf-768460397609' },\n ],\n type: DropdownType.SEARCH,\n },\n}"
4909
+ "default": "{\n args: {\n ...defaultValues,\n },\n}"
4910
4910
  }
4911
4911
  ],
4912
4912
  "exports": [
@@ -4915,22 +4915,22 @@
4915
4915
  "name": "default",
4916
4916
  "declaration": {
4917
4917
  "name": "meta",
4918
- "module": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts"
4918
+ "module": "src/tuix-icon/stories/tuix-icon.stories.ts"
4919
4919
  }
4920
4920
  },
4921
4921
  {
4922
4922
  "kind": "js",
4923
- "name": "tuixDropdownObjectList",
4923
+ "name": "regularIcon",
4924
4924
  "declaration": {
4925
- "name": "tuixDropdownObjectList",
4926
- "module": "src/tuix-dropdown/stories/tuix-dropdown-object-list.stories.ts"
4925
+ "name": "regularIcon",
4926
+ "module": "src/tuix-icon/stories/tuix-icon.stories.ts"
4927
4927
  }
4928
4928
  }
4929
4929
  ]
4930
4930
  },
4931
4931
  {
4932
4932
  "kind": "javascript-module",
4933
- "path": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts",
4933
+ "path": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts",
4934
4934
  "declarations": [
4935
4935
  {
4936
4936
  "kind": "variable",
@@ -4938,15 +4938,15 @@
4938
4938
  "type": {
4939
4939
  "text": "object"
4940
4940
  },
4941
- "default": "{\n title: 'TuixDropdown',\n component: 'tuix-dropdown',\n argTypes: {\n value: { control: 'text' },\n\n options: {\n control: 'select',\n options: ['fruits', 'countries'],\n mapping: {\n fruits: fruits,\n countries: countryPhoneArray,\n },\n },\n disabled: {\n control: 'boolean',\n },\n placeholder: { control: 'text' },\n title: { control: 'text' },\n description: { control: 'text' },\n descriptionType: {\n control: 'select',\n options: [...Object.values(DescriptionType), null],\n },\n dark: {\n control: 'boolean',\n },\n type: {\n control: 'select',\n options: [...Object.values(DropdownType)],\n },\n onInputSingle: { action: 'input-single' },\n onSelect: { action: 'select' },\n },\n render: (args: ArgTypes) => html`<div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-dropdown\n ?disabled=\"${args.disabled}\"\n .value=\"${args.value}\"\n .options=\"${args.options}\"\n placeholder=\"${args.placeholder}\"\n title=\"${args.title}\"\n .description=\"${args.description}\"\n descriptionType=\"${args.descriptionType}\"\n ?dark=\"${args.dark}\"\n .type=\"${args.type}\"\n @input-single=\"${args.onInputSingle}\"\n @select=\"${args.onSelect}\"\n >\n </tuix-dropdown>\n </div>`,\n}"
4941
+ "default": "{\n title: 'TuixIconButton',\n component: 'tuix-icon-button',\n argTypes: {\n variant: {\n control: 'inline-radio',\n options: Object.values(MainVariant),\n },\n icon: {\n control: 'select',\n options: Object.values(IconName),\n },\n disabled: {\n control: 'boolean',\n },\n dark: {\n control: 'boolean',\n },\n onClick: { action: 'customClick' },\n },\n render: (args: ArgTypes) => html`\n <div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <tuix-icon-button\n variant=\"${args.variant}\"\n icon=\"${args.icon}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n @customClick=\"${args.onClick}\"\n />\n </div>\n `,\n}"
4942
4942
  },
4943
4943
  {
4944
4944
  "kind": "variable",
4945
- "name": "tuixDropdownExample",
4945
+ "name": "iconButton",
4946
4946
  "type": {
4947
4947
  "text": "Story"
4948
4948
  },
4949
- "default": "{\n args: {\n value: 'apple2',\n disabled: false,\n title: 'Title',\n dark: false,\n options: [\n 'apple',\n 'orange',\n 'tomato',\n 'apple2',\n 'orange2',\n 'tomato2',\n 'apple3',\n 'orange3',\n 'tomato3',\n ],\n type: DropdownType.SINGLE,\n },\n}"
4949
+ "default": "{\n args: {\n variant: MainVariant.PRIMARY,\n icon: IconName.ARROW_DOWN,\n disabled: false,\n dark: false,\n },\n}"
4950
4950
  }
4951
4951
  ],
4952
4952
  "exports": [
@@ -4955,15 +4955,15 @@
4955
4955
  "name": "default",
4956
4956
  "declaration": {
4957
4957
  "name": "meta",
4958
- "module": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts"
4958
+ "module": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts"
4959
4959
  }
4960
4960
  },
4961
4961
  {
4962
4962
  "kind": "js",
4963
- "name": "tuixDropdownExample",
4963
+ "name": "iconButton",
4964
4964
  "declaration": {
4965
- "name": "tuixDropdownExample",
4966
- "module": "src/tuix-dropdown/stories/tuix-dropdown.stories.ts"
4965
+ "name": "iconButton",
4966
+ "module": "src/tuix-icon-button/stories/tuix-icon-button.stories.ts"
4967
4967
  }
4968
4968
  }
4969
4969
  ]
@@ -5392,52 +5392,6 @@
5392
5392
  }
5393
5393
  ]
5394
5394
  },
5395
- {
5396
- "kind": "javascript-module",
5397
- "path": "src/tuix-toggle-button/interfaces/tuix-toggle.interface.ts",
5398
- "declarations": [],
5399
- "exports": []
5400
- },
5401
- {
5402
- "kind": "javascript-module",
5403
- "path": "src/tuix-toggle-button/stories/tuix-toggle-button.stories.ts",
5404
- "declarations": [
5405
- {
5406
- "kind": "variable",
5407
- "name": "meta",
5408
- "type": {
5409
- "text": "object"
5410
- },
5411
- "default": "{\n title: 'TuixToggleButton',\n component: 'tuix-toggle-button',\n argTypes: {\n checked: {\n control: 'boolean',\n },\n disabled: {\n control: 'boolean',\n },\n dark: {\n control: 'boolean',\n },\n label: {\n control: 'text',\n },\n labelSide: {\n control: 'select',\n options: Object.values(CheckboxLabelSide),\n },\n onChange: { action: 'change' },\n },\n render: (args: ArgTypes) => html`<div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <div\n style=\"max-width: 300px; display: flex; gap: 16px; flex-direction: column\"\n >\n <tuix-toggle-button\n ?checked=\"${args.checked}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n label=\"${args.label}\"\n labelSide=\"${args.labelSide}\"\n @change=\"${args.onChange}\"\n ></tuix-toggle-button>\n <tuix-toggle-button\n ?checked=\"${args.checked}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n labelSide=\"${args.labelSide}\"\n @change=\"${args.onChange}\"\n >\n <tuix-text\n size=\"${TextSize.FieldPlaceholder}\"\n color=\"${TextVariant.PRIMARY}\"\n ?dark=\"${args.dark}\"\n >\n Label from slot using a long text with max-width container\n </tuix-text>\n </tuix-toggle-button>\n </div>\n </div>`,\n}"
5412
- },
5413
- {
5414
- "kind": "variable",
5415
- "name": "tuixToggleExample",
5416
- "type": {
5417
- "text": "Story"
5418
- },
5419
- "default": "{\n args: {\n checked: false,\n disabled: false,\n dark: false,\n label: 'Label from property',\n labelSide: CheckboxLabelSide.RIGHT,\n },\n}"
5420
- }
5421
- ],
5422
- "exports": [
5423
- {
5424
- "kind": "js",
5425
- "name": "default",
5426
- "declaration": {
5427
- "name": "meta",
5428
- "module": "src/tuix-toggle-button/stories/tuix-toggle-button.stories.ts"
5429
- }
5430
- },
5431
- {
5432
- "kind": "js",
5433
- "name": "tuixToggleExample",
5434
- "declaration": {
5435
- "name": "tuixToggleExample",
5436
- "module": "src/tuix-toggle-button/stories/tuix-toggle-button.stories.ts"
5437
- }
5438
- }
5439
- ]
5440
- },
5441
5395
  {
5442
5396
  "kind": "javascript-module",
5443
5397
  "path": "src/tuix-toast/enums/tuix-toast.enums.ts",
@@ -5550,6 +5504,52 @@
5550
5504
  }
5551
5505
  ]
5552
5506
  },
5507
+ {
5508
+ "kind": "javascript-module",
5509
+ "path": "src/tuix-toggle-button/interfaces/tuix-toggle.interface.ts",
5510
+ "declarations": [],
5511
+ "exports": []
5512
+ },
5513
+ {
5514
+ "kind": "javascript-module",
5515
+ "path": "src/tuix-toggle-button/stories/tuix-toggle-button.stories.ts",
5516
+ "declarations": [
5517
+ {
5518
+ "kind": "variable",
5519
+ "name": "meta",
5520
+ "type": {
5521
+ "text": "object"
5522
+ },
5523
+ "default": "{\n title: 'TuixToggleButton',\n component: 'tuix-toggle-button',\n argTypes: {\n checked: {\n control: 'boolean',\n },\n disabled: {\n control: 'boolean',\n },\n dark: {\n control: 'boolean',\n },\n label: {\n control: 'text',\n },\n labelSide: {\n control: 'select',\n options: Object.values(CheckboxLabelSide),\n },\n onChange: { action: 'change' },\n },\n render: (args: ArgTypes) => html`<div\n style=\"display: flex; justify-content: center; align-items: center; height: 100vh;\n ${args.dark ? `background-color: ${Palette.BLACK};` : ''}\"\n >\n <div\n style=\"max-width: 300px; display: flex; gap: 16px; flex-direction: column\"\n >\n <tuix-toggle-button\n ?checked=\"${args.checked}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n label=\"${args.label}\"\n labelSide=\"${args.labelSide}\"\n @change=\"${args.onChange}\"\n ></tuix-toggle-button>\n <tuix-toggle-button\n ?checked=\"${args.checked}\"\n ?disabled=\"${args.disabled}\"\n ?dark=\"${args.dark}\"\n labelSide=\"${args.labelSide}\"\n @change=\"${args.onChange}\"\n >\n <tuix-text\n size=\"${TextSize.FieldPlaceholder}\"\n color=\"${TextVariant.PRIMARY}\"\n ?dark=\"${args.dark}\"\n >\n Label from slot using a long text with max-width container\n </tuix-text>\n </tuix-toggle-button>\n </div>\n </div>`,\n}"
5524
+ },
5525
+ {
5526
+ "kind": "variable",
5527
+ "name": "tuixToggleExample",
5528
+ "type": {
5529
+ "text": "Story"
5530
+ },
5531
+ "default": "{\n args: {\n checked: false,\n disabled: false,\n dark: false,\n label: 'Label from property',\n labelSide: CheckboxLabelSide.RIGHT,\n },\n}"
5532
+ }
5533
+ ],
5534
+ "exports": [
5535
+ {
5536
+ "kind": "js",
5537
+ "name": "default",
5538
+ "declaration": {
5539
+ "name": "meta",
5540
+ "module": "src/tuix-toggle-button/stories/tuix-toggle-button.stories.ts"
5541
+ }
5542
+ },
5543
+ {
5544
+ "kind": "js",
5545
+ "name": "tuixToggleExample",
5546
+ "declaration": {
5547
+ "name": "tuixToggleExample",
5548
+ "module": "src/tuix-toggle-button/stories/tuix-toggle-button.stories.ts"
5549
+ }
5550
+ }
5551
+ ]
5552
+ },
5553
5553
  {
5554
5554
  "kind": "javascript-module",
5555
5555
  "path": "src/utils/interfaces/detail-value.interface.ts",