@indielayer/ui 0.1.0 → 0.2.2

package/lib/cjs/src/components/textarea/Textarea.vue_vue&type=template&id=9e7d494a&lang.js

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["textContent"];
-const _hoisted_2 = ["disabled", "maxlength", "name", "placeholder", "readonly", "value"];
-const _hoisted_3 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass(["block mb-1 relative", $props.hideDetails ? 'pb-2' : 'pb-6'])
-  }, [
-    ($props.label)
-      ? (vue.openBlock(), vue.createElementBlock("p", {
-          key: 0,
-          class: vue.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1", {
-        'text-xs': $props.size === 'xs',
-        'text-sm': $props.size === 'sm',
-        'text-lg': $props.size === 'lg',
-        'text-xl': $props.size === 'xl',
-      }]),
-          textContent: vue.toDisplayString($props.label)
-        }, null, 10, _hoisted_1))
-      : vue.createCommentVNode("", true),
-    vue.createElementVNode("textarea", vue.mergeProps({
-      ref: "input",
-      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", [
-        $props.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
-        $props.flat ? 'p-0 bg-transparent' : {
-          // shadow
-          'border shadow': true,
-
-          // size
-          'py-1': $props.size === 'auto',
-          'px-2 py-1 text-xs': $props.size === 'xs',
-          'px-2 py-1 text-sm': $props.size === 'sm',
-          'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes($props.size),
-          'px-4 py-3 text-lg': $props.size === 'lg',
-          'px-6 py-6 text-xl': $props.size === 'xl',
-        },
-        {
-          // error
-          'border-error-500 focus:border-error-500 dark:focus:border-error-500': $data.errorInternal,
-        },
-        $props.inputClass,
-      ]],
-      disabled: $props.disabled,
-      maxlength: $props.maxlength,
-      name: $props.name,
-      placeholder: $props.placeholder,
-      readonly: $props.readonly,
-      value: $props.value
-    }, vue.toHandlers($options.listeners), {
-      onKeydown: _cache[0] || (_cache[0] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
-    }), null, 16, _hoisted_2),
-    ($data.errorInternal)
-      ? (vue.openBlock(), vue.createElementBlock("p", {
-          key: 1,
-          class: "text-sm text-error-500 mt-1",
-          textContent: vue.toDisplayString($data.errorInternal)
-        }, null, 8, _hoisted_3))
-      : vue.createCommentVNode("", true)
-  ], 2))
-}
-
-exports.render = render;

package/lib/cjs/src/components/toggle/Toggle.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Toggle_vue_vue_type_script_lang = require('./Toggle.vue_vue&type=script&lang.js');
-var Toggle_vue_vue_type_template_id_2dc56b20_lang = require('./Toggle.vue_vue&type=template&id=2dc56b20&lang.js');
-
-Toggle_vue_vue_type_script_lang.render = Toggle_vue_vue_type_template_id_2dc56b20_lang.render;
-
-module.exports = Toggle_vue_vue_type_script_lang;

package/lib/cjs/src/components/toggle/Toggle.vue_vue&type=script&lang.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var script = {
-  name: 'XToggle',
-
-  model: {
-    prop: 'option',
-    event: 'change',
-  },
-
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    id: {
-      type: String,
-      default: null,
-    },
-
-    option: {
-      type: Boolean,
-      default: false,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    label: {
-      type: String,
-      default: null,
-    },
-
-    required: {
-      type: Boolean,
-      default: false,
-    },
-
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-  },
-
-  computed: {
-    checked: {
-      get() {
-        return this.option
-      },
-      set(val) {
-        this.$emit('change', val);
-      },
-    },
-  },
-};
-
-module.exports = script;

