@indielayer/ui 0.1.1 → 0.2.0

package/lib/cjs/components/Colors.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var Colors_vue_vue_type_template_id_039e5c98_lang = require('./Colors.vue_vue_type_template_id_039e5c98_lang.js');
+
+const script = {};
+
+
+script.render = Colors_vue_vue_type_template_id_039e5c98_lang.render;
+var script$1 = script;
+
+module.exports = script$1;

package/lib/cjs/components/Colors.vue_vue_type_template_id_039e5c98_lang.js

@@ -0,0 +1,406 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  class: /*#__PURE__*/vue.normalizeClass([
+      'bg-primary-50',
+      'bg-primary-200',
+      'bg-primary-500',
+      'bg-primary-600',
+      'bg-primary-800',
+      'border-primary-200',
+      'border-primary-500',
+      'border-primary-600',
+      'border-primary-700',
+      'border-primary-900',
+      'text-primary-50',
+      'text-primary-500',
+      'text-primary-600',
+      'text-primary-900',
+      'shadow-primary-500/50',
+      'bg-secondary-50',
+      'bg-secondary-200',
+      'bg-secondary-500',
+      'bg-secondary-600',
+      'bg-secondary-800',
+      'border-secondary-200',
+      'border-secondary-500',
+      'border-secondary-600',
+      'border-secondary-700',
+      'border-secondary-900',
+      'text-secondary-50',
+      'text-secondary-500',
+      'text-secondary-600',
+      'text-secondary-900',
+      'shadow-secondary-500/50',
+      'bg-error-50',
+      'bg-error-200',
+      'bg-error-500',
+      'bg-error-600',
+      'bg-error-800',
+      'border-error-200',
+      'border-error-500',
+      'border-error-600',
+      'border-error-700',
+      'border-error-900',
+      'text-error-50',
+      'text-error-500',
+      'text-error-600',
+      'text-error-900',
+      'shadow-error-500/50',
+      'bg-warning-50',
+      'bg-warning-200',
+      'bg-warning-500',
+      'bg-warning-600',
+      'bg-warning-800',
+      'border-warning-200',
+      'border-warning-500',
+      'border-warning-600',
+      'border-warning-700',
+      'border-warning-900',
+      'text-warning-50',
+      'text-warning-500',
+      'text-warning-600',
+      'text-warning-900',
+      'shadow-warning-500/50',
+      'bg-success-50',
+      'bg-success-200',
+      'bg-success-500',
+      'bg-success-600',
+      'bg-success-800',
+      'border-success-200',
+      'border-success-500',
+      'border-success-600',
+      'border-success-700',
+      'border-success-900',
+      'text-success-50',
+      'text-success-500',
+      'text-success-600',
+      'text-success-900',
+      'shadow-success-500/50',
+      'bg-rose-50',
+      'bg-rose-200',
+      'bg-rose-500',
+      'bg-rose-600',
+      'bg-rose-800',
+      'border-rose-200',
+      'border-rose-500',
+      'border-rose-600',
+      'border-rose-700',
+      'border-rose-900',
+      'text-rose-50',
+      'text-rose-500',
+      'text-rose-600',
+      'text-rose-900',
+      'shadow-rose-500/50',
+      'bg-zinc-50',
+      'bg-zinc-200',
+      'bg-zinc-500',
+      'bg-zinc-600',
+      'bg-zinc-800',
+      'border-zinc-200',
+      'border-zinc-500',
+      'border-zinc-600',
+      'border-zinc-700',
+      'border-zinc-900',
+      'text-zinc-50',
+      'text-zinc-500',
+      'text-zinc-600',
+      'text-zinc-900',
+      'shadow-zinc-500/50',
+      'bg-neutral-50',
+      'bg-neutral-200',
+      'bg-neutral-500',
+      'bg-neutral-600',
+      'bg-neutral-800',
+      'border-neutral-200',
+      'border-neutral-500',
+      'border-neutral-600',
+      'border-neutral-700',
+      'border-neutral-900',
+      'text-neutral-50',
+      'text-neutral-500',
+      'text-neutral-600',
+      'text-neutral-900',
+      'shadow-neutral-500/50',
+      'bg-stone-50',
+      'bg-stone-200',
+      'bg-stone-500',
+      'bg-stone-600',
+      'bg-stone-800',
+      'border-stone-200',
+      'border-stone-500',
+      'border-stone-600',
+      'border-stone-700',
+      'border-stone-900',
+      'text-stone-50',
+      'text-stone-500',
+      'text-stone-600',
+      'text-stone-900',
+      'shadow-stone-500/50',
+      'bg-pink-50',
+      'bg-pink-200',
+      'bg-pink-500',
+      'bg-pink-600',
+      'bg-pink-800',
+      'border-pink-200',
+      'border-pink-500',
+      'border-pink-600',
+      'border-pink-700',
+      'border-pink-900',
+      'text-pink-50',
+      'text-pink-500',
+      'text-pink-600',
+      'text-pink-900',
+      'shadow-pink-500/50',
+      'bg-fuchsia-50',
+      'bg-fuchsia-200',
+      'bg-fuchsia-500',
+      'bg-fuchsia-600',
+      'bg-fuchsia-800',
+      'border-fuchsia-200',
+      'border-fuchsia-500',
+      'border-fuchsia-600',
+      'border-fuchsia-700',
+      'border-fuchsia-900',
+      'text-fuchsia-50',
+      'text-fuchsia-500',
+      'text-fuchsia-600',
+      'text-fuchsia-900',
+      'shadow-fuchsia-500/50',
+      'bg-purple-50',
+      'bg-purple-200',
+      'bg-purple-500',
+      'bg-purple-600',
+      'bg-purple-800',
+      'border-purple-200',
+      'border-purple-500',
+      'border-purple-600',
+      'border-purple-700',
+      'border-purple-900',
+      'text-purple-50',
+      'text-purple-500',
+      'text-purple-600',
+      'text-purple-900',
+      'shadow-purple-500/50',
+      'bg-violet-50',
+      'bg-violet-200',
+      'bg-violet-500',
+      'bg-violet-600',
+      'bg-violet-800',
+      'border-violet-200',
+      'border-violet-500',
+      'border-violet-600',
+      'border-violet-700',
+      'border-violet-900',
+      'text-violet-50',
+      'text-violet-500',
+      'text-violet-600',
+      'text-violet-900',
+      'shadow-violet-500/50',
+      'bg-indigo-50',
+      'bg-indigo-200',
+      'bg-indigo-500',
+      'bg-indigo-600',
+      'bg-indigo-800',
+      'border-indigo-200',
+      'border-indigo-500',
+      'border-indigo-600',
+      'border-indigo-700',
+      'border-indigo-900',
+      'text-indigo-50',
+      'text-indigo-500',
+      'text-indigo-600',
+      'text-indigo-900',
+      'shadow-indigo-500/50',
+      'bg-blue-50',
+      'bg-blue-200',
+      'bg-blue-500',
+      'bg-blue-600',
+      'bg-blue-800',
+      'border-blue-200',
+      'border-blue-500',
+      'border-blue-600',
+      'border-blue-700',
+      'border-blue-900',
+      'text-blue-50',
+      'text-blue-500',
+      'text-blue-600',
+      'text-blue-900',
+      'shadow-blue-500/50',
+      'bg-sky-50',
+      'bg-sky-200',
+      'bg-sky-500',
+      'bg-sky-600',
+      'bg-sky-800',
+      'border-sky-200',
+      'border-sky-500',
+      'border-sky-600',
+      'border-sky-700',
+      'border-sky-900',
+      'text-sky-50',
+      'text-sky-500',
+      'text-sky-600',
+      'text-sky-900',
+      'shadow-sky-500/50',
+      'bg-cyan-50',
+      'bg-cyan-200',
+      'bg-cyan-500',
+      'bg-cyan-600',
+      'bg-cyan-800',
+      'border-cyan-200',
+      'border-cyan-500',
+      'border-cyan-600',
+      'border-cyan-700',
+      'border-cyan-900',
+      'text-cyan-50',
+      'text-cyan-500',
+      'text-cyan-600',
+      'text-cyan-900',
+      'shadow-cyan-500/50',
+      'bg-teal-50',
+      'bg-teal-200',
+      'bg-teal-500',
+      'bg-teal-600',
+      'bg-teal-800',
+      'border-teal-200',
+      'border-teal-500',
+      'border-teal-600',
+      'border-teal-700',
+      'border-teal-900',
+      'text-teal-50',
+      'text-teal-500',
+      'text-teal-600',
+      'text-teal-900',
+      'shadow-teal-500/50',
+      'bg-emerald-50',
+      'bg-emerald-200',
+      'bg-emerald-500',
+      'bg-emerald-600',
+      'bg-emerald-800',
+      'border-emerald-200',
+      'border-emerald-500',
+      'border-emerald-600',
+      'border-emerald-700',
+      'border-emerald-900',
+      'text-emerald-50',
+      'text-emerald-500',
+      'text-emerald-600',
+      'text-emerald-900',
+      'shadow-emerald-500/50',
+      'bg-green-50',
+      'bg-green-200',
+      'bg-green-500',
+      'bg-green-600',
+      'bg-green-800',
+      'border-green-200',
+      'border-green-500',
+      'border-green-600',
+      'border-green-700',
+      'border-green-900',
+      'text-green-50',
+      'text-green-500',
+      'text-green-600',
+      'text-green-900',
+      'shadow-green-500/50',
+      'bg-lime-50',
+      'bg-lime-200',
+      'bg-lime-500',
+      'bg-lime-600',
+      'bg-lime-800',
+      'border-lime-200',
+      'border-lime-500',
+      'border-lime-600',
+      'border-lime-700',
+      'border-lime-900',
+      'text-lime-50',
+      'text-lime-500',
+      'text-lime-600',
+      'text-lime-900',
+      'shadow-lime-500/50',
+      'bg-yellow-50',
+      'bg-yellow-200',
+      'bg-yellow-500',
+      'bg-yellow-600',
+      'bg-yellow-800',
+      'border-yellow-200',
+      'border-yellow-500',
+      'border-yellow-600',
+      'border-yellow-700',
+      'border-yellow-900',
+      'text-yellow-50',
+      'text-yellow-500',
+      'text-yellow-600',
+      'text-yellow-900',
+      'shadow-yellow-500/50',
+      'bg-amber-50',
+      'bg-amber-200',
+      'bg-amber-500',
+      'bg-amber-600',
+      'bg-amber-800',
+      'border-amber-200',
+      'border-amber-500',
+      'border-amber-600',
+      'border-amber-700',
+      'border-amber-900',
+      'text-amber-50',
+      'text-amber-500',
+      'text-amber-600',
+      'text-amber-900',
+      'shadow-amber-500/50',
+      'bg-orange-50',
+      'bg-orange-200',
+      'bg-orange-500',
+      'bg-orange-600',
+      'bg-orange-800',
+      'border-orange-200',
+      'border-orange-500',
+      'border-orange-600',
+      'border-orange-700',
+      'border-orange-900',
+      'text-orange-50',
+      'text-orange-500',
+      'text-orange-600',
+      'text-orange-900',
+      'shadow-orange-500/50',
+      'bg-red-50',
+      'bg-red-200',
+      'bg-red-500',
+      'bg-red-600',
+      'bg-red-800',
+      'border-red-200',
+      'border-red-500',
+      'border-red-600',
+      'border-red-700',
+      'border-red-900',
+      'text-red-50',
+      'text-red-500',
+      'text-red-600',
+      'text-red-900',
+      'shadow-red-500/50',
+      'bg-gray-50',
+      'bg-gray-200',
+      'bg-gray-500',
+      'bg-gray-600',
+      'bg-gray-800',
+      'border-gray-200',
+      'border-gray-500',
+      'border-gray-600',
+      'border-gray-700',
+      'border-gray-900',
+      'text-gray-50',
+      'text-gray-500',
+      'text-gray-600',
+      'text-gray-900',
+      'shadow-gray-500/50',
+    ])
+};
+
+function render(_ctx, _cache) {
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1))
+}
+
+exports.render = render;

