@indielayer/ui 0.1.0 → 0.2.2

package/lib/cjs/{src/components/note/Note.vue_vue&type=template&id=ea427b4c&lang.js → components/note/Note.vue_vue_type_template_id_79616501_lang.js}

@@ -51,47 +51,33 @@ const _hoisted_13 = {
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$props.tag), vue.mergeProps(_ctx.$attrs, {
-    class: ["flex rounded-md p-2", [
-      {
-        'border': !_ctx.$props.filled,
-        'text-blue-500 border-blue-500': !_ctx.$props.filled && _ctx.$props.variant === 'info',
-        'text-success-500 border-success-500': !_ctx.$props.filled && _ctx.$props.variant === 'success',
-        'text-error-500 border-error-500': !_ctx.$props.filled && _ctx.$props.variant === 'error',
-        'text-warning-500 border-warning-500': !_ctx.$props.filled && _ctx.$props.variant === 'warning',
-        // filled
-        'bg-blue-500 text-blue-50': _ctx.$props.filled && _ctx.$props.variant === 'info',
-        'bg-success-500 text-success-50': _ctx.$props.filled && _ctx.$props.variant === 'success',
-        'bg-error-500 text-error-50': _ctx.$props.filled && _ctx.$props.variant === 'error',
-        'bg-warning-500 text-warning-50': _ctx.$props.filled && _ctx.$props.variant === 'warning',
-      },
-
-    ]]
-  }), {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), {
+    class: vue.normalizeClass(["flex rounded-md p-2", $props.filled ? [`bg-${$props.color}-500 text-${$props.color}-50`] : [`border text-${$props.color}-500 border-${$props.color}-500`]])
+  }, {
     default: vue.withCtx(() => [
       (!_ctx.$slots.icon)
         ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
-            (_ctx.$props.variant === 'info')
+            ($props.color === 'primary')
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   _hoisted_2,
                   _hoisted_3,
                   _hoisted_4
                 ], 64))
               : vue.createCommentVNode("", true),
-            (_ctx.$props.variant === 'success')
+            ($props.color === 'success')
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   _hoisted_5,
                   _hoisted_6
                 ], 64))
               : vue.createCommentVNode("", true),
-            (_ctx.$props.variant === 'error')
+            ($props.color === 'error')
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                   _hoisted_7,
                   _hoisted_8,
                   _hoisted_9
                 ], 64))
               : vue.createCommentVNode("", true),
-            (_ctx.$props.variant === 'warning')
+            ($props.color === 'warning')
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
                   _hoisted_10,
                   _hoisted_11,
@@ -108,7 +94,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       vue.renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 16, ["class"]))
+  }, 8, ["class"]))
 }
 
 exports.render = render;

package/lib/cjs/{src/components → components}/pagination/Pagination.vue.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var Pagination_vue_vue_type_script_lang = require('./Pagination.vue_vue&type=script&lang.js');
-var Pagination_vue_vue_type_template_id_0f4659a9_lang = require('./Pagination.vue_vue&type=template&id=0f4659a9&lang.js');
+var Pagination_vue_vue_type_script_lang = require('./Pagination.vue_vue_type_script_lang.js');
+var Pagination_vue_vue_type_template_id_7b1569fe_lang = require('./Pagination.vue_vue_type_template_id_7b1569fe_lang.js');
 
-Pagination_vue_vue_type_script_lang.render = Pagination_vue_vue_type_template_id_0f4659a9_lang.render;
+Pagination_vue_vue_type_script_lang.render = Pagination_vue_vue_type_template_id_7b1569fe_lang.render;
 
 module.exports = Pagination_vue_vue_type_script_lang;