package/lib/cjs/src/components/toggle/Toggle.vue_vue&type=template&id=2dc56b20&lang.js

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["id", "aria-checked", "aria-disabled", "disabled", "name", "required"];
-const _hoisted_2 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", {
-    class: vue.normalizeClass([
-      !$props.disabled ? 'cursor-pointer' : 'cursor-not-allowed',
-      $props.label ? 'flex items-center' : 'inline-block',
-    ])
-  }, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(["rounded-full transition-colors duration-300", [
-        {
-          // shadow
-          'border shadow': !$props.flat,
-
-          'w-8': $props.size === 'sm' || $props.size === 'xs',
-          'w-10': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-          'w-12': $props.size === 'lg',
-          'w-14': $props.size === 'xl',
-          'bg-gray-300 dark:bg-gray-600': $props.disabled && !$options.checked,
-          'bg-gray-400 dark:bg-gray-400': $props.disabled && $options.checked,
-          'bg-gray-200 dark:bg-gray-600': !$props.disabled && !$options.checked,
-          'bg-primary-200  border-primary-200': !$props.disabled && $options.checked,
-        }
-      ]])
-    }, [
-      vue.withDirectives(vue.createElementVNode("input", {
-        id: $props.id,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.checked) = $event)),
-        "aria-checked": $options.checked ? 'true' : 'false',
-        "aria-disabled": $props.disabled ? 'true' : null,
-        disabled: $props.disabled,
-        name: $props.name,
-        required: $props.required,
-        type: "checkbox",
-        class: "hidden"
-      }, null, 8, _hoisted_1), [
-        [vue.vModelCheckbox, $options.checked]
-      ]),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(["rounded-full shadow transform transition duration-300", [
-          {
-            'h-4 w-4': $props.size === 'sm' || $props.size === 'xs',
-            'h-5 w-5': !['xs', 'sm', 'lg', 'xl'].includes($props.size),
-            'h-6 w-6': $props.size === 'lg',
-            'h-7 w-7': $props.size === 'xl',
-            'translate-x-full': $options.checked,
-            'bg-gray-200 dark:bg-gray-200': $props.disabled,
-            'bg-white': !$props.disabled && !$options.checked,
-            'bg-primary-500': !$props.disabled && $options.checked,
-          },
-        ]])
-      }, null, 2)
-    ], 2),
-    ($props.label)
-      ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          class: vue.normalizeClass(["pl-2 font-medium text-gray-800 dark:text-gray-200", {
-        'text-xs': $props.size === 'xs',
-        'text-sm': $props.size === 'sm',
-        'text-lg': $props.size === 'lg',
-        'text-xl': $props.size === 'xl',
-      }]),
-          textContent: vue.toDisplayString($props.label)
-        }, null, 10, _hoisted_2))
-      : vue.createCommentVNode("", true)
-  ], 2))
-}
-
-exports.render = render;

package/lib/esm/src/components/avatar/Avatar.vue.js

@@ -1,5 +0,0 @@
-import script from './Avatar.vue_vue&type=script&lang.js';
-export { default } from './Avatar.vue_vue&type=script&lang.js';
-import { render } from './Avatar.vue_vue&type=template&id=36a4d50f&lang.js';
-
-script.render = render;

package/lib/esm/src/components/avatar/Avatar.vue_vue&type=script&lang.js

@@ -1,74 +0,0 @@
-const validator = {
-  color: [
-    'blue',
-    'gray',
-    'green',
-    'indigo',
-    'pink',
-    'primary',
-    'purple',
-    'red',
-    'yellow',
-  ],
-  variant: [
-    'rounded',
-    'squared',
-  ],
-};
-
-var script = {
-  name: 'XAvatar',
-
-  validator,
-
-  initials(name) {
-    if (name) {
-      const initials = name.match(/\b\w/g) || [];
-
-      return ((initials.shift() || '') + (initials.pop() || '')).toUpperCase()
-    }
-
-    return ''
-  },
-
-  props: {
-    alt: {
-      default: null,
-      type: String,
-    },
-
-    color: {
-      default: 'primary',
-      type: String,
-      validator: (value) => validator.color.includes(value),
-    },
-
-    name: {
-      default: null,
-      type: String,
-    },
-
-    size: {
-      default: null,
-      type: String,
-    },
-
-    src: {
-      default: null,
-      type: String,
-    },
-
-    tag: {
-      default: 'span',
-      type: String,
-    },
-
-    variant: {
-      default: 'rounded',
-      type: String,
-      validator: (value) => validator.variant.includes(value),
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/src/components/avatar/Avatar.vue_vue&type=template&id=36a4d50f&lang.js

@@ -1,56 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementBlock, toDisplayString, createCommentVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "leading-none"
-};
-const _hoisted_2 = ["alt", "src"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.$props.tag), mergeProps(_ctx.$attrs, {
-    class: ["inline-flex items-center justify-center overflow-hidden", [
-      // color
-      !_ctx.$props.src ? {
-        'bg-blue-500 text-blue-50': _ctx.$props.color === 'blue',
-        'bg-gray-500 text-gray-50': _ctx.$props.color === 'gray',
-        'bg-green-500 text-green-50': _ctx.$props.color === 'green',
-        'bg-indigo-500 text-indigo-50': _ctx.$props.color === 'indigo',
-        'bg-pink-500 text-pink-50': _ctx.$props.color === 'pink',
-        'bg-primary-500 text-primary-50': _ctx.$props.color === 'primary',
-        'bg-purple-500 text-purple-50': _ctx.$props.color === 'purple',
-        'bg-red-500 text-red-50': _ctx.$props.color === 'red',
-        'bg-yellow-500 text-yellow-50': _ctx.$props.color === 'yellow',
-      } : {},
-      {
-        // size
-        'h-6 w-6 text-xs': _ctx.$props.size === 'xs',
-        'h-7 w-7 text-sm': _ctx.$props.size === 'sm',
-        'h-10 w-10': !['xs', 'sm', 'lg', 'xl'].includes(_ctx.$props.size),
-        'h-12 w-12 text-lg': _ctx.$props.size === 'lg',
-        'h-20 w-20 text-2xl': _ctx.$props.size === 'xl',
-        'h-36 w-36 text-2xl': _ctx.$props.size === '2xl',
-
-        // variant
-        'rounded-full': _ctx.$props.variant === 'rounded',
-        'rounded-md': _ctx.$props.variant === 'squared',
-      },
-    ]]
-  }), {
-    default: withCtx(() => [
-      (!_ctx.$props.src && _ctx.$props.name)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.$options.initials(_ctx.$props.name)), 1))
-        : createCommentVNode("", true),
-      (_ctx.$props.src)
-        ? (openBlock(), createElementBlock("img", {
-            key: 1,
-            alt: _ctx.$props.alt,
-            src: _ctx.$props.src,
-            class: "h-full w-full"
-          }, null, 8, _hoisted_2))
-        : createCommentVNode("", true)
-    ]),
-    _: 1
-  }, 16, ["class"]))
-}
-
-export { render };