package/lib/cjs/components/avatar/Avatar.vue.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var Avatar_vue_vue_type_script_lang = require('./Avatar.vue_vue&type=script&lang.js');
-var Avatar_vue_vue_type_template_id_36a4d50f_lang = require('./Avatar.vue_vue&type=template&id=36a4d50f&lang.js');
+var Avatar_vue_vue_type_script_lang = require('./Avatar.vue_vue_type_script_lang.js');
+var Avatar_vue_vue_type_template_id_d5090cb0_lang = require('./Avatar.vue_vue_type_template_id_d5090cb0_lang.js');
 
-Avatar_vue_vue_type_script_lang.render = Avatar_vue_vue_type_template_id_36a4d50f_lang.render;
+Avatar_vue_vue_type_script_lang.render = Avatar_vue_vue_type_template_id_d5090cb0_lang.render;
 
 module.exports = Avatar_vue_vue_type_script_lang;

package/lib/cjs/components/avatar/Avatar.vue_vue_type_script_lang.js

@@ -0,0 +1,86 @@
+'use strict';
+
+const validator = {
+  variant: [
+    'rounded',
+    'squared',
+  ],
+};
+
+var script = {
+  name: 'XAvatar',
+
+  validator,
+
+  props: {
+    alt: {
+      type: String,
+      default: null,
+    },
+
+    color: {
+      type: String,
+      default: 'primary',
+    },
+
+    name: {
+      type: String,
+      default: null,
+    },
+
+    size: {
+      type: String,
+      default: null,
+    },
+
+    outlined: {
+      type: Boolean,
+      default: false,
+    },
+
+    src: {
+      type: String,
+      default: null,
+    },
+
+    tag: {
+      type: String,
+      default: 'span',
+    },
+
+    squared: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      source: null,
+    }
+  },
+
+  computed: {
+    initials() {
+      if (this.name) {
+        const initials = this.name.match(/\b\w/g) || [];
+
+        return ((initials.shift() || '') + (initials.pop() || '')).toUpperCase()
+      }
+
+      return ''
+    },
+  },
+
+  mounted() {
+    if (this.src) {
+      const img = new Image();
+
+      img.onload = () => { this.source = this.src; };
+      img.onerror = () => { };
+      img.src = this.src;
+    }
+  },
+};
+
+module.exports = script;