package/lib/cjs/{src/components/pagination/Pagination.vue_vue&type=script&lang.js → components/pagination/Pagination.vue_vue_type_script_lang.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./PaginationItem.vue.js');
-var PaginationItem_vue_vue_type_script_lang = require('./PaginationItem.vue_vue&type=script&lang.js');
+var PaginationItem_vue_vue_type_script_lang = require('./PaginationItem.vue_vue_type_script_lang.js');
 
 var script = {
   components: {
@@ -12,7 +12,7 @@ var script = {
       type: Number,
       default: 1,
     },
-    value: {
+    modelValue: {
       type: Number,
       default: 1,
     },
@@ -29,10 +29,10 @@ var script = {
     pages() {
       if (this.totalPages === 3) return [2]
       if (this.totalPages > 2) {
-        if (this.value === 1 || this.value === 2) return [2, 3]
-        if (this.value === this.totalPages || this.value === this.totalPages - 1) return [this.totalPages - 2, this.totalPages - 1]
+        if (this.modelValue === 1 || this.modelValue === 2) return [2, 3]
+        if (this.modelValue === this.totalPages || this.modelValue === this.totalPages - 1) return [this.totalPages - 2, this.totalPages - 1]
 
-        return [this.value - 1, this.value, this.value + 1]
+        return [this.modelValue - 1, this.modelValue, this.modelValue + 1]
       }
 
       return []

package/lib/cjs/{src/components/pagination/Pagination.vue_vue&type=template&id=0f4659a9&lang.js → components/pagination/Pagination.vue_vue_type_template_id_7b1569fe_lang.js}

@@ -16,11 +16,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       value: 1,
       links: $props.links,
       size: $props.size,
-      selected: $props.value === 1,
+      selected: $props.modelValue === 1,
       class: "mr-1",
-      onInput: _cache[0] || (_cache[0] = (value) => _ctx.$emit('input', value))
+      onInput: _cache[0] || (_cache[0] = (value) => _ctx.$emit('update:modelValue', value))
     }, null, 8, ["links", "size", "selected"]),
-    ($props.totalPages > 3 && $props.value > 3)
+    ($props.totalPages > 3 && $props.modelValue > 3)
       ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "..."))
       : vue.createCommentVNode("", true),
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.pages, (i) => {
@@ -30,11 +30,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         value: i,
         links: $props.links,
         size: $props.size,
-        selected: $props.value === i,
-        onInput: _cache[1] || (_cache[1] = (value) => _ctx.$emit('input', value))
+        selected: $props.modelValue === i,
+        onInput: _cache[1] || (_cache[1] = (value) => _ctx.$emit('update:modelValue', value))
       }, null, 8, ["value", "links", "size", "selected"]))
     }), 128)),
-    ($props.totalPages > 3 && $props.value < $props.totalPages - 2)
+    ($props.totalPages > 3 && $props.modelValue < $props.totalPages - 2)
       ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, "..."))
       : vue.createCommentVNode("", true),
     ($props.totalPages > 1)
@@ -44,8 +44,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           links: $props.links,
           size: $props.size,
           class: "ml-1",
-          selected: $props.value === $props.totalPages,
-          onInput: _cache[2] || (_cache[2] = (value) => _ctx.$emit('input', value))
+          selected: $props.modelValue === $props.totalPages,
+          onInput: _cache[2] || (_cache[2] = (value) => _ctx.$emit('update:modelValue', value))
         }, null, 8, ["value", "links", "size", "selected"]))
       : vue.createCommentVNode("", true)
   ]))

package/lib/cjs/{src/components → components}/pagination/PaginationItem.vue.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var PaginationItem_vue_vue_type_script_lang = require('./PaginationItem.vue_vue&type=script&lang.js');
-var PaginationItem_vue_vue_type_template_id_a1d67888_lang = require('./PaginationItem.vue_vue&type=template&id=a1d67888&lang.js');
+var PaginationItem_vue_vue_type_script_lang = require('./PaginationItem.vue_vue_type_script_lang.js');
+var PaginationItem_vue_vue_type_template_id_a1d67888_lang = require('./PaginationItem.vue_vue_type_template_id_a1d67888_lang.js');
 
 PaginationItem_vue_vue_type_script_lang.render = PaginationItem_vue_vue_type_template_id_a1d67888_lang.render;
 

