@indielayer/ui 0.1.1 → 0.2.3

package/lib/esm/components/textarea/Textarea.vue_vue_type_template_id_03d2272f_lang.js

@@ -0,0 +1,66 @@
+import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, mergeProps, toHandlers } from 'vue';
+
+const _hoisted_1 = { class: "inline-block mb-1 relative" };
+const _hoisted_2 = ["textContent"];
+const _hoisted_3 = ["disabled", "max", "maxlength", "min", "dir", "minlength", "name", "placeholder", "readonly", "value"];
+const _hoisted_4 = ["textContent"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("label", _hoisted_1, [
+    ($props.label)
+      ? (openBlock(), createElementBlock("p", {
+          key: 0,
+          class: normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1", {
+        'text-xs': _ctx.size === 'xs',
+        'text-sm': _ctx.size === 'sm',
+        'text-lg': _ctx.size === 'lg',
+        'text-xl': _ctx.size === 'xl',
+      }]),
+          textContent: toDisplayString($props.label)
+        }, null, 10 /* CLASS, PROPS */, _hoisted_2))
+      : createCommentVNode("v-if", true),
+    createElementVNode("textarea", mergeProps({
+      ref: "focusRef",
+      class: ["appearance-none block w-full text-gray-700 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-600 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out border-gray-300 dark:border-gray-700 resize-none overflow-hidden", [
+        _ctx.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
+        {
+          // size
+          'py-1': _ctx.size === 'auto',
+          'px-2 py-1 text-xs': _ctx.size === 'xs',
+          'px-2 py-1 text-sm': _ctx.size === 'sm',
+          'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+          'px-4 py-3 text-lg': _ctx.size === 'lg',
+          'px-6 py-6 text-xl': _ctx.size === 'xl',
+        },
+        _ctx.flat ? '!p-0 !bg-transparent' : 'border shadow',
+        {
+          // error
+          'border-error-500 focus:border-error-500 dark:focus:border-error-500': _ctx.errorInternal,
+        },
+        $props.inputClass,
+      ]],
+      disabled: _ctx.disabled,
+      max: $props.max,
+      maxlength: $props.maxlength,
+      min: $props.min,
+      dir: $props.dir,
+      minlength: $props.minlength,
+      name: _ctx.name,
+      placeholder: $props.placeholder,
+      readonly: _ctx.readonly,
+      value: _ctx.modelValue
+    }, toHandlers(_ctx.inputListeners), {
+      onKeydown: _cache[0] || (_cache[0] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
+      onInput: _cache[1] || (_cache[1] = (...args) => ($options.onInput && $options.onInput(...args)))
+    }), null, 16 /* FULL_PROPS */, _hoisted_3),
+    (_ctx.errorInternal)
+      ? (openBlock(), createElementBlock("p", {
+          key: 1,
+          class: "text-sm text-error-500 mt-1",
+          textContent: toDisplayString(_ctx.errorInternal)
+        }, null, 8 /* PROPS */, _hoisted_4))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+
+export { render };

package/lib/esm/components/toast/Toast.vue.js

@@ -1,5 +1,6 @@
-import script from './Toast.vue_vue&type=script&lang.js';
-export { default } from './Toast.vue_vue&type=script&lang.js';
-import { render } from './Toast.vue_vue&type=template&id=0278d8f5&lang.js';
+import script from './Toast.vue_vue_type_script_lang.js';
+export { default } from './Toast.vue_vue_type_script_lang.js';
+import { render } from './Toast.vue_vue_type_template_id_fe243282_lang.js';
 
 script.render = render;
+script.__file = "src/components/toast/Toast.vue";

package/lib/esm/components/toast/{Toast.vue_vue&type=template&id=0278d8f5&lang.js → Toast.vue_vue_type_template_id_fe243282_lang.js}

@@ -48,13 +48,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }
           ]),
               onClick: $event => ($options.remove(event))
-            }, toDisplayString(event.content), 11, _hoisted_1)
-          ], 2))
-        }), 128))
+            }, toDisplayString(event.content), 11 /* TEXT, CLASS, PROPS */, _hoisted_1)
+          ], 2 /* CLASS */))
+        }), 128 /* KEYED_FRAGMENT */))
       ]),
-      _: 1
+      _: 1 /* STABLE */
     })