package/lib/cjs/components/avatar/Avatar.vue_vue_type_template_id_d5090cb0_lang.js

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "leading-none"
+};
+const _hoisted_2 = ["alt", "src"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), {
+    class: vue.normalizeClass(["inline-flex items-center justify-center overflow-hidden", [
+      // color
+      { [`bg-${$props.color}-500 text-${$props.color}-50`]: !$data.source && !$props.outlined },
+      {
+        // border
+        'border border-gray-400 dark:border-gray-500': !$data.source && $props.outlined,
+
+        // size
+        'h-6 w-6 text-xs': $props.size === 'xs',
+        'h-7 w-7 text-sm': $props.size === 'sm',
+        'h-10 w-10': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
+        'h-12 w-12 text-lg': $props.size === 'lg',
+        'h-20 w-20 text-2xl': $props.size === 'xl',
+        'h-36 w-36 text-2xl': $props.size === '2xl',
+      },
+      $props.squared ? 'rounded-md' : 'rounded-full'
+    ]])
+  }, {
+    default: vue.withCtx(() => [
+      (!$data.source && $props.name)
+        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString($options.initials), 1))
+        : vue.createCommentVNode("", true),
+      ($data.source)
+        ? (vue.openBlock(), vue.createElementBlock("img", {
+            key: 1,
+            alt: $props.alt,
+            src: $props.src,
+            class: "h-full w-full"
+          }, null, 8, _hoisted_2))
+        : vue.createCommentVNode("", true)
+    ]),
+    _: 1
+  }, 8, ["class"]))
+}
+
+exports.render = render;