package/lib/cjs/components/popover/Popover.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var Popover_vue_vue_type_script_lang = require('./Popover.vue_vue_type_script_lang.js');
+var Popover_vue_vue_type_template_id_ef94d0dc_lang = require('./Popover.vue_vue_type_template_id_ef94d0dc_lang.js');
+require('./Popover.vue_vue_type_style_index_0_id_ef94d0dc_lang.css.js');
+
+Popover_vue_vue_type_script_lang.render = Popover_vue_vue_type_template_id_ef94d0dc_lang.render;
+
+module.exports = Popover_vue_vue_type_script_lang;

package/lib/cjs/{src/components/popover/Popover.vue_vue&type=style&index=0&id=3d4ab1ae&lang.css.js → components/popover/Popover.vue_vue_type_style_index_0_id_ef94d0dc_lang.css.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
 
 var css_248z = "\n.xpopover-content {\n  visibility: hidden;\n  transition-duration: .1s;\n  transition-timing-function: cubic-bezier(.4,0,1,1);\n}\n.xpopover-top {\n  --tw-translate-y: 0.5rem;\n}\n.xpopover-right {\n  --tw-translate-x: -0.5rem;\n}\n.xpopover-bottom {\n  --tw-translate-y: -0.25rem;\n}\n.xpopover-left {\n  --tw-translate-x: 0.5rem;\n}\n.xpopover.hover:hover .xpopover-content,\n.xpopover.is-open .xpopover-content {\n  visibility: visible;\n  transition-duration: .15s;\n  transition-timing-function: cubic-bezier(0,0,.2,1);\n}\n.xpopover.hover:hover .xpopover-top,\n.xpopover.is-open .xpopover-top {\n  --tw-translate-y: 0.25rem;\n}\n.xpopover.hover:hover .xpopover-right,\n.xpopover.is-open .xpopover-right {\n  --tw-translate-x: 0px;\n}\n.xpopover.hover:hover .xpopover-bottom,\n.xpopover.is-open .xpopover-bottom {\n  --tw-translate-y: 0.25rem;\n}\n.xpopover.hover:hover .xpopover-left,\n.xpopover.is-open .xpopover-left {\n  --tw-translate-x: 0px;\n}\n";
 styleInject_es(css_248z);

package/lib/cjs/{src/components/popover/Popover.vue_vue&type=template&id=3d4ab1ae&lang.js → components/popover/Popover.vue_vue_type_template_id_ef94d0dc_lang.js}

@@ -28,7 +28,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 2))
       : vue.createCommentVNode("", true),
     vue.createElementVNode("div", {
-      class: vue.normalizeClass(["absolute w-auto bottom-0 left-0 right-0 sm:p-0 transform transition-transform z-50 xpopover-content whitespace-nowrap max-w-xs", [
+      class: vue.normalizeClass(["absolute w-fit bottom-0 left-0 right-0 sm:p-0 transform transition-transform z-50 xpopover-content whitespace-nowrap max-w-xs", [
         {
           // align-left
           'left-0 right-auto': $props.align === 'left' && ['bottom', 'top'].includes($props.position),

package/lib/cjs/components/popover/PopoverContainer.vue.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var PopoverContainer_vue_vue_type_script_lang = require('./PopoverContainer.vue_vue_type_script_lang.js');
+var PopoverContainer_vue_vue_type_template_id_49e694b6_lang = require('./PopoverContainer.vue_vue_type_template_id_49e694b6_lang.js');
+
+PopoverContainer_vue_vue_type_script_lang.render = PopoverContainer_vue_vue_type_template_id_49e694b6_lang.render;
+
+module.exports = PopoverContainer_vue_vue_type_script_lang;

package/lib/cjs/{src/components/popover/PopoverContainer.vue_vue&type=template&id=c3f5df12&lang.js → components/popover/PopoverContainer.vue_vue_type_template_id_49e694b6_lang.js}

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), vue.mergeProps(_ctx.$attrs, { class: "inline-block w-full bg-white dark:bg-gray-700 shadow-lg rounded-md border-t border border-gray-200 dark:border-gray-800" }), {
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), { class: "inline-block w-full bg-white dark:bg-gray-700 shadow-lg rounded-md border-t border border-gray-200 dark:border-gray-800" }, {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 16))
+  }))
 }
 
 exports.render = render;

package/lib/cjs/{src/components → components}/popover/PopoverItem.vue.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var PopoverItem_vue_vue_type_script_lang = require('./PopoverItem.vue_vue&type=script&lang.js');
-var PopoverItem_vue_vue_type_template_id_33f77d45_lang = require('./PopoverItem.vue_vue&type=template&id=33f77d45&lang.js');
+var PopoverItem_vue_vue_type_script_lang = require('./PopoverItem.vue_vue_type_script_lang.js');
+var PopoverItem_vue_vue_type_template_id_f493838c_lang = require('./PopoverItem.vue_vue_type_template_id_f493838c_lang.js');
 
-PopoverItem_vue_vue_type_script_lang.render = PopoverItem_vue_vue_type_template_id_33f77d45_lang.render;
+PopoverItem_vue_vue_type_script_lang.render = PopoverItem_vue_vue_type_template_id_f493838c_lang.render;
 
 module.exports = PopoverItem_vue_vue_type_script_lang;

package/lib/cjs/{src/components/popover/PopoverItem.vue_vue&type=template&id=33f77d45&lang.js → components/popover/PopoverItem.vue_vue_type_template_id_f493838c_lang.js}

@@ -14,18 +14,18 @@ const _hoisted_2 = {
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$props.tag), vue.mergeProps(_ctx.$attrs, {
-    class: ["px-2 py-1 block rounded transition-colors duration-100 ease-in-out whitespace-nowrap", [
+  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.tag), {
+    class: vue.normalizeClass(["px-2 py-1 block rounded transition-colors duration-100 ease-in-out whitespace-nowrap", [
       {
         'flex items-center': _ctx.$slots.prefix || _ctx.$slots.suffix,
-        'hover:bg-gray-100 dark:hover:bg-gray-800': _ctx.$props.variant === 'base' && !_ctx.$props.disabled,
-        'hover:text-error-500 hover:bg-error-50': _ctx.$props.variant === 'error' && !_ctx.$props.disabled,
-        'opacity-70': _ctx.$props.disabled,
-        'cursor-pointer': !_ctx.$props.disabled,
+        'hover:bg-gray-100 dark:hover:bg-gray-800': $props.variant === 'base' && !$props.disabled,
+        'hover:text-error-500 hover:bg-error-50': $props.variant === 'error' && !$props.disabled,
+        'opacity-70': $props.disabled,
+        'cursor-pointer': !$props.disabled,
       },
 
-    ]]
-  }), {
+    ]])
+  }, {
     default: vue.withCtx(() => [
       (_ctx.$slots.prefix)
         ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
@@ -44,7 +44,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         : vue.createCommentVNode("", true)
     ]),
     _: 3
-  }, 16, ["class"]))
+  }, 8, ["class"]))
 }
 
 exports.render = render;

