fu-kit 0.0.1-beta.2 → 0.0.1-beta.3

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 (43) hide show
  1. package/README.md +47 -19
  2. package/dist/favicon.ico +0 -0
  3. package/dist/img/splash-screen.8bd73950.jpg +0 -0
  4. package/dist/index.html +1 -0
  5. package/dist/js/app.53980592.js +2 -0
  6. package/dist/js/app.53980592.js.map +1 -0
  7. package/dist/js/chunk-vendors.fe8aa7a9.js +8 -0
  8. package/dist/js/chunk-vendors.fe8aa7a9.js.map +1 -0
  9. package/package.json +36 -36
  10. package/reset.scss +60 -0
  11. package/root.scss +130 -0
  12. package/scss.scss +5 -3
  13. package/src/App.vue +122 -30
  14. package/src/Home.vue +112 -0
  15. package/src/assets/splash-screen.jpg +0 -0
  16. package/src/components/FuButton.vue +104 -27
  17. package/src/components/FuButtonLink.vue +79 -0
  18. package/src/components/FuCodeView.vue +58 -0
  19. package/src/components/FuCopy.vue +103 -0
  20. package/src/components/FuProgressRadial.vue +117 -0
  21. package/src/components/FuSelect.vue +84 -55
  22. package/src/components/FuSelectX.vue +317 -0
  23. package/src/components/FuSidebar.vue +90 -0
  24. package/src/components/FuText.vue +98 -60
  25. package/src/components/FuTextarea.vue +118 -0
  26. package/src/docs/DocButton.vue +67 -0
  27. package/src/docs/DocSandbox.vue +71 -0
  28. package/src/docs/DocSelect.vue +55 -0
  29. package/src/docs/DocSidebar.vue +93 -0
  30. package/src/docs/DocText.vue +59 -0
  31. package/src/docs/DocTextarea.vue +64 -0
  32. package/src/docs/DocTypo.vue +98 -0
  33. package/src/main.js +9 -5
  34. package/src/router.js +29 -17
  35. package/src/scss/colors.scss +16 -6
  36. package/src/scss/typo.scss +5 -14
  37. package/src/scss/ui.scss +22 -38
  38. package/src/scss/utils.scss +36 -0
  39. package/src/styles.scss +15 -0
  40. package/src/utils/media.js +1 -0
  41. package/src/utils/woosh.js +2 -0
  42. package/vue.config.js +1 -4
  43. package/src/views/Home.vue +0 -24