package/lib/cjs/components/button/Button.vue.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var Button_vue_vue_type_script_lang = require('./Button.vue_vue&type=script&lang.js');
-var Button_vue_vue_type_template_id_365674ca_lang = require('./Button.vue_vue&type=template&id=365674ca&lang.js');
+var Button_vue_vue_type_script_lang = require('./Button.vue_vue_type_script_lang.js');
+var Button_vue_vue_type_template_id_1be5b88c_lang = require('./Button.vue_vue_type_template_id_1be5b88c_lang.js');
 
-Button_vue_vue_type_script_lang.render = Button_vue_vue_type_template_id_365674ca_lang.render;
+Button_vue_vue_type_script_lang.render = Button_vue_vue_type_template_id_1be5b88c_lang.render;
 
 module.exports = Button_vue_vue_type_script_lang;

package/lib/cjs/components/button/{Button.vue_vue&type=script&lang.js → Button.vue_vue_type_script_lang.js}

@@ -1,27 +1,13 @@
 'use strict';
 
+var interactive = require('../../composables/interactive.js');
 require('../spinner/Spinner.vue.js');
 require('../icon/Icon.vue.js');
-var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue&type=script&lang.js');
-var Icon_vue_vue_type_script_lang = require('../icon/Icon.vue_vue&type=script&lang.js');
+var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
+var Icon_vue_vue_type_script_lang = require('../icon/Icon.vue_vue_type_script_lang.js');
 
 const validator = {
-  group: [
-    false,
-    true,
-    '',
-    'first',
-    'last',
-  ],
-  color: [
-    'primary',
-    'secondary',
-    'success',
-    'error',
-    'warning',
-    'gray',
-    'none',
-  ],
+  group: [false, true, '', 'first', 'last'],
 };
 
 var script = {
@@ -31,13 +17,13 @@ var script = {
     XIcon: Icon_vue_vue_type_script_lang,
   },
 
-  validator,
+  validator: {
+    ...interactive.withValidator(),
+    ...validator,
+  },
 
   props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
+    ...interactive.withProps(),
 
     group: {
       default: false,
@@ -55,21 +41,11 @@ var script = {
       default: false,
     },
 
-    loading: {
-      type: Boolean,
-      default: false,
-    },
-
     to: {
       type: String,
       default: undefined,
     },
 
-    size: {
-      type: String,
-      default: null,
-    },
-
     tag: {
       type: String,
       default: 'button',
@@ -90,16 +66,16 @@ var script = {
       default: false,
     },
 
-    flat: {
+    glow: {
       type: Boolean,
       default: false,
     },
+  },
 
-    color: {
-      type: String,
-      default: 'primary',
-      validator: (value) => validator.color.includes(value),
-    },
+  setup() {
+    return {
+      ...interactive.useInteractive(),
+    }
   },
 };