-  ], 2))
+  ], 2 /* CLASS */))
 }
 
 export { render };

package/lib/esm/components/toggle/Toggle.vue.js

@@ -1,5 +1,6 @@
-import script from './Toggle.vue_vue&type=script&lang.js';
-export { default } from './Toggle.vue_vue&type=script&lang.js';
-import { render } from './Toggle.vue_vue&type=template&id=2dc56b20&lang.js';
+import script from './Toggle.vue_vue_type_script_lang.js';
+export { default } from './Toggle.vue_vue_type_script_lang.js';
+import { render } from './Toggle.vue_vue_type_template_id_5a9e0b2f_lang.js';
 
 script.render = render;
+script.__file = "src/components/toggle/Toggle.vue";

package/lib/esm/components/toggle/Toggle.vue_vue_type_script_lang.js

@@ -0,0 +1,56 @@
+import { withValidator, withProps, withEmits, useInputtable } from '../../composables/inputtable.js';
+import '../spinner/Spinner.vue.js';
+import script$1 from '../spinner/Spinner.vue_vue_type_script_lang.js';
+
+var script = {
+  name: 'XToggle',
+
+  components: {
+    XSpinner: script$1,
+  },
+
+  validator: {
+    ...withValidator(),
+  },
+
+  props: {
+    ...withProps(),
+
+    id: {
+      type: String,
+      default: null,
+    },
+
+    label: {
+      type: String,
+      default: null,
+    },
+
+    glow: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  emits: withEmits(false),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...useInputtable(props, { attrs, emit, useListeners: false }),
+    }
+  },
+
+  computed: {
+    checked: {
+      get() {
+        return this.modelValue
+      },
+
+      set(val) {
+        this.$emit('update:modelValue', val);
+      },
+    },
+  },
+};
+
+export { script as default };

package/lib/esm/components/toggle/Toggle.vue_vue_type_template_id_5a9e0b2f_lang.js

@@ -0,0 +1,92 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vModelCheckbox, createBlock, toDisplayString, createCommentVNode } from 'vue';
+
+const _hoisted_1 = { class: "flex items-center" };
+const _hoisted_2 = ["id", "aria-checked", "aria-disabled", "disabled", "name", "required", "value"];
+const _hoisted_3 = ["textContent"];
+const _hoisted_4 = ["textContent"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_x_spinner = resolveComponent("x-spinner");
+
+  return (openBlock(), createElementBlock("label", {
+    class: normalizeClass(["inline-block mb-1 relative pb-2", [!_ctx.disabled ? 'cursor-pointer' : 'cursor-not-allowed']])
+  }, [
+    createElementVNode("div", _hoisted_1, [
+      createElementVNode("div", {
+        class: normalizeClass(["rounded-full transition-colors duration-300", [
+          {
+            // shadow
+            'border shadow': !_ctx.flat,
+            [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow && _ctx.modelValue,
+
+            'w-8': _ctx.size === 'sm' || _ctx.size === 'xs',
+            'w-10': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+            'w-12': _ctx.size === 'lg',
+            'w-14': _ctx.size === 'xl',
+            'bg-gray-300 dark:bg-gray-600': _ctx.disabled && !$options.checked,
+            'bg-gray-400 dark:bg-gray-400': _ctx.disabled && $options.checked,
+            'bg-gray-200 dark:bg-gray-600': !_ctx.disabled && !$options.checked,
+            [`bg-${_ctx.color}-200  border-${_ctx.color}-200`]: !_ctx.disabled && $options.checked,
+          }
+        ]])
+      }, [
+        withDirectives(createElementVNode("input", {
+          id: $props.id,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.checked) = $event)),
+          "aria-checked": $options.checked ? 'true' : 'false',
+          "aria-disabled": _ctx.disabled ? 'true' : null,
+          type: "checkbox",
+          class: "hidden",
+          disabled: _ctx.disabled || _ctx.loading,
+          name: _ctx.name,
+          required: _ctx.required,
+          value: _ctx.modelValue
+        }, null, 8 /* PROPS */, _hoisted_2), [
+          [vModelCheckbox, $options.checked]
+        ]),
+        (_ctx.loading)
+          ? (openBlock(), createBlock(_component_x_spinner, {
+              key: 0,
+              size: _ctx.size,
+              class: normalizeClass({'translate-x-full': $options.checked})
+            }, null, 8 /* PROPS */, ["size", "class"]))
+          : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(["rounded-full shadow transform transition duration-300 flex-shrink-0", [
+            {
+              'h-4 w-4': _ctx.size === 'sm' || _ctx.size === 'xs',
+              'h-5 w-5': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+              'h-6 w-6': _ctx.size === 'lg',
+              'h-7 w-7': _ctx.size === 'xl',
+              'translate-x-full': $options.checked,
+              'bg-gray-200 dark:bg-gray-200': _ctx.disabled,
+              'bg-white': !_ctx.disabled && !$options.checked,
+              [`bg-${_ctx.color}-500`]: !_ctx.disabled && $options.checked,
+            },
+          ]])
+            }, null, 2 /* CLASS */))
+      ], 2 /* CLASS */),
+      ($props.label)
+        ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["pl-2 font-medium text-gray-800 dark:text-gray-200", {
+          'text-xs': _ctx.size === 'xs',
+          'text-sm': _ctx.size === 'sm',
+          'text-lg': _ctx.size === 'lg',
+          'text-xl': _ctx.size === 'xl',
+        }]),
+            textContent: toDisplayString($props.label)
+          }, null, 10 /* CLASS, PROPS */, _hoisted_3))
+        : createCommentVNode("v-if", true)
+    ]),
+    (_ctx.errorInternal)
+      ? (openBlock(), createElementBlock("p", {
+          key: 0,
+          class: "text-sm text-error-500 mt-1",
+          textContent: toDisplayString(_ctx.errorInternal)
+        }, null, 8 /* PROPS */, _hoisted_4))
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/lib/esm/components/tooltip/Tooltip.vue.js