package/lib/cjs/{src/components → components}/progress/Progress.vue.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var Progress_vue_vue_type_script_lang = require('./Progress.vue_vue&type=script&lang.js');
-var Progress_vue_vue_type_template_id_a5bfeb16_lang = require('./Progress.vue_vue&type=template&id=a5bfeb16&lang.js');
+var Progress_vue_vue_type_script_lang = require('./Progress.vue_vue_type_script_lang.js');
+var Progress_vue_vue_type_template_id_73a39445_lang = require('./Progress.vue_vue_type_template_id_73a39445_lang.js');
 
-Progress_vue_vue_type_script_lang.render = Progress_vue_vue_type_template_id_a5bfeb16_lang.render;
+Progress_vue_vue_type_script_lang.render = Progress_vue_vue_type_template_id_73a39445_lang.render;
 
 module.exports = Progress_vue_vue_type_script_lang;

package/lib/cjs/{src/components/progress/Progress.vue_vue&type=script&lang.js → components/progress/Progress.vue_vue_type_script_lang.js}

@@ -1,12 +1,6 @@
 'use strict';
 
 const validator = {
-  color: [
-    'primary',
-    'error',
-    'success',
-    'warning',
-  ],
   variant: [
     'bar',
     'circle',
@@ -21,9 +15,8 @@ var script = {
 
   props: {
     color: {
-      default: 'primary',
       type: String,
-      validator: (value) => validator.color.includes(value),
+      default: 'primary',
     },
 
     percentage: {
@@ -38,8 +31,8 @@ var script = {
     },
 
     tag: {
-      default: 'div',
       type: String,
+      default: 'div',
     },
 
     variant: {

package/lib/cjs/{src/components/progress/Progress.vue_vue&type=template&id=a5bfeb16&lang.js → components/progress/Progress.vue_vue_type_template_id_73a39445_lang.js}

@@ -18,7 +18,7 @@ const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("circle", {
   stroke: "currentColor",
   "stroke-linejoin": "round",
   "stroke-linecap": "round",
-  "stroke-width": "8",
+  "stroke-width": "4",
   fill: "none",
   cx: "50",
   cy: "50",
@@ -35,12 +35,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ($props.variant === 'bar')
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(["h-2 rounded-lg transition-all duration-200", {
-          'bg-primary-500': $props.color === 'primary',
-          'bg-success-500': $props.color === 'success',
-          'bg-error-500': $props.color === 'error',
-          'bg-warning-500': $props.color === 'warning',
-        }]),
+              class: vue.normalizeClass(["h-2 rounded-lg transition-all duration-200", [`bg-${$props.color}-500`]]),
               style: vue.normalizeStyle({
           width: `${$props.percentage}%`,
         })
@@ -51,17 +46,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, [
             _hoisted_3,
             vue.createElementVNode("circle", {
-              class: vue.normalizeClass(["transition-all duration-200", {
-          'text-primary-500': $props.color === 'primary',
-          'text-success-500': $props.color === 'success',
-          'text-error-500': $props.color === 'error',
-          'text-warning-500': $props.color === 'warning',
-        }]),
+              class: vue.normalizeClass(["transition-all duration-200", [`text-${$props.color}-500`]]),
               style: vue.normalizeStyle({ strokeDasharray: `${$options.circleProgress} 252` }),
               stroke: "currentColor",
               "stroke-linejoin": "round",
               "stroke-linecap": "round",
-              "stroke-width": "8",
+              "stroke-width": "4",
               fill: "none",
               cx: "50",
               cy: "50",
@@ -74,13 +64,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.scoreLength, (index) => {
               return (vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
-                class: vue.normalizeClass(["rounded-sm h-2 w-3 inline-block", {
-          'bg-gray-200 dark:bg-gray-700': !$options.isScoreActive(index),
-          'bg-primary-500': $options.isScoreActive(index) && $props.color === 'primary',
-          'bg-success-500': $options.isScoreActive(index) && $props.color === 'success',
-          'bg-error-500': $options.isScoreActive(index) && $props.color === 'error',
-          'bg-warning-500': $options.isScoreActive(index) && $props.color === 'warning',
-        }])
+                class: vue.normalizeClass(["rounded-sm h-2 w-3 inline-block", $options.isScoreActive(index) ? [`bg-${$props.color}-500`]: ['bg-gray-200 dark:bg-gray-700']])
               }, null, 2))
             }), 128))
           ]))

package/lib/cjs/components/radio/Radio.vue.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var Radio_vue_vue_type_script_lang = require('./Radio.vue_vue_type_script_lang.js');
+var Radio_vue_vue_type_template_id_7229826f_lang = require('./Radio.vue_vue_type_template_id_7229826f_lang.js');
+
+Radio_vue_vue_type_script_lang.render = Radio_vue_vue_type_template_id_7229826f_lang.render;
+
+module.exports = Radio_vue_vue_type_script_lang;

package/lib/cjs/components/radio/Radio.vue_vue_type_script_lang.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var inputtable = require('../../composables/inputtable.js');
+require('../spinner/Spinner.vue.js');
+var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
+
+var script = {
+  name: 'XRadio',
+  components: {
+    XSpinner: Spinner_vue_vue_type_script_lang,
+  },
+
+  validator: {
+    ...inputtable.withValidator(),
+  },
+
+  props: {
+    ...inputtable.withProps(),
+    bordered: {
+      type: Boolean,
+      default: false,
+    },
+
+    value: {
+      type: [String, Number, Boolean, Function, Object, Array],
+      default: null,
+    },
+
+    label: {
+      type: String,
+      default: null,
+    },
+
+    glow: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  emits: inputtable.withEmits(false),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...inputtable.useInputtable(props, { attrs, emit, useListeners: false }),
+    }
+  },
+
+  computed: {
+    selected: {
+      get() {
+        return this.value === this.modelValue
+      },
+
+      set() {
+        this.$emit('update:modelValue', this.value);
+      },
+    },
+  },
+};
+
+module.exports = script;

package/lib/cjs/components/radio/Radio.vue_vue_type_template_id_7229826f_lang.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-checked", "aria-disabled"];
+const _hoisted_2 = ["disabled", "name", "required", "value"];
+const _hoisted_3 = /*#__PURE__*/vue.createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = ["textContent"];
+const _hoisted_6 = ["textContent"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_x_spinner = vue.resolveComponent("x-spinner");
+
+  return (vue.openBlock(), vue.createElementBlock("label", {
+    ref: "focusRef",
+    class: vue.normalizeClass(["inline-block mb-1 relative cursor-pointer focus:outline-none", {
+      ['rounded border p-2 hover:border-gray-500 dark:hover:border-gray-500 transition-colors duration-150 ease-in-out']: $props.bordered,
+      [`border-gray-300 dark:border-gray-700`]: $props.bordered && !$options.selected,
+      [`border-${_ctx.color}-500 dark:border-${_ctx.color}-500`]: $props.bordered && $options.selected && !_ctx.disabled,
+    }]),
+    "aria-checked": $options.selected ? 'true' : 'false',
+    "aria-disabled": _ctx.disabled ? 'true' : null,
+    tabindex: 0,
+    onKeypress: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers($event => (_ctx.$emit('update:modelValue', $props.value)), ["prevent","stop"]), ["enter","space"]))
+  }, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(["flex items-center", { 'cursor-not-allowed': _ctx.disabled }])
+    }, [
+      vue.withDirectives(vue.createElementVNode("input", {
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.selected) = $event)),
+        type: "radio",
+        class: "invisible absolute",
+        disabled: _ctx.disabled || _ctx.loading,
+        name: _ctx.name,
+        required: _ctx.required,
+        value: _ctx.modelValue
+      }, null, 8, _hoisted_2), [
+        [vue.vModelRadio, $options.selected]
+      ]),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(["rounded-full flex justify-center items-center flex-shrink-0", [
+          {
+            // shadow
+            'shadow': !_ctx.flat && !_ctx.loading,
+            [`shadow-lg shadow-${_ctx.color}-500/50`]: !_ctx.flat && $props.glow && $options.selected,
+
+            'h-4 w-4': _ctx.size === 'sm' || _ctx.size === 'xs',
+            'h-5 w-5': !['xs', 'sm', 'xl'].includes(_ctx.size),
+            'h-6 w-6': _ctx.size === 'xl',
+          },
+          _ctx.disabled ? {
+            'bg-gray-500 border-gray-600 dark:border-gray-400': $options.selected,
+            'bg-gray-200 border-gray-300 dark:border-gray-700': !$options.selected,
+          } :
+          {
+            [`bg-${_ctx.color}-500 border-${_ctx.color}-500`]: $options.selected && !_ctx.loading,
+            'border bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700': !$options.selected && !_ctx.loading,
+          }
+        ]])
+      }, [
+        (_ctx.loading)
+          ? (vue.openBlock(), vue.createBlock(_component_x_spinner, {
+              key: 0,
+              size: _ctx.size,
+              class: "absolute"
+            }, null, 8, ["size"]))
+          : (vue.openBlock(), vue.createElementBlock("svg", {
+              key: 1,
+              class: vue.normalizeClass(["fill-current text-gray-100", {
+            'opacity-0': !$options.selected,
+            'h-2 w-2': _ctx.size === 'sm' || _ctx.size === 'xs',
+            'h-3 w-3': !['xs', 'sm', 'xl'].includes(_ctx.size),
+            'h-4 w-4': _ctx.size === 'xl',
+          }]),
+              viewBox: "0 0 20 20"
+            }, _hoisted_4, 2))
+      ], 2),
+      ($props.label)
+        ? (vue.openBlock(), vue.createElementBlock("span", {
+            key: 0,
+            class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 pl-2", {
+          'text-xs': _ctx.size === 'xs',
+          'text-sm': _ctx.size === 'sm',
+          'text-lg': _ctx.size === 'lg',
+          'text-xl': _ctx.size === 'xl',
+        }]),
+            textContent: vue.toDisplayString($props.label)
+          }, null, 10, _hoisted_5))
+        : vue.createCommentVNode("", true)
+    ], 2),
+    (_ctx.$slots.default)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass({
+        'text-xs pl-6': _ctx.size === 'xs',
+        'text-sm pl-6': _ctx.size === 'sm',
+        'pl-7': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
+        'text-lg pl-7': _ctx.size === 'lg',
+        'text-lg pl-8': _ctx.size === 'xl',
+      })
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2))
+      : vue.createCommentVNode("", true),
+    (_ctx.errorInternal)
+      ? (vue.openBlock(), vue.createElementBlock("p", {
+          key: 1,
+          class: "text-sm text-error-500 mt-1",
+          textContent: vue.toDisplayString(_ctx.errorInternal)
+        }, null, 8, _hoisted_6))
+      : vue.createCommentVNode("", true)
+  ], 42, _hoisted_1))
+}
+
+exports.render = render;