package/lib/esm/src/components/button/Button.vue.js

@@ -1,5 +0,0 @@
-import script from './Button.vue_vue&type=script&lang.js';
-export { default } from './Button.vue_vue&type=script&lang.js';
-import { render } from './Button.vue_vue&type=template&id=365674ca&lang.js';
-
-script.render = render;

package/lib/esm/src/components/button/Button.vue_vue&type=template&id=365674ca&lang.js

@@ -1,138 +0,0 @@
-import { resolveComponent, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createCommentVNode, createElementBlock, normalizeClass, createVNode, createElementVNode, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_spinner = resolveComponent("x-spinner");
-  const _component_x_icon = resolveComponent("x-icon");
-
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.$props.to ? 'router-link' : _ctx.$props.tag), mergeProps({
-    to: _ctx.$props.to
-  }, _ctx.$attrs, {
-    class: ["relative leading-tight transition-colors duration-150 cursor-pointer focus:outline-none flex items-center justify-center font-medium", [
-      {
-        // shadow
-        'shadow': !_ctx.$props.flat,
-      },
-      _ctx.$props.disabled ?
-        // disabled
-        'border-gray-300 dark:border-gray-600 bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400 cursor-not-allowed'
-        : {
-          // not disabled
-
-          // borders
-          'border border-primary-500 dark:border-primary-700 hover:border-primary-600 dark:hover:border-primary-500':
-            _ctx.$props.color === 'primary',
-          'border border-secondary-500 dark:border-secondary-700 hover:border-secondary-600 dark:hover:border-secondary-500':
-            _ctx.$props.color === 'secondary',
-          'border border-success-500 dark:border-success-700 hover:border-success-600 dark:hover:border-success-500':
-            _ctx.$props.color === 'success',
-          'border border-error-500 dark:border-error-700 hover:border-error-600 dark:hover:border-error-500':
-            _ctx.$props.color === 'error',
-          'border border-warning-500 dark:border-warning-700 hover:border-warning-600 dark:hover:border-warning-500':
-            _ctx.$props.color === 'warning',
-          'border border-gray dark:border-gray-900 hover:border-gray-700 dark:hover:border-gray-500':
-            _ctx.$props.color === 'gray',
-
-          // colors
-          'text-primary-50 bg-primary-500':
-            _ctx.$props.color === 'primary' && !_ctx.$props.outlined,
-          'text-secondary-50 bg-secondary-500':
-            _ctx.$props.color === 'secondary' && !_ctx.$props.outlined,
-          'text-success-50 bg-success-500':
-            _ctx.$props.color === 'success' && !_ctx.$props.outlined,
-          'text-error-50 bg-error-500':
-            _ctx.$props.color === 'error' && !_ctx.$props.outlined,
-          'text-warning-50 bg-warning-500':
-            _ctx.$props.color === 'warning' && !_ctx.$props.outlined,
-          'text-gray-50 bg-gray-800':
-            _ctx.$props.color === 'gray' && !_ctx.$props.outlined,
-
-          'border border-gray-300 dark:border-gray-600': _ctx.$props.outlined,
-
-          // colors hovers | actives
-          'hover:bg-primary-600 active:bg-primary-800':
-            _ctx.$props.color === 'primary' && !_ctx.$props.loading && !_ctx.$props.outlined,
-          'hover:bg-secondary-600 active:bg-secondary-800':
-            _ctx.$props.color === 'secondary' && !_ctx.$props.loading && !_ctx.$props.outlined,
-          'hover:bg-success-600 active:bg-success-800':
-            _ctx.$props.color === 'success' && !_ctx.$props.loading && !_ctx.$props.outlined,
-          'hover:bg-error-600 active:bg-error-800':
-            _ctx.$props.color === 'error' && !_ctx.$props.loading && !_ctx.$props.outlined,
-          'hover:bg-warning-600 active:bg-warning-800':
-            _ctx.$props.color === 'warning' && !_ctx.$props.loading && !_ctx.$props.outlined,
-          'hover:bg-gray-700 active:bg-gray-800':
-            _ctx.$props.color === 'gray' && !_ctx.$props.loading && !_ctx.$props.outlined,
-          'hover:bg-gray-100 dark:hover:bg-gray-700 active:bg-gray-200 dark:active:bg-gray-600':
-            _ctx.$props.color === 'none' && !_ctx.$props.loading && _ctx.$props.outlined,
-          'hover:text-gray-500 dark:hover:text-gray-400':
-            _ctx.$props.color === 'none' && !_ctx.$props.loading && !_ctx.$props.outlined,
-        },
-      _ctx.$slots.default ? {
-        // size
-        'py-1': _ctx.$props.size === 'auto',
-        'px-2 py-1 text-xs': _ctx.$props.size === 'xs',
-        'px-2 py-1 text-sm': _ctx.$props.size === 'sm',
-        'px-4 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.$props.size),
-        'px-6 py-3 text-lg': _ctx.$props.size === 'lg',
-        'px-10 py-6 text-xl': _ctx.$props.size === 'xl',
-      } : 'px-3 py-2',
-      {
-        // icon
-        'inline-flex items-center': _ctx.$slots.icon || _ctx.$props.icon,
-
-        // group
-        'rounded-button': _ctx.$props.group === false,
-        'rounded-l-button': _ctx.$props.group === 'first',
-        'rounded-r-button': _ctx.$props.group === 'last',
-
-        '!rounded-full': _ctx.$props.rounded,
-
-        // loading
-        'cursor-default': _ctx.$props.loading,
-
-        // content
-        'flex items-center justify-center': _ctx.$props.loading,
-        'flex-row-reverse': _ctx.$props.icon && _ctx.$props.iconRight
-      },
-
-    ]],
-    "aria-busy": _ctx.$props.loading ? 'true' : null,
-    "aria-disabled": _ctx.$props.tag !== 'button' && _ctx.$props.disabled ? 'true' : null,
-    disabled: _ctx.$props.disabled || _ctx.$props.loading,
-    type: _ctx.$props.tag === 'button' ? _ctx.$props.type : null
-  }), {
-    default: withCtx(() => [
-      (_ctx.$props.loading)
-        ? (openBlock(), createBlock(_component_x_spinner, {
-            key: 0,
-            size: _ctx.$props.size,
-            class: "absolute"
-          }, null, 8, ["size"]))
-        : createCommentVNode("", true),
-      (_ctx.$props.icon)
-        ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            class: normalizeClass(["flex", [{
-        'mr-2': _ctx.$slots.default && !_ctx.$props.iconRight,
-        'ml-2': _ctx.$slots.default && _ctx.$props.iconRight,
-        'invisible': _ctx.$props.loading
-      }]])
-          }, [
-            createVNode(_component_x_icon, {
-              size: _ctx.$props.size,
-              icon: _ctx.$props.icon
-            }, null, 8, ["size", "icon"])
-          ], 2))
-        : createCommentVNode("", true),
-      createElementVNode("span", {
-        class: normalizeClass({
-        'invisible': _ctx.$props.loading
-      })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2)
-    ]),
-    _: 3
-  }, 16, ["to", "class", "aria-busy", "aria-disabled", "disabled", "type"]))
-}
-
-export { render };

