@kodffe/ui 0.0.0-stage → 0.10.1

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 (304) hide show
  1. package/dist/_virtual/_rolldown/runtime.js +11 -0
  2. package/dist/accordion/accordion.d.ts +44 -0
  3. package/dist/accordion/accordion.js +84 -0
  4. package/dist/accordion/accordion.js.map +1 -0
  5. package/dist/alert/alert.d.ts +17 -0
  6. package/dist/alert/alert.js +59 -0
  7. package/dist/alert/alert.js.map +1 -0
  8. package/dist/app-shell/app-footer.d.ts +29 -0
  9. package/dist/app-shell/app-footer.js +39 -0
  10. package/dist/app-shell/app-footer.js.map +1 -0
  11. package/dist/app-shell/app-shell-context.d.ts +10 -0
  12. package/dist/app-shell/app-shell-context.js +12 -0
  13. package/dist/app-shell/app-shell-context.js.map +1 -0
  14. package/dist/app-shell/app-shell.d.ts +42 -0
  15. package/dist/app-shell/app-shell.js +191 -0
  16. package/dist/app-shell/app-shell.js.map +1 -0
  17. package/dist/app-shell/floating-actions.d.ts +19 -0
  18. package/dist/app-shell/floating-actions.js +59 -0
  19. package/dist/app-shell/floating-actions.js.map +1 -0
  20. package/dist/app-shell/workspace-switcher.d.ts +25 -0
  21. package/dist/app-shell/workspace-switcher.js +82 -0
  22. package/dist/app-shell/workspace-switcher.js.map +1 -0
  23. package/dist/badge/badge.d.ts +19 -0
  24. package/dist/badge/badge.js +59 -0
  25. package/dist/badge/badge.js.map +1 -0
  26. package/dist/banner/banner.d.ts +22 -0
  27. package/dist/banner/banner.js +80 -0
  28. package/dist/banner/banner.js.map +1 -0
  29. package/dist/breadcrumbs/breadcrumbs.d.ts +18 -0
  30. package/dist/breadcrumbs/breadcrumbs.js +45 -0
  31. package/dist/breadcrumbs/breadcrumbs.js.map +1 -0
  32. package/dist/button/button.d.ts +38 -0
  33. package/dist/button/button.js +83 -0
  34. package/dist/button/button.js.map +1 -0
  35. package/dist/card/card.d.ts +159 -0
  36. package/dist/card/card.js +390 -0
  37. package/dist/card/card.js.map +1 -0
  38. package/dist/card/insight-card.d.ts +19 -0
  39. package/dist/card/insight-card.js +51 -0
  40. package/dist/card/insight-card.js.map +1 -0
  41. package/dist/card/integration-card.d.ts +19 -0
  42. package/dist/card/integration-card.js +70 -0
  43. package/dist/card/integration-card.js.map +1 -0
  44. package/dist/charts/charts.d.ts +75 -0
  45. package/dist/charts/charts.js +453 -0
  46. package/dist/charts/charts.js.map +1 -0
  47. package/dist/choice/choice.d.ts +39 -0
  48. package/dist/choice/choice.js +143 -0
  49. package/dist/choice/choice.js.map +1 -0
  50. package/dist/combobox/combobox.d.ts +46 -0
  51. package/dist/combobox/combobox.js +196 -0
  52. package/dist/combobox/combobox.js.map +1 -0
  53. package/dist/command-palette/command-palette.d.ts +35 -0
  54. package/dist/command-palette/command-palette.js +164 -0
  55. package/dist/command-palette/command-palette.js.map +1 -0
  56. package/dist/confirm-dialog/confirm-dialog.d.ts +37 -0
  57. package/dist/confirm-dialog/confirm-dialog.js +106 -0
  58. package/dist/confirm-dialog/confirm-dialog.js.map +1 -0
  59. package/dist/content/assistant.d.ts +86 -0
  60. package/dist/content/assistant.js +213 -0
  61. package/dist/content/assistant.js.map +1 -0
  62. package/dist/content/content.d.ts +45 -0
  63. package/dist/content/content.js +136 -0
  64. package/dist/content/content.js.map +1 -0
  65. package/dist/data-display/avatar-sizes.d.ts +8 -0
  66. package/dist/data-display/avatar-sizes.js +12 -0
  67. package/dist/data-display/avatar-sizes.js.map +1 -0
  68. package/dist/data-display/avatar.d.ts +21 -0
  69. package/dist/data-display/avatar.js +53 -0
  70. package/dist/data-display/avatar.js.map +1 -0
  71. package/dist/data-display/chip.d.ts +20 -0
  72. package/dist/data-display/chip.js +64 -0
  73. package/dist/data-display/chip.js.map +1 -0
  74. package/dist/data-display/code-block.d.ts +14 -0
  75. package/dist/data-display/code-block.js +50 -0
  76. package/dist/data-display/code-block.js.map +1 -0
  77. package/dist/data-display/data-display.d.ts +73 -0
  78. package/dist/data-display/data-display.js +227 -0
  79. package/dist/data-display/data-display.js.map +1 -0
  80. package/dist/data-display/insights.d.ts +120 -0
  81. package/dist/data-display/insights.js +220 -0
  82. package/dist/data-display/insights.js.map +1 -0
  83. package/dist/data-table/cells.d.ts +86 -0
  84. package/dist/data-table/cells.js +163 -0
  85. package/dist/data-table/cells.js.map +1 -0
  86. package/dist/data-table/data-table.d.ts +112 -0
  87. package/dist/data-table/data-table.js +558 -0
  88. package/dist/data-table/data-table.js.map +1 -0
  89. package/dist/date-picker/date-picker.d.ts +61 -0
  90. package/dist/date-picker/date-picker.js +309 -0
  91. package/dist/date-picker/date-picker.js.map +1 -0
  92. package/dist/drawer/drawer.d.ts +32 -0
  93. package/dist/drawer/drawer.js +72 -0
  94. package/dist/drawer/drawer.js.map +1 -0
  95. package/dist/empty-state/empty-state.d.ts +25 -0
  96. package/dist/empty-state/empty-state.js +78 -0
  97. package/dist/empty-state/empty-state.js.map +1 -0
  98. package/dist/error-state/error-state.d.ts +19 -0
  99. package/dist/error-state/error-state.js +56 -0
  100. package/dist/error-state/error-state.js.map +1 -0
  101. package/dist/event-calendar/calendar-logic.test.d.ts +1 -0
  102. package/dist/event-calendar/dates.d.ts +35 -0
  103. package/dist/event-calendar/dates.js +55 -0
  104. package/dist/event-calendar/dates.js.map +1 -0
  105. package/dist/event-calendar/event-calendar.d.ts +125 -0
  106. package/dist/event-calendar/event-calendar.js +795 -0
  107. package/dist/event-calendar/event-calendar.js.map +1 -0
  108. package/dist/event-calendar/event-details.d.ts +50 -0
  109. package/dist/event-calendar/event-details.js +124 -0
  110. package/dist/event-calendar/event-details.js.map +1 -0
  111. package/dist/event-calendar/layout.d.ts +48 -0
  112. package/dist/event-calendar/layout.js +55 -0
  113. package/dist/event-calendar/layout.js.map +1 -0
  114. package/dist/file-upload/file-upload.d.ts +70 -0
  115. package/dist/file-upload/file-upload.js +307 -0
  116. package/dist/file-upload/file-upload.js.map +1 -0
  117. package/dist/filters/filters.d.ts +48 -0
  118. package/dist/filters/filters.js +103 -0
  119. package/dist/filters/filters.js.map +1 -0
  120. package/dist/form-field/form-field.d.ts +39 -0
  121. package/dist/form-field/form-field.js +88 -0
  122. package/dist/form-field/form-field.js.map +1 -0
  123. package/dist/hover-card/hover-card.d.ts +15 -0
  124. package/dist/hover-card/hover-card.js +27 -0
  125. package/dist/hover-card/hover-card.js.map +1 -0
  126. package/dist/hover-card/person-hover-card.d.ts +26 -0
  127. package/dist/hover-card/person-hover-card.js +85 -0
  128. package/dist/hover-card/person-hover-card.js.map +1 -0
  129. package/dist/icon/icon-tile.d.ts +20 -0
  130. package/dist/icon/icon-tile.js +55 -0
  131. package/dist/icon/icon-tile.js.map +1 -0
  132. package/dist/icon/icon.d.ts +14 -0
  133. package/dist/icon/icon.js +28 -0
  134. package/dist/icon/icon.js.map +1 -0
  135. package/dist/icon/icons.generated.d.ts +358 -0
  136. package/dist/icon/icons.generated.js +362 -0
  137. package/dist/icon/icons.generated.js.map +1 -0
  138. package/dist/index.d.ts +90 -0
  139. package/dist/index.js +88 -0
  140. package/dist/input/extra-inputs.d.ts +122 -0
  141. package/dist/input/extra-inputs.js +351 -0
  142. package/dist/input/extra-inputs.js.map +1 -0
  143. package/dist/input/field-styles.d.ts +5 -0
  144. package/dist/input/field-styles.js +14 -0
  145. package/dist/input/field-styles.js.map +1 -0
  146. package/dist/input/input.d.ts +50 -0
  147. package/dist/input/input.js +107 -0
  148. package/dist/input/input.js.map +1 -0
  149. package/dist/layout/layout.d.ts +41 -0
  150. package/dist/layout/layout.js +90 -0
  151. package/dist/layout/layout.js.map +1 -0
  152. package/dist/lib/control-styles.d.ts +9 -0
  153. package/dist/lib/control-styles.js +16 -0
  154. package/dist/lib/control-styles.js.map +1 -0
  155. package/dist/lib/cx.d.ts +2 -0
  156. package/dist/lib/cx.js +8 -0
  157. package/dist/lib/cx.js.map +1 -0
  158. package/dist/lib/glyphs.d.ts +13 -0
  159. package/dist/lib/glyphs.js +67 -0
  160. package/dist/lib/glyphs.js.map +1 -0
  161. package/dist/lib/segmented-styles.d.ts +8 -0
  162. package/dist/lib/segmented-styles.js +12 -0
  163. package/dist/lib/segmented-styles.js.map +1 -0
  164. package/dist/lib/select-on-arrow.d.ts +7 -0
  165. package/dist/lib/select-on-arrow.js +21 -0
  166. package/dist/lib/select-on-arrow.js.map +1 -0
  167. package/dist/lib/skip-link.d.ts +5 -0
  168. package/dist/lib/skip-link.js +13 -0
  169. package/dist/lib/skip-link.js.map +1 -0
  170. package/dist/lib/use-media-query.d.ts +4 -0
  171. package/dist/lib/use-media-query.js +15 -0
  172. package/dist/lib/use-media-query.js.map +1 -0
  173. package/dist/lists/lists.d.ts +76 -0
  174. package/dist/lists/lists.js +133 -0
  175. package/dist/lists/lists.js.map +1 -0
  176. package/dist/locale-switch/locale-switch.d.ts +29 -0
  177. package/dist/locale-switch/locale-switch.js +62 -0
  178. package/dist/locale-switch/locale-switch.js.map +1 -0
  179. package/dist/logo/logo.d.ts +31 -0
  180. package/dist/logo/logo.js +157 -0
  181. package/dist/logo/logo.js.map +1 -0
  182. package/dist/logo/product-logo.d.ts +19 -0
  183. package/dist/logo/product-logo.js +46 -0
  184. package/dist/logo/product-logo.js.map +1 -0
  185. package/dist/marketing/marketing.d.ts +176 -0
  186. package/dist/marketing/marketing.js +451 -0
  187. package/dist/marketing/marketing.js.map +1 -0
  188. package/dist/marketing/newsletter-form.d.ts +21 -0
  189. package/dist/marketing/newsletter-form.js +100 -0
  190. package/dist/marketing/newsletter-form.js.map +1 -0
  191. package/dist/mascot/mascot.d.ts +28 -0
  192. package/dist/mascot/mascot.js +28 -0
  193. package/dist/mascot/mascot.js.map +1 -0
  194. package/dist/mascot/mascots.generated.d.ts +284 -0
  195. package/dist/mascot/mascots.generated.js +287 -0
  196. package/dist/mascot/mascots.generated.js.map +1 -0
  197. package/dist/master-detail/master-detail.d.ts +30 -0
  198. package/dist/master-detail/master-detail.js +71 -0
  199. package/dist/master-detail/master-detail.js.map +1 -0
  200. package/dist/menu/account-menu.d.ts +44 -0
  201. package/dist/menu/account-menu.js +78 -0
  202. package/dist/menu/account-menu.js.map +1 -0
  203. package/dist/menu/context-menu.d.ts +31 -0
  204. package/dist/menu/context-menu.js +111 -0
  205. package/dist/menu/context-menu.js.map +1 -0
  206. package/dist/menu/dropdown-menu.d.ts +49 -0
  207. package/dist/menu/dropdown-menu.js +152 -0
  208. package/dist/menu/dropdown-menu.js.map +1 -0
  209. package/dist/menu/menu-styles.d.ts +8 -0
  210. package/dist/menu/menu-styles.js +6 -0
  211. package/dist/menu/menu-styles.js.map +1 -0
  212. package/dist/menu/menubar.d.ts +31 -0
  213. package/dist/menu/menubar.js +125 -0
  214. package/dist/menu/menubar.js.map +1 -0
  215. package/dist/modal/modal.d.ts +34 -0
  216. package/dist/modal/modal.js +58 -0
  217. package/dist/modal/modal.js.map +1 -0
  218. package/dist/notification-center/notification-center.d.ts +51 -0
  219. package/dist/notification-center/notification-center.js +244 -0
  220. package/dist/notification-center/notification-center.js.map +1 -0
  221. package/dist/otp-input/otp-input.d.ts +23 -0
  222. package/dist/otp-input/otp-input.js +61 -0
  223. package/dist/otp-input/otp-input.js.map +1 -0
  224. package/dist/overlay/overlay.d.ts +53 -0
  225. package/dist/overlay/overlay.js +103 -0
  226. package/dist/overlay/overlay.js.map +1 -0
  227. package/dist/page-header/page-header.d.ts +55 -0
  228. package/dist/page-header/page-header.js +114 -0
  229. package/dist/page-header/page-header.js.map +1 -0
  230. package/dist/page-header/record-headers.d.ts +51 -0
  231. package/dist/page-header/record-headers.js +134 -0
  232. package/dist/page-header/record-headers.js.map +1 -0
  233. package/dist/page-header/section-header.d.ts +21 -0
  234. package/dist/page-header/section-header.js +44 -0
  235. package/dist/page-header/section-header.js.map +1 -0
  236. package/dist/page-navigation/page-navigation.d.ts +59 -0
  237. package/dist/page-navigation/page-navigation.js +136 -0
  238. package/dist/page-navigation/page-navigation.js.map +1 -0
  239. package/dist/pagination/pagination.d.ts +28 -0
  240. package/dist/pagination/pagination.js +102 -0
  241. package/dist/pagination/pagination.js.map +1 -0
  242. package/dist/phone-input/phone-input.d.ts +34 -0
  243. package/dist/phone-input/phone-input.js +171 -0
  244. package/dist/phone-input/phone-input.js.map +1 -0
  245. package/dist/popover/popover.d.ts +23 -0
  246. package/dist/popover/popover.js +40 -0
  247. package/dist/popover/popover.js.map +1 -0
  248. package/dist/progress/progress.d.ts +21 -0
  249. package/dist/progress/progress.js +49 -0
  250. package/dist/progress/progress.js.map +1 -0
  251. package/dist/segmented-control/segmented-control.d.ts +32 -0
  252. package/dist/segmented-control/segmented-control.js +29 -0
  253. package/dist/segmented-control/segmented-control.js.map +1 -0
  254. package/dist/select/select.d.ts +48 -0
  255. package/dist/select/select.js +136 -0
  256. package/dist/select/select.js.map +1 -0
  257. package/dist/settings/permission-matrix.d.ts +29 -0
  258. package/dist/settings/permission-matrix.js +101 -0
  259. package/dist/settings/permission-matrix.js.map +1 -0
  260. package/dist/settings/settings-row.d.ts +32 -0
  261. package/dist/settings/settings-row.js +63 -0
  262. package/dist/settings/settings-row.js.map +1 -0
  263. package/dist/side-nav/side-nav.d.ts +36 -0
  264. package/dist/side-nav/side-nav.js +123 -0
  265. package/dist/side-nav/side-nav.js.map +1 -0
  266. package/dist/site-header/site-header.d.ts +32 -0
  267. package/dist/site-header/site-header.js +99 -0
  268. package/dist/site-header/site-header.js.map +1 -0
  269. package/dist/skeleton/skeleton.d.ts +16 -0
  270. package/dist/skeleton/skeleton.js +19 -0
  271. package/dist/skeleton/skeleton.js.map +1 -0
  272. package/dist/slider/slider.d.ts +15 -0
  273. package/dist/slider/slider.js +48 -0
  274. package/dist/slider/slider.js.map +1 -0
  275. package/dist/spinner/spinner.d.ts +15 -0
  276. package/dist/spinner/spinner.js +42 -0
  277. package/dist/spinner/spinner.js.map +1 -0
  278. package/dist/stepper/step-dots.d.ts +16 -0
  279. package/dist/stepper/step-dots.js +26 -0
  280. package/dist/stepper/step-dots.js.map +1 -0
  281. package/dist/stepper/stepper.d.ts +26 -0
  282. package/dist/stepper/stepper.js +113 -0
  283. package/dist/stepper/stepper.js.map +1 -0
  284. package/dist/tabs/tabs.d.ts +31 -0
  285. package/dist/tabs/tabs.js +66 -0
  286. package/dist/tabs/tabs.js.map +1 -0
  287. package/dist/templates/app-templates.d.ts +126 -0
  288. package/dist/templates/app-templates.js +153 -0
  289. package/dist/templates/app-templates.js.map +1 -0
  290. package/dist/templates/site-templates.d.ts +49 -0
  291. package/dist/templates/site-templates.js +110 -0
  292. package/dist/templates/site-templates.js.map +1 -0
  293. package/dist/toast/toast-store.d.ts +54 -0
  294. package/dist/toast/toast-store.js +49 -0
  295. package/dist/toast/toast-store.js.map +1 -0
  296. package/dist/toast/toaster.d.ts +15 -0
  297. package/dist/toast/toaster.js +124 -0
  298. package/dist/toast/toaster.js.map +1 -0
  299. package/dist/tooltip/tooltip.d.ts +29 -0
  300. package/dist/tooltip/tooltip.js +54 -0
  301. package/dist/tooltip/tooltip.js.map +1 -0
  302. package/package.json +88 -3
  303. package/styles.css +521 -0
  304. package/README.md +0 -3