package/lib/cjs/components/select/Select.vue.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var Select_vue_vue_type_script_lang = require('./Select.vue_vue_type_script_lang.js');
+var Select_vue_vue_type_template_id_e15ccf42_lang = require('./Select.vue_vue_type_template_id_e15ccf42_lang.js');
+
+Select_vue_vue_type_script_lang.render = Select_vue_vue_type_template_id_e15ccf42_lang.render;
+
+module.exports = Select_vue_vue_type_script_lang;

package/lib/cjs/components/select/Select.vue_vue_type_script_lang.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var inputtable = require('../../composables/inputtable.js');
+require('../spinner/Spinner.vue.js');
+var Spinner_vue_vue_type_script_lang = require('../spinner/Spinner.vue_vue_type_script_lang.js');
+
+var script = {
+  name: 'XSelect',
+  components: {
+    XSpinner: Spinner_vue_vue_type_script_lang,
+  },
+
+  validator: {
+    ...inputtable.withValidator(),
+  },
+
+  props: {
+    ...inputtable.withProps(),
+
+    placeholder: {
+      type: String,
+      default: null,
+    },
+
+    flat: {
+      type: Boolean,
+      default: false,
+    },
+
+    label: {
+      type: String,
+      default: null,
+    },
+
+    options: {
+      type: Array,
+      default: null,
+    },
+  },
+
+  emits: inputtable.withEmits(false),
+
+  setup(props, { attrs, emit }) {
+    return {
+      ...inputtable.useInputtable(props, { attrs, emit, useListeners: false }),
+    }
+  },
+
+  computed: {
+    selected: {
+      get() {
+        return this.modelValue
+      },
+
+      set(val) {
+        this.$emit('update:modelValue', val);
+      },
+    },
+  },
+};
+
+module.exports = script;