@@ -1,5 +1,6 @@
-import script from './Tooltip.vue_vue&type=script&lang.js';
-export { default } from './Tooltip.vue_vue&type=script&lang.js';
-import { render } from './Tooltip.vue_vue&type=template&id=72e65c1a&lang.js';
+import script from './Tooltip.vue_vue_type_script_lang.js';
+export { default } from './Tooltip.vue_vue_type_script_lang.js';
+import { render } from './Tooltip.vue_vue_type_template_id_213cff12_lang.js';
 
 script.render = render;
+script.__file = "src/components/tooltip/Tooltip.vue";

package/lib/esm/components/tooltip/{Tooltip.vue_vue&type=script&lang.js → Tooltip.vue_vue_type_script_lang.js}

@@ -1,7 +1,7 @@
 import '../popover/Popover.vue.js';
 import '../popover/PopoverContainer.vue.js';
-import script$1 from '../popover/Popover.vue_vue&type=script&lang.js';
-import script$2 from '../popover/PopoverContainer.vue_vue&type=script&lang.js';
+import script$1 from '../popover/Popover.vue_vue_type_script_lang.js';
+import script$2 from '../popover/PopoverContainer.vue_vue_type_script_lang.js';
 
 var script = {
   components: {

package/lib/esm/components/tooltip/{Tooltip.vue_vue&type=template&id=72e65c1a&lang.js → Tooltip.vue_vue_type_template_id_213cff12_lang.js}

@@ -13,14 +13,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "tooltip")
         ]),
-        _: 3
+        _: 3 /* FORWARDED */
       })
     ]),
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),
-    _: 3
-  }, 16))
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */))
 }
 
 export { render };

package/lib/esm/composables/common.js

