fu-kit 0.4.2 → 0.6.0

package/dist/fu-kit.esm.js

@@ -1,720 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, mergeProps, renderSlot, ref, toRaw, resolveComponent, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, onBeforeUnmount, createElementVNode, normalizeStyle, watch, computed, nextTick, withDirectives, vModelText, Fragment, renderList, normalizeClass, vShow, withModifiers, createVNode, Transition, onMounted } from 'vue';
-
-console.log('ui-button!');
-
-var script$a = /*#__PURE__*/defineComponent({
-  name: 'fu-button',
-  props: {
-    hollow: { type: Boolean, default: false },
-  },
-  setup (props) {
-    const mUp = (e) => e.target.blur();
-    return { hollow: props.hollow, mUp }
-  },
-});
-
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("button", mergeProps({
-        ..._ctx.$attrs,
-        type: _ctx.$attrs.type || 'button',
-        class: 'fu-button' + (_ctx.hollow ? ' _hollow' : ''),
-      }, {
-    onMouseup: _cache[0] || (_cache[0] = (...args) => (_ctx.mUp && _ctx.mUp(...args)))
-  }), [
-    renderSlot(_ctx.$slots, "default")
-  ], 16))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$d = ".fu-button[data-v-0c2f6810] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp300) var(--lt-sp400);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: var(--typo-font-text);\n  min-height: var(--ui-lt-h);\n  border-width: var(--ui-lt-border-width);\n  border-style: var(--ui-lt-border-style);\n  border-color: var(--ui-pal);\n  border-radius: var(--ui-lt-border-radius);\n  transition: all var(--ui-transition);\n  background: var(--ui-pal);\n  color: var(--ui-pal-acc);\n  line-height: 1;\n  will-change: box-shadow, transform;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n.fu-button > *[data-v-0c2f6810] {\n  pointer-events: none;\n}\n.fu-button[data-v-0c2f6810]:hover {\n  text-decoration: none;\n  box-shadow: 0 4px 12px -4px var(--ui-pal);\n}\n.fu-button[data-v-0c2f6810]:focus {\n  box-shadow: 0 4px 12px -4px var(--ui-pal);\n}\n.fu-button[data-v-0c2f6810]:active {\n  transform: translateY(2px);\n  transition-duration: 20ms;\n  box-shadow: 0 3px 4px -2px var(--ui-pal);\n}\n.fu-button[data-v-0c2f6810]:disabled {\n  cursor: not-allowed;\n  background: var(--ui-pal-disabled);\n  border-color: var(--ui-pal-disabled-border);\n  border-style: var(--ui-lt-disabled-border-style);\n  color: var(--ui-pal-disabled-border);\n  box-shadow: none;\n}\n.fu-button._hollow[data-v-0c2f6810] {\n  background: transparent;\n  color: var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:hover {\n  box-shadow: 0 3px 10px -4px var(--ui-pal);\n  color: var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:focus {\n  box-shadow: 0 3px 10px -4px var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:active {\n  box-shadow: 0 1px 4px -2px var(--ui-pal);\n}\n.fu-button._hollow[data-v-0c2f6810]:disabled {\n  color: var(--ui-pal-disabled-border);\n  box-shadow: none;\n}";
-styleInject(css_248z$d);
-
-script$a.render = render$a;
-script$a.__scopeId = "data-v-0c2f6810";
-
-var script$9 = /*#__PURE__*/defineComponent({
-  name: 'fu-button-link',
-  props: {
-    hollow: { type: Boolean, default: false },
-  },
-  setup (props) {
-    const mUp = (e) => e.target.blur();
-    return { hollow: props.hollow, mUp }
-  },
-});
-
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("button", mergeProps({
-        ..._ctx.$attrs,
-        type: _ctx.$attrs.type || 'button',
-        class: 'fu-button-link',
-      }, {
-    onMouseup: _cache[0] || (_cache[0] = (...args) => (_ctx.mUp && _ctx.mUp(...args)))
-  }), [
-    renderSlot(_ctx.$slots, "default")
-  ], 16))
-}
-
-var css_248z$c = ":root {\n  --button-link-pal: var(--pal-link);\n  --button-link-pal-active: var(--pal-link-active);\n  --button-link-disabled-pal: var(--ui-pal-disabled);\n}";
-styleInject(css_248z$c);
-
-var css_248z$b = ".fu-button-link[data-v-70f7c8d4] {\n  font-size: var(--typo-h200);\n  padding: 0 0;\n  display: inline-block;\n  font-weight: normal;\n  box-sizing: border-box;\n  cursor: pointer;\n  font-family: var(--typo-font-text);\n  border: 0 none;\n  transition: var(--ui-transition);\n  background: transparent;\n  color: var(--button-link-pal);\n  line-height: 1;\n  will-change: box-shadow, transform;\n  outline: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  text-decoration: underline;\n}\n.fu-button-link > *[data-v-70f7c8d4] {\n  pointer-events: none;\n}\n.fu-button-link[data-v-70f7c8d4]:hover {\n  text-decoration: none;\n}\n.fu-button-link[data-v-70f7c8d4]:focus {\n  color: var(--button-link-pal-active);\n  text-decoration: underline dashed;\n}\n.fu-button-link[data-v-70f7c8d4]:active {\n  color: var(--button-link-pal-active);\n  text-decoration: underline dashed;\n}\n.fu-button-link[data-v-70f7c8d4]:disabled {\n  cursor: not-allowed;\n  color: var(--pal-link-active);\n}";
-styleInject(css_248z$b);
-
-script$9.render = render$9;
-script$9.__scopeId = "data-v-70f7c8d4";
-
-var script$8 = /*#__PURE__*/defineComponent({
-  name: 'fu-code-view',
-  components: { FuButtonLink: script$9 },
-  props: {
-    label: { type: String, default: '' },
-    collapse: { type: Boolean, default: null },
-  },
-  setup (props) {
-    const collapse = ref(toRaw(props.collapse));
-    const isShown = ref(false);
-    const label = props.label;
-    return { isShown, label, collapse }
-  },
-});
-
-const _hoisted_1$7 = { class: "fu-code-view" };
-const _hoisted_2$2 = {
-  key: 1,
-  class: "fu-code-view_title"
-};
-const _hoisted_3$1 = {
-  key: 2,
-  class: "fu-code-view_pre"
-};
-
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_fu_button_link = resolveComponent("fu-button-link");
-
-  return (openBlock(), createElementBlock("div", _hoisted_1$7, [
-    (_ctx.collapse)
-      ? (openBlock(), createBlock(_component_fu_button_link, {
-          key: 0,
-          class: "fu-code-view_toggle",
-          onClick: _cache[0] || (_cache[0] = $event => (_ctx.isShown = !_ctx.isShown))
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.isShown ? 'Hide' : 'Show') + " " + toDisplayString(_ctx.label), 1)
-          ]),
-          _: 1
-        }))
-      : (_ctx.label)
-        ? (openBlock(), createElementBlock("p", _hoisted_2$2, toDisplayString(_ctx.label), 1))
-        : createCommentVNode("", true),
-    (_ctx.collapse ? _ctx.isShown : true)
-      ? (openBlock(), createElementBlock("pre", _hoisted_3$1, [
-          renderSlot(_ctx.$slots, "default")
-        ]))
-      : createCommentVNode("", true)
-  ]))
-}
-
-var css_248z$a = ".fu-code-view[data-v-547d9872] {\n  margin: var(--lt-sp200) 0;\n}\n.fu-code-view_title[data-v-547d9872] {\n  font-size: var(--typo-h100);\n  font-weight: bold;\n  margin-bottom: var(--lt-sp200);\n}\n.fu-code-view_pre[data-v-547d9872] {\n  padding: var(--lt-sp300) var(--lt-sp200);\n  overflow: auto;\n  max-width: 100%;\n  background: rgb(var(--pal-block-light));\n  border: 1px solid rgb(var(--pal-block));\n  border-radius: var(--lt-border-radius-inner);\n}\n.fu-code-view_pre[data-v-547d9872]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-code-view_pre[data-v-547d9872]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-code-view_pre[data-v-547d9872]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-code-view_pre[data-v-547d9872] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-code-view_pre[data-v-547d9872]:focus::-webkit-scrollbar-thumb, .fu-code-view_pre[data-v-547d9872]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}";
-styleInject(css_248z$a);
-
-script$8.render = render$8;
-script$8.__scopeId = "data-v-547d9872";
-
-var script$7 = /*#__PURE__*/defineComponent({
-  name: 'fu-copy',
-  components: { FuButton: script$a },
-  props: {
-    value: { type: String, required: true },
-  },
-  setup (props) {
-    const isCopied = ref(false);
-    let timeout;
-
-    onBeforeUnmount(() => {
-      if (timeout) clearTimeout(timeout);
-    });
-
-    const handleCopyToClipboard = (event) => {
-      if (navigator.clipboard) {
-        navigator.clipboard.writeText(props.value);
-      } else {
-        execCopy();
-      }
-
-      isCopied.value = false;
-      requestAnimationFrame(() => (isCopied.value = true));
-
-      if (timeout) clearTimeout(timeout);
-      timeout = setTimeout(() => isCopied.value = false, 1000);
-
-      event.target.blur();
-    };
-
-    // fallback
-    const execCopy = () => {
-      const textArea = document.createElement('textarea');
-      textArea.value = props.value;
-      textArea.setAttribute('readonly', '');
-      textArea.style.position = 'absolute';
-      textArea.style.left = '-9999px';
-      document.body.appendChild(textArea);
-      textArea.select();
-
-      try {
-        document.execCommand('copy');
-      } catch (err) {
-        console.error(err);
-      } finally {
-        document.body.removeChild(textArea);
-      }
-    };
-
-    return {
-      handleCopyToClipboard,
-      isCopied,
-    }
-  },
-});
-
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_fu_button = resolveComponent("fu-button");
-
-  return (openBlock(), createBlock(_component_fu_button, mergeProps(_ctx.$attrs, {
-    hollow: "",
-    class: ["fu-copy", {'_hot': _ctx.isCopied}],
-    onClick: _ctx.handleCopyToClipboard
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["onClick", "class"]))
-}
-
-var css_248z$9 = ".fu-copy[data-v-9343fa28] {\n  padding: 0 var(--lt-sp200);\n}\n.fu-copy._hollow[data-v-9343fa28] {\n  font-weight: normal;\n}\n.fu-copy._hollow[data-v-9343fa28]:active {\n  box-shadow: none;\n}\n.fu-copy._hollow[data-v-9343fa28]:hover {\n  box-shadow: none;\n}\n.fu-copy._hollow[data-v-9343fa28]:focus {\n  box-shadow: none;\n}\n.fu-copy._hollow._hot[data-v-9343fa28] {\n  transition: none;\n  border-color: var(--pal-positive);\n}";
-styleInject(css_248z$9);
-
-script$7.render = render$7;
-script$7.__scopeId = "data-v-9343fa28";
-
-var script$6 = /*#__PURE__*/defineComponent({
-  name: 'fu-progress-radial',
-  props: {
-    /**
-     * Value must be between 0 and 1 (otherwise will be normalized automatically)
-     */
-    value: { type: Number, default: 0 },
-  },
-  data () {
-    return {
-      r: 50, r2: 100,
-    }
-  },
-  computed: {
-    normalizeValue () {
-      if (this.value > 1) return 1
-      if (this.value < 0) return 0
-      return this.value
-    },
-    dasharray () {
-      return Math.PI * this.r2
-    },
-    valueStyle () {
-      return {
-        'stroke-dasharray': this.dasharray,
-        'stroke-dashoffset': this.dasharray * (1 - this.normalizeValue),
-      }
-    },
-  },
-  methods: {
-    hasSlot (slot) {
-      return !!this.$slots[slot]
-    },
-  },
-});
-
-const _hoisted_1$6 = { class: "fu-progress-radial" };
-const _hoisted_2$1 = { class: "fu-progress-radial__svg-wrap" };
-const _hoisted_3 = ["viewBox", "width", "height"];
-const _hoisted_4 = ["cx", "cy", "r"];
-const _hoisted_5 = ["cx", "cy", "r"];
-const _hoisted_6 = {
-  key: 0,
-  class: "fu-progress-radial__slot"
-};
-
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$6, [
-    createElementVNode("div", _hoisted_2$1, [
-      (openBlock(), createElementBlock("svg", {
-        class: "fu-progress-radial__svg",
-        viewBox: `0 0 ${_ctx.r2} ${_ctx.r2}`,
-        width: _ctx.r2,
-        height: _ctx.r2
-      }, [
-        createElementVNode("circle", {
-          class: "fu-progress-radial__svg-bg",
-          cx: _ctx.r,
-          cy: _ctx.r,
-          r: _ctx.r
-        }, null, 8, _hoisted_4),
-        createElementVNode("circle", {
-          class: "fu-progress-radial__svg-value",
-          cx: _ctx.r,
-          cy: _ctx.r,
-          r: _ctx.r,
-          style: normalizeStyle(_ctx.valueStyle)
-        }, null, 12, _hoisted_5)
-      ], 8, _hoisted_3))
-    ]),
-    (_ctx.hasSlot('default'))
-      ? (openBlock(), createElementBlock("span", _hoisted_6, [
-          renderSlot(_ctx.$slots, "default")
-        ]))
-      : createCommentVNode("", true)
-  ]))
-}
-
-var css_248z$8 = ".fu-progress-radial[data-v-216c1c15] {\n  display: flex;\n  position: relative;\n  white-space: nowrap;\n  align-items: center;\n  justify-content: center;\n  height: calc(var(--progress-radial-size, 64px));\n  width: calc(var(--progress-radial-size, 64px));\n}\n.fu-progress-radial__svg-wrap[data-v-216c1c15] {\n  position: absolute;\n  display: block;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n}\n.fu-progress-radial__svg[data-v-216c1c15] {\n  overflow: visible;\n  vertical-align: middle;\n  transform: rotate(90deg);\n  height: var(--progress-radial-size, 64px);\n  width: var(--progress-radial-size, 64px);\n}\n.fu-progress-radial__svg-bg[data-v-216c1c15] {\n  stroke: var(--progress-radial-bg-stroke, rgba(var(--pal-primary), 0.2));\n  fill: var(--progress-radial-bg-fill, transparent);\n  stroke-width: var(--progress-radial-stroke-width, 10);\n}\n.fu-progress-radial__svg-value[data-v-216c1c15] {\n  fill: none;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  transition-duration: var(--progress-radial-t-duration, 500ms);\n  transition-property: var(--progress-radial-t-property, all);\n  transition-timing-function: var(--progress-radial-t-function, linear);\n  stroke: var(--progress-radial-color, rgb(var(--pal-primary)));\n  stroke-linecap: var(--progress-radial-stroke-linecap, round);\n  stroke-width: var(--progress-radial-stroke-width, 10);\n}";
-styleInject(css_248z$8);
-
-script$6.render = render$6;
-script$6.__scopeId = "data-v-216c1c15";
-
-var script$5 = /*#__PURE__*/defineComponent({
-  name: 'fu-select',
-  props: {
-    modelValue: {
-      type: [ String, Number ],
-      default: '',
-    },
-  },
-  emits: [ 'update:modelValue' ],
-});
-
-const _hoisted_1$5 = ["value"];
-
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("label", mergeProps({ class: "fu-select" }, { class: _ctx.$attrs.class }), [
-    createElementVNode("select", mergeProps({ class: "fu-select_select" }, {  ..._ctx.$attrs, class: undefined }, {
-      value: _ctx.modelValue,
-      onInput: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.value)))
-    }), [
-      renderSlot(_ctx.$slots, "default")
-    ], 16, _hoisted_1$5)
-  ], 16))
-}
-
-var css_248z$7 = ".fu-select[data-v-4ad4f0cf] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  height: var(--ui-lt-h);\n}\n.fu-select_select[data-v-4ad4f0cf] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp100) var(--lt-sp200);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  min-height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  margin: 0;\n}\n.fu-select_select[disabled][data-v-4ad4f0cf] {\n  cursor: not-allowed;\n  color: var(--ui-pal-disabled-border);\n}\n.fu-select[data-v-4ad4f0cf]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-select[data-v-4ad4f0cf]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-select._disabled[data-v-4ad4f0cf] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}";
-styleInject(css_248z$7);
-
-script$5.render = render$5;
-script$5.__scopeId = "data-v-4ad4f0cf";
-
-var script$4 = /*#__PURE__*/defineComponent({
-  name: 'fu-text',
-  props: {
-    modelValue: {
-      type: [ String, Number ],
-      default: '',
-    },
-  },
-  emits: [ 'update:modelValue' ],
-});
-
-const _hoisted_1$4 = ["value"];
-
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", mergeProps({
-    class: ["fu-text", {'_disabled': _ctx.$attrs.disabled !== undefined || _ctx.$attrs.readOnly  !== undefined }]
-  }, { class: _ctx.$attrs.class }), [
-    renderSlot(_ctx.$slots, "default"),
-    renderSlot(_ctx.$slots, "left"),
-    createElementVNode("input", mergeProps({..._ctx.$attrs, class: undefined}, {
-      value: _ctx.modelValue,
-      class: "fu-text_input",
-      onInput: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.value)))
-    }), null, 16, _hoisted_1$4),
-    renderSlot(_ctx.$slots, "right")
-  ], 16))
-}
-
-var css_248z$6 = ".fu-text[data-v-4848d3cf] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  height: var(--ui-lt-h);\n  background: var(--ui-pal-bg);\n}\n.fu-text_input[data-v-4848d3cf] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp100) var(--lt-sp300);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  min-height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  margin: 0;\n}\n.fu-text_input[data-v-4848d3cf]::selection {\n  background-color: var(--ui-pal);\n  color: var(--ui-pal-text-select);\n}\n.fu-text_input[data-v-4848d3cf]::placeholder {\n  color: var(--ui-pal-placeholder);\n}\n.fu-text_input[disabled][data-v-4848d3cf], .fu-text_input[read-only][data-v-4848d3cf] {\n  cursor: text;\n  color: var(--ui-pal-disabled-border);\n}\n.fu-text[data-v-4848d3cf]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-text[data-v-4848d3cf]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-text._disabled[data-v-4848d3cf] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}";
-styleInject(css_248z$6);
-
-script$4.render = render$4;
-script$4.__scopeId = "data-v-4848d3cf";
-
-var script$3 = /*#__PURE__*/defineComponent({
-  name: 'fu-select-x',
-  components: { FuButton: script$a, UiText: script$4 },
-  props: {
-    modelValue: { type: [ String, Number ], default: '' },
-    options: { type: Array, default: [] },
-    allowCustom: { type: Boolean, default: false },
-  },
-  emits: [ 'update:modelValue', 'select' ],
-  setup (props, { emit }) {
-    const refSearch = ref(null);
-    const refList = ref(null);
-    const search = ref('');
-    const model = ref(props.modelValue);
-
-    watch(() => props.modelValue, (value) => {
-      model.value = value;
-      search.value = value;
-    });
-
-    const normalItems = computed(() => {
-      return props.options.map(o => {
-        if (typeof o === 'object' && o !== null && !Array.isArray(o)) {
-          return o
-        } else {
-          return { value: o, label: o }
-        }
-      })
-    });
-
-    const filteredItems = computed(() => {
-      if (!search.value || search.value === model.value) return normalItems.value
-      return normalItems.value.filter((i) => String(i.label).includes(search.value))
-    });
-
-    const selectedItem = computed(() => normalItems.value.find(o => model.value === o.value));
-
-    const onSelect = (event, item) => {
-      search.value = item.value;
-      model.value = item.value;
-      emit('update:modelValue', model.value);
-      emit('select', model.value);
-
-      event.target.blur();
-    };
-
-    const onTextFocus = async (e) => {
-      search.value = model.value;
-      await nextTick();
-      e.target.setSelectionRange(0, -1);
-    };
-
-    const onTextKeydown = (e) => {
-      if (![ 'ArrowDown', 'ArrowUp', 'Enter', 'Escape' ].includes(e.key)) return
-
-      if (e.key === 'Escape') return document.activeElement.blur()
-
-      const nodes = Array.prototype.slice.call(refList.value.children);
-
-      if (e.key === 'Enter') {
-        if (nodes[0]) {
-          nodes[0].click();
-        } else if (props.allowCustom) {
-          onSelect(e, { label: search.value, value: search.value });
-        }
-
-        e.preventDefault();
-        e.target.blur();
-
-        return
-      }
-
-      if (!nodes.length) return
-
-      switch (e.key) {
-        case 'ArrowDown':
-          e.preventDefault();
-          nodes[0].focus();
-          break
-        case 'ArrowUp':
-          e.preventDefault();
-          nodes[nodes.length - 1].focus();
-          break
-      }
-
-      e.preventDefault();
-    };
-
-    const onArrows = (e) => {
-      if (![ 'ArrowDown', 'ArrowUp', 'Escape' ].includes(e.key)) return
-
-      if (e.key === 'Escape') return document.activeElement.blur()
-
-      if (refList.value !== document.activeElement.parentElement) return
-
-      switch (e.key) {
-        case 'ArrowDown':
-          e.preventDefault();
-          focusJump(+1);
-          break
-        case 'ArrowUp':
-          e.preventDefault();
-          focusJump(-1);
-          break
-      }
-    };
-
-    const focusJump = (next = -1) => {
-      const foElm = document.activeElement.parentElement;
-      if (foElm !== refList.value && foElm === refSearch.value) return
-
-      const nodes = Array.prototype.slice.call(refList.value.children);
-      const liRef = document.activeElement;
-      const fi = nodes.indexOf(liRef);
-
-
-      if (next > 0) {
-        if (fi === nodes.length - 1) return nodes[0].focus()
-        if (nodes[fi + 1]) nodes[fi + 1].focus();
-      } else if (next < 0) {
-        if (fi === 0) return nodes[nodes.length - 1].focus()
-        if (nodes[fi - 1]) nodes[fi - 1].focus();
-      }
-    };
-
-    const onSomeBlur = async (e) => {
-      await nextTick(); // todo: investigate why it's required
-      if (
-          refSearch.value !== document.activeElement &&
-          refList.value !== document.activeElement.parentElement
-      ) {
-        search.value = model.value;
-      }
-    };
-
-    return {
-      refSearch,
-      refList,
-      search,
-      model,
-      filteredItems,
-      selectedItem,
-      onTextKeydown,
-      onArrows,
-      onSelect,
-      onTextFocus,
-      onSomeBlur,
-    }
-  },
-});
-
-const _hoisted_1$3 = ["placeholder"];
-const _hoisted_2 = ["onClick"];
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("label", mergeProps({ class: "fu-select-x" }, _ctx.$attrs), [
-    withDirectives(createElementVNode("input", {
-      tabindex: "0",
-      class: "fu-select-x_input",
-      ref: "refSearch",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.search) = $event)),
-      placeholder: _ctx.model,
-      onKeydown: _cache[1] || (_cache[1] = (...args) => (_ctx.onTextKeydown && _ctx.onTextKeydown(...args))),
-      onFocus: _cache[2] || (_cache[2] = (...args) => (_ctx.onTextFocus && _ctx.onTextFocus(...args))),
-      onBlur: _cache[3] || (_cache[3] = (...args) => (_ctx.onSomeBlur && _ctx.onSomeBlur(...args))),
-      spellcheck: "false"
-    }, null, 40, _hoisted_1$3), [
-      [vModelText, _ctx.search]
-    ]),
-    withDirectives(createElementVNode("span", {
-      class: "fu-select-x_list",
-      ref: "refList",
-      onKeydown: _cache[5] || (_cache[5] = (...args) => (_ctx.onArrows && _ctx.onArrows(...args)))
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filteredItems, (e) => {
-        return (openBlock(), createElementBlock("button", {
-          class: normalizeClass(["fu-select-x_list-item", {'_selected': e.value === _ctx.model}]),
-          tabindex: "-1",
-          onClick: $event => (_ctx.onSelect($event,e)),
-          onBlur: _cache[4] || (_cache[4] = (...args) => (_ctx.onSomeBlur && _ctx.onSomeBlur(...args)))
-        }, toDisplayString(e.label), 43, _hoisted_2))
-      }), 256))
-    ], 544), [
-      [vShow, _ctx.filteredItems.length]
-    ])
-  ], 16))
-}
-
-var css_248z$5 = ".fu-select-x[data-v-41007e18] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  height: var(--ui-lt-h);\n  position: relative;\n  background: var(--ui-pal-bg);\n}\n.fu-select-x_input[data-v-41007e18] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp100) var(--lt-sp300);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  min-height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  margin: 0;\n}\n.fu-select-x_input[data-v-41007e18]:focus {\n  outline: none;\n}\n.fu-select-x_input[data-v-41007e18]:not(:focus)::placeholder {\n  color: rgb(var(--pal-prime));\n}\n.fu-select-x_input[data-v-41007e18]::selection {\n  background-color: var(--ui-pal);\n  color: var(--ui-pal-text-select);\n}\n.fu-select-x_list[data-v-41007e18] {\n  overflow: auto;\n  max-height: 30vh;\n  max-width: 100vw;\n  display: none;\n  flex-direction: column;\n  justify-content: stretch;\n  border-width: var(--ui-lt-border-width);\n  border-radius: var(--ui-lt-border-radius);\n  border-color: var(--ui-pal);\n  border-style: solid;\n  position: absolute;\n  left: calc(var(--ui-lt-border-width) * -1);\n  top: 100%;\n  min-width: calc(100% + var(--ui-lt-border-width) * 2);\n  background: var(--ui-pal-bg);\n  margin-top: var(--lt-sp200);\n  z-index: var(--lt-z-pop);\n}\n.fu-select-x_list[data-v-41007e18]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-select-x_list[data-v-41007e18]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-select-x_list[data-v-41007e18]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-select-x_list[data-v-41007e18] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-select-x_list[data-v-41007e18]:focus::-webkit-scrollbar-thumb, .fu-select-x_list[data-v-41007e18]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}\n.fu-select-x_list-item[data-v-41007e18] {\n  padding: var(--lt-sp100) var(--lt-sp300);\n  font-size: var(--typo-h200);\n  line-height: var(--typo-lh300);\n  border: 0 none;\n  text-decoration: none;\n  border-radius: 0;\n  justify-content: left;\n  text-align: left;\n  font-weight: inherit;\n  background: transparent;\n  outline: none;\n}\n.fu-select-x_list-item[data-v-41007e18]:hover {\n  background-color: var(--ui-pal-lateral);\n  color: var(--ui-pal-text);\n}\n.fu-select-x_list-item._selected[data-v-41007e18] {\n  color: var(--ui-pal-acc);\n  background-color: var(--ui-pal);\n}\n.fu-select-x_list-item[data-v-41007e18]:focus {\n  color: var(--ui-pal-acc);\n  background-color: var(--ui-pal);\n}\n.fu-select-x:focus-within .fu-select-x_list[data-v-41007e18] {\n  display: flex;\n}\n.fu-select-x[data-v-41007e18]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-select-x[data-v-41007e18]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-select-x._disabled[data-v-41007e18] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}";
-styleInject(css_248z$5);
-
-script$3.render = render$3;
-script$3.__scopeId = "data-v-41007e18";
-
-var script$2 = /*#__PURE__*/defineComponent({
-  name: 'FuSidebar',
-  emits: [ 'close' ],
-  components: { FuButton: script$a },
-  props: {
-    isOpen: { type: Boolean, default: false },
-    side: { type: String, default: 'left' },
-  },
-});
-
-const _hoisted_1$2 = {
-  key: 0,
-  class: "fu-sidebar_content"
-};
-
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["fu-sidebar", {'_shown':_ctx.isOpen}]),
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => (_ctx.$emit('close')), ["self"]))
-  }, [
-    createVNode(Transition, { name: "bounce" }, {
-      default: withCtx(() => [
-        (_ctx.isOpen)
-          ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-              renderSlot(_ctx.$slots, "default")
-            ]))
-          : createCommentVNode("", true)
-      ]),
-      _: 3
-    })
-  ], 2))
-}
-
-var css_248z$4 = ":root {\n  --ui-sidebar-max-w: 45vw;\n  --ui-sidebar-min-w: 25vw;\n}\n@media (max-width: 812px) {\n:root {\n    --ui-sidebar-max-w: 100vw;\n    --ui-sidebar-min-w: 90vw;\n}\n}";
-styleInject(css_248z$4);
-
-var css_248z$3 = ".fu-sidebar[data-v-99745aba] {\n  position: fixed;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  z-index: var(--lt-z-nav);\n  background-color: transparent;\n  transition-timing-function: linear;\n  transition-duration: 600ms;\n  transition-property: background-color, visibility;\n  pointer-events: none;\n  visibility: hidden;\n}\n.fu-sidebar._shown[data-v-99745aba] {\n  background: var(--pal-overlay);\n  visibility: visible;\n  pointer-events: unset;\n}\n.fu-sidebar_content[data-v-99745aba] {\n  overflow: auto;\n  position: absolute;\n  left: auto;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--pal-bg);\n  max-width: var(--ui-sidebar-max-w);\n  min-width: var(--ui-sidebar-min-w);\n  transform-origin: 100% 50%;\n}\n.fu-sidebar_content[data-v-99745aba]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-sidebar_content[data-v-99745aba]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-sidebar_content[data-v-99745aba]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-sidebar_content[data-v-99745aba] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-sidebar_content[data-v-99745aba]:focus::-webkit-scrollbar-thumb, .fu-sidebar_content[data-v-99745aba]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}\n.bounce-enter-active[data-v-99745aba] {\n  animation: slide-right-99745aba 200ms;\n}\n.bounce-leave-active[data-v-99745aba] {\n  animation: slide-right-99745aba 200ms reverse;\n}\n@keyframes slide-right-99745aba {\n0% {\n    transform: translateX(100%) scaleX(1);\n}\n100% {\n    transform: translateX(0);\n}\n}";
-styleInject(css_248z$3);
-
-script$2.render = render$2;
-script$2.__scopeId = "data-v-99745aba";
-
-var script$1 = /*#__PURE__*/defineComponent({
-  name: 'fu-textarea',
-  props: {
-    modelValue: {
-      type: [ String, Number ],
-      default: '',
-    },
-    autoResize: { type: Boolean, default: false },
-  },
-  emits: [ 'update:modelValue' ],
-  setup (props, { emit }) {
-    const textarea = ref(null);
-    const handleInput = async (e) => {
-      emit('update:modelValue', e.target.value);
-      resize(e.target);
-    };
-    const resize = (elm) => {
-      if (!props.autoResize) return
-      elm.style.height = 'auto';
-      elm.style.height = `${ elm.scrollHeight }px`;
-    };
-    onMounted(() => resize(textarea.value));
-
-    return { handleInput, textarea }
-  },
-});
-
-const _hoisted_1$1 = ["value"];
-
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", mergeProps({ class: "fu-text" }, { class: _ctx.$attrs.class }, {
-    class: {'_disabled': _ctx.$attrs.disabled !== undefined || _ctx.$attrs.readOnly  !== undefined }
-  }), [
-    createElementVNode("textarea", mergeProps({ ref: "textarea" }, {..._ctx.$attrs, class: undefined}, {
-      value: _ctx.modelValue,
-      class: "fu-text_textarea",
-      onInput: _cache[0] || (_cache[0] = (...args) => (_ctx.handleInput && _ctx.handleInput(...args)))
-    }), null, 16, _hoisted_1$1)
-  ], 16))
-}
-
-var css_248z$2 = ":root {\n  --ui-textarea-resize: vertical;\n}";
-styleInject(css_248z$2);
-
-var css_248z$1 = ".fu-text[data-v-6ce8c220] {\n  font-size: var(--typo-h200);\n  padding: 0;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  border-radius: var(--ui-lt-border-radius);\n  transition-duration: 240ms;\n  transition-timing-function: ease-in-out;\n  transition-property: border-color, box-shadow;\n  min-height: var(--ui-lt-h);\n}\n.fu-text_textarea[data-v-6ce8c220] {\n  font-size: var(--typo-h200);\n  padding: var(--lt-sp200);\n  margin: var(--lt-sp100);\n  color: var(--ui-pal-text);\n  caret-color: var(--ui-pal);\n  border: none;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  flex: 1;\n  display: block;\n  min-width: 0;\n  resize: var(--ui-textarea-resize);\n  min-height: var(--ui-lt-h);\n  height: var(--ui-lt-h);\n}\n.fu-text_textarea[data-v-6ce8c220]::-webkit-scrollbar-track {\n  background-color: var(--ui-pal-bg);\n}\n.fu-text_textarea[data-v-6ce8c220]::-webkit-scrollbar {\n  width: var(--ui-lt-scroll-width);\n  height: var(--ui-lt-scroll-width);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: var(--ui-pal-bg);\n}\n.fu-text_textarea[data-v-6ce8c220]::-webkit-scrollbar-thumb {\n  border: 1px solid var(--ui-pal-bg);\n  border-radius: var(--ui-lt-scroll-width);\n  background-color: transparent;\n}\n.fu-text_textarea[data-v-6ce8c220] ::-webkit-scrollbar-corner {\n  background-color: transparent !important;\n  border: 0 none !important;\n  box-shadow: none !important;\n}\n.fu-text_textarea[data-v-6ce8c220]:focus::-webkit-scrollbar-thumb, .fu-text_textarea[data-v-6ce8c220]:hover::-webkit-scrollbar-thumb {\n  background-color: var(--ui-pal);\n}\n.fu-text_textarea[data-v-6ce8c220]::selection {\n  background-color: var(--ui-pal);\n  color: var(--ui-pal-text-select);\n}\n.fu-text_textarea[disabled][data-v-6ce8c220], .fu-text_textarea[read-only][data-v-6ce8c220] {\n  cursor: text;\n  color: var(--ui-pal-disabled-border);\n}\n.fu-text[data-v-6ce8c220]:hover {\n  outline: none;\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-text[data-v-6ce8c220]:focus-within {\n  outline: none;\n  box-shadow: 0 0 0 0 var(--ui-pal);\n  border-color: var(--ui-pal);\n}\n.fu-text._disabled[data-v-6ce8c220] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  background: transparent;\n  box-shadow: none;\n}";
-styleInject(css_248z$1);
-
-script$1.render = render$1;
-script$1.__scopeId = "data-v-6ce8c220";
-
-var script = /*#__PURE__*/defineComponent({
-  name: 'fu-check',
-  props: {
-    modelValue: { type: [ Boolean ], default: false },
-    switchLike: { type: Boolean, default: false },
-  },
-  emits: [ 'update:modelValue' ],
-});
-
-const _hoisted_1 = ["checked"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("label", mergeProps({
-    class: ["fu-check", {'_disabled': _ctx.$attrs.disabled !== undefined,  '_checked': _ctx.modelValue }]
-  }, { class: _ctx.$attrs.class, style: _ctx.$attrs.style }), [
-    createElementVNode("input", mergeProps({..._ctx.$attrs, class: undefined, style: undefined, type: 'checkbox'}, {
-      class: "fu-check_input",
-      onInput: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.checked))),
-      checked: _ctx.modelValue
-    }), null, 16, _hoisted_1),
-    createElementVNode("span", {
-      class: normalizeClass(["fu-check_box", _ctx.switchLike ? 'fu-check_switch' : 'fu-check_check'])
-    }, null, 2),
-    renderSlot(_ctx.$slots, "default")
-  ], 16))
-}
-
-var css_248z = ".fu-check[data-v-383402a2] {\n  font-size: var(--typo-h200);\n  user-select: none;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: stretch;\n  height: var(--ui-lt-h);\n  position: relative;\n  outline: none;\n  color: var(--pal-text-dimm);\n}\n.fu-check_input[data-v-383402a2] {\n  opacity: 0;\n}\n.fu-check_check[data-v-383402a2] {\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  height: var(--ui-lt-h-sub);\n  width: var(--ui-lt-h-sub);\n  border-radius: var(--ui-lt-border-radius);\n  display: flex;\n  justify-content: stretch;\n  align-items: stretch;\n  margin-right: var(--lt-sp200);\n}\n.fu-check_check[data-v-383402a2]:before {\n  content: \"\";\n  display: block;\n  background-color: var(--ui-pal);\n  border-radius: calc(var(--ui-lt-border-radius) - var(--lt-sp100));\n  margin: var(--lt-sp100);\n  flex: 1;\n  transform: scale(0);\n  transition: all var(--ui-transition);\n}\n.fu-check_switch[data-v-383402a2] {\n  border-style: var(--ui-lt-border-style);\n  border-width: var(--ui-lt-border-width);\n  border-color: var(--ui-pal-lateral);\n  height: var(--ui-lt-h-sub);\n  width: calc(var(--ui-lt-h-sub) * 2);\n  border-radius: var(--ui-lt-h-sub);\n  margin-right: var(--lt-sp200);\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: var(--lt-sp100);\n}\n.fu-check_switch[data-v-383402a2]:before {\n  content: \"\";\n  display: block;\n  background-color: var(--ui-pal-lateral);\n  border-radius: calc(var(--ui-lt-h-sub) - var(--lt-sp100));\n  height: 100%;\n  aspect-ratio: 1;\n  transition: all var(--ui-transition);\n}\n.fu-check._checked .fu-check_switch[data-v-383402a2]:before {\n  transform: translateX(var(--ui-lt-h-sub));\n  background-color: var(--ui-pal);\n}\n.fu-check._checked[data-v-383402a2] {\n  color: var(--pal-text);\n}\n.fu-check._checked .fu-check_check[data-v-383402a2]:before {\n  transform: scale(1);\n}\n.fu-check:hover .fu-check_box[data-v-383402a2] {\n  box-shadow: 0 5px 12px -4px rgb(var(--rgb-dark), 0.2);\n}\n.fu-check[data-v-383402a2]:hover {\n  color: var(--pal-text);\n}\n.fu-check:focus-within .fu-check_box[data-v-383402a2] {\n  border-color: var(--ui-pal);\n}\n.fu-check._disabled[data-v-383402a2] {\n  color: var(--ui-pal-disabled-border);\n  cursor: not-allowed;\n}\n.fu-check._disabled .fu-check_box[data-v-383402a2] {\n  border: var(--ui-lt-border-width) var(--ui-lt-disabled-border-style) var(--ui-pal-disabled-border);\n  box-shadow: none;\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-383402a2";
-
-/* eslint-disable import/prefer-default-export */
-
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  FuButton: script$a,
-  FuButtonLink: script$9,
-  FuCodeView: script$8,
-  FuCopy: script$7,
-  FuProgressRadial: script$6,
-  FuSelect: script$5,
-  FuSelectX: script$3,
-  FuSidebar: script$2,
-  FuText: script$4,
-  FuTextarea: script$1,
-  FuCheck: script
-});
-
-// Import vue components
-
-// install function executed by Vue.use()
-const install = function installFuKit (app) {
-  Object.entries(components).forEach(([ componentName, component ]) => {
-    app.component(componentName, component);
-  });
-};
-
-export { script$a as FuButton, script$9 as FuButtonLink, script as FuCheck, script$8 as FuCodeView, script$7 as FuCopy, script$6 as FuProgressRadial, script$5 as FuSelect, script$3 as FuSelectX, script$2 as FuSidebar, script$4 as FuText, script$1 as FuTextarea, install as default };