package/dist/mascot/mascots.generated.js ADDED
@@ -0,0 +1,287 @@
1
+ //#region src/mascot/mascots.generated.ts
2
+ var e = {
3
+ standing: {
4
+ alert: {
5
+ viewBox: "-10 -24 124 132",
6
+ label: "Alert",
7
+ style: ".kfs-alert-shaking{animation:kfs-alert-shake 2.4s ease-in-out infinite}@keyframes kfs-alert-shake{0%,80%,100%{transform:translateX(0)}84%,92%{transform:translateX(-4px)}88%,96%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfs-alert-shaking{animation:none}}",
8
+ body: "<g class=\"kfs-alert-shaking\"><g class=\"kfs-alert-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-alert-pupil \"><circle cx=\"50\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-alert-mouth\" d=\"M30,84 H70\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><path d=\"M100,10 V44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"100\" cy=\"62\" r=\"6\" fill=\"currentColor\"/></g>"
9
+ },
10
+ celebrate: {
11
+ viewBox: "-10 -24 124 132",
12
+ label: "Celebrate",
13
+ style: ".kfs-celebrate-glow{animation:kfs-celebrate-glow 1.6s ease-in-out infinite}@keyframes kfs-celebrate-glow{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-celebrate-glow{animation:none}}",
14
+ body: "<g class=\"kfs-celebrate-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-celebrate-pupil \"><circle cx=\"50\" cy=\"26\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-celebrate-mouth\" d=\"M22,66 V72 A28,28 0 0 0 78,72 V66\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-celebrate-extra kfs-celebrate-glow\" fill=\"currentColor\"><path d=\"M4,-8 Q5.67,0.33 14,2 Q5.67,3.67 4,12 Q2.33,3.67 -6,2 Q2.33,0.33 4,-8 Z\"/><path d=\"M96,-18 Q98,-8 108,-6 Q98,-4 96,6 Q94,-4 84,-6 Q94,-8 96,-18 Z\"/></g>"
15
+ },
16
+ confused: {
17
+ viewBox: "-10 -24 124 132",
18
+ label: "Confused",
19
+ style: ".kfs-confused-bobbing{transform-box:fill-box;transform-origin:center;animation:kfs-confused-bob 1.8s ease-in-out infinite}@keyframes kfs-confused-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.kfs-confused-bobbing{animation:none}}",
20
+ body: "<g class=\"kfs-confused-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-confused-pupil \"><circle cx=\"44\" cy=\"28\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-confused-mouth\" d=\"M30,84 H70\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-confused-extra kfs-confused-bobbing\"><path d=\"M86,-8 A8,8 0 1 1 98,2 Q92,6 92,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"92\" cy=\"22\" r=\"3.5\" fill=\"currentColor\"/></g>"
21
+ },
22
+ connect: {
23
+ viewBox: "-10 -24 124 132",
24
+ label: "Connect",
25
+ style: ".kfs-connect-extra{animation:kfs-connect-flow 1s linear infinite}@keyframes kfs-connect-flow{to{stroke-dashoffset:-16}}@media (prefers-reduced-motion:reduce){.kfs-connect-extra{animation:none}}",
26
+ body: "<g class=\"kfs-connect-eye\"><circle cx=\"50\" cy=\"22\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-connect-pupil\"><circle cx=\"50\" cy=\"29\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-connect-extra\" d=\"M50,60 V78\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"2 14\"/><path class=\"kfs-connect-mouth\" d=\"M34,82 V86 A16,16 0 0 0 66,86 V82\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
27
+ },
28
+ error: {
29
+ viewBox: "-10 -24 124 132",
30
+ label: "Error",
31
+ style: ".kfs-error-shaking{animation:kfs-error-shake .5s ease-in-out infinite}@keyframes kfs-error-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.kfs-error-shaking{animation:none}}",
32
+ body: "<g class=\"kfs-error-shaking\"><g class=\"kfs-error-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-error-pupil \"><circle cx=\"50\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-error-mouth\" d=\"M26,98 V92 A24,24 0 0 1 74,92 V98\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
33
+ },
34
+ happy: {
35
+ viewBox: "-10 -24 124 132",
36
+ label: "Happy",
37
+ style: ".kfs-happy-hop{animation:kfs-happy-hop 1.1s ease-in-out infinite}@keyframes kfs-happy-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfs-happy-hop{animation:none}}",
38
+ body: "<g class=\"kfs-happy-hop\"><g class=\"kfs-happy-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-happy-pupil \"><circle cx=\"50\" cy=\"26\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-happy-mouth\" d=\"M22,66 V72 A28,28 0 0 0 78,72 V66\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
39
+ },
40
+ idea: {
41
+ viewBox: "-10 -24 124 132",
42
+ label: "Idea",
43
+ style: ".kfs-idea-glow{animation:kfs-idea-glow 1.2s ease-in-out infinite}@keyframes kfs-idea-glow{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-idea-glow{animation:none}}",
44
+ body: "<g class=\"kfs-idea-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-idea-pupil \"><circle cx=\"50\" cy=\"27\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-idea-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-idea-extra kfs-idea-glow\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M50,-16 V-6\"/><path d=\"M90,-2 L83,5\"/><path d=\"M10,-2 L17,5\"/></g>"
45
+ },
46
+ idle: {
47
+ viewBox: "-10 -24 124 132",
48
+ label: "Kodffe",
49
+ style: ".kfs-idle-blinking{transform-box:view-box;transform-origin:50px 34px;animation:kfs-idle-blink 4s infinite}@keyframes kfs-idle-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-idle-blinking{animation:none}}",
50
+ body: "<g class=\"kfs-idle-eye kfs-idle-blinking\"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-idle-pupil \"><circle cx=\"57.67\" cy=\"32.72\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-idle-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
51
+ },
52
+ listening: {
53
+ viewBox: "-10 -24 124 132",
54
+ label: "Listening",
55
+ style: ".kfs-listening-ringing{transform-box:view-box;transform-origin:50px 34px;animation:kfs-listening-ring 1.6s ease-out infinite}@keyframes kfs-listening-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.kfs-listening-ringing{animation:none}}",
56
+ body: "<g class=\"kfs-listening-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-listening-pupil \"><circle cx=\"50\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-listening-mouth\" d=\"M34,74 V78 A16,16 0 0 0 66,78 V74\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><circle class=\"kfs-listening-extra kfs-listening-ringing\" cx=\"50\" cy=\"34\" r=\"37\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"/>"
57
+ },
58
+ loading: {
59
+ viewBox: "-10 -24 124 132",
60
+ label: "Loading",
61
+ style: ".kfs-loading-spinning{transform-box:view-box;transform-origin:50px 34px;animation:kfs-loading-spin 1.2s linear infinite}@keyframes kfs-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kfs-loading-spinning{animation:none}}",
62
+ body: "<g class=\"kfs-loading-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-loading-pupil kfs-loading-spinning\"><circle cx=\"58\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-loading-mouth\" d=\"M34,74 V78 A16,16 0 0 0 66,78 V74\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
63
+ },
64
+ look: {
65
+ viewBox: "-10 -24 124 132",
66
+ label: "Looking",
67
+ style: ".kfs-look-looking{animation:kfs-look-look 3.2s ease-in-out infinite}@keyframes kfs-look-look{0%,15%,85%,100%{transform:translateX(0)}35%,45%{transform:translateX(-7px)}60%,70%{transform:translateX(7px)}}@media (prefers-reduced-motion:reduce){.kfs-look-looking{animation:none}}",
68
+ body: "<g class=\"kfs-look-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-look-pupil kfs-look-looking\"><circle cx=\"50\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-look-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
69
+ },
70
+ lost: {
71
+ viewBox: "-10 -24 124 132",
72
+ label: "Lost",
73
+ style: ".kfs-lost-wandering{animation:kfs-lost-wander 3s ease-in-out infinite}@keyframes kfs-lost-wander{0%,100%{transform:translate(0,0)}33%{transform:translate(-1px,2px)}66%{transform:translate(7px,-4px)}}@media (prefers-reduced-motion:reduce){.kfs-lost-wandering{animation:none}}",
74
+ body: "<g class=\"kfs-lost-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-lost-pupil kfs-lost-wandering\"><circle cx=\"43\" cy=\"38\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-lost-mouth\" d=\"M30,84 H70\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-lost-extra\"><path d=\"M86,-8 A8,8 0 1 1 98,2 Q92,6 92,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"92\" cy=\"22\" r=\"3.5\" fill=\"currentColor\"/></g>"
75
+ },
76
+ love: {
77
+ viewBox: "-10 -24 124 132",
78
+ label: "Love",
79
+ style: ".kfs-love-beating{transform-box:fill-box;transform-origin:center;animation:kfs-love-beat 1.1s ease-in-out infinite}@keyframes kfs-love-beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.kfs-love-beating{animation:none}}",
80
+ body: "<g class=\"kfs-love-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-love-pupil \"><g transform=\"translate(50 34) scale(1.3)\"><path class=\"kfs-love-beating\" d=\"M0,7 L-9,-2 A5,5 0 0 1 0,-9 A5,5 0 0 1 9,-2 Z\" fill=\"currentColor\"/></g></g></g><path class=\"kfs-love-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
81
+ },
82
+ next: {
83
+ viewBox: "-10 -24 124 132",
84
+ label: "Next",
85
+ style: ".kfs-next-extra{animation:kfs-next-nudge 1.2s ease-in-out infinite}@keyframes kfs-next-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfs-next-extra{animation:none}}",
86
+ body: "<g class=\"kfs-next-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-next-pupil \"><circle cx=\"58\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-next-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-next-extra\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M86,34 H104 M96,25 L105,34 L96,43\"/></g>"
87
+ },
88
+ od: {
89
+ viewBox: "-10 -24 124 132",
90
+ label: "OD mark",
91
+ style: ".kfs-od-blinking{transform-box:fill-box;transform-origin:center;animation:kfs-od-blink 4s infinite}@keyframes kfs-od-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-od-blinking{animation:none}}",
92
+ body: "<g class=\"kfs-od-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-od-pupil kfs-od-blinking\"><circle cx=\"57.67\" cy=\"32.72\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-od-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
93
+ },
94
+ sad: {
95
+ viewBox: "-10 -24 124 132",
96
+ label: "Sad",
97
+ style: ".kfs-sad-drooping{animation:kfs-sad-droop 2.4s ease-in-out infinite}@keyframes kfs-sad-droop{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.kfs-sad-drooping{animation:none}}",
98
+ body: "<g class=\"kfs-sad-drooping\"><g class=\"kfs-sad-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-sad-pupil \"><circle cx=\"50\" cy=\"41\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-sad-mouth\" d=\"M26,98 V92 A24,24 0 0 1 74,92 V98\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
99
+ },
100
+ sleep: {
101
+ viewBox: "-10 -24 124 132",
102
+ label: "Sleep",
103
+ style: ".kfs-sleep-extra{animation:kfs-sleep-z 2.4s ease-in-out infinite}@keyframes kfs-sleep-z{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-sleep-extra{animation:none}}",
104
+ body: "<path class=\"kfs-sleep-eye \" d=\"M28,34 H72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path class=\"kfs-sleep-mouth\" d=\"M34,74 V78 A16,16 0 0 0 66,78 V74\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-sleep-extra\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M80,0 H94 L80,14 H94\"/><path d=\"M98,-20 H108 L98,-10 H108\"/></g>"
105
+ },
106
+ speed: {
107
+ viewBox: "-10 -24 124 132",
108
+ label: "Speed",
109
+ style: ".kfs-speed-extra path{animation:kfs-speed-speed .7s linear infinite}.kfs-speed-extra path:nth-child(2){animation-delay:.23s}.kfs-speed-extra path:nth-child(3){animation-delay:.46s}@keyframes kfs-speed-speed{0%{transform:translateX(4px);opacity:0}40%{opacity:1}100%{transform:translateX(-10px);opacity:0}}@media (prefers-reduced-motion:reduce){.kfs-speed-extra path{animation:none}}",
110
+ body: "<g class=\"kfs-speed-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-speed-pupil \"><circle cx=\"58\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-speed-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-speed-extra\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M0,24 H12\"/><path d=\"M-4,50 H12\"/><path d=\"M0,76 H12\"/></g>"
111
+ },
112
+ success: {
113
+ viewBox: "-10 -24 124 132",
114
+ label: "Success",
115
+ style: ".kfs-success-hop{animation:kfs-success-hop 1.1s ease-in-out infinite}@keyframes kfs-success-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfs-success-hop{animation:none}}",
116
+ body: "<g class=\"kfs-success-hop\"><path class=\"kfs-success-eye \" d=\"M24.5,42 A25.5,25.5 0 0 1 75.5,42\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path class=\"kfs-success-mouth\" d=\"M22,66 V72 A28,28 0 0 0 78,72 V66\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
117
+ },
118
+ surprised: {
119
+ viewBox: "-10 -24 124 132",
120
+ label: "Surprised",
121
+ style: ".kfs-surprised-mouth{transform-box:fill-box;transform-origin:center;animation:kfs-surprised-pop 1.6s ease-in-out infinite}@keyframes kfs-surprised-pop{0%,100%{transform:scale(.8)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.kfs-surprised-mouth{animation:none}}",
122
+ body: "<g class=\"kfs-surprised-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-surprised-pupil \"><circle cx=\"50\" cy=\"34\" r=\"9.72\" fill=\"currentColor\"/></g></g><circle class=\"kfs-surprised-mouth\" cx=\"50\" cy=\"88\" r=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
123
+ },
124
+ thinking: {
125
+ viewBox: "-10 -24 124 132",
126
+ label: "Thinking",
127
+ style: ".kfs-thinking-extra circle{animation:kfs-thinking-dot 1.2s infinite}.kfs-thinking-extra circle:nth-child(2){animation-delay:.2s}.kfs-thinking-extra circle:nth-child(3){animation-delay:.4s}@keyframes kfs-thinking-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-thinking-extra circle{animation:none}}",
128
+ body: "<g class=\"kfs-thinking-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-thinking-pupil \"><circle cx=\"55\" cy=\"27\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-thinking-mouth\" d=\"M30,84 H70\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-thinking-extra\" fill=\"currentColor\"><circle cx=\"84\" cy=\"6\" r=\"4\"/><circle cx=\"95\" cy=\"-4\" r=\"5\"/><circle cx=\"108\" cy=\"-15\" r=\"6\"/></g>"
129
+ },
130
+ typing: {
131
+ viewBox: "-10 -24 124 132",
132
+ label: "Typing",
133
+ style: ".kfs-typing-extra circle{animation:kfs-typing-dot 1.2s infinite}.kfs-typing-extra circle:nth-child(2){animation-delay:.2s}.kfs-typing-extra circle:nth-child(3){animation-delay:.4s}@keyframes kfs-typing-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-typing-extra circle{animation:none}}",
134
+ body: "<g class=\"kfs-typing-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-typing-pupil \"><circle cx=\"56\" cy=\"38\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-typing-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfs-typing-extra\" fill=\"currentColor\"><circle cx=\"86\" cy=\"88\" r=\"5\"/><circle cx=\"97\" cy=\"88\" r=\"5\"/><circle cx=\"108\" cy=\"88\" r=\"5\"/></g>"
135
+ },
136
+ wink: {
137
+ viewBox: "-10 -24 124 132",
138
+ label: "Wink",
139
+ style: ".kfs-wink-winking{transform-box:fill-box;transform-origin:center;animation:kfs-wink-wink 3s infinite}@keyframes kfs-wink-wink{0%,80%,100%{transform:scaleY(1)}86%,90%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-wink-winking{animation:none}}",
140
+ body: "<g class=\"kfs-wink-eye \"><circle cx=\"50\" cy=\"34\" r=\"25.57\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfs-wink-pupil kfs-wink-winking\"><circle cx=\"57.67\" cy=\"32.72\" r=\"9.72\" fill=\"currentColor\"/></g></g><path class=\"kfs-wink-mouth\" d=\"M26,68 V74 A24,24 0 0 0 74,74 V68\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
141
+ }
142
+ },
143
+ lying: {
144
+ alert: {
145
+ viewBox: "-6 0 156.27 112",
146
+ label: "Alert",
147
+ style: ".kfl-alert-shake{animation:kfl-alert-shake 2.4s ease-in-out infinite}@keyframes kfl-alert-shake{0%,80%,100%{transform:translateX(0)}84%,92%{transform:translateX(-4px)}88%,96%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfl-alert-shake{animation:none}}",
148
+ body: "<g class=\"kfl-alert-shake\"><circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-alert-pupil\" cx=\"40.38\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M104.27,34 V78\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><path d=\"M138.27,30 V64\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"138.27\" cy=\"82\" r=\"6\" fill=\"currentColor\"/></g>"
149
+ },
150
+ celebrate: {
151
+ viewBox: "-18 -22 162.27 134",
152
+ label: "Celebrate",
153
+ style: ".kfl-celebrate-pulse{animation:kfl-celebrate-pulse 1.8s ease-in-out infinite}@keyframes kfl-celebrate-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-celebrate-pulse{animation:none}}",
154
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-celebrate-pupil\" cx=\"43.26\" cy=\"47.34\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-celebrate-pulse\" fill=\"currentColor\"><path d=\"M-6,-6 Q-4,4 6,6 Q-4,8 -6,18 Q-8,8 -18,6 Q-8,4 -6,-6 Z\"/><path d=\"M132.27,-14 Q134.27,-4 142.27,-2 Q134.27,0 132.27,10 Q130.27,0 122.27,-2 Q130.27,-4 132.27,-14 Z\"/></g>"
155
+ },
156
+ confused: {
157
+ viewBox: "0 -26 148.27 138",
158
+ label: "Confused",
159
+ style: ".kfl-confused-bob{animation:kfl-confused-bob 1.8s ease-in-out infinite}@keyframes kfl-confused-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.kfl-confused-bob{animation:none}}",
160
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-confused-pupil\" cx=\"34.6\" cy=\"48.78\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M104.27,34 V78\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-confused-bob\"><path d=\"M124.27,-8 A8,8 0 1 1 136.27,2 Q130.27,6 130.27,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"130.27\" cy=\"22\" r=\"3.5\" fill=\"currentColor\"/></g>"
161
+ },
162
+ connect: {
163
+ viewBox: "0 0 166.27 112",
164
+ label: "Connect",
165
+ style: ".kfl-connect-flow{animation:kfl-connect-flow 1s linear infinite}@keyframes kfl-connect-flow{to{stroke-dashoffset:-16}}@media (prefers-reduced-motion:reduce){.kfl-connect-flow{animation:none}}",
166
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-connect-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path class=\"kfl-connect-flow\" d=\"M83.25,56 H119.27\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-dasharray=\"2 14\"/><path d=\"M117.35,28.5 H129.27 A27.5,27.5 0 0 1 129.27,83.5 H117.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
167
+ },
168
+ error: {
169
+ viewBox: "-6 0 136.27 112",
170
+ label: "Error",
171
+ style: ".kfl-error-shake{animation:kfl-error-shake 2.4s ease-in-out infinite}@keyframes kfl-error-shake{0%,80%,100%{transform:translateX(0)}84%,92%{transform:translateX(-4px)}88%,96%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfl-error-shake{animation:none}}",
172
+ body: "<g class=\"kfl-error-shake\"><path d=\"M26.38,42 L54.38,70 M54.38,42 L26.38,70\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M111.14,32.62 H117.56 M111.14,32.62 A23.38,23.38 0 0 0 111.14,79.38 H117.56\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
173
+ },
174
+ happy: {
175
+ viewBox: "0 -8 132.27 120",
176
+ label: "Happy",
177
+ style: ".kfl-happy-bounce{animation:kfl-happy-bounce 1.6s ease-in-out infinite}@keyframes kfl-happy-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfl-happy-bounce{animation:none}}",
178
+ body: "<g class=\"kfl-happy-bounce\"><circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-happy-pupil\" cx=\"43.26\" cy=\"47.34\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
179
+ },
180
+ idea: {
181
+ viewBox: "-6 -18 136.27 130",
182
+ label: "Idea",
183
+ style: ".kfl-idea-pulse{animation:kfl-idea-pulse 1.8s ease-in-out infinite}@keyframes kfl-idea-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-idea-pulse{animation:none}}",
184
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-idea-pupil\" cx=\"41.82\" cy=\"47.34\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-idea-pulse\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M40.38,9.12 V-0.88 M66.38,17.12 L73.38,8.12 M14.38,17.12 L7.38,8.12\"/></g>"
185
+ },
186
+ idle: {
187
+ viewBox: "0 0 130.27 112",
188
+ label: "Kodffe",
189
+ style: ".kfl-idle-blinking{transform-box:view-box;transform-origin:40.38px 56px;animation:kfl-idle-blink 4s infinite}@keyframes kfl-idle-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfl-idle-blinking{animation:none}}",
190
+ body: "<g class=\"kfl-idle-blinking\"><circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-idle-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/></g><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
191
+ },
192
+ listening: {
193
+ viewBox: "-4 0 134.27 112",
194
+ label: "Listening",
195
+ style: ".kfl-listening-ringing{transform-box:view-box;transform-origin:40.38px 56px;animation:kfl-listening-ring 1.6s ease-out infinite}@keyframes kfl-listening-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.kfl-listening-ringing{animation:none}}",
196
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-listening-pupil\" cx=\"40.38\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><circle class=\"kfl-listening-ringing\" cx=\"40.38\" cy=\"56\" r=\"38.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"/>"
197
+ },
198
+ loading: {
199
+ viewBox: "0 0 130.27 112",
200
+ label: "Loading",
201
+ style: ".kfl-loading-orbit{animation:kfl-loading-orbit 1.2s linear infinite;transform-box:view-box}@keyframes kfl-loading-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kfl-loading-orbit{animation:none}}",
202
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfl-loading-orbit\" style=\"transform-origin:40.38px 56px\"><circle class=\"kfl-loading-pupil\" cx=\"49.04\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/></g><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
203
+ },
204
+ look: {
205
+ viewBox: "0 0 130.27 112",
206
+ label: "Looking",
207
+ style: ".kfl-look-look{animation:kfl-look-look 3.2s ease-in-out infinite}@keyframes kfl-look-look{0%,15%,85%,100%{transform:translateX(0)}35%,45%{transform:translateX(-6px)}60%,70%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.kfl-look-look{animation:none}}",
208
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfl-look-look\"><circle class=\"kfl-look-pupil\" cx=\"40.38\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/></g><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
209
+ },
210
+ lost: {
211
+ viewBox: "0 -26 148.27 138",
212
+ label: "Lost",
213
+ style: ".kfl-lost-wandering{animation:kfl-lost-wander 3s ease-in-out infinite}@keyframes kfl-lost-wander{0%,100%{transform:translate(0,0)}33%{transform:translate(2px,-1px)}66%{transform:translate(-4px,7px)}}@media (prefers-reduced-motion:reduce){.kfl-lost-wandering{animation:none}}",
214
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfl-lost-wandering\"><circle class=\"kfl-lost-pupil\" cx=\"33.16\" cy=\"60.33\" r=\"10.39\" fill=\"currentColor\"/></g><path d=\"M104.27,34 V78\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><path d=\"M124.27,-8 A8,8 0 1 1 136.27,2 Q130.27,6 130.27,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"130.27\" cy=\"22\" r=\"3.5\" fill=\"currentColor\"/>"
215
+ },
216
+ love: {
217
+ viewBox: "0 0 130.27 112",
218
+ label: "Love",
219
+ style: ".kfl-love-beat{animation:kfl-love-beat 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes kfl-love-beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.kfl-love-beat{animation:none}}",
220
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g transform=\"translate(40.38 56) scale(1.15)\"><path class=\"kfl-love-beat\" d=\"M0,7 L-9,-2 A5,5 0 0 1 0,-9 A5,5 0 0 1 9,-2 Z\" fill=\"currentColor\"/></g><path d=\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
221
+ },
222
+ next: {
223
+ viewBox: "0 0 190.27 112",
224
+ label: "Next",
225
+ style: ".kfl-next-arrow{animation:kfl-next-nudge 1.2s ease-in-out infinite}@keyframes kfl-next-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.kfl-next-arrow{animation:none}}",
226
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-next-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-next-arrow\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M140.27,56 H178.27 M164.27,40 L180.27,56 L164.27,72\"/></g>"
227
+ },
228
+ od: {
229
+ viewBox: "0 0 130.27 112",
230
+ label: "OD mark",
231
+ style: ".kfl-od-blink .kfl-od-pupil{animation:kfl-od-blink 4s infinite;transform-box:fill-box;transform-origin:center}@keyframes kfl-od-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfl-od-blink .kfl-od-pupil{animation:none}}",
232
+ body: "<g class=\"kfl-od-blink\"><circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-od-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
233
+ },
234
+ sad: {
235
+ viewBox: "0 0 130.27 112",
236
+ label: "Sad",
237
+ style: ".kfl-sad-droop .kfl-sad-pupil{animation:kfl-sad-droop 3s ease-in-out infinite}@keyframes kfl-sad-droop{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.kfl-sad-droop .kfl-sad-pupil{animation:none}}",
238
+ body: "<g class=\"kfl-sad-droop\"><circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-sad-pupil\" cx=\"40.38\" cy=\"64.09\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M111.14,32.62 H117.56 M111.14,32.62 A23.38,23.38 0 0 0 111.14,79.38 H117.56\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
239
+ },
240
+ sleep: {
241
+ viewBox: "0 -24 148.27 136",
242
+ label: "Sleep",
243
+ style: ".kfl-sleep-z{animation:kfl-sleep-z 2.4s ease-in-out infinite}@keyframes kfl-sleep-z{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-sleep-z{animation:none}}",
244
+ body: "<path d=\"M40.38,38 V74\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-sleep-z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M118.27,4 H132.27 L118.27,18 H132.27\"/><path d=\"M136.27,-16 H146.27 L136.27,-6 H146.27\"/></g>"
245
+ },
246
+ speed: {
247
+ viewBox: "-56 0 186.27 112",
248
+ label: "Speed",
249
+ style: ".kfl-speed-speed path{animation:kfl-speed-speed .7s linear infinite}.kfl-speed-speed path:nth-child(2){animation-delay:.23s}.kfl-speed-speed path:nth-child(3){animation-delay:.46s}@keyframes kfl-speed-speed{0%{transform:translateX(14px);opacity:0}40%{opacity:1}100%{transform:translateX(-18px);opacity:0}}@media (prefers-reduced-motion:reduce){.kfl-speed-speed path{animation:none}}",
250
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-speed-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-speed-speed\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M-44,38 H-20\"/><path d=\"M-50,56 H-16\"/><path d=\"M-44,74 H-20\"/></g>"
251
+ },
252
+ success: {
253
+ viewBox: "0 -8 132.27 120",
254
+ label: "Success",
255
+ style: ".kfl-success-bounce{animation:kfl-success-bounce 1.6s ease-in-out infinite}@keyframes kfl-success-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfl-success-bounce{animation:none}}",
256
+ body: "<g class=\"kfl-success-bounce\"><path d=\"M47.59,27.12 A28.88,28.88 0 0 0 47.59,84.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/></g>"
257
+ },
258
+ surprised: {
259
+ viewBox: "0 0 130.27 112",
260
+ label: "Surprised",
261
+ style: ".kfl-surprised-pop{animation:kfl-surprised-pop 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes kfl-surprised-pop{0%,100%{transform:scale(.8)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.kfl-surprised-pop{animation:none}}",
262
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-surprised-pupil\" cx=\"40.38\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><circle class=\"kfl-surprised-pop\" cx=\"99.25\" cy=\"56\" r=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
263
+ },
264
+ thinking: {
265
+ viewBox: "0 -14 140.27 126",
266
+ label: "Thinking",
267
+ style: ".kfl-thinking-dots circle{animation:kfl-thinking-dot 1.2s infinite}.kfl-thinking-dots circle:nth-child(2){animation-delay:.2s}.kfl-thinking-dots circle:nth-child(3){animation-delay:.4s}@keyframes kfl-thinking-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-thinking-dots circle{animation:none}}",
268
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-thinking-pupil\" cx=\"45.57\" cy=\"47.34\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M104.27,34 V78\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-thinking-dots\" fill=\"currentColor\"><circle cx=\"110.27\" cy=\"10\" r=\"4\"/><circle cx=\"122.27\" cy=\"1\" r=\"5\"/><circle cx=\"135.27\" cy=\"-9\" r=\"6\"/></g>"
269
+ },
270
+ typing: {
271
+ viewBox: "0 0 190.27 112",
272
+ label: "Typing",
273
+ style: ".kfl-typing-dots circle{animation:kfl-typing-dot 1.2s infinite}.kfl-typing-dots circle:nth-child(2){animation-delay:.2s}.kfl-typing-dots circle:nth-child(3){animation-delay:.4s}@keyframes kfl-typing-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-typing-dots circle{animation:none}}",
274
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle class=\"kfl-typing-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/><g class=\"kfl-typing-dots\" fill=\"currentColor\"><circle cx=\"140.27\" cy=\"56\" r=\"7\"/><circle cx=\"158.27\" cy=\"56\" r=\"7\"/><circle cx=\"176.27\" cy=\"56\" r=\"7\"/></g>"
275
+ },
276
+ wink: {
277
+ viewBox: "0 0 130.27 112",
278
+ label: "Wink",
279
+ style: ".kfl-wink-winking{transform-box:fill-box;transform-origin:center;animation:kfl-wink-wink 3s infinite}@keyframes kfl-wink-wink{0%,80%,100%{transform:scaleY(1)}86%,90%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfl-wink-winking{animation:none}}",
280
+ body: "<circle cx=\"40.38\" cy=\"56\" r=\"28.88\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><g class=\"kfl-wink-winking\"><circle class=\"kfl-wink-pupil\" cx=\"47.3\" cy=\"56\" r=\"10.39\" fill=\"currentColor\"/></g><path d=\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"11\" stroke-linecap=\"butt\" stroke-linejoin=\"round\"/>"
281
+ }
282
+ }
283
+ };
284
+ //#endregion
285
+ export { e as MASCOTS };
286
+
287
+ //# sourceMappingURL=mascots.generated.js.map
package/dist/mascot/mascots.generated.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mascots.generated.js","names":["MASCOTS","\"alert\"","\"celebrate\"","\"confused\"","\"connect\"","\"error\"","\"happy\"","\"idea\"","\"idle\"","\"listening\"","\"loading\"","\"look\"","\"lost\"","\"love\"","\"next\"","\"od\"","\"sad\"","\"sleep\"","\"speed\"","\"success\"","\"surprised\"","\"thinking\"","\"typing\"","\"wink\""],"sources":["../../src/mascot/mascots.generated.ts"],"sourcesContent":["// Generated by scripts/generate-icons.mjs from @kodffe/tokens/icons (kf-v-*, kf-h-*). Do not edit.\nexport const MASCOTS = {\n standing: {\n \"alert\": { viewBox: \"-10 -24 124 132\", label: \"Alert\", style: \".kfs-alert-shaking{animation:kfs-alert-shake 2.4s ease-in-out infinite}@keyframes kfs-alert-shake{0%,80%,100%{transform:translateX(0)}84%,92%{transform:translateX(-4px)}88%,96%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfs-alert-shaking{animation:none}}\", body: \"<g class=\\\"kfs-alert-shaking\\\"><g class=\\\"kfs-alert-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-alert-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-alert-mouth\\\" d=\\\"M30,84 H70\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><path d=\\\"M100,10 V44\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle cx=\\\"100\\\" cy=\\\"62\\\" r=\\\"6\\\" fill=\\\"currentColor\\\"/></g>\" },\n \"celebrate\": { viewBox: \"-10 -24 124 132\", label: \"Celebrate\", style: \".kfs-celebrate-glow{animation:kfs-celebrate-glow 1.6s ease-in-out infinite}@keyframes kfs-celebrate-glow{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-celebrate-glow{animation:none}}\", body: \"<g class=\\\"kfs-celebrate-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-celebrate-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"26\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-celebrate-mouth\\\" d=\\\"M22,66 V72 A28,28 0 0 0 78,72 V66\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-celebrate-extra kfs-celebrate-glow\\\" fill=\\\"currentColor\\\"><path d=\\\"M4,-8 Q5.67,0.33 14,2 Q5.67,3.67 4,12 Q2.33,3.67 -6,2 Q2.33,0.33 4,-8 Z\\\"/><path d=\\\"M96,-18 Q98,-8 108,-6 Q98,-4 96,6 Q94,-4 84,-6 Q94,-8 96,-18 Z\\\"/></g>\" },\n \"confused\": { viewBox: \"-10 -24 124 132\", label: \"Confused\", style: \".kfs-confused-bobbing{transform-box:fill-box;transform-origin:center;animation:kfs-confused-bob 1.8s ease-in-out infinite}@keyframes kfs-confused-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.kfs-confused-bobbing{animation:none}}\", body: \"<g class=\\\"kfs-confused-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-confused-pupil \\\"><circle cx=\\\"44\\\" cy=\\\"28\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-confused-mouth\\\" d=\\\"M30,84 H70\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-confused-extra kfs-confused-bobbing\\\"><path d=\\\"M86,-8 A8,8 0 1 1 98,2 Q92,6 92,12\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle cx=\\\"92\\\" cy=\\\"22\\\" r=\\\"3.5\\\" fill=\\\"currentColor\\\"/></g>\" },\n \"connect\": { viewBox: \"-10 -24 124 132\", label: \"Connect\", style: \".kfs-connect-extra{animation:kfs-connect-flow 1s linear infinite}@keyframes kfs-connect-flow{to{stroke-dashoffset:-16}}@media (prefers-reduced-motion:reduce){.kfs-connect-extra{animation:none}}\", body: \"<g class=\\\"kfs-connect-eye\\\"><circle cx=\\\"50\\\" cy=\\\"22\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-connect-pupil\\\"><circle cx=\\\"50\\\" cy=\\\"29\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-connect-extra\\\" d=\\\"M50,60 V78\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-dasharray=\\\"2 14\\\"/><path class=\\\"kfs-connect-mouth\\\" d=\\\"M34,82 V86 A16,16 0 0 0 66,86 V82\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"error\": { viewBox: \"-10 -24 124 132\", label: \"Error\", style: \".kfs-error-shaking{animation:kfs-error-shake .5s ease-in-out infinite}@keyframes kfs-error-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.kfs-error-shaking{animation:none}}\", body: \"<g class=\\\"kfs-error-shaking\\\"><g class=\\\"kfs-error-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-error-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-error-mouth\\\" d=\\\"M26,98 V92 A24,24 0 0 1 74,92 V98\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"happy\": { viewBox: \"-10 -24 124 132\", label: \"Happy\", style: \".kfs-happy-hop{animation:kfs-happy-hop 1.1s ease-in-out infinite}@keyframes kfs-happy-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfs-happy-hop{animation:none}}\", body: \"<g class=\\\"kfs-happy-hop\\\"><g class=\\\"kfs-happy-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-happy-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"26\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-happy-mouth\\\" d=\\\"M22,66 V72 A28,28 0 0 0 78,72 V66\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"idea\": { viewBox: \"-10 -24 124 132\", label: \"Idea\", style: \".kfs-idea-glow{animation:kfs-idea-glow 1.2s ease-in-out infinite}@keyframes kfs-idea-glow{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-idea-glow{animation:none}}\", body: \"<g class=\\\"kfs-idea-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-idea-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"27\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-idea-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-idea-extra kfs-idea-glow\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M50,-16 V-6\\\"/><path d=\\\"M90,-2 L83,5\\\"/><path d=\\\"M10,-2 L17,5\\\"/></g>\" },\n \"idle\": { viewBox: \"-10 -24 124 132\", label: \"Kodffe\", style: \".kfs-idle-blinking{transform-box:view-box;transform-origin:50px 34px;animation:kfs-idle-blink 4s infinite}@keyframes kfs-idle-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-idle-blinking{animation:none}}\", body: \"<g class=\\\"kfs-idle-eye kfs-idle-blinking\\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-idle-pupil \\\"><circle cx=\\\"57.67\\\" cy=\\\"32.72\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-idle-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"listening\": { viewBox: \"-10 -24 124 132\", label: \"Listening\", style: \".kfs-listening-ringing{transform-box:view-box;transform-origin:50px 34px;animation:kfs-listening-ring 1.6s ease-out infinite}@keyframes kfs-listening-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.kfs-listening-ringing{animation:none}}\", body: \"<g class=\\\"kfs-listening-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-listening-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-listening-mouth\\\" d=\\\"M34,74 V78 A16,16 0 0 0 66,78 V74\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfs-listening-extra kfs-listening-ringing\\\" cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"37\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"3\\\"/>\" },\n \"loading\": { viewBox: \"-10 -24 124 132\", label: \"Loading\", style: \".kfs-loading-spinning{transform-box:view-box;transform-origin:50px 34px;animation:kfs-loading-spin 1.2s linear infinite}@keyframes kfs-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kfs-loading-spinning{animation:none}}\", body: \"<g class=\\\"kfs-loading-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-loading-pupil kfs-loading-spinning\\\"><circle cx=\\\"58\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-loading-mouth\\\" d=\\\"M34,74 V78 A16,16 0 0 0 66,78 V74\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"look\": { viewBox: \"-10 -24 124 132\", label: \"Looking\", style: \".kfs-look-looking{animation:kfs-look-look 3.2s ease-in-out infinite}@keyframes kfs-look-look{0%,15%,85%,100%{transform:translateX(0)}35%,45%{transform:translateX(-7px)}60%,70%{transform:translateX(7px)}}@media (prefers-reduced-motion:reduce){.kfs-look-looking{animation:none}}\", body: \"<g class=\\\"kfs-look-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-look-pupil kfs-look-looking\\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-look-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"lost\": { viewBox: \"-10 -24 124 132\", label: \"Lost\", style: \".kfs-lost-wandering{animation:kfs-lost-wander 3s ease-in-out infinite}@keyframes kfs-lost-wander{0%,100%{transform:translate(0,0)}33%{transform:translate(-1px,2px)}66%{transform:translate(7px,-4px)}}@media (prefers-reduced-motion:reduce){.kfs-lost-wandering{animation:none}}\", body: \"<g class=\\\"kfs-lost-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-lost-pupil kfs-lost-wandering\\\"><circle cx=\\\"43\\\" cy=\\\"38\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-lost-mouth\\\" d=\\\"M30,84 H70\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-lost-extra\\\"><path d=\\\"M86,-8 A8,8 0 1 1 98,2 Q92,6 92,12\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle cx=\\\"92\\\" cy=\\\"22\\\" r=\\\"3.5\\\" fill=\\\"currentColor\\\"/></g>\" },\n \"love\": { viewBox: \"-10 -24 124 132\", label: \"Love\", style: \".kfs-love-beating{transform-box:fill-box;transform-origin:center;animation:kfs-love-beat 1.1s ease-in-out infinite}@keyframes kfs-love-beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.kfs-love-beating{animation:none}}\", body: \"<g class=\\\"kfs-love-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-love-pupil \\\"><g transform=\\\"translate(50 34) scale(1.3)\\\"><path class=\\\"kfs-love-beating\\\" d=\\\"M0,7 L-9,-2 A5,5 0 0 1 0,-9 A5,5 0 0 1 9,-2 Z\\\" fill=\\\"currentColor\\\"/></g></g></g><path class=\\\"kfs-love-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"next\": { viewBox: \"-10 -24 124 132\", label: \"Next\", style: \".kfs-next-extra{animation:kfs-next-nudge 1.2s ease-in-out infinite}@keyframes kfs-next-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfs-next-extra{animation:none}}\", body: \"<g class=\\\"kfs-next-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-next-pupil \\\"><circle cx=\\\"58\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-next-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-next-extra\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M86,34 H104 M96,25 L105,34 L96,43\\\"/></g>\" },\n \"od\": { viewBox: \"-10 -24 124 132\", label: \"OD mark\", style: \".kfs-od-blinking{transform-box:fill-box;transform-origin:center;animation:kfs-od-blink 4s infinite}@keyframes kfs-od-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-od-blinking{animation:none}}\", body: \"<g class=\\\"kfs-od-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-od-pupil kfs-od-blinking\\\"><circle cx=\\\"57.67\\\" cy=\\\"32.72\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-od-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"sad\": { viewBox: \"-10 -24 124 132\", label: \"Sad\", style: \".kfs-sad-drooping{animation:kfs-sad-droop 2.4s ease-in-out infinite}@keyframes kfs-sad-droop{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.kfs-sad-drooping{animation:none}}\", body: \"<g class=\\\"kfs-sad-drooping\\\"><g class=\\\"kfs-sad-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-sad-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"41\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-sad-mouth\\\" d=\\\"M26,98 V92 A24,24 0 0 1 74,92 V98\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"sleep\": { viewBox: \"-10 -24 124 132\", label: \"Sleep\", style: \".kfs-sleep-extra{animation:kfs-sleep-z 2.4s ease-in-out infinite}@keyframes kfs-sleep-z{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-sleep-extra{animation:none}}\", body: \"<path class=\\\"kfs-sleep-eye \\\" d=\\\"M28,34 H72\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><path class=\\\"kfs-sleep-mouth\\\" d=\\\"M34,74 V78 A16,16 0 0 0 66,78 V74\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-sleep-extra\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M80,0 H94 L80,14 H94\\\"/><path d=\\\"M98,-20 H108 L98,-10 H108\\\"/></g>\" },\n \"speed\": { viewBox: \"-10 -24 124 132\", label: \"Speed\", style: \".kfs-speed-extra path{animation:kfs-speed-speed .7s linear infinite}.kfs-speed-extra path:nth-child(2){animation-delay:.23s}.kfs-speed-extra path:nth-child(3){animation-delay:.46s}@keyframes kfs-speed-speed{0%{transform:translateX(4px);opacity:0}40%{opacity:1}100%{transform:translateX(-10px);opacity:0}}@media (prefers-reduced-motion:reduce){.kfs-speed-extra path{animation:none}}\", body: \"<g class=\\\"kfs-speed-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-speed-pupil \\\"><circle cx=\\\"58\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-speed-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-speed-extra\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M0,24 H12\\\"/><path d=\\\"M-4,50 H12\\\"/><path d=\\\"M0,76 H12\\\"/></g>\" },\n \"success\": { viewBox: \"-10 -24 124 132\", label: \"Success\", style: \".kfs-success-hop{animation:kfs-success-hop 1.1s ease-in-out infinite}@keyframes kfs-success-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfs-success-hop{animation:none}}\", body: \"<g class=\\\"kfs-success-hop\\\"><path class=\\\"kfs-success-eye \\\" d=\\\"M24.5,42 A25.5,25.5 0 0 1 75.5,42\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><path class=\\\"kfs-success-mouth\\\" d=\\\"M22,66 V72 A28,28 0 0 0 78,72 V66\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"surprised\": { viewBox: \"-10 -24 124 132\", label: \"Surprised\", style: \".kfs-surprised-mouth{transform-box:fill-box;transform-origin:center;animation:kfs-surprised-pop 1.6s ease-in-out infinite}@keyframes kfs-surprised-pop{0%,100%{transform:scale(.8)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.kfs-surprised-mouth{animation:none}}\", body: \"<g class=\\\"kfs-surprised-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-surprised-pupil \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><circle class=\\\"kfs-surprised-mouth\\\" cx=\\\"50\\\" cy=\\\"88\\\" r=\\\"12\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"thinking\": { viewBox: \"-10 -24 124 132\", label: \"Thinking\", style: \".kfs-thinking-extra circle{animation:kfs-thinking-dot 1.2s infinite}.kfs-thinking-extra circle:nth-child(2){animation-delay:.2s}.kfs-thinking-extra circle:nth-child(3){animation-delay:.4s}@keyframes kfs-thinking-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-thinking-extra circle{animation:none}}\", body: \"<g class=\\\"kfs-thinking-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-thinking-pupil \\\"><circle cx=\\\"55\\\" cy=\\\"27\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-thinking-mouth\\\" d=\\\"M30,84 H70\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-thinking-extra\\\" fill=\\\"currentColor\\\"><circle cx=\\\"84\\\" cy=\\\"6\\\" r=\\\"4\\\"/><circle cx=\\\"95\\\" cy=\\\"-4\\\" r=\\\"5\\\"/><circle cx=\\\"108\\\" cy=\\\"-15\\\" r=\\\"6\\\"/></g>\" },\n \"typing\": { viewBox: \"-10 -24 124 132\", label: \"Typing\", style: \".kfs-typing-extra circle{animation:kfs-typing-dot 1.2s infinite}.kfs-typing-extra circle:nth-child(2){animation-delay:.2s}.kfs-typing-extra circle:nth-child(3){animation-delay:.4s}@keyframes kfs-typing-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfs-typing-extra circle{animation:none}}\", body: \"<g class=\\\"kfs-typing-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-typing-pupil \\\"><circle cx=\\\"56\\\" cy=\\\"38\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-typing-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-typing-extra\\\" fill=\\\"currentColor\\\"><circle cx=\\\"86\\\" cy=\\\"88\\\" r=\\\"5\\\"/><circle cx=\\\"97\\\" cy=\\\"88\\\" r=\\\"5\\\"/><circle cx=\\\"108\\\" cy=\\\"88\\\" r=\\\"5\\\"/></g>\" },\n \"wink\": { viewBox: \"-10 -24 124 132\", label: \"Wink\", style: \".kfs-wink-winking{transform-box:fill-box;transform-origin:center;animation:kfs-wink-wink 3s infinite}@keyframes kfs-wink-wink{0%,80%,100%{transform:scaleY(1)}86%,90%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfs-wink-winking{animation:none}}\", body: \"<g class=\\\"kfs-wink-eye \\\"><circle cx=\\\"50\\\" cy=\\\"34\\\" r=\\\"25.57\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfs-wink-pupil kfs-wink-winking\\\"><circle cx=\\\"57.67\\\" cy=\\\"32.72\\\" r=\\\"9.72\\\" fill=\\\"currentColor\\\"/></g></g><path class=\\\"kfs-wink-mouth\\\" d=\\\"M26,68 V74 A24,24 0 0 0 74,74 V68\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n },\n lying: {\n \"alert\": { viewBox: \"-6 0 156.27 112\", label: \"Alert\", style: \".kfl-alert-shake{animation:kfl-alert-shake 2.4s ease-in-out infinite}@keyframes kfl-alert-shake{0%,80%,100%{transform:translateX(0)}84%,92%{transform:translateX(-4px)}88%,96%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfl-alert-shake{animation:none}}\", body: \"<g class=\\\"kfl-alert-shake\\\"><circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-alert-pupil\\\" cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M104.27,34 V78\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><path d=\\\"M138.27,30 V64\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle cx=\\\"138.27\\\" cy=\\\"82\\\" r=\\\"6\\\" fill=\\\"currentColor\\\"/></g>\" },\n \"celebrate\": { viewBox: \"-18 -22 162.27 134\", label: \"Celebrate\", style: \".kfl-celebrate-pulse{animation:kfl-celebrate-pulse 1.8s ease-in-out infinite}@keyframes kfl-celebrate-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-celebrate-pulse{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-celebrate-pupil\\\" cx=\\\"43.26\\\" cy=\\\"47.34\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-celebrate-pulse\\\" fill=\\\"currentColor\\\"><path d=\\\"M-6,-6 Q-4,4 6,6 Q-4,8 -6,18 Q-8,8 -18,6 Q-8,4 -6,-6 Z\\\"/><path d=\\\"M132.27,-14 Q134.27,-4 142.27,-2 Q134.27,0 132.27,10 Q130.27,0 122.27,-2 Q130.27,-4 132.27,-14 Z\\\"/></g>\" },\n \"confused\": { viewBox: \"0 -26 148.27 138\", label: \"Confused\", style: \".kfl-confused-bob{animation:kfl-confused-bob 1.8s ease-in-out infinite}@keyframes kfl-confused-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.kfl-confused-bob{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-confused-pupil\\\" cx=\\\"34.6\\\" cy=\\\"48.78\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M104.27,34 V78\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-confused-bob\\\"><path d=\\\"M124.27,-8 A8,8 0 1 1 136.27,2 Q130.27,6 130.27,12\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle cx=\\\"130.27\\\" cy=\\\"22\\\" r=\\\"3.5\\\" fill=\\\"currentColor\\\"/></g>\" },\n \"connect\": { viewBox: \"0 0 166.27 112\", label: \"Connect\", style: \".kfl-connect-flow{animation:kfl-connect-flow 1s linear infinite}@keyframes kfl-connect-flow{to{stroke-dashoffset:-16}}@media (prefers-reduced-motion:reduce){.kfl-connect-flow{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-connect-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path class=\\\"kfl-connect-flow\\\" d=\\\"M83.25,56 H119.27\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-dasharray=\\\"2 14\\\"/><path d=\\\"M117.35,28.5 H129.27 A27.5,27.5 0 0 1 129.27,83.5 H117.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"error\": { viewBox: \"-6 0 136.27 112\", label: \"Error\", style: \".kfl-error-shake{animation:kfl-error-shake 2.4s ease-in-out infinite}@keyframes kfl-error-shake{0%,80%,100%{transform:translateX(0)}84%,92%{transform:translateX(-4px)}88%,96%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.kfl-error-shake{animation:none}}\", body: \"<g class=\\\"kfl-error-shake\\\"><path d=\\\"M26.38,42 L54.38,70 M54.38,42 L26.38,70\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><path d=\\\"M111.14,32.62 H117.56 M111.14,32.62 A23.38,23.38 0 0 0 111.14,79.38 H117.56\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"happy\": { viewBox: \"0 -8 132.27 120\", label: \"Happy\", style: \".kfl-happy-bounce{animation:kfl-happy-bounce 1.6s ease-in-out infinite}@keyframes kfl-happy-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfl-happy-bounce{animation:none}}\", body: \"<g class=\\\"kfl-happy-bounce\\\"><circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-happy-pupil\\\" cx=\\\"43.26\\\" cy=\\\"47.34\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"idea\": { viewBox: \"-6 -18 136.27 130\", label: \"Idea\", style: \".kfl-idea-pulse{animation:kfl-idea-pulse 1.8s ease-in-out infinite}@keyframes kfl-idea-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-idea-pulse{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-idea-pupil\\\" cx=\\\"41.82\\\" cy=\\\"47.34\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-idea-pulse\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M40.38,9.12 V-0.88 M66.38,17.12 L73.38,8.12 M14.38,17.12 L7.38,8.12\\\"/></g>\" },\n \"idle\": { viewBox: \"0 0 130.27 112\", label: \"Kodffe\", style: \".kfl-idle-blinking{transform-box:view-box;transform-origin:40.38px 56px;animation:kfl-idle-blink 4s infinite}@keyframes kfl-idle-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfl-idle-blinking{animation:none}}\", body: \"<g class=\\\"kfl-idle-blinking\\\"><circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-idle-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/></g><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"listening\": { viewBox: \"-4 0 134.27 112\", label: \"Listening\", style: \".kfl-listening-ringing{transform-box:view-box;transform-origin:40.38px 56px;animation:kfl-listening-ring 1.6s ease-out infinite}@keyframes kfl-listening-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion:reduce){.kfl-listening-ringing{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-listening-pupil\\\" cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-listening-ringing\\\" cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"38.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"3\\\"/>\" },\n \"loading\": { viewBox: \"0 0 130.27 112\", label: \"Loading\", style: \".kfl-loading-orbit{animation:kfl-loading-orbit 1.2s linear infinite;transform-box:view-box}@keyframes kfl-loading-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.kfl-loading-orbit{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-loading-orbit\\\" style=\\\"transform-origin:40.38px 56px\\\"><circle class=\\\"kfl-loading-pupil\\\" cx=\\\"49.04\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/></g><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"look\": { viewBox: \"0 0 130.27 112\", label: \"Looking\", style: \".kfl-look-look{animation:kfl-look-look 3.2s ease-in-out infinite}@keyframes kfl-look-look{0%,15%,85%,100%{transform:translateX(0)}35%,45%{transform:translateX(-6px)}60%,70%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.kfl-look-look{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-look-look\\\"><circle class=\\\"kfl-look-pupil\\\" cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/></g><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"lost\": { viewBox: \"0 -26 148.27 138\", label: \"Lost\", style: \".kfl-lost-wandering{animation:kfl-lost-wander 3s ease-in-out infinite}@keyframes kfl-lost-wander{0%,100%{transform:translate(0,0)}33%{transform:translate(2px,-1px)}66%{transform:translate(-4px,7px)}}@media (prefers-reduced-motion:reduce){.kfl-lost-wandering{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-lost-wandering\\\"><circle class=\\\"kfl-lost-pupil\\\" cx=\\\"33.16\\\" cy=\\\"60.33\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/></g><path d=\\\"M104.27,34 V78\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><path d=\\\"M124.27,-8 A8,8 0 1 1 136.27,2 Q130.27,6 130.27,12\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle cx=\\\"130.27\\\" cy=\\\"22\\\" r=\\\"3.5\\\" fill=\\\"currentColor\\\"/>\" },\n \"love\": { viewBox: \"0 0 130.27 112\", label: \"Love\", style: \".kfl-love-beat{animation:kfl-love-beat 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes kfl-love-beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.kfl-love-beat{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g transform=\\\"translate(40.38 56) scale(1.15)\\\"><path class=\\\"kfl-love-beat\\\" d=\\\"M0,7 L-9,-2 A5,5 0 0 1 0,-9 A5,5 0 0 1 9,-2 Z\\\" fill=\\\"currentColor\\\"/></g><path d=\\\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"next\": { viewBox: \"0 0 190.27 112\", label: \"Next\", style: \".kfl-next-arrow{animation:kfl-next-nudge 1.2s ease-in-out infinite}@keyframes kfl-next-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}@media (prefers-reduced-motion:reduce){.kfl-next-arrow{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-next-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-next-arrow\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M140.27,56 H178.27 M164.27,40 L180.27,56 L164.27,72\\\"/></g>\" },\n \"od\": { viewBox: \"0 0 130.27 112\", label: \"OD mark\", style: \".kfl-od-blink .kfl-od-pupil{animation:kfl-od-blink 4s infinite;transform-box:fill-box;transform-origin:center}@keyframes kfl-od-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfl-od-blink .kfl-od-pupil{animation:none}}\", body: \"<g class=\\\"kfl-od-blink\\\"><circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-od-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"sad\": { viewBox: \"0 0 130.27 112\", label: \"Sad\", style: \".kfl-sad-droop .kfl-sad-pupil{animation:kfl-sad-droop 3s ease-in-out infinite}@keyframes kfl-sad-droop{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.kfl-sad-droop .kfl-sad-pupil{animation:none}}\", body: \"<g class=\\\"kfl-sad-droop\\\"><circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-sad-pupil\\\" cx=\\\"40.38\\\" cy=\\\"64.09\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M111.14,32.62 H117.56 M111.14,32.62 A23.38,23.38 0 0 0 111.14,79.38 H117.56\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"sleep\": { viewBox: \"0 -24 148.27 136\", label: \"Sleep\", style: \".kfl-sleep-z{animation:kfl-sleep-z 2.4s ease-in-out infinite}@keyframes kfl-sleep-z{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-sleep-z{animation:none}}\", body: \"<path d=\\\"M40.38,38 V74\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-sleep-z\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"6\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M118.27,4 H132.27 L118.27,18 H132.27\\\"/><path d=\\\"M136.27,-16 H146.27 L136.27,-6 H146.27\\\"/></g>\" },\n \"speed\": { viewBox: \"-56 0 186.27 112\", label: \"Speed\", style: \".kfl-speed-speed path{animation:kfl-speed-speed .7s linear infinite}.kfl-speed-speed path:nth-child(2){animation-delay:.23s}.kfl-speed-speed path:nth-child(3){animation-delay:.46s}@keyframes kfl-speed-speed{0%{transform:translateX(14px);opacity:0}40%{opacity:1}100%{transform:translateX(-18px);opacity:0}}@media (prefers-reduced-motion:reduce){.kfl-speed-speed path{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-speed-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-speed-speed\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"8\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"><path d=\\\"M-44,38 H-20\\\"/><path d=\\\"M-50,56 H-16\\\"/><path d=\\\"M-44,74 H-20\\\"/></g>\" },\n \"success\": { viewBox: \"0 -8 132.27 120\", label: \"Success\", style: \".kfl-success-bounce{animation:kfl-success-bounce 1.6s ease-in-out infinite}@keyframes kfl-success-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kfl-success-bounce{animation:none}}\", body: \"<g class=\\\"kfl-success-bounce\\\"><path d=\\\"M47.59,27.12 A28.88,28.88 0 0 0 47.59,84.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><path d=\\\"M79.35,25.2 H91.27 A30.8,30.8 0 0 1 91.27,86.8 H79.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/></g>\" },\n \"surprised\": { viewBox: \"0 0 130.27 112\", label: \"Surprised\", style: \".kfl-surprised-pop{animation:kfl-surprised-pop 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes kfl-surprised-pop{0%,100%{transform:scale(.8)}50%{transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.kfl-surprised-pop{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-surprised-pupil\\\" cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><circle class=\\\"kfl-surprised-pop\\\" cx=\\\"99.25\\\" cy=\\\"56\\\" r=\\\"13\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\" },\n \"thinking\": { viewBox: \"0 -14 140.27 126\", label: \"Thinking\", style: \".kfl-thinking-dots circle{animation:kfl-thinking-dot 1.2s infinite}.kfl-thinking-dots circle:nth-child(2){animation-delay:.2s}.kfl-thinking-dots circle:nth-child(3){animation-delay:.4s}@keyframes kfl-thinking-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-thinking-dots circle{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-thinking-pupil\\\" cx=\\\"45.57\\\" cy=\\\"47.34\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M104.27,34 V78\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-thinking-dots\\\" fill=\\\"currentColor\\\"><circle cx=\\\"110.27\\\" cy=\\\"10\\\" r=\\\"4\\\"/><circle cx=\\\"122.27\\\" cy=\\\"1\\\" r=\\\"5\\\"/><circle cx=\\\"135.27\\\" cy=\\\"-9\\\" r=\\\"6\\\"/></g>\" },\n \"typing\": { viewBox: \"0 0 190.27 112\", label: \"Typing\", style: \".kfl-typing-dots circle{animation:kfl-typing-dot 1.2s infinite}.kfl-typing-dots circle:nth-child(2){animation-delay:.2s}.kfl-typing-dots circle:nth-child(3){animation-delay:.4s}@keyframes kfl-typing-dot{0%,100%{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.kfl-typing-dots circle{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><circle class=\\\"kfl-typing-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-typing-dots\\\" fill=\\\"currentColor\\\"><circle cx=\\\"140.27\\\" cy=\\\"56\\\" r=\\\"7\\\"/><circle cx=\\\"158.27\\\" cy=\\\"56\\\" r=\\\"7\\\"/><circle cx=\\\"176.27\\\" cy=\\\"56\\\" r=\\\"7\\\"/></g>\" },\n \"wink\": { viewBox: \"0 0 130.27 112\", label: \"Wink\", style: \".kfl-wink-winking{transform-box:fill-box;transform-origin:center;animation:kfl-wink-wink 3s infinite}@keyframes kfl-wink-wink{0%,80%,100%{transform:scaleY(1)}86%,90%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.kfl-wink-winking{animation:none}}\", body: \"<circle cx=\\\"40.38\\\" cy=\\\"56\\\" r=\\\"28.88\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/><g class=\\\"kfl-wink-winking\\\"><circle class=\\\"kfl-wink-pupil\\\" cx=\\\"47.3\\\" cy=\\\"56\\\" r=\\\"10.39\\\" fill=\\\"currentColor\\\"/></g><path d=\\\"M81.35,28.5 H93.27 A27.5,27.5 0 0 1 93.27,83.5 H81.35\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"11\\\" stroke-linecap=\\\"butt\\\" stroke-linejoin=\\\"round\\\"/>\" },\n },\n} as const;\n\nexport type MascotStandingState = keyof typeof MASCOTS.standing;\nexport type MascotLyingState = keyof typeof MASCOTS.lying;\n"],"mappings":";AACA,IAAaA,IAAU;CACrB,UAAU;EACRC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAA0R,MAAM;EAA4pB;EAC1/BC,WAAa;GAAE,SAAS;GAAmB,OAAO;GAAa,OAAO;GAA2N,MAAM;EAAysB;EACh/BC,UAAY;GAAE,SAAS;GAAmB,OAAO;GAAY,OAAO;GAA+T,MAAM;EAAktB;EAC3lCC,SAAW;GAAE,SAAS;GAAmB,OAAO;GAAW,OAAO;GAAqM,MAAM;EAA4oB;EACz5BC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAA6Q,MAAM;EAAif;EACl0BC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAAoO,MAAM;EAA6e;EACrxBC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAQ,OAAO;GAAuM,MAAM;EAAkrB;EAC37BC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAU,OAAO;GAA4Q,MAAM;EAAke;EAClzBC,WAAa;GAAE,SAAS;GAAmB,OAAO;GAAa,OAAO;GAAmT,MAAM;EAA6mB;EAC5+BC,SAAW;GAAE,SAAS;GAAmB,OAAO;GAAW,OAAO;GAAkQ,MAAM;EAAwe;EAClzBC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAW,OAAO;GAAwR,MAAM;EAA2d;EACxzBC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAQ,OAAO;GAAsR,MAAM;EAA+rB;EACvhCC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAQ,OAAO;GAA4S,MAAM;EAA0iB;EACx5BC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAQ,OAAO;GAAuO,MAAM;EAAsoB;EAC/6BC,IAAM;GAAE,SAAS;GAAmB,OAAO;GAAW,OAAO;GAAiQ,MAAM;EAA0d;EAC9xBC,KAAO;GAAE,SAAS;GAAmB,OAAO;GAAO,OAAO;GAAyO,MAAM;EAA0e;EACnxBC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAAyP,MAAM;EAA4iB;EACz2BC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAAiY,MAAM;EAAiqB;EACtmCC,SAAW;GAAE,SAAS;GAAmB,OAAO;GAAW,OAAO;GAA4O,MAAM;EAAkZ;EACtsBC,WAAa;GAAE,SAAS;GAAmB,OAAO;GAAa,OAAO;GAA6R,MAAM;EAAkd;EAC3zBC,UAAY;GAAE,SAAS;GAAmB,OAAO;GAAY,OAAO;GAAiV,MAAM;EAA0mB;EACrgCC,QAAU;GAAE,SAAS;GAAmB,OAAO;GAAU,OAAO;GAAqU,MAAM;EAAynB;EACpgCC,MAAQ;GAAE,SAAS;GAAmB,OAAO;GAAQ,OAAO;GAAyQ,MAAM;EAAie;CAC9yB;CACA,OAAO;EACLtB,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAAsR,MAAM;EAAymB;EACn8BC,WAAa;GAAE,SAAS;GAAsB,OAAO;GAAa,OAAO;GAA+N,MAAM;EAA2pB;EACz8BC,UAAY;GAAE,SAAS;GAAoB,OAAO;GAAY,OAAO;GAAwQ,MAAM;EAAopB;EACv+BC,SAAW;GAAE,SAAS;GAAkB,OAAO;GAAW,OAAO;GAAmM,MAAM;EAA4mB;EACt3BC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAAsR,MAAM;EAA2Y;EACruBC,OAAS;GAAE,SAAS;GAAmB,OAAO;GAAS,OAAO;GAAgP,MAAM;EAA4c;EAChwBC,MAAQ;GAAE,SAAS;GAAqB,OAAO;GAAQ,OAAO;GAA2M,MAAM;EAAsoB;EACr5BC,MAAQ;GAAE,SAAS;GAAkB,OAAO;GAAU,OAAO;GAA+Q,MAAM;EAAwc;EAC1xBC,WAAa;GAAE,SAAS;GAAmB,OAAO;GAAa,OAAO;GAAsT,MAAM;EAAgjB;EACl7BC,SAAW;GAAE,SAAS;GAAkB,OAAO;GAAW,OAAO;GAAmO,MAAM;EAAof;EAC9xBC,MAAQ;GAAE,SAAS;GAAkB,OAAO;GAAW,OAAO;GAAkR,MAAM;EAAqc;EAC3xBC,MAAQ;GAAE,SAAS;GAAoB,OAAO;GAAQ,OAAO;GAAsR,MAAM;EAAmpB;EAC5+BC,MAAQ;GAAE,SAAS;GAAkB,OAAO;GAAQ,OAAO;GAAsS,MAAM;EAAye;EACh1BC,MAAQ;GAAE,SAAS;GAAkB,OAAO;GAAQ,OAAO;GAAuO,MAAM;EAAmnB;EAC35BC,IAAM;GAAE,SAAS;GAAkB,OAAO;GAAW,OAAO;GAAuR,MAAM;EAAic;EAC1xBC,KAAO;GAAE,SAAS;GAAkB,OAAO;GAAO,OAAO;GAA+P,MAAM;EAA6d;EAC3xBC,OAAS;GAAE,SAAS;GAAoB,OAAO;GAAS,OAAO;GAAiP,MAAM;EAAyiB;EAC/1BC,OAAS;GAAE,SAAS;GAAoB,OAAO;GAAS,OAAO;GAAkY,MAAM;EAAioB;EACxkCC,SAAW;GAAE,SAAS;GAAmB,OAAO;GAAW,OAAO;GAAwP,MAAM;EAA4X;EAC5rBC,WAAa;GAAE,SAAS;GAAkB,OAAO;GAAa,OAAO;GAAyR,MAAM;EAA8a;EAClxBC,UAAY;GAAE,SAAS;GAAoB,OAAO;GAAY,OAAO;GAA6U,MAAM;EAAyjB;EACj9BC,QAAU;GAAE,SAAS;GAAkB,OAAO;GAAU,OAAO;GAAiU,MAAM;EAAylB;EAC/9BC,MAAQ;GAAE,SAAS;GAAkB,OAAO;GAAQ,OAAO;GAAyQ,MAAM;EAAuc;CACnxB;AACF"}
package/dist/master-detail/master-detail.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ import { type ReactNode } from 'react';
2
+ import type { IconName } from '../icon/icon';
3
+ export interface MasterItem {
4
+ id: string;
5
+ label: string;
6
+ icon?: IconName;
7
+ color?: string;
8
+ count?: number;
9
+ }
10
+ export interface MasterDetailProps {
11
+ items: MasterItem[];
12
+ selectedId?: string;
13
+ onSelect: (id: string) => void;
14
+ /** The selected item's panel. */
15
+ children: ReactNode;
16
+ listLabel: string;
17
+ /** A control above the list ("New client"). */
18
+ listAction?: ReactNode;
19
+ /** `detail` names the detail panel for screen readers (e.g. "Client details"). */
20
+ labels?: {
21
+ back?: string;
22
+ detail?: string;
23
+ };
24
+ className?: string;
25
+ }
26
+ /**
27
+ * A selectable list on the left and the selected item's detail on the right (clients and projects, departments).
28
+ * Below 768px it shows the list, then the detail with a back button.
29
+ */
30
+ export declare function MasterDetail({ items, selectedId, onSelect, children, listLabel, listAction, labels, className, }: MasterDetailProps): import("react").JSX.Element;