@@ -0,0 +1,23 @@
+const validator = {
+  size: ['auto', 'xs', 'sm', 'md', 'lg', 'xl'],
+};
+
+const withProps = () => ({
+  size: {
+    type: String,
+    default: null,
+    validator: (value) => validator.size.includes(value),
+  },
+  color: {
+    type: String,
+    default: 'primary',
+  },
+  flat: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const withValidator = () => validator;
+
+export { withProps, withValidator };

package/lib/esm/composables/inputtable.js

@@ -0,0 +1,155 @@
+import { ref, watch, inject, computed, onMounted, onUnmounted } from 'vue';
+import { withProps as withProps$1, useInteractive, withValidator as withValidator$1 } from './interactive.js';
+
+const validator = {
+  ...withValidator$1(),
+};
+
+const withProps = () => ({
+  ...withProps$1(),
+  name: {
+    type: String,
+    default: null,
+  },
+  modelValue: {
+    type: [String, Number, Boolean, Function, Object, Array],
+    default: null,
+  },
+  readonly: {
+    type: Boolean,
+    default: false,
+  },
+  required: {
+    type: Boolean,
+    default: false,
+  },
+  validateOnInput: {
+    type: Boolean,
+    default: true,
+  },
+  error: {
+    type: String,
+    default: '',
+  },
+  rules: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const withValidator = () => validator;
+
+const withEmits = (useListeners = true) => {
+  const emits = ['update:modelValue'];
+
+  if (!useListeners) return emits
+
+  return emits.concat(['blur', 'focus', 'input', 'change'])
+};
+
+const useInputtable = (props, { attrs, emit, useListeners = true } = {}) => {
+  const interactive = useInteractive();
+
+  const isFirstValidation = ref(true);
+  const errorInternal = ref(props.error);
+
+  const name = props.name ? props.name : (Math.random() + 1).toString(36).substring(7);
+  const nameInternal = ref(name);
+
+  watch(() => props.error, (val) => { errorInternal.value = val; });
+  watch(() => props.name, (val) => { if (val) nameInternal.value = val; });
+
+  const form = inject('form', {
+    registerInput: () => {},
+    unregisterInput: () => {},
+  });
+
+  const reset = () => {
+    errorInternal.value = '';
+    isFirstValidation.value = true;
+    emit('update:modelValue', '');
+  };
+
+  const setError = (val) => {
+    errorInternal.value = val;
+  };
+
+  const validate = (val) => {
+    val = val || props.modelValue;
+
+    isFirstValidation.value = false;
+
+    for (let i = 0; i < props.rules.length; i++) {
+      const item = props.rules[i];
+
+      let isValid = true;
+
+      // Direct Function
+      if (typeof item === 'function') {
+        const rule = item;
+
+        isValid = rule(val);
+      } else if (Array.isArray(item) && item.length === 2) {
+        // Rule array [function, options]
+        const { 0: rule, 1: options } = item;
+
+        isValid = rule(val, options);
+      } else {
+        // Rule object { fn, options }
+        const rule = item.fn;
+        const { options } = item;
+
+        isValid = rule(val, options);
+      }
+
+      if (isValid !== true) {
+        errorInternal.value = isValid;
+
+        return false
+      }
+    }
+
+    errorInternal.value = '';
+
+    return true
+  };
+
+  const inputListeners = useListeners ? computed(() => {
+    return {
+      attrs,
+      blur: (event) => emit('blur', event),
+      focus: (event) => emit('focus', event),
+      input: (event) => {
+        if (props.validateOnInput && !isFirstValidation.value) validate(event.target.value);
+        emit('update:modelValue', event.target.value);
+      },
+      change: (event) => emit('change', event),
+    }
+  }) : ref({});
+
+  onMounted(() => {
+    form.registerInput(nameInternal.value, { focus: interactive.focus, validate, setError });
+  });
+
+  onUnmounted(() => {
+    form.unregisterInput(nameInternal.value);
+  });
+
+  return {
+    ...interactive,
+
+    // data
+    isFirstValidation,
+    errorInternal,
+
+    // computed
+    inputListeners,
+
+    // methods
+    reset,
+    validate,
+    setError,
+  }
+};
+
+export { useInputtable, withEmits, withProps, withValidator };

package/lib/esm/composables/interactive.js

@@ -0,0 +1,35 @@
+import { ref } from 'vue';
+import { withProps as withProps$1, withValidator as withValidator$1 } from './common.js';
+
+const validator = {
+  ...withValidator$1(),
+};
+
+const withProps = () => ({
+  ...withProps$1(),
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const withValidator = () => validator;
+
+const useInteractive = () => {
+  const focusRef = ref(null);
+
+  const focus = () => {
+    if (focusRef.value) focusRef.value.focus();
+  };
+
+  return {
+    focusRef,
+    focus,
+  }
+};
+
+export { useInteractive, withProps, withValidator };

package/lib/esm/index.js

@@ -1,71 +1,74 @@
 import * as index from './components/index.js';
 import './components/avatar/Avatar.vue.js';
-export { default as Avatar } from './components/avatar/Avatar.vue_vue&type=script&lang.js';
+export { default as Avatar } from './components/avatar/Avatar.vue_vue_type_script_lang.js';
 import './components/button/Button.vue.js';
-export { default as Button } from './components/button/Button.vue_vue&type=script&lang.js';
+export { default as Button } from './components/button/Button.vue_vue_type_script_lang.js';
 import './components/card/Card.vue.js';
-export { default as Card } from './components/card/Card.vue_vue&type=script&lang.js';
+export { default as Card } from './components/card/Card.vue_vue_type_script_lang.js';
 import './components/checkbox/Checkbox.vue.js';
-export { default as Checkbox } from './components/checkbox/Checkbox.vue_vue&type=script&lang.js';
+export { default as Checkbox } from './components/checkbox/Checkbox.vue_vue_type_script_lang.js';
 import './components/collapse/Collapse.vue.js';
-export { default as Collapse } from './components/collapse/Collapse.vue_vue&type=script&lang.js';
+export { default as Collapse } from './components/collapse/Collapse.vue_vue_type_script_lang.js';
 import './components/container/Container.vue.js';
-export { default as Container } from './components/container/Container.vue_vue&type=script&lang.js';
+export { default as Container } from './components/container/Container.vue_vue_type_script_lang.js';
 import './components/divider/Divider.vue.js';
-export { default as Divider } from './components/divider/Divider.vue_vue&type=script&lang.js';
+export { default as Divider } from './components/divider/Divider.vue_vue_type_script_lang.js';
 import './components/form/Form.vue.js';
-export { default as Form } from './components/form/Form.vue_vue&type=script&lang.js';
+export { default as Form } from './components/form/Form.vue_vue_type_script_lang.js';
+import './components/image/Image.vue.js';
+export { default as Image } from './components/image/Image.vue_vue_type_script_lang.js';
 import './components/input/Input.vue.js';
-export { default as Input } from './components/input/Input.vue_vue&type=script&lang.js';
+export { default as Input } from './components/input/Input.vue_vue_type_script_lang.js';
 import './components/link/Link.vue.js';
-export { default as Link } from './components/link/Link.vue_vue&type=script&lang.js';
+export { default as Link } from './components/link/Link.vue_vue_type_script_lang.js';
 import './components/modal/Modal.vue.js';
-export { default as Modal } from './components/modal/Modal.vue_vue&type=script&lang.js';
+export { default as Modal } from './components/modal/Modal.vue_vue_type_script_lang.js';
 import './components/note/Note.vue.js';
-export { default as Note } from './components/note/Note.vue_vue&type=script&lang.js';
+export { default as Note } from './components/note/Note.vue_vue_type_script_lang.js';
 import './components/pagination/Pagination.vue.js';
-export { default as Pagination } from './components/pagination/Pagination.vue_vue&type=script&lang.js';
+export { default as Pagination } from './components/pagination/Pagination.vue_vue_type_script_lang.js';
 import './components/popover/Popover.vue.js';
-export { default as Popover } from './components/popover/Popover.vue_vue&type=script&lang.js';
+export { default as Popover } from './components/popover/Popover.vue_vue_type_script_lang.js';
 import './components/popover/PopoverContainer.vue.js';
-export { default as PopoverContainer } from './components/popover/PopoverContainer.vue_vue&type=script&lang.js';
+export { default as PopoverContainer } from './components/popover/PopoverContainer.vue_vue_type_script_lang.js';
 import './components/popover/PopoverItem.vue.js';
-export { default as PopoverItem } from './components/popover/PopoverItem.vue_vue&type=script&lang.js';
+export { default as PopoverItem } from './components/popover/PopoverItem.vue_vue_type_script_lang.js';
 import './components/progress/Progress.vue.js';
-export { default as Progress } from './components/progress/Progress.vue_vue&type=script&lang.js';
+export { default as Progress } from './components/progress/Progress.vue_vue_type_script_lang.js';
 import './components/radio/Radio.vue.js';
-export { default as Radio } from './components/radio/Radio.vue_vue&type=script&lang.js';
+export { default as Radio } from './components/radio/Radio.vue_vue_type_script_lang.js';
 import './components/select/Select.vue.js';
-export { default as Select } from './components/select/Select.vue_vue&type=script&lang.js';
+export { default as Select } from './components/select/Select.vue_vue_type_script_lang.js';
 import './components/skeleton/Skeleton.vue.js';
-export { default as Skeleton } from './components/skeleton/Skeleton.vue_vue&type=script&lang.js';
+export { default as Skeleton } from './components/skeleton/Skeleton.vue_vue_type_script_lang.js';
 import './components/status/StatusDot.vue.js';
-export { default as StatusDot } from './components/status/StatusDot.vue_vue&type=script&lang.js';
+export { default as StatusDot } from './components/status/StatusDot.vue_vue_type_script_lang.js';
 import './components/table/Table.vue.js';
-export { default as Table } from './components/table/Table.vue_vue&type=script&lang.js';
+export { default as Table } from './components/table/Table.vue_vue_type_script_lang.js';
 import './components/tabs/Tab.vue.js';
-export { default as Tab } from './components/tabs/Tab.vue_vue&type=script&lang.js';
+export { default as Tab } from './components/tabs/Tab.vue_vue_type_script_lang.js';
 import './components/tabs/Tabs.vue.js';
-export { default as Tabs } from './components/tabs/Tabs.vue_vue&type=script&lang.js';
+export { default as Tabs } from './components/tabs/Tabs.vue_vue_type_script_lang.js';
 import './components/tag/Tag.vue.js';
-export { default as Tag } from './components/tag/Tag.vue_vue&type=script&lang.js';
+export { default as Tag } from './components/tag/Tag.vue_vue_type_script_lang.js';
 import './components/textarea/Textarea.vue.js';
-export { default as Textarea } from './components/textarea/Textarea.vue_vue&type=script&lang.js';
+export { default as Textarea } from './components/textarea/Textarea.vue_vue_type_script_lang.js';
 import './components/toast/Toast.vue.js';
-export { default as Toast } from './components/toast/Toast.vue_vue&type=script&lang.js';
+export { default as Toast } from './components/toast/Toast.vue_vue_type_script_lang.js';
 import './components/toggle/Toggle.vue.js';
-export { default as Toggle } from './components/toggle/Toggle.vue_vue&type=script&lang.js';
+export { default as Toggle } from './components/toggle/Toggle.vue_vue_type_script_lang.js';
 import './components/tooltip/Tooltip.vue.js';
-export { default as Tooltip } from './components/tooltip/Tooltip.vue_vue&type=script&lang.js';
-export { default as Icon } from './components/icon/Icon.vue_vue&type=script&lang.js';
-export { default as PaginationItem } from './components/pagination/PaginationItem.vue_vue&type=script&lang.js';
+export { default as Tooltip } from './components/tooltip/Tooltip.vue_vue_type_script_lang.js';
+export { default as Icon } from './components/icon/Icon.vue_vue_type_script_lang.js';
+export { default as PaginationItem } from './components/pagination/PaginationItem.vue_vue_type_script_lang.js';
 export { default as Spacer } from './components/spacer/Spacer.vue.js';
-export { default as Spinner } from './components/spinner/Spinner.vue_vue&type=script&lang.js';
-export { default as TableBody } from './components/table/TableBody.vue_vue&type=script&lang.js';
-export { default as TableCell } from './components/table/TableCell.vue_vue&type=script&lang.js';
-export { default as TableHead } from './components/table/TableHead.vue_vue&type=script&lang.js';
-export { default as TableHeader } from './components/table/TableHeader.vue_vue&type=script&lang.js';
-export { default as TableRow } from './components/table/TableRow.vue_vue&type=script&lang.js';
+export { default as Spinner } from './components/spinner/Spinner.vue_vue_type_script_lang.js';
+export { default as TableBody } from './components/table/TableBody.vue_vue_type_script_lang.js';
+export { default as TableCell } from './components/table/TableCell.vue_vue_type_script_lang.js';
+export { default as TableHead } from './components/table/TableHead.vue_vue_type_script_lang.js';
+export { default as TableHeader } from './components/table/TableHeader.vue_vue_type_script_lang.js';
+export { default as TableRow } from './components/table/TableRow.vue_vue_type_script_lang.js';
+export { default as Colors } from './components/colors.vue.js';
 
 const install = (Vue, config = {}) => {
   Object.entries(index).forEach(([name, component]) => {