package/README.md CHANGED
@@ -1,19 +1,47 @@
1
- # fu-kit
2
-
3
- ## Project setup
4
- ```
5
- npm install
6
- ```
7
-
8
- ### Compiles and hot-reloads for development
9
- ```
10
- npm run serve
11
- ```
12
-
13
- ### Compiles and minifies for production
14
- ```
15
- npm run build
16
- ```
17
-
18
- ### Customize configuration
19
- See [Configuration Reference](https://cli.vuejs.org/config/).
1
+ # fu-kit
2
+
3
+ ## Standard Vue run sequence
4
+
5
+ Lightweight cozy components library for Vue3.
6
+
7
+ ```
8
+ npm i # install
9
+ npm run serve # serve locally
10
+ npm run build # build demo
11
+ ```
12
+
13
+ > ### 🚧 Use with caution! 🚧
14
+ > This components library is under development.
15
+
16
+ ## Components
17
+
18
+ - [x] button
19
+ - [x] button-link
20
+ - [x] code-view
21
+ - [x] copy
22
+ - [ ] progress-radial
23
+ - [x] select
24
+ - [x] select fancy (select-x)
25
+ - [ ] select transparent (slot)
26
+ - [x] text
27
+ - [x] sidebar
28
+ - [ ] modal
29
+ - [ ] drawer
30
+ - [x] text
31
+ - [x] textarea
32
+ - [ ] checkbox
33
+ - [ ] radio
34
+ - [ ] checklist
35
+ - [ ] checklist fancy
36
+ - [ ] slider
37
+ - [ ] ?
38
+
39
+ ## Utils
40
+
41
+ - [ ] media-listener
42
+ - [ ] scroll-blocker
43
+ - [ ] ?
44
+
45
+ ## Icons
46
+
47
+ Icons can be in-lined SVG or font-based. TBD.
package/dist/favicon.ico ADDED
Binary file
package/dist/index.html ADDED
@@ -0,0 +1 @@
1
+ <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>fu-kit</title><link href="/js/app.53980592.js" rel="preload" as="script"><link href="/js/chunk-vendors.fe8aa7a9.js" rel="preload" as="script"></head><body><noscript><strong>We're sorry but fu-kit doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.fe8aa7a9.js"></script><script src="/js/app.53980592.js"></script></body></html>
package/dist/js/app.53980592.js ADDED
@@ -0,0 +1,2 @@
1
+ (function(e){function t(t){for(var o,n,c=t[0],i=t[1],d=t[2],u=0,b=[];u<c.length;u++)n=c[u],Object.prototype.hasOwnProperty.call(r,n)&&r[n]&&b.push(r[n][0]),r[n]=0;for(o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o]);s&&s(t);while(b.length)b.shift()();return l.push.apply(l,d||[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],o=!0,c=1;c<a.length;c++){var i=a[c];0!==r[i]&&(o=!1)}o&&(l.splice(t--,1),e=n(n.s=a[0]))}return e}var o={},r={app:0},l=[];function n(t){if(o[t])return o[t].exports;var a=o[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=o,n.d=function(e,t,a){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(a,o,function(t){return e[t]}.bind(null,o));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/";var c=window["webpackJsonp"]=window["webpackJsonp"]||[],i=c.push.bind(c);c.push=t,c=c.slice();for(var d=0;d<c.length;d++)t(c[d]);var s=i;l.push([0,"chunk-vendors"]),a()})({0:function(e,t,a){e.exports=a("56d7")},"0014":function(e,t,a){"use strict";a("af5f")},"0253":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-sidebar[data-v-7a9bebd0]{position:fixed;left:0;top:0;right:0;bottom:0;z-index:var(--lt-z-nav);background-color:transparent;transition-timing-function:linear;transition-duration:.6s;transition-property:background-color,visibility;pointer-events:none;visibility:hidden}.fu-sidebar._shown[data-v-7a9bebd0]{background:var(--pal-overlay);visibility:visible;pointer-events:unset}.fu-sidebar_content[data-v-7a9bebd0]{overflow:auto;position:absolute;left:auto;top:0;right:0;bottom:0;background:var(--pal-bg);max-width:var(--ui-sidebar-max-w);min-width:var(--ui-sidebar-min-w);transform-origin:100% 50%}.fu-sidebar_content[data-v-7a9bebd0]::-webkit-scrollbar-track{background-color:var(--ui-pal-bg)}.fu-sidebar_content[data-v-7a9bebd0]::-webkit-scrollbar{width:var(--ui-lt-scroll-width);height:var(--ui-lt-scroll-width);border-radius:var(--ui-lt-scroll-width);background-color:var(--ui-pal-bg)}.fu-sidebar_content[data-v-7a9bebd0]::-webkit-scrollbar-thumb{border:1px solid var(--ui-pal-bg);border-radius:var(--ui-lt-scroll-width);background-color:transparent}.fu-sidebar_content[data-v-7a9bebd0] ::-webkit-scrollbar-corner{background-color:transparent!important;border:0 none!important;box-shadow:none!important}.fu-sidebar_content[data-v-7a9bebd0]:focus::-webkit-scrollbar-thumb,.fu-sidebar_content[data-v-7a9bebd0]:hover::-webkit-scrollbar-thumb{background-color:var(--ui-pal)}.bounce-enter-active[data-v-7a9bebd0]{-webkit-animation:slide-right-7a9bebd0 .2s;animation:slide-right-7a9bebd0 .2s}.bounce-leave-active[data-v-7a9bebd0]{animation:slide-right-7a9bebd0 .2s reverse}@-webkit-keyframes slide-right-7a9bebd0{0%{transform:translateX(100%) scaleX(1)}to{transform:translateX(0)}}@keyframes slide-right-7a9bebd0{0%{transform:translateX(100%) scaleX(1)}to{transform:translateX(0)}}",""]),e.exports=t},"06c3":function(e,t,a){"use strict";a("d4c0")},"08a2":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-code-view[data-v-6f22f4b9]{margin:var(--lt-sp200) 0}.fu-code-view_title[data-v-6f22f4b9]{font-size:var(--typo-h100);font-weight:700;margin-bottom:var(--lt-sp200)}.fu-code-view_pre[data-v-6f22f4b9]{padding:var(--lt-sp300) var(--lt-sp200);overflow:auto;max-width:100%;background:rgb(var(--pal-block-light));border:1px solid rgb(var(--pal-block));border-radius:var(--lt-border-radius-inner)}.fu-code-view_pre[data-v-6f22f4b9]::-webkit-scrollbar-track{background-color:var(--ui-pal-bg)}.fu-code-view_pre[data-v-6f22f4b9]::-webkit-scrollbar{width:var(--ui-lt-scroll-width);height:var(--ui-lt-scroll-width);border-radius:var(--ui-lt-scroll-width);background-color:var(--ui-pal-bg)}.fu-code-view_pre[data-v-6f22f4b9]::-webkit-scrollbar-thumb{border:1px solid var(--ui-pal-bg);border-radius:var(--ui-lt-scroll-width);background-color:transparent}.fu-code-view_pre[data-v-6f22f4b9] ::-webkit-scrollbar-corner{background-color:transparent!important;border:0 none!important;box-shadow:none!important}.fu-code-view_pre[data-v-6f22f4b9]:focus::-webkit-scrollbar-thumb,.fu-code-view_pre[data-v-6f22f4b9]:hover::-webkit-scrollbar-thumb{background-color:var(--ui-pal)}",""]),e.exports=t},"0a09":function(e,t,a){"use strict";a("4ec5")},"0a17":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-textarea[data-v-1b2f30f0]{padding:var(--lt-sp300);gap:1em;display:flex;flex-direction:column;--text-focus-pal:var(--pal-brand)}.doc-textarea .brand[data-v-1b2f30f0]{--ui-pal:var(--pal-brand)}",""]),e.exports=t},1193:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,':root{--rgb-white:255,255,255;--rgb-light:254,254,254;--rgb-grey100:244,244,244;--rgb-grey200:220,220,220;--rgb-grey300:191,191,191;--rgb-grey400:165,165,165;--rgb-grey500:135,135,135;--rgb-grey600:108,108,108;--rgb-grey700:81,81,81;--rgb-grey800:54,54,54;--rgb-grey900:28,28,28;--rgb-dark:21,21,21;--rgb-black:0,0,0;--rgb-brand:131,71,168;--rgb-primary:46,136,241;--rgb-secondary:67,79,95;--rgb-positive:109,190,44;--rgb-warning:255,169,39;--rgb-negative:255,75,75;--pal-white:rgb(var(--rgb-white));--pal-light:rgb(var(--rgb-light));--pal-grey100:rgb(var(--rgb-grey100));--pal-grey200:rgb(var(--rgb-grey200));--pal-grey300:rgb(var(--rgb-grey300));--pal-grey400:rgb(var(--rgb-grey400));--pal-grey500:rgb(var(--rgb-grey500));--pal-grey600:rgb(var(--rgb-grey600));--pal-grey700:rgb(var(--rgb-grey700));--pal-grey800:rgb(var(--rgb-grey800));--pal-grey900:rgb(var(--rgb-grey900));--pal-dark:rgb(var(--rgb-dark));--pal-black:rgb(var(--rgb-black));--pal-brand:rgb(var(--rgb-brand));--pal-primary:rgb(var(--rgb-primary));--pal-secondary:rgb(var(--rgb-secondary));--pal-positive:rgb(var(--rgb-positive));--pal-warning:rgb(var(--rgb-warning));--pal-negative:rgb(var(--rgb-negative));--pal-acc-brand:rgb(var(--rgb-white));--pal-acc-primary:rgb(var(--rgb-white));--pal-acc-secondary:rgb(var(--rgb-white));--pal-acc-positive:rgb(var(--rgb-white));--pal-acc-warning:rgb(var(--rgb-white));--pal-acc-negative:rgb(var(--rgb-white));--pal-text:rgb(var(--rgb-dark));--pal-text-dimm:rgb(var(--rgb-grey600));--pal-block:rgb(var(--rgb-grey100));--pal-block-border:rgb(var(--rgb-grey200));--pal-bg:rgb(var(--rgb-white));--pal-overlay:rgba(var(--rgb-dark),0.2);--pal-link:rgb(var(--rgb-primary));--pal-link-active:rgb(var(--rgb-brand));--ui-pal:var(--pal-primary);--ui-pal-bg:var(--pal-bg);--ui-pal-acc:var(--pal-acc-primary);--ui-pal-lateral:rgb(var(--rgb-grey200));--ui-pal-text:rgb(var(--rgb-dark));--ui-pal-text-select:rgb(var(--rgb-light));--ui-pal-placeholder:rgb(var(--rgb-grey300));--ui-pal-disabled:rgb(var(--rgb-grey100));--ui-pal-disabled-border:rgb(var(--rgb-grey300));--ui-transition:all linear 120ms;--ui-lt-h:36px;--ui-lt-border-style:solid;--ui-lt-border-width:1px;--ui-lt-border-radius:var(--lt-border-radius-inner);--ui-lt-disabled-border-style:dashed;--ui-lt-scroll-width:12px;--typo-font-heading:"Segoe UI",San Francisco,Roboto,Lucida Sans;--typo-font-text:"Segoe UI",San Francisco,Roboto,Lucida Sans;--typo-font-mono:monospace;--typo-h100:12px;--typo-h200:14px;--typo-h300:16px;--typo-h400:18px;--typo-h500:22px;--typo-h600:26px;--typo-h700:30px;--typo-h800:36px;--typo-h900:42px;--typo-lh100:14px;--typo-lh200:16px;--typo-lh300:18px;--typo-lh400:22px;--typo-lh500:26px;--typo-lh600:32px;--typo-lh700:42px;--typo-lh800:48px;--typo-lh900:64px;--lt-sp100:2px;--lt-sp200:4px;--lt-sp300:8px;--lt-sp400:16px;--lt-sp500:32px;--lt-sp600:64px;--lt-sp700:128px;--lt-sp800:256px;--lt-sp900:512px;--lt-border-radius:9px;--lt-border-radius-inner:5px;--lt-z-1:1;--lt-z-back:-1;--lt-z-pop:1000;--lt-z-nav:2000;--lt-z-modal-backdrop:3000;--lt-z-modal:3001}',""]),e.exports=t},"13aa":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-button-link[data-v-e72c22fe]{font-size:var(--typo-h200);padding:0 0;display:inline-block;font-weight:400;box-sizing:border-box;cursor:pointer;font-family:var(--typo-font-text);border:0 none;transition:var(--ui-transition);background:transparent;color:var(--button-link-pal);line-height:1;will-change:box-shadow,transform;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:underline}.fu-button-link>*[data-v-e72c22fe]{pointer-events:none}.fu-button-link[data-v-e72c22fe]:hover{text-decoration:none}.fu-button-link[data-v-e72c22fe]:active,.fu-button-link[data-v-e72c22fe]:focus{color:var(--button-link-pal-active);-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.fu-button-link[data-v-e72c22fe]:disabled{cursor:not-allowed;color:var(--pal-link-active)}",""]),e.exports=t},1657:function(e,t,a){var o=a("1193");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("40de8fe0",o,!0,{sourceMap:!1,shadowMode:!1})},1677:function(e,t,a){var o=a("08a2");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("19674eee",o,!0,{sourceMap:!1,shadowMode:!1})},"19ac":function(e,t,a){var o=a("ee41");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("41e2e9a5",o,!0,{sourceMap:!1,shadowMode:!1})},"1ba7":function(e,t,a){var o=a("0253");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("0988e206",o,!0,{sourceMap:!1,shadowMode:!1})},"1c19":function(e,t,a){"use strict";a("a43e")},"22c4":function(e,t,a){var o=a("13aa");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("569d16d2",o,!0,{sourceMap:!1,shadowMode:!1})},"24d5":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-text_row[data-v-b037e4d8]{padding:var(--lt-sp300);gap:1em;display:flex}.doc-text .icon[data-v-b037e4d8]{height:2em;width:2em;display:flex;align-items:center;justify-content:center}",""]),e.exports=t},"294a":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-sandbox[data-v-aff83b96]{display:flex;flex-direction:column;gap:1em}.doc-sandbox_row[data-v-aff83b96]{padding:var(--lt-sp300);gap:1em;display:flex}.doc-sandbox_row-text[data-v-aff83b96]{max-width:15em}.doc-sandbox_row-btn[data-v-aff83b96]{width:8em}",""]),e.exports=t},"2dcd":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-sidebar_content[data-v-1d4a44ed]{padding:var(--lt-sp400);display:flex;flex-direction:column;gap:1em}.doc-sidebar .h100[data-v-1d4a44ed]{font-size:var(--typo-h100)}.doc-sidebar .h200[data-v-1d4a44ed]{font-size:var(--typo-h200)}.doc-sidebar .h300[data-v-1d4a44ed]{font-size:var(--typo-h300)}.doc-sidebar .h400[data-v-1d4a44ed]{font-size:var(--typo-h400)}.doc-sidebar .h500[data-v-1d4a44ed]{font-size:var(--typo-h500)}.doc-sidebar .h600[data-v-1d4a44ed]{font-size:var(--typo-h600)}.doc-sidebar .h700[data-v-1d4a44ed]{font-size:var(--typo-h700)}.doc-sidebar .h800[data-v-1d4a44ed]{font-size:var(--typo-h800)}.doc-sidebar .h900[data-v-1d4a44ed]{font-size:var(--typo-h900)}.doc-sidebar_title[data-v-1d4a44ed]{margin-bottom:var(--lt-sp400);color:rgb(var(--pal-text-dimm));font-weight:400;border-bottom:1px solid rgb(var(--rgb-grey200))}",""]),e.exports=t},"2e4c":function(e,t,a){"use strict";a("ef38")},"2e79":function(e,t,a){var o=a("3325");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("45673d33",o,!0,{sourceMap:!1,shadowMode:!1})},3325:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-copy[data-v-e46883c6]{padding:0 var(--lt-sp200)}.fu-copy._hollow[data-v-e46883c6]{font-weight:400}.fu-copy._hollow[data-v-e46883c6]:active,.fu-copy._hollow[data-v-e46883c6]:focus,.fu-copy._hollow[data-v-e46883c6]:hover{box-shadow:none}.fu-copy._hollow._hot[data-v-e46883c6]{transition:none;border-color:var(--pal-positive)}",""]),e.exports=t},"430e":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,":root{--ui-textarea-resize:vertical}",""]),e.exports=t},"4ec5":function(e,t,a){var o=a("2dcd");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("4513a0ae",o,!0,{sourceMap:!1,shadowMode:!1})},5175:function(e,t,a){"use strict";a("e978")},5312:function(e,t,a){var o=a("430e");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("61a11502",o,!0,{sourceMap:!1,shadowMode:!1})},"55d1":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-select[data-v-8d7e8466]{display:flex;flex-direction:column;gap:var(--lt-sp300)}",""]),e.exports=t},"56d7":function(e,t,a){"use strict";a.r(t);var o=a("7a23");Object(o["A"])("data-v-5f7e32ac");const r={class:"app_header"},l={class:"app_header-logo"},n=Object(o["j"])("FU*KIT COMPONENTS"),c={class:"app_main"},i={class:"app_main-nav"},d=Object(o["j"])("Home"),s=Object(o["j"])("Sandbox"),u=Object(o["j"])("Typography"),b=Object(o["j"])("Button"),p=Object(o["j"])("Select"),v=Object(o["j"])("Text"),f=Object(o["j"])("Textarea"),h=Object(o["j"])("Sidebar"),g={class:"app_main-page"},m=Object(o["h"])("footer",{class:"app_footer"},[Object(o["h"])("small",{class:"app_footer-copy"},"This is a char in brackets (a) 2021")],-1);function x(e,t){const a=Object(o["F"])("router-link"),x=Object(o["F"])("router-view");return Object(o["x"])(),Object(o["g"])(o["a"],null,[Object(o["h"])("header",r,[Object(o["h"])("h1",l,[Object(o["k"])(a,{to:"/","active-class":"_active",class:"app_header-logo-link"},{default:Object(o["N"])(()=>[n]),_:1})])]),Object(o["h"])("main",c,[Object(o["h"])("nav",i,[Object(o["k"])(a,{to:"/","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[d]),_:1}),Object(o["k"])(a,{to:"/sandbox","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[s]),_:1}),Object(o["k"])(a,{to:"/typo","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[u]),_:1}),Object(o["k"])(a,{to:"/button","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[b]),_:1}),Object(o["k"])(a,{to:"/select","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[p]),_:1}),Object(o["k"])(a,{to:"/text","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[v]),_:1}),Object(o["k"])(a,{to:"/textarea","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[f]),_:1}),Object(o["k"])(a,{to:"/sidebar","active-class":"_active",class:"app_main-nav-link"},{default:Object(o["N"])(()=>[h]),_:1})]),Object(o["h"])("div",g,[Object(o["k"])(x)])]),m],64)}Object(o["y"])();a("b659"),a("5175");const j={};j.render=x,j.__scopeId="data-v-5f7e32ac";var y=j,O=a("6c02");Object(o["A"])("data-v-076e7cfc");const w={class:"home"},_={class:"home_splash"},k=Object(o["h"])("div",{class:"home_splash-hero"},[Object(o["h"])("div",{class:"home_splash-hero-epic"},"Fu"),Object(o["h"])("div",{class:"home_splash-hero-sub"},[Object(o["h"])("p",null,"fu-kit"),Object(o["h"])("p",null,"v0.0.1")])],-1),M=Object(o["h"])("h2",{class:"home_splash-slogan"},[Object(o["j"])("Unreasonable UI"),Object(o["h"])("br"),Object(o["j"])("for unreasonable man.")],-1),V=Object(o["j"])("📋 npm i fu-kit"),z=Object(o["i"])('<p class="home_text" data-v-076e7cfc>Just the right amount of UI for your Vue 3 Application!</p><p class="home_text" data-v-076e7cfc>Flexible, but not too much.</p><p class="home_text" data-v-076e7cfc>Customizable, but not a &quot;options-creep&quot;.</p><p class="home_text" data-v-076e7cfc>Not too bad, not too good.</p><p class="home_text" data-v-076e7cfc>Just right.</p>',5);function F(e,t,a,r,l,n){const c=Object(o["F"])("fu-copy");return Object(o["x"])(),Object(o["g"])("div",w,[Object(o["h"])("div",_,[k,M,Object(o["k"])(c,{value:"npm i fu-kit",class:"home_splash-copy"},{default:Object(o["N"])(()=>[V]),_:1}),z])])}function I(e,t,a,r,l,n){const c=Object(o["F"])("fu-button");return Object(o["x"])(),Object(o["e"])(c,Object(o["p"])(e.$attrs,{hollow:"",class:["fu-copy",{_hot:r.isCopied}],onClick:r.handleCopyToClipboard}),{default:Object(o["N"])(()=>[Object(o["E"])(e.$slots,"default",{},void 0,!0)]),_:3},16,["onClick","class"])}function N(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("button",Object(o["p"])({...e.$attrs,type:e.$attrs.type||"button",class:"fu-button"+(r.hollow?" _hollow":"")},{onMouseup:t[0]||(t[0]=(...e)=>r.mUp&&r.mUp(...e))}),[Object(o["E"])(e.$slots,"default",{},void 0,!0)],16)}Object(o["y"])();var S={name:"fu-button",props:{hollow:{type:Boolean,default:!1}},setup(e){const t=e=>e.target.blur();return{hollow:e.hollow,mUp:t}}};a("72cc");S.render=N,S.__scopeId="data-v-236a8750";var C=S,T={name:"fu-copy",components:{FuButton:C},props:{value:{type:String,required:!0}},setup(e){const t=Object(o["C"])(!1);let a;Object(o["t"])(()=>{a&&clearTimeout(a)});const r=o=>{navigator.clipboard?navigator.clipboard.writeText(e.value):l(),t.value=!1,requestAnimationFrame(()=>t.value=!0),a&&clearTimeout(a),a=setTimeout(()=>t.value=!1,1e3),o.target.blur()},l=()=>{const t=document.createElement("textarea");t.value=e.value,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t),t.select();try{document.execCommand("copy")}catch(a){console.error(a)}finally{document.body.removeChild(t)}};return{handleCopyToClipboard:r,isCopied:t}}};a("d0d5");T.render=I,T.__scopeId="data-v-e46883c6";var E=T,A={name:"Home",components:{FuCopy:E}};a("d042");A.render=F,A.__scopeId="data-v-076e7cfc";var B=A;Object(o["A"])("data-v-886a94ea");const D={class:"doc-button"},U={class:"doc-button_row"},$=Object(o["j"])("default"),H=Object(o["j"])("primary"),L=Object(o["j"])("secondary"),P=Object(o["j"])("positive"),R=Object(o["j"])("warning"),X=Object(o["j"])("negative"),q=Object(o["j"])("disabled"),K={class:"doc-button_row"},G=Object(o["j"])("default"),J=Object(o["j"])("primary"),W=Object(o["j"])("secondary"),Y=Object(o["j"])("positive"),Q=Object(o["j"])("warning"),Z=Object(o["j"])("negative"),ee=Object(o["j"])("disabled"),te={class:"doc-button_row"},ae=Object(o["j"])(" primary buttons"),oe=Object(o["h"])("br",null,null,-1),re=Object(o["j"])("with a long text inside "),le=Object(o["h"])("h4",null,"HUGE TEXT",-1);function ne(e,t,a,r,l,n){const c=Object(o["F"])("fu-button"),i=Object(o["F"])("fu-code-view");return Object(o["x"])(),Object(o["g"])("div",D,[Object(o["h"])("div",U,[Object(o["k"])(c,null,{default:Object(o["N"])(()=>[$]),_:1}),Object(o["k"])(c,{class:"primary"},{default:Object(o["N"])(()=>[H]),_:1}),Object(o["k"])(c,{class:"secondary"},{default:Object(o["N"])(()=>[L]),_:1}),Object(o["k"])(c,{class:"positive"},{default:Object(o["N"])(()=>[P]),_:1}),Object(o["k"])(c,{class:"warning"},{default:Object(o["N"])(()=>[R]),_:1}),Object(o["k"])(c,{class:"negative"},{default:Object(o["N"])(()=>[X]),_:1}),Object(o["k"])(c,{disabled:""},{default:Object(o["N"])(()=>[q]),_:1})]),Object(o["h"])("div",K,[Object(o["k"])(c,{hollow:""},{default:Object(o["N"])(()=>[G]),_:1}),Object(o["k"])(c,{hollow:"",class:"primary"},{default:Object(o["N"])(()=>[J]),_:1}),Object(o["k"])(c,{hollow:"",class:"secondary"},{default:Object(o["N"])(()=>[W]),_:1}),Object(o["k"])(c,{hollow:"",class:"positive"},{default:Object(o["N"])(()=>[Y]),_:1}),Object(o["k"])(c,{hollow:"",class:"warning"},{default:Object(o["N"])(()=>[Q]),_:1}),Object(o["k"])(c,{hollow:"",class:"negative"},{default:Object(o["N"])(()=>[Z]),_:1}),Object(o["k"])(c,{hollow:"",disabled:""},{default:Object(o["N"])(()=>[ee]),_:1})]),Object(o["h"])("div",te,[Object(o["k"])(c,{class:"primary"},{default:Object(o["N"])(()=>[ae,oe,re]),_:1}),Object(o["k"])(c,{class:"secondary"},{default:Object(o["N"])(()=>[le]),_:1})]),Object(o["k"])(i,{label:"Example"},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(r.example),1)]),_:1})])}Object(o["y"])(),Object(o["A"])("data-v-6f22f4b9");const ce={class:"fu-code-view"},ie={key:1,class:"fu-code-view_title"},de={key:2,class:"fu-code-view_pre"};function se(e,t,a,r,l,n){const c=Object(o["F"])("fu-button-link");return Object(o["x"])(),Object(o["g"])("div",ce,[r.collapse?(Object(o["x"])(),Object(o["e"])(c,{key:0,class:"fu-code-view_toggle",onClick:t[0]||(t[0]=e=>r.isShown=!r.isShown)},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(r.isShown?"Hide":"Show")+" "+Object(o["H"])(r.label),1)]),_:1})):r.label?(Object(o["x"])(),Object(o["g"])("p",ie,Object(o["H"])(r.label),1)):Object(o["f"])("",!0),!r.collapse||r.isShown?(Object(o["x"])(),Object(o["g"])("pre",de,[Object(o["E"])(e.$slots,"default",{},void 0,!0)])):Object(o["f"])("",!0)])}function ue(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("button",Object(o["p"])({...e.$attrs,type:e.$attrs.type||"button",class:"fu-button-link"},{onMouseup:t[0]||(t[0]=(...e)=>r.mUp&&r.mUp(...e))}),[Object(o["E"])(e.$slots,"default",{},void 0,!0)],16)}Object(o["y"])();var be={name:"fu-button-link",props:{hollow:{type:Boolean,default:!1}},setup(e){const t=e=>e.target.blur();return{hollow:e.hollow,mUp:t}}};a("7d43"),a("6593");be.render=ue,be.__scopeId="data-v-e72c22fe";var pe=be,ve={name:"fu-code-view",components:{FuButtonLink:pe},props:{label:{type:String,default:""},collapse:{type:Boolean,default:null}},setup(e){const t=Object(o["C"])(Object(o["I"])(e.collapse)),a=Object(o["C"])(!1),r=e.label;return{isShown:a,label:r,collapse:t}}};a("b19c");ve.render=se,ve.__scopeId="data-v-6f22f4b9";var fe=ve;const he='\n/// vue\n<fu-button hollow>default</fu-button>\n<fu-button hollow class="primary">primary</fu-button>\n\n/// css\n.primary {\n --button-pal: var(--pal-primary);\n}\n';var ge={name:"doc-button",components:{FuCodeView:fe,FuButton:C},setup(){return{example:he}}};a("0014");ge.render=ne,ge.__scopeId="data-v-886a94ea";var me=ge;Object(o["A"])("data-v-472911f4");const xe={class:"doc-typo"},je=Object(o["i"])('<div class="doc-typo_col" data-v-472911f4><h3 class="doc-typo_title" data-v-472911f4>Default tags style</h3><div data-v-472911f4>Default block</div><small data-v-472911f4>Default small text</small><p data-v-472911f4>Default paragraph</p><h5 data-v-472911f4>Default Heading 5 300/400</h5><h4 data-v-472911f4>Default Heading 4 400/500</h4><h3 data-v-472911f4>Default Heading 3 500/600</h3><h2 data-v-472911f4>Default Heading 2 600/700</h2><h1 data-v-472911f4>Default Heading 1 700/800</h1></div><div class="doc-typo_col" data-v-472911f4><h3 class="doc-typo_title" data-v-472911f4>@include typo(*)</h3><div class="h100" data-v-472911f4>100 Test sample</div><div class="h200" data-v-472911f4>200 Test sample</div><div class="h300" data-v-472911f4>300 Test sample</div><div class="h400" data-v-472911f4>400 Test sample</div><div class="h500" data-v-472911f4>500 Test sample</div><div class="h600" data-v-472911f4>600 Test sample</div><div class="h700" data-v-472911f4>700 Test sample</div><div class="h800" data-v-472911f4>800 Test sample</div><div class="h900" data-v-472911f4>900 Test sample</div></div>',2);function ye(e,t,a,r,l,n){const c=Object(o["F"])("fu-code-view");return Object(o["x"])(),Object(o["g"])("div",xe,[je,Object(o["k"])(c,{collapse:"",label:"Example"},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(r.example),1)]),_:1})])}Object(o["y"])();const Oe="\n.h200 {\n @include typo(200);\n}\n\nh4 {\n @include typo(400, 500);\n}\n\n";var we={name:"doc-typo",components:{FuCodeView:fe},setup(){return{example:Oe}}};a("e850");we.render=ye,we.__scopeId="data-v-472911f4";var _e=we;Object(o["A"])("data-v-8d7e8466");const ke={class:"doc-select"},Me={class:"doc-select_row"},Ve=Object(o["h"])("label",null,"Boring Select",-1),ze=["value"],Fe={class:"doc-select_row brand"},Ie=Object(o["h"])("label",null,"Fancy select with search",-1),Ne={class:"doc-select_row positive"},Se=Object(o["h"])("label",null,"Fancy select with search",-1),Ce={class:"doc-select_row negative"},Te=Object(o["h"])("label",null,"Fancy select with search",-1);function Ee(e,t,a,r,l,n){const c=Object(o["F"])("fu-select"),i=Object(o["F"])("fu-select-x");return Object(o["x"])(),Object(o["g"])("div",ke,[Object(o["h"])("div",Me,[Ve,Object(o["k"])(c,{modelValue:r.val,"onUpdate:modelValue":t[0]||(t[0]=e=>r.val=e)},{default:Object(o["N"])(()=>[(Object(o["x"])(!0),Object(o["g"])(o["a"],null,Object(o["D"])(r.list,e=>(Object(o["x"])(),Object(o["g"])("option",{value:e.value},Object(o["H"])(e.label),9,ze))),256))]),_:1},8,["modelValue"])]),Object(o["h"])("div",Fe,[Ie,Object(o["k"])(i,{modelValue:r.val,"onUpdate:modelValue":t[1]||(t[1]=e=>r.val=e),options:r.list},null,8,["modelValue","options"])]),Object(o["h"])("div",Ne,[Se,Object(o["k"])(i,{modelValue:r.val,"onUpdate:modelValue":t[2]||(t[2]=e=>r.val=e),options:r.list},null,8,["modelValue","options"])]),Object(o["h"])("div",Ce,[Te,Object(o["k"])(i,{modelValue:r.val,"onUpdate:modelValue":t[3]||(t[3]=e=>r.val=e),options:r.list},null,8,["modelValue","options"])])])}Object(o["y"])(),Object(o["A"])("data-v-b1b01438");const Ae=["value"];function Be(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("label",Object(o["p"])({class:"fu-select"},{class:e.$attrs.class}),[Object(o["h"])("select",Object(o["p"])({class:"fu-select_select"},{...e.$attrs,class:void 0},{value:a.modelValue,onInput:t[0]||(t[0]=t=>e.$emit("update:modelValue",t.target.value))}),[Object(o["E"])(e.$slots,"default",{},void 0,!0)],16,Ae)],16)}Object(o["y"])();var De={name:"fu-select",props:{modelValue:{type:[String,Number],default:""}},emits:["update:modelValue"]};a("6c1d");De.render=Be,De.__scopeId="data-v-b1b01438";var Ue=De;Object(o["A"])("data-v-3d039538");const $e=["placeholder"],He=["onClick"];function Le(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("label",Object(o["p"])({class:"fu-select-x"},e.$attrs),[Object(o["O"])(Object(o["h"])("input",{tabindex:"0",class:"fu-select-x_input",ref:"refSearch","onUpdate:modelValue":t[0]||(t[0]=e=>r.search=e),placeholder:r.model,onKeydown:t[1]||(t[1]=(...e)=>r.onTextKeydown&&r.onTextKeydown(...e)),onFocus:t[2]||(t[2]=(...e)=>r.onTextFocus&&r.onTextFocus(...e)),onBlur:t[3]||(t[3]=(...e)=>r.onSomeBlur&&r.onSomeBlur(...e)),spellcheck:"false"},null,40,$e),[[o["K"],r.search]]),Object(o["O"])(Object(o["h"])("span",{class:"fu-select-x_list",ref:"refList",onKeydown:t[5]||(t[5]=(...e)=>r.onArrows&&r.onArrows(...e))},[(Object(o["x"])(!0),Object(o["g"])(o["a"],null,Object(o["D"])(r.filteredItems,e=>(Object(o["x"])(),Object(o["g"])("button",{class:Object(o["r"])(["fu-select-x_list-item",{_selected:e.value===r.model}]),tabindex:"-1",onClick:t=>r.onSelect(t,e),onBlur:t[4]||(t[4]=(...e)=>r.onSomeBlur&&r.onSomeBlur(...e))},Object(o["H"])(e.label),43,He))),256))],544),[[o["L"],r.filteredItems.length]])],16)}Object(o["y"])(),Object(o["A"])("data-v-24463106");const Pe=["value"];function Re(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("label",Object(o["p"])({class:["fu-text",{_disabled:void 0!==e.$attrs.disabled||void 0!==e.$attrs.readOnly}]},{class:e.$attrs.class}),[Object(o["E"])(e.$slots,"default",{},void 0,!0),Object(o["E"])(e.$slots,"left",{},void 0,!0),Object(o["h"])("input",Object(o["p"])({...e.$attrs,class:void 0},{value:a.modelValue,class:"fu-text_input",onInput:t[0]||(t[0]=t=>e.$emit("update:modelValue",t.target.value))}),null,16,Pe),Object(o["E"])(e.$slots,"right",{},void 0,!0)],16)}Object(o["y"])();var Xe={name:"fu-text",props:{modelValue:{type:[String,Number],default:""}},emits:["update:modelValue"]};a("9fbd");Xe.render=Re,Xe.__scopeId="data-v-24463106";var qe=Xe,Ke={name:"fu-select-x",components:{FuButton:C,UiText:qe},props:{modelValue:{type:[String,Number],default:""},options:{type:Array,default:[]},allowCustom:{type:Boolean,default:!1}},emits:["update:modelValue","select"],setup(e,{emit:t}){const a=Object(o["C"])(null),r=Object(o["C"])(null),l=Object(o["C"])(""),n=Object(o["C"])(e.modelValue);Object(o["M"])(()=>e.modelValue,e=>{n.value=e,l.value=e});const c=Object(o["c"])(()=>e.options.map(e=>"object"!==typeof e||null===e||Array.isArray(e)?{value:e,label:e}:e)),i=Object(o["c"])(()=>l.value&&l.value!==n.value?c.value.filter(e=>String(e.label).includes(l.value)):c.value),d=Object(o["c"])(()=>c.value.find(e=>n.value===e.value)),s=(e,a)=>{l.value=a.value,n.value=a.value,t("update:modelValue",n.value),t("select",n.value),e.target.blur()},u=async e=>{l.value=n.value,await Object(o["q"])(),e.target.setSelectionRange(0,-1)},b=t=>{if(!["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))return;if("Escape"===t.key)return document.activeElement.blur();const a=Array.prototype.slice.call(r.value.children);if("Enter"===t.key)return a[0]?a[0].click():e.allowCustom&&s(t,{label:l.value,value:l.value}),t.preventDefault(),void t.target.blur();if(a.length){switch(t.key){case"ArrowDown":t.preventDefault(),a[0].focus();break;case"ArrowUp":t.preventDefault(),a[a.length-1].focus();break}t.preventDefault()}},p=e=>{if(["ArrowDown","ArrowUp","Escape"].includes(e.key)){if("Escape"===e.key)return document.activeElement.blur();if(r.value===document.activeElement.parentElement)switch(e.key){case"ArrowDown":e.preventDefault(),v(1);break;case"ArrowUp":e.preventDefault(),v(-1);break}}},v=(e=-1)=>{const t=document.activeElement.parentElement;if(t!==r.value&&t===a.value)return;const o=Array.prototype.slice.call(r.value.children),l=document.activeElement,n=o.indexOf(l);if(e>0){if(n===o.length-1)return o[0].focus();o[n+1]&&o[n+1].focus()}else if(e<0){if(0===n)return o[o.length-1].focus();o[n-1]&&o[n-1].focus()}},f=async e=>{await Object(o["q"])(),a.value!==document.activeElement&&r.value!==document.activeElement.parentElement&&(l.value=n.value)};return{refSearch:a,refList:r,search:l,model:n,filteredItems:i,selectedItem:d,onTextKeydown:b,onArrows:p,onSelect:s,onTextFocus:u,onSomeBlur:f}}};a("ea7a"),a("a04f");Ke.render=Le,Ke.__scopeId="data-v-3d039538";var Ge=Ke,Je={name:"doc-buttons",components:{FuSelectX:Ge,FuSelect:Ue,FuButton:C},setup(){const e=Object(o["C"])("val1"),t=[{value:"val1",label:"label 1"},{value:"val2",label:"label 2"},{value:"val3",label:"label 3"}];return{val:e,list:t}}};a("942e");Je.render=Ee,Je.__scopeId="data-v-8d7e8466";var We=Je;Object(o["A"])("data-v-b037e4d8");const Ye={class:"doc-text"},Qe={class:"doc-text_row"},Ze={class:"doc-text_row"},et=Object(o["h"])("p",{class:"icon"}," ❤️",-1),tt=Object(o["h"])("p",{class:"icon"}," ❤️",-1);function at(e,t,a,r,l,n){const c=Object(o["F"])("fu-text"),i=Object(o["F"])("fu-code-view");return Object(o["x"])(),Object(o["g"])("div",Ye,[Object(o["h"])("div",Qe,[Object(o["k"])(c,{modelValue:r.val,"onUpdate:modelValue":t[0]||(t[0]=e=>r.val=e),placeholder:"placeholder"},null,8,["modelValue"]),Object(o["k"])(c,{class:"secondary",modelValue:r.val,"onUpdate:modelValue":t[1]||(t[1]=e=>r.val=e),placeholder:"placeholder"},null,8,["modelValue"]),Object(o["k"])(c,{class:"brand",modelValue:r.val,"onUpdate:modelValue":t[2]||(t[2]=e=>r.val=e),placeholder:"placeholder"},null,8,["modelValue"]),Object(o["k"])(c,{disabled:"",modelValue:r.val,"onUpdate:modelValue":t[3]||(t[3]=e=>r.val=e),placeholder:"placeholder"},null,8,["modelValue"])]),Object(o["h"])("div",Ze,[Object(o["k"])(c,{modelValue:r.val,"onUpdate:modelValue":t[4]||(t[4]=e=>r.val=e),placeholder:"disabled placeholder",class:"doc-sandbox_row-text"},{left:Object(o["N"])(()=>[et]),right:Object(o["N"])(()=>[tt]),_:1},8,["modelValue"])]),Object(o["k"])(i,{label:"Example"},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(r.example),1)]),_:1})])}Object(o["y"])();const ot="\nTBD\n";var rt={name:"doc-text",components:{FuButton:C,FuText:qe,FuCodeView:fe},setup(){const e=Object(o["C"])("");return{example:ot,val:e}}};a("96c0");rt.render=at,rt.__scopeId="data-v-b037e4d8";var lt=rt;Object(o["A"])("data-v-1b2f30f0");const nt={class:"doc-textarea"},ct=Object(o["j"])("Like submit");function it(e,t,a,r,l,n){const c=Object(o["F"])("fu-textarea"),i=Object(o["F"])("fu-button"),d=Object(o["F"])("fu-code-view");return Object(o["x"])(),Object(o["g"])("div",nt,[Object(o["k"])(c,{modelValue:r.val,"onUpdate:modelValue":t[0]||(t[0]=e=>r.val=e),placeholder:"this is a text area","auto-resize":""},null,8,["modelValue"]),Object(o["k"])(c,{class:"brand",modelValue:r.val,"onUpdate:modelValue":t[1]||(t[1]=e=>r.val=e),placeholder:"this is a text area"},null,8,["modelValue"]),Object(o["k"])(i,null,{default:Object(o["N"])(()=>[ct]),_:1}),Object(o["k"])(d,{label:"Example"},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(r.example),1)]),_:1})])}Object(o["y"])(),Object(o["A"])("data-v-52ab2018");const dt=["value"];function st(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("label",Object(o["p"])({class:"fu-text"},{class:e.$attrs.class},{class:{_disabled:void 0!==e.$attrs.disabled||void 0!==e.$attrs.readOnly}}),[Object(o["h"])("textarea",Object(o["p"])({ref:"textarea"},{...e.$attrs,class:void 0},{value:a.modelValue,class:"fu-text_textarea",onInput:t[0]||(t[0]=(...e)=>r.handleInput&&r.handleInput(...e))}),null,16,dt)],16)}Object(o["y"])();var ut={name:"fu-text",props:{modelValue:{type:[String,Number],default:""},autoResize:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{emit:t}){const a=Object(o["C"])(null),r=async e=>{t("update:modelValue",e.target.value),l(e.target)},l=t=>{e.autoResize&&(t.style.height="auto",t.style.height=t.scrollHeight+"px")};return Object(o["v"])(()=>l(a.value)),{handleInput:r,textarea:a}}};a("d718"),a("1c19");ut.render=st,ut.__scopeId="data-v-52ab2018";var bt=ut;const pt="\nTBD\n";var vt={name:"doc-textarea",components:{FuButton:C,FuTextarea:bt,FuCodeView:fe},setup(){const e=Object(o["C"])('Where does it come from?\n\nContrary to popular belief, Lorem Ipsum is not simply random text.\nIt has roots in a piece of classical Latin literature from 45 BC,\nmaking it over 2000 years old. Richard McClintock, a Latin professor\nat Hampden-Sydney College in Virginia, looked up one of the more\nobscure Latin words, consectetur, from a Lorem Ipsum passage,\nand going through the cites of the word in classical literature,\ndiscovered the undoubtable source. Lorem Ipsum comes from sections\n1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum"\n(The Extremes of Good and Evil) by Cicero, written in 45 BC.\nThis book is a treatise on the theory of ethics, very popular\nduring the Renaissance. The first line of Lorem Ipsum, "Lorem\nipsum dolor sit amet..", comes from a line in section 1.10.32.\n\nThe standard chunk of Lorem Ipsum used since the 1500s is reproduced\nbelow for those interested. Sections 1.10.32 and 1.10.33 from\n"de Finibus Bonorum et Malorum" by Cicero are also reproduced\nin their exact original form, accompanied by English versions\nfrom the 1914 translation by H. Rackham.\n ');return{example:pt,val:e}}};a("65fb");vt.render=it,vt.__scopeId="data-v-1b2f30f0";var ft=vt;Object(o["A"])("data-v-aff83b96");const ht={class:"doc-sandbox"},gt=["value"],mt={class:"doc-sandbox_row"},xt=Object(o["j"])("disabled");function jt(e,t,a,r,l,n){const c=Object(o["F"])("fu-button"),i=Object(o["F"])("fu-select"),d=Object(o["F"])("fu-select-x"),s=Object(o["F"])("fu-text"),u=Object(o["F"])("fu-code-view");return Object(o["x"])(),Object(o["g"])("div",ht,[(Object(o["x"])(!0),Object(o["g"])(o["a"],null,Object(o["D"])(r.classes,e=>(Object(o["x"])(),Object(o["g"])("div",{class:Object(o["r"])(["doc-sandbox_row",e])},[Object(o["k"])(c,{class:"doc-sandbox_row-btn"},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(e),1)]),_:2},1024),Object(o["k"])(i,{modelValue:r.selectVal,"onUpdate:modelValue":t[0]||(t[0]=e=>r.selectVal=e)},{default:Object(o["N"])(()=>[(Object(o["x"])(!0),Object(o["g"])(o["a"],null,Object(o["D"])(r.list,e=>(Object(o["x"])(),Object(o["g"])("option",{value:e.value},Object(o["H"])(e.label),9,gt))),256))]),_:1},8,["modelValue"]),Object(o["k"])(d,{modelValue:r.selectVal,"onUpdate:modelValue":t[1]||(t[1]=e=>r.selectVal=e),options:r.list},null,8,["modelValue","options"]),Object(o["k"])(s,{class:"doc-sandbox_row-text",modelValue:r.textVal,"onUpdate:modelValue":t[2]||(t[2]=e=>r.textVal=e),placeholder:e+" placeholder"},null,8,["modelValue","placeholder"])],2))),256)),Object(o["h"])("div",mt,[Object(o["k"])(c,{disabled:"",class:"doc-sandbox_row-btn"},{default:Object(o["N"])(()=>[xt]),_:1}),Object(o["k"])(s,{disabled:"",modelValue:r.textVal,"onUpdate:modelValue":t[3]||(t[3]=e=>r.textVal=e),placeholder:"disabled placeholder",class:"doc-sandbox_row-text"},null,8,["modelValue"])]),Object(o["k"])(u,{label:"Example"},{default:Object(o["N"])(()=>[Object(o["j"])(Object(o["H"])(r.example),1)]),_:1})])}Object(o["y"])();const yt="\nTBD\n";var Ot={name:"doc-sandbox",components:{FuSelectX:Ge,FuSelect:Ue,FuButton:C,FuText:qe,FuCodeView:fe},setup(){const e=["default","primary","brand","secondary","positive","warning","negative"],t=Object(o["C"])(""),a=Object(o["C"])("val1"),r=[{value:"val1",label:"label 1"},{value:"val2",label:"label 2"},{value:"val3",label:"label 3"}];return{example:yt,textVal:t,classes:e,selectVal:a,list:r}}};a("2e4c");Ot.render=jt,Ot.__scopeId="data-v-aff83b96";var wt=Ot;Object(o["A"])("data-v-1d4a44ed");const _t={class:"doc-sidebar"},kt={class:"doc-sidebar_content"},Mt=Object(o["h"])("h4",null,"What is Lorem Ipsum?",-1),Vt=Object(o["h"])("p",null,"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",-1),zt=Object(o["j"])("Open Right One"),Ft=Object(o["j"])("Open Right One");function It(e,t,a,r,l,n){const c=Object(o["F"])("fu-button"),i=Object(o["F"])("fu-sidebar");return Object(o["x"])(),Object(o["g"])("div",_t,[Object(o["k"])(i,{side:"right","is-open":r.rightIsOpen,onClose:t[1]||(t[1]=e=>r.rightIsOpen=!1)},{default:Object(o["N"])(()=>[Object(o["h"])("div",kt,[Mt,Vt,Object(o["k"])(c,{onClick:t[0]||(t[0]=e=>r.rightIsOpen=!1)},{default:Object(o["N"])(()=>[zt]),_:1})])]),_:1},8,["is-open"]),Object(o["k"])(c,{onClick:t[2]||(t[2]=e=>r.rightIsOpen=!0)},{default:Object(o["N"])(()=>[Ft]),_:1})])}Object(o["y"])(),Object(o["A"])("data-v-7a9bebd0");const Nt={key:0,class:"fu-sidebar_content"};function St(e,t,a,r,l,n){return Object(o["x"])(),Object(o["g"])("div",{class:Object(o["r"])(["fu-sidebar",{_shown:a.isOpen}]),onClick:t[0]||(t[0]=Object(o["P"])(t=>e.$emit("close"),["self"]))},[Object(o["k"])(o["b"],{name:"bounce"},{default:Object(o["N"])(()=>[a.isOpen?(Object(o["x"])(),Object(o["g"])("div",Nt,[Object(o["E"])(e.$slots,"default",{},void 0,!0)])):Object(o["f"])("",!0)]),_:3})],2)}Object(o["y"])();var Ct={name:"FuSidebar",emits:["close"],components:{FuButton:C},props:{isOpen:{type:Boolean,default:!1},side:{type:String,default:"left"}}};a("06c3"),a("6bc3");Ct.render=St,Ct.__scopeId="data-v-7a9bebd0";var Tt=Ct;const Et="\nTBD\n\n";var At={name:"doc-sidebar",components:{FuButton:C,FuSidebar:Tt,FuCodeView:fe},setup(){const e=Object(o["C"])(!1);return{example:Et,rightIsOpen:e}}};a("0a09");At.render=It,At.__scopeId="data-v-1d4a44ed";var Bt=At;const Dt=[{path:"/",name:"Home",component:B},{path:"/sandbox",name:"DocSandbox",component:wt},{path:"/typo",name:"DocTypo",component:_e},{path:"/button",name:"DocButton",component:me},{path:"/select",name:"DocSelect",component:We},{path:"/text",name:"DocText",component:lt},{path:"/textarea",name:"DocTextarea",component:ft},{path:"/sidebar",name:"DocSidebar",component:Bt}],Ut=Object(O["a"])({history:Object(O["b"])("/"),routes:Dt});var $t=Ut;a("da8f"),a("1657"),a("f843");Object(o["d"])(y).use($t).mount("#app")},"58f8":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,"body{margin:0;padding:0}address,article,aside,blockquote,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,hgroup,hr,li,main,nav,ol,p,pre,section,table,ul{margin:0;padding:0;box-sizing:border-box;font-family:var(--typo-font-text);line-height:1.2}h1,h2,h3,h4,h5,h6,header{font-family:var(--typo-font-heading);margin:0;padding:0}b,button,h1,h2,h3,h4,h5,h6,header,input,select,small,span,textarea{box-sizing:border-box;line-height:1.2}h1{font-size:var(--typo-h700)}h2{font-size:var(--typo-h600)}h3{font-size:var(--typo-h500)}h4{font-size:var(--typo-h400)}h5{font-size:var(--typo-h300)}p{font-size:var(--typo-h200)}label,small{font-size:var(--typo-h100)}label{display:block}",""]),e.exports=t},6036:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-text[data-v-24463106]{padding:0;display:flex;align-items:center;justify-content:stretch;border-style:var(--ui-lt-border-style);border-width:var(--ui-lt-border-width);border-color:var(--ui-pal-lateral);border-radius:var(--ui-lt-border-radius);transition-duration:.24s;transition-timing-function:ease-in-out;transition-property:border-color,box-shadow;height:var(--ui-lt-h);background:var(--ui-pal-bg)}.fu-text[data-v-24463106],.fu-text_input[data-v-24463106]{font-size:var(--typo-h200);box-sizing:border-box}.fu-text_input[data-v-24463106]{padding:var(--lt-sp100) var(--lt-sp300);color:var(--ui-pal-text);caret-color:var(--ui-pal);min-height:min(100%);border:none;outline:none;background:transparent;flex:1;display:block;min-width:0;margin:0}.fu-text_input[data-v-24463106]::-moz-selection{background-color:var(--ui-pal);color:var(--ui-pal-text-select)}.fu-text_input[data-v-24463106]::selection{background-color:var(--ui-pal);color:var(--ui-pal-text-select)}.fu-text_input[data-v-24463106]::-moz-placeholder{color:var(--ui-pal-placeholder)}.fu-text_input[data-v-24463106]:-ms-input-placeholder{color:var(--ui-pal-placeholder)}.fu-text_input[data-v-24463106]::placeholder{color:var(--ui-pal-placeholder)}.fu-text_input[disabled][data-v-24463106],.fu-text_input[read-only][data-v-24463106]{cursor:text;color:var(--ui-pal-disabled-border)}.fu-text[data-v-24463106]:hover{outline:none;box-shadow:0 5px 12px -4px rgb(var(--rgb-dark),.2)}.fu-text[data-v-24463106]:focus-within{outline:none;box-shadow:0 0 0 0 var(--ui-pal);border-color:var(--ui-pal)}.fu-text._disabled[data-v-24463106]{border:var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);background:transparent;box-shadow:none}",""]),e.exports=t},6593:function(e,t,a){"use strict";a("22c4")},"65fb":function(e,t,a){"use strict";a("ea4b")},"6bc3":function(e,t,a){"use strict";a("1ba7")},"6c1d":function(e,t,a){"use strict";a("a59b")},"729d":function(e,t,a){var o=a("b741");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("319e41c5",o,!0,{sourceMap:!1,shadowMode:!1})},"72cc":function(e,t,a){"use strict";a("a448")},"7d43":function(e,t,a){"use strict";a("8dfc")},"8d13":function(e,t,a){var o=a("55d1");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("551c4352",o,!0,{sourceMap:!1,shadowMode:!1})},"8dfc":function(e,t,a){var o=a("ee43");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("4092e0fe",o,!0,{sourceMap:!1,shadowMode:!1})},"914c":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,":root{--ui-sidebar-max-w:45vw;--ui-sidebar-min-w:25vw}@media(max-width:812px){:root{--ui-sidebar-max-w:100vw;--ui-sidebar-min-w:90vw}}",""]),e.exports=t},"942e":function(e,t,a){"use strict";a("8d13")},"96c0":function(e,t,a){"use strict";a("cdb0")},"9fbd":function(e,t,a){"use strict";a("b14d")},a04f:function(e,t,a){"use strict";a("dde3")},a43e:function(e,t,a){var o=a("c6f5");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("1efb6318",o,!0,{sourceMap:!1,shadowMode:!1})},a448:function(e,t,a){var o=a("f30a");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("3eb2bd8c",o,!0,{sourceMap:!1,shadowMode:!1})},a59b:function(e,t,a){var o=a("aa21");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("7a380ed9",o,!0,{sourceMap:!1,shadowMode:!1})},aa21:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-select[data-v-b1b01438]{padding:0;display:flex;align-items:center;justify-content:stretch;border-style:var(--ui-lt-border-style);border-width:var(--ui-lt-border-width);border-color:var(--ui-pal-lateral);border-radius:var(--ui-lt-border-radius);transition-duration:.24s;transition-timing-function:ease-in-out;transition-property:border-color,box-shadow;height:var(--ui-lt-h)}.fu-select[data-v-b1b01438],.fu-select_select[data-v-b1b01438]{font-size:var(--typo-h200);box-sizing:border-box}.fu-select_select[data-v-b1b01438]{padding:var(--lt-sp100) var(--lt-sp200);color:var(--ui-pal-text);caret-color:var(--ui-pal);min-height:min(100%);border:none;outline:none;background:transparent;flex:1;display:block;min-width:0;margin:0}.fu-select_select[disabled][data-v-b1b01438]{cursor:not-allowed;color:var(--ui-pal-disabled-border)}.fu-select[data-v-b1b01438]:hover{outline:none;box-shadow:0 5px 12px -4px rgb(var(--rgb-dark),.2)}.fu-select[data-v-b1b01438]:focus-within{outline:none;box-shadow:0 0 0 0 var(--ui-pal);border-color:var(--ui-pal)}.fu-select._disabled[data-v-b1b01438]{border:var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);background:transparent;box-shadow:none}",""]),e.exports=t},af5f:function(e,t,a){var o=a("f9fd");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("d714c752",o,!0,{sourceMap:!1,shadowMode:!1})},b14d:function(e,t,a){var o=a("6036");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("7c713188",o,!0,{sourceMap:!1,shadowMode:!1})},b19c:function(e,t,a){"use strict";a("1677")},b5de:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-select-x[data-v-3d039538]{padding:0;display:flex;align-items:center;justify-content:stretch;border-style:var(--ui-lt-border-style);border-width:var(--ui-lt-border-width);border-color:var(--ui-pal-lateral);border-radius:var(--ui-lt-border-radius);transition-duration:.24s;transition-timing-function:ease-in-out;transition-property:border-color,box-shadow;height:var(--ui-lt-h);position:relative;background:var(--ui-pal-bg)}.fu-select-x[data-v-3d039538],.fu-select-x_input[data-v-3d039538]{font-size:var(--typo-h200);box-sizing:border-box}.fu-select-x_input[data-v-3d039538]{padding:var(--lt-sp100) var(--lt-sp300);color:var(--ui-pal-text);caret-color:var(--ui-pal);min-height:min(100%);border:none;outline:none;background:transparent;flex:1;display:block;min-width:0;margin:0}.fu-select-x_input[data-v-3d039538]:focus{outline:none}.fu-select-x_input[data-v-3d039538]:not(:focus)::-moz-placeholder{color:rgb(var(--pal-prime))}.fu-select-x_input[data-v-3d039538]:not(:focus):-ms-input-placeholder{color:rgb(var(--pal-prime))}.fu-select-x_input[data-v-3d039538]:not(:focus)::placeholder{color:rgb(var(--pal-prime))}.fu-select-x_input[data-v-3d039538]::-moz-selection{background-color:var(--ui-pal);color:var(--ui-pal-text-select)}.fu-select-x_input[data-v-3d039538]::selection{background-color:var(--ui-pal);color:var(--ui-pal-text-select)}.fu-select-x_list[data-v-3d039538]{overflow:auto;max-height:30vh;max-width:100vw;display:none;flex-direction:column;justify-content:stretch;border-width:var(--ui-lt-border-width);border-radius:var(--ui-lt-border-radius);border-color:var(--ui-pal);border-style:solid;position:absolute;left:calc(var(var(--ui-lt-border-width)-1));top:100%;min-width:calc(100% + var(--ui-lt-border-width));background:var(--ui-pal-bg);margin-top:var(--lt-sp200);z-index:var(--lt-z-pop)}.fu-select-x_list[data-v-3d039538]::-webkit-scrollbar-track{background-color:var(--ui-pal-bg)}.fu-select-x_list[data-v-3d039538]::-webkit-scrollbar{width:var(--ui-lt-scroll-width);height:var(--ui-lt-scroll-width);border-radius:var(--ui-lt-scroll-width);background-color:var(--ui-pal-bg)}.fu-select-x_list[data-v-3d039538]::-webkit-scrollbar-thumb{border:1px solid var(--ui-pal-bg);border-radius:var(--ui-lt-scroll-width);background-color:transparent}.fu-select-x_list[data-v-3d039538] ::-webkit-scrollbar-corner{background-color:transparent!important;border:0 none!important;box-shadow:none!important}.fu-select-x_list[data-v-3d039538]:focus::-webkit-scrollbar-thumb,.fu-select-x_list[data-v-3d039538]:hover::-webkit-scrollbar-thumb{background-color:var(--ui-pal)}.fu-select-x_list-item[data-v-3d039538]{padding:var(--lt-sp100) var(--lt-sp300);font-size:var(--typo-h200);line-height:var(--typo-lh300);border:0 none;text-decoration:none;border-radius:0;justify-content:left;text-align:left;font-weight:inherit;background:transparent;outline:none}.fu-select-x_list-item[data-v-3d039538]:hover{background-color:var(--ui-pal-lateral);color:var(--ui-pal-text)}.fu-select-x_list-item._selected[data-v-3d039538],.fu-select-x_list-item[data-v-3d039538]:focus{color:var(--ui-pal-acc);background-color:var(--ui-pal)}.fu-select-x:focus-within .fu-select-x_list[data-v-3d039538]{display:flex}.fu-select-x[data-v-3d039538]:hover{outline:none;box-shadow:0 5px 12px -4px rgb(var(--rgb-dark),.2)}.fu-select-x[data-v-3d039538]:focus-within{outline:none;box-shadow:0 0 0 0 var(--ui-pal);border-color:var(--ui-pal)}.fu-select-x._disabled[data-v-3d039538]{border:var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);background:transparent;box-shadow:none}",""]),e.exports=t},b659:function(e,t,a){"use strict";a("f81e")},b741:function(e,t,a){var o=a("24fb"),r=a("1de5"),l=a("b854");t=o(!1);var n=r(l);t.push([e.i,".home[data-v-076e7cfc]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0}.home_splash[data-v-076e7cfc]{padding:var(--lt-sp600) var(--lt-sp500);--typo-font-text:Georgia,serif;--typo-font-heading:Georgia,serif;color:var(--pal-white);aspect-ratio:1/1.1;width:780px;max-width:100%;min-height:800px;background-image:url("+n+");background-size:cover;background-position:50%}.home_splash-hero[data-v-076e7cfc]{padding:var(--lt-sp200);letter-spacing:1px;font-weight:400;height:200px;width:200px;border:1px solid var(--pal-grey400);display:flex;flex-direction:column;justify-content:space-between}.home_splash-hero-epic[data-v-076e7cfc]{display:block;font-size:120px;color:#c53838}.home_splash-hero-sub[data-v-076e7cfc]{padding:var(--lt-sp300);display:flex;justify-content:space-between}.home_splash-hero-sub[data-v-076e7cfc],.home_splash-hero-sub p[data-v-076e7cfc]{font-size:var(--typo-h500)}.home_splash-slogan[data-v-076e7cfc]{font-size:var(--typo-h600)}.home_splash-copy[data-v-076e7cfc],.home_splash-slogan[data-v-076e7cfc]{margin:var(--lt-sp500) var(--lt-sp300)}.home_splash-copy[data-v-076e7cfc]{font-size:var(--typo-h400);padding:var(--lt-sp100) var(--lt-sp400);--ui-pal:var(--pal-light);border:1px solid rgba(var(--rgb-light),.2);font-weight:600;border-radius:3px}.home_text[data-v-076e7cfc]{font-size:var(--typo-h200);margin:var(--lt-sp100) var(--lt-sp300);text-shadow:0 1px 1px #000;color:var(--pal-light)}",""]),e.exports=t},b854:function(e,t,a){e.exports=a.p+"img/splash-screen.8bd73950.jpg"},c6f5:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-text[data-v-52ab2018]{padding:0;display:flex;align-items:center;justify-content:stretch;border-style:var(--ui-lt-border-style);border-width:var(--ui-lt-border-width);border-color:var(--ui-pal-lateral);border-radius:var(--ui-lt-border-radius);transition-duration:.24s;transition-timing-function:ease-in-out;transition-property:border-color,box-shadow}.fu-text[data-v-52ab2018],.fu-text_textarea[data-v-52ab2018]{font-size:var(--typo-h200);box-sizing:border-box;min-height:var(--ui-lt-h)}.fu-text_textarea[data-v-52ab2018]{padding:var(--lt-sp200);margin:var(--lt-sp100);color:var(--ui-pal-text);caret-color:var(--ui-pal);border:none;outline:none;background:transparent;flex:1;display:block;min-width:0;resize:var(--ui-textarea-resize);height:var(--ui-lt-h)}.fu-text_textarea[data-v-52ab2018]::-webkit-scrollbar-track{background-color:var(--ui-pal-bg)}.fu-text_textarea[data-v-52ab2018]::-webkit-scrollbar{width:var(--ui-lt-scroll-width);height:var(--ui-lt-scroll-width);border-radius:var(--ui-lt-scroll-width);background-color:var(--ui-pal-bg)}.fu-text_textarea[data-v-52ab2018]::-webkit-scrollbar-thumb{border:1px solid var(--ui-pal-bg);border-radius:var(--ui-lt-scroll-width);background-color:transparent}.fu-text_textarea[data-v-52ab2018] ::-webkit-scrollbar-corner{background-color:transparent!important;border:0 none!important;box-shadow:none!important}.fu-text_textarea[data-v-52ab2018]:focus::-webkit-scrollbar-thumb,.fu-text_textarea[data-v-52ab2018]:hover::-webkit-scrollbar-thumb{background-color:var(--ui-pal)}.fu-text_textarea[data-v-52ab2018]::-moz-selection{background-color:var(--ui-pal);color:var(--ui-pal-text-select)}.fu-text_textarea[data-v-52ab2018]::selection{background-color:var(--ui-pal);color:var(--ui-pal-text-select)}.fu-text_textarea[disabled][data-v-52ab2018],.fu-text_textarea[read-only][data-v-52ab2018]{cursor:text;color:var(--ui-pal-disabled-border)}.fu-text[data-v-52ab2018]:hover{outline:none;box-shadow:0 5px 12px -4px rgb(var(--rgb-dark),.2)}.fu-text[data-v-52ab2018]:focus-within{outline:none;box-shadow:0 0 0 0 var(--ui-pal);border-color:var(--ui-pal)}.fu-text._disabled[data-v-52ab2018]{border:var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);background:transparent;box-shadow:none}",""]),e.exports=t},c777:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,":root{--select-x-bg:#000;--select-x-border-color:rgb(var(--pal-primary));--select-x-border-width:1px}",""]),e.exports=t},cdb0:function(e,t,a){var o=a("24d5");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("256f725a",o,!0,{sourceMap:!1,shadowMode:!1})},d042:function(e,t,a){"use strict";a("729d")},d0d5:function(e,t,a){"use strict";a("2e79")},d4c0:function(e,t,a){var o=a("914c");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("27c194da",o,!0,{sourceMap:!1,shadowMode:!1})},d718:function(e,t,a){"use strict";a("5312")},da8f:function(e,t,a){var o=a("58f8");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("6ec4f688",o,!0,{sourceMap:!1,shadowMode:!1})},dde3:function(e,t,a){var o=a("b5de");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("8f2072f8",o,!0,{sourceMap:!1,shadowMode:!1})},e0e7:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".brand{--ui-pal:var(--pal-brand)}.primary{--ui-pal:var(--pal-primary)}.secondary{--ui-pal:var(--pal-secondary)}.positive{--ui-pal:var(--pal-positive)}.warning{--ui-pal:var(--pal-warning)}.negative{--ui-pal:var(--pal-negative)}",""]),e.exports=t},e850:function(e,t,a){"use strict";a("19ac")},e978:function(e,t,a){var o=a("fc77");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("d4b1b3ae",o,!0,{sourceMap:!1,shadowMode:!1})},ea4b:function(e,t,a){var o=a("0a17");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("6113dc9d",o,!0,{sourceMap:!1,shadowMode:!1})},ea7a:function(e,t,a){"use strict";a("fd06")},ee41:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-typo_col[data-v-472911f4]{padding:var(--lt-sp400) 0;flex:1}.doc-typo .h100[data-v-472911f4]{font-size:var(--typo-h100)}.doc-typo .h200[data-v-472911f4]{font-size:var(--typo-h200)}.doc-typo .h300[data-v-472911f4]{font-size:var(--typo-h300)}.doc-typo .h400[data-v-472911f4]{font-size:var(--typo-h400)}.doc-typo .h500[data-v-472911f4]{font-size:var(--typo-h500)}.doc-typo .h600[data-v-472911f4]{font-size:var(--typo-h600)}.doc-typo .h700[data-v-472911f4]{font-size:var(--typo-h700)}.doc-typo .h800[data-v-472911f4]{font-size:var(--typo-h800)}.doc-typo .h900[data-v-472911f4]{font-size:var(--typo-h900)}.doc-typo_title[data-v-472911f4]{margin-bottom:var(--lt-sp400);color:rgb(var(--pal-text-dimm));font-weight:400;border-bottom:1px solid rgb(var(--rgb-grey200))}",""]),e.exports=t},ee43:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,":root{--button-link-pal:var(--pal-link);--button-link-pal-active:var(--pal-link-active);--button-link-disabled-pal:var(--ui-pal-disabled)}",""]),e.exports=t},ef38:function(e,t,a){var o=a("294a");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("198a24d2",o,!0,{sourceMap:!1,shadowMode:!1})},f30a:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".fu-button[data-v-236a8750]{font-size:var(--typo-h200);padding:var(--lt-sp300) var(--lt-sp400);display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;font-family:var(--typo-font-text);min-height:var(--ui-lt-h);border-width:var(--ui-lt-border-width);border-style:var(--ui-lt-border-style);border-color:var(--ui-pal);border-radius:var(--ui-lt-border-radius);transition:var(--ui-transition);background:var(--ui-pal);color:var(--ui-pal-acc);line-height:1;will-change:box-shadow,transform;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fu-button>*[data-v-236a8750]{pointer-events:none}.fu-button[data-v-236a8750]:hover{text-decoration:none}.fu-button[data-v-236a8750]:focus,.fu-button[data-v-236a8750]:hover{box-shadow:0 4px 12px -4px var(--ui-pal)}.fu-button[data-v-236a8750]:active{transform:translateY(2px);transition-duration:20ms;box-shadow:0 3px 4px -2px var(--ui-pal)}.fu-button[data-v-236a8750]:disabled{cursor:not-allowed;background:var(--ui-pal-disabled);border-color:var(--ui-pal-disabled-border);border-style:var(--ui-lt-disabled-border-style);color:var(--ui-pal-disabled-border);box-shadow:none}.fu-button._hollow[data-v-236a8750]{background:transparent;color:var(--ui-pal)}.fu-button._hollow[data-v-236a8750]:hover{color:var(--ui-pal)}.fu-button._hollow[data-v-236a8750]:focus,.fu-button._hollow[data-v-236a8750]:hover{box-shadow:0 3px 10px -4px var(--ui-pal)}.fu-button._hollow[data-v-236a8750]:active{box-shadow:0 1px 4px -2px var(--ui-pal)}.fu-button._hollow[data-v-236a8750]:disabled{color:var(--ui-pal-disabled-border);box-shadow:none}",""]),e.exports=t},f331:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,":root{--lt-header-height:64px;--lt-footer-height:64px;--lt-horizontal-padding:16px}body{font-family:var(--typo-font-text);color:var(--pal-text);background:var(--pal-bg)}#app::-webkit-scrollbar,#app::-webkit-scrollbar-track{background-color:var(--ui-pal-bg)}#app::-webkit-scrollbar{width:var(--ui-lt-scroll-width);height:var(--ui-lt-scroll-width);border-radius:var(--ui-lt-scroll-width)}#app::-webkit-scrollbar-thumb{border:1px solid var(--ui-pal-bg);border-radius:var(--ui-lt-scroll-width);background-color:transparent}#app ::-webkit-scrollbar-corner{background-color:transparent!important;border:0 none!important;box-shadow:none!important}#app:focus::-webkit-scrollbar-thumb,#app:hover::-webkit-scrollbar-thumb{background-color:var(--ui-pal)}",""]),e.exports=t},f81e:function(e,t,a){var o=a("e0e7");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("7c688cda",o,!0,{sourceMap:!1,shadowMode:!1})},f843:function(e,t,a){var o=a("f331");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("f1024276",o,!0,{sourceMap:!1,shadowMode:!1})},f9fd:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".doc-button_row[data-v-886a94ea]{padding:var(--lt-sp300);gap:1em;display:flex}",""]),e.exports=t},fc77:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,".app_header[data-v-5f7e32ac]{grid-area:header;display:flex;align-items:center;justify-content:space-between;height:var(--lt-header-height);padding:0 var(--lt-horizontal-padding)}.app_header-logo-link[data-v-5f7e32ac]{font-size:var(--typo-h400);color:rgb(var(--rgb-black));text-decoration:none}.app_main[data-v-5f7e32ac]{min-height:calc(100vh - var(--lt-header-height) - var(--lt-footer-height));display:flex}.app_main-page[data-v-5f7e32ac]{padding:0 var(--lt-horizontal-padding);flex:1}.app_main-nav[data-v-5f7e32ac]{padding:var(--lt-sp200);padding:0 var(--lt-horizontal-padding);position:sticky;left:0;top:0;bottom:0;border-right:var(--ui-lt-border-width) solid rgb(var(--rgb-grey100));display:flex;flex-direction:column;gap:var(--lt-sp200);min-width:200px}.app_main-nav-link[data-v-5f7e32ac]{width:10em;display:block;text-decoration:none}.app_main-nav-link._active[data-v-5f7e32ac]{color:#000;text-decoration:underline}.app_footer[data-v-5f7e32ac]{display:flex;align-items:center;justify-content:space-between;height:var(--lt-footer-height);padding:0 var(--lt-horizontal-padding)}.app_footer-copy[data-v-5f7e32ac]{font-size:var(--typo-h100);color:rgb(var(--rgb-grey400))}",""]),e.exports=t},fd06:function(e,t,a){var o=a("c777");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var r=a("499e").default;r("36a3205a",o,!0,{sourceMap:!1,shadowMode:!1})}});
2
+ //# sourceMappingURL=app.53980592.js.map