package/lib/esm/src/components/card/Card.vue.js

@@ -1,5 +0,0 @@
-import script from './Card.vue_vue&type=script&lang.js';
-export { default } from './Card.vue_vue&type=script&lang.js';
-import { render } from './Card.vue_vue&type=template&id=5a1806fe&lang.js';
-
-script.render = render;

package/lib/esm/src/components/card/Card.vue_vue&type=template&id=5a1806fe&lang.js

@@ -1,18 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.$props.tag), mergeProps(_ctx.$attrs, {
-    class: ["rounded bg-white dark:bg-gray-800", [
-      {
-        'shadow': !_ctx.$props.flat,
-      },
-    ]]
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  }, 16, ["class"]))
-}
-
-export { render };

package/lib/esm/src/components/checkbox/Checkbox.vue.js

@@ -1,5 +0,0 @@
-import script from './Checkbox.vue_vue&type=script&lang.js';
-export { default } from './Checkbox.vue_vue&type=script&lang.js';
-import { render } from './Checkbox.vue_vue&type=template&id=bf794940&lang.js';
-
-script.render = render;

package/lib/esm/src/components/checkbox/Checkbox.vue_vue&type=script&lang.js

@@ -1,67 +0,0 @@
-var script = {
-  name: 'XCheckbox',
-
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    required: {
-      type: Boolean,
-      default: false,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    label: {
-      type: String,
-      default: null,
-    },
-
-    flat: {
-      type: Boolean,
-      default: false,
-    },
-
-    modelValue: {
-      type: [String, Number, Boolean, Function, Object, Array],
-      default: null,
-    },
-
-    hideDetails: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  emits: ['update:modelValue'],
-
-  computed: {
-    selected: {
-      get() {
-        return this.modelValue
-      },
-
-      set(val) {
-        this.$emit('update:modelValue', val);
-      },
-    },
-  },
-
-  methods: {
-    focus() {
-      this.$refs.input.focus();
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/src/components/checkbox/Checkbox.vue_vue&type=template&id=bf794940&lang.js

@@ -1,74 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vModelCheckbox, toDisplayString, createCommentVNode } from 'vue';
-
-const _hoisted_1 = ["disabled", "name", "required", "value"];
-const _hoisted_2 = /*#__PURE__*/createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("label", {
-    class: normalizeClass(["block mb-1 relative cursor-pointer", $props.hideDetails ? 'pb-2' : 'pb-6'])
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(["flex items-center", { 'cursor-not-allowed': $props.disabled }])
-    }, [
-      withDirectives(createElementVNode("input", {
-        ref: "input",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.selected) = $event)),
-        type: "checkbox",
-        class: "invisible absolute",
-        disabled: $props.disabled,
-        name: $props.name,
-        required: $props.required,
-        value: $props.modelValue
-      }, null, 8, _hoisted_1), [
-        [vModelCheckbox, $options.selected]
-      ]),
-      createElementVNode("div", {
-        class: normalizeClass(["border rounded flex justify-center items-center flex-none", [
-          {
-            // shadow
-            'shadow': !$props.flat,
-
-            'h-4 w-4': $props.size === 'sm' || $props.size === 'xs',
-            'h-5 w-5': !['xs', 'sm', 'xl'].includes($props.size),
-            'h-6 w-6': $props.size === 'xl',
-
-            'hover:border-primary-500': !$props.disabled,
-            'bg-primary-500 border-primary-500': $props.modelValue && !$props.disabled,
-            'bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700': !$props.modelValue && !$props.disabled,
-            // disabled
-            'bg-gray-500 border-gray-600 dark:border-gray-400': $props.modelValue && $props.disabled,
-            'bg-gray-200 border-gray-300 dark:border-gray-700': !$props.modelValue && $props.disabled,
-          }
-        ]])
-      }, [
-        (openBlock(), createElementBlock("svg", {
-          class: normalizeClass(["fill-current text-primary-100", {
-            'opacity-0': !$props.modelValue,
-            'h-2 w-2': $props.size === 'sm' || $props.size === 'xs',
-            'h-3 w-3': !['xs', 'sm', 'xl'].includes($props.size),
-            'h-4 w-4': $props.size === 'xl',
-          }]),
-          viewBox: "0 0 20 20"
-        }, _hoisted_3, 2))
-      ], 2),
-      ($props.label)
-        ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(["font-medium text-gray-800 dark:text-gray-200 pl-2", {
-          'text-xs': $props.size === 'xs',
-          'text-sm': $props.size === 'sm',
-          'text-lg': $props.size === 'lg',
-          'text-xl': $props.size === 'xl',
-        }]),
-            textContent: toDisplayString($props.label)
-          }, null, 10, _hoisted_4))
-        : createCommentVNode("", true)
-    ], 2)
-  ], 2))
-}
-
-export { render };