@indielayer/ui 0.2.4 → 1.0.0-alpha.3

package/lib/esm/components/note/Note.vue_vue_type_template_id_2b99d6a2_lang.js

@@ -1,96 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, Fragment, createCommentVNode, renderSlot, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation",
-  class: "flex-none stroke-2 w-4 h-4 mt-1 mr-2"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("circle", {
-  cx: "12",
-  cy: "12",
-  r: "10"
-}, null, -1 /* HOISTED */);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("line", {
-  x1: "12",
-  y1: "8",
-  x2: "12",
-  y2: "12"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = /*#__PURE__*/createElementVNode("line", {
-  x1: "12",
-  y1: "16",
-  x2: "12",
-  y2: "16"
-}, null, -1 /* HOISTED */);
-const _hoisted_5 = /*#__PURE__*/createElementVNode("path", { d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" }, null, -1 /* HOISTED */);
-const _hoisted_6 = /*#__PURE__*/createElementVNode("path", { d: "M16 10L10.5 15L8 12.7273" }, null, -1 /* HOISTED */);
-const _hoisted_7 = /*#__PURE__*/createElementVNode("path", { d: "M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z" }, null, -1 /* HOISTED */);
-const _hoisted_8 = /*#__PURE__*/createElementVNode("path", { d: "M9 9L15 15" }, null, -1 /* HOISTED */);
-const _hoisted_9 = /*#__PURE__*/createElementVNode("path", { d: "M15 9L9 15" }, null, -1 /* HOISTED */);
-const _hoisted_10 = /*#__PURE__*/createElementVNode("path", {
-  stroke: "none",
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}, null, -1 /* HOISTED */);
-const _hoisted_11 = /*#__PURE__*/createElementVNode("path", { d: "M12 9v2m0 4v.01" }, null, -1 /* HOISTED */);
-const _hoisted_12 = /*#__PURE__*/createElementVNode("path", { d: "M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" }, null, -1 /* HOISTED */);
-const _hoisted_13 = {
-  key: 1,
-  class: "flex-none pr-2"
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    class: 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: withCtx(() => [
-      (!_ctx.$slots.icon)
-        ? (openBlock(), createElementBlock("svg", _hoisted_1, [
-            ($props.color === 'primary')
-              ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  _hoisted_2,
-                  _hoisted_3,
-                  _hoisted_4
-                ], 64 /* STABLE_FRAGMENT */))
-              : createCommentVNode("v-if", true),
-            ($props.color === 'success')
-              ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  _hoisted_5,
-                  _hoisted_6
-                ], 64 /* STABLE_FRAGMENT */))
-              : createCommentVNode("v-if", true),
-            ($props.color === 'error')
-              ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                  _hoisted_7,
-                  _hoisted_8,
-                  _hoisted_9
-                ], 64 /* STABLE_FRAGMENT */))
-              : createCommentVNode("v-if", true),
-            ($props.color === 'warning')
-              ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                  _hoisted_10,
-                  _hoisted_11,
-                  _hoisted_12
-                ], 64 /* STABLE_FRAGMENT */))
-              : createCommentVNode("v-if", true)
-          ]))
-        : createCommentVNode("v-if", true),
-      (_ctx.$slots.icon)
-        ? (openBlock(), createElementBlock("div", _hoisted_13, [
-            renderSlot(_ctx.$slots, "icon")
-          ]))
-        : createCommentVNode("v-if", true),
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class"]))
-}
-
-export { render };

package/lib/esm/components/pagination/Pagination.vue.js

@@ -1,6 +0,0 @@
-import script from './Pagination.vue_vue_type_script_lang.js';
-export { default } from './Pagination.vue_vue_type_script_lang.js';
-import { render } from './Pagination.vue_vue_type_template_id_084845ef_lang.js';
-
-script.render = render;
-script.__file = "src/components/pagination/Pagination.vue";

package/lib/esm/components/pagination/Pagination.vue_vue_type_script_lang.js

@@ -1,41 +0,0 @@
-import './PaginationItem.vue.js';
-import script$1 from './PaginationItem.vue_vue_type_script_lang.js';
-
-var script = {
-  components: {
-    XPaginationItem: script$1,
-  },
-  props: {
-    totalPages: {
-      type: Number,
-      default: 1,
-    },
-    modelValue: {
-      type: Number,
-      default: 1,
-    },
-    size: {
-      type: String,
-      default: null,
-    },
-    links: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  computed: {
-    pages() {
-      if (this.totalPages === 3) return [2]
-      if (this.totalPages > 2) {
-        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.modelValue - 1, this.modelValue, this.modelValue + 1]
-      }
-
-      return []
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/pagination/Pagination.vue_vue_type_template_id_084845ef_lang.js

@@ -1,50 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createVNode, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
-
-const _hoisted_1 = { class: "flex items-end" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_pagination_item = resolveComponent("x-pagination-item");
-
-  return (openBlock(), createElementBlock("ul", _hoisted_1, [
-    createVNode(_component_x_pagination_item, {
-      value: 1,
-      links: $props.links,
-      size: $props.size,
-      selected: $props.modelValue === 1,
-      class: "mr-1",
-      onInput: _cache[0] || (_cache[0] = (value) => _ctx.$emit('update:modelValue', value))
-    }, null, 8 /* PROPS */, ["links", "size", "selected"]),
-    ($props.totalPages > 3 && $props.modelValue > 3)
-      ? (openBlock(), createElementBlock("span", _hoisted_2, "..."))
-      : createCommentVNode("v-if", true),
-    (openBlock(true), createElementBlock(Fragment, null, renderList($options.pages, (i) => {
-      return (openBlock(), createBlock(_component_x_pagination_item, {
-        key: i,
-        class: "mx-1",
-        value: i,
-        links: $props.links,
-        size: $props.size,
-        selected: $props.modelValue === i,
-        onInput: _cache[1] || (_cache[1] = (value) => _ctx.$emit('update:modelValue', value))
-      }, null, 8 /* PROPS */, ["value", "links", "size", "selected"]))
-    }), 128 /* KEYED_FRAGMENT */)),
-    ($props.totalPages > 3 && $props.modelValue < $props.totalPages - 2)
-      ? (openBlock(), createElementBlock("span", _hoisted_3, "..."))
-      : createCommentVNode("v-if", true),
-    ($props.totalPages > 1)
-      ? (openBlock(), createBlock(_component_x_pagination_item, {
-          key: 2,
-          value: $props.totalPages,
-          links: $props.links,
-          size: $props.size,
-          class: "ml-1",
-          selected: $props.modelValue === $props.totalPages,
-          onInput: _cache[2] || (_cache[2] = (value) => _ctx.$emit('update:modelValue', value))
-        }, null, 8 /* PROPS */, ["value", "links", "size", "selected"]))
-      : createCommentVNode("v-if", true)
-  ]))
-}
-
-export { render };

package/lib/esm/components/pagination/PaginationItem.vue.js

@@ -1,6 +0,0 @@
-import script from './PaginationItem.vue_vue_type_script_lang.js';
-export { default } from './PaginationItem.vue_vue_type_script_lang.js';
-import { render } from './PaginationItem.vue_vue_type_template_id_241a3fbc_lang.js';
-
-script.render = render;
-script.__file = "src/components/pagination/PaginationItem.vue";

package/lib/esm/components/pagination/PaginationItem.vue_vue_type_script_lang.js

@@ -1,22 +0,0 @@
-var script = {
-  props: {
-    value: {
-      type: Number,
-      default: 0,
-    },
-    selected: {
-      type: Boolean,
-      default: false,
-    },
-    size: {
-      type: String,
-      default: null,
-    },
-    links: {
-      type: Boolean,
-      default: false,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/pagination/PaginationItem.vue_vue_type_template_id_241a3fbc_lang.js

@@ -1,23 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_x_button = resolveComponent("x-button");
-
-  return (openBlock(), createElementBlock("li", null, [
-    createVNode(_component_x_button, {
-      to: $props.links ? `?page=${$props.value}` : null,
-      size: $props.size,
-      class: "mx-1 min-w-[32px]",
-      outlined: !$props.selected,
-      color: $props.selected ? 'primary' : 'none',
-      onClick: _cache[0] || (_cache[0] = $event => (!$props.selected ? _ctx.$emit('input', $props.value) : null))
-    }, {
-      default: withCtx(() => [
-        createTextVNode(toDisplayString($props.value), 1 /* TEXT */)
-      ]),
-      _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["to", "size", "outlined", "color"])
-  ]))
-}
-
-export { render };

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

@@ -1,7 +0,0 @@
-import script from './Popover.vue_vue_type_script_lang.js';
-export { default } from './Popover.vue_vue_type_script_lang.js';
-import { render } from './Popover.vue_vue_type_template_id_da70cc8a_lang.js';
-import './Popover.vue_vue_type_style_index_0_id_da70cc8a_lang.css.js';
-
-script.render = render;
-script.__file = "src/components/popover/Popover.vue";

package/lib/esm/components/popover/Popover.vue_vue_type_script_lang.js

@@ -1,70 +0,0 @@
-const validator = {
-  align: [
-    'bottom',
-    'center',
-    'left',
-    'right',
-    'top',
-  ],
-  position: [
-    'bottom',
-    'left',
-    'right',
-    'top',
-  ],
-};
-
-var script = {
-  name: 'XPopover',
-
-  validator,
-
-  props: {
-    align: {
-      type: String,
-      default: 'center',
-      validator: (value) => validator.align.includes(value),
-    },
-
-    hover: {
-      type: Boolean,
-      default: false,
-    },
-
-    dismissible: {
-      type: Boolean,
-      default: true,
-    },
-
-    position: {
-      default: 'bottom',
-      type: String,
-      validator: (value) => validator.position.includes(value),
-    },
-  },
-
-  data() {
-    return {
-      isOpen: false,
-    }
-  },
-
-  methods: {
-    close() {
-      this.isOpen = false;
-      this.$emit('close');
-    },
-
-    open() {
-      this.isOpen = true;
-      this.$emit('open');
-    },
-
-    toggle() {
-      this.isOpen = !this.isOpen;
-      this.$emit('toggle', this.isOpen);
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/popover/Popover.vue_vue_type_style_index_0_id_da70cc8a_lang.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../../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(css_248z);
-
-export { css_248z as default };

package/lib/esm/components/popover/Popover.vue_vue_type_template_id_da70cc8a_lang.js

@@ -1,59 +0,0 @@
-import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, withModifiers, createCommentVNode } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(["inline-block relative xpopover", [
-      { 'hover': $props.hover,
-        'is-open': $data.isOpen,
-      },
-      _ctx.$attrs.class,
-      _ctx.$attrs.staticClass,
-    ]])
-  }, [
-    createElementVNode("div", {
-      class: "flex",
-      onClick: _cache[0] || (_cache[0] = $event => (!$props.hover ? $options.toggle() : null))
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    (!$props.hover)
-      ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["fixed inset-0 opacity-0 z-40", [$data.isOpen ? 'visible' : 'invisible']]),
-          onClick: _cache[1] || (_cache[1] = withModifiers($event => ($options.close()), ["self"]))
-        }, null, 2 /* CLASS */))
-      : createCommentVNode("v-if", true),
-    createElementVNode("div", {
-      class: 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),
-          // align-center
-          'left-1/2 right-auto -translate-x-1/2': $props.align === 'center' && ['bottom', 'top'].includes($props.position),
-          // align-right
-          'right-0 left-auto': $props.align === 'right' && ['bottom', 'top'].includes($props.position),
-          // align-top
-          'top-0 bottom-auto': $props.align === 'top' && ['left', 'right'].includes($props.position),
-          // align-middle
-          '-translate-y-1/2 top-1/2 bottom-auto': $props.align === 'center' && ['left', 'right'].includes($props.position),
-          // align-bottom
-          'bottom-0': $props.align === 'bottom' && ['left', 'right'].includes($props.position),
-
-          // position-top
-          'xpopover-top bottom-full pb-2': $props.position === 'top',
-          // position-right
-          'xpopover-right left-full pl-2': $props.position === 'right',
-          // position-bottom
-          'xpopover-bottom top-full bottom-0': $props.position === 'bottom',
-          // position-left
-          'xpopover-left right-full left-auto pr-2': $props.position === 'left',
-        }
-      ]]),
-      onClick: _cache[2] || (_cache[2] = $event => ($props.dismissible ? $options.close() : null))
-    }, [
-      renderSlot(_ctx.$slots, "content")
-    ], 2 /* CLASS */)
-  ], 2 /* CLASS */))
-}
-
-export { render };

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

@@ -1,6 +0,0 @@
-import script from './PopoverContainer.vue_vue_type_script_lang.js';
-export { default } from './PopoverContainer.vue_vue_type_script_lang.js';
-import { render } from './PopoverContainer.vue_vue_type_template_id_798f1294_lang.js';
-
-script.render = render;
-script.__file = "src/components/popover/PopoverContainer.vue";

package/lib/esm/components/popover/PopoverContainer.vue_vue_type_script_lang.js

@@ -1,19 +0,0 @@
-var script = {
-  name: 'XPopoverContainer',
-
-  props: {
-    tag: {
-      default: 'div',
-      type: String,
-    },
-  },
-
-  created() {
-    if (this.$parent.$options.name !== 'XPopover') {
-      this.$destroy();
-      throw new Error('PopoverContainer must be wrap with Popover')
-    }
-  },
-};
-
-export { script as default };

package/lib/esm/components/popover/PopoverContainer.vue_vue_type_template_id_798f1294_lang.js

@@ -1,12 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(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: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3 /* FORWARDED */
-  }))
-}
-
-export { render };

package/lib/esm/components/popover/PopoverItem.vue.js

@@ -1,6 +0,0 @@
-import script from './PopoverItem.vue_vue_type_script_lang.js';
-export { default } from './PopoverItem.vue_vue_type_script_lang.js';
-import { render } from './PopoverItem.vue_vue_type_template_id_84692424_lang.js';
-
-script.render = render;
-script.__file = "src/components/popover/PopoverItem.vue";

package/lib/esm/components/popover/PopoverItem.vue_vue_type_script_lang.js

@@ -1,32 +0,0 @@
-const validator = {
-  variant: [
-    'base',
-    'error',
-  ],
-};
-
-var script = {
-  name: 'XPopoverItem',
-
-  validator,
-
-  props: {
-    disabled: {
-      default: false,
-      type: Boolean,
-    },
-
-    variant: {
-      default: 'base',
-      type: String,
-      validator: (value) => validator.variant.includes(value),
-    },
-
-    tag: {
-      default: 'div',
-      type: String,
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/popover/PopoverItem.vue_vue_type_template_id_84692424_lang.js

@@ -1,46 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "inline-flex items-center mr-2"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "inline-flex items-center ml-1"
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), {
-    class: 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': $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: withCtx(() => [
-      (_ctx.$slots.prefix)
-        ? (openBlock(), createElementBlock("span", _hoisted_1, [
-            renderSlot(_ctx.$slots, "prefix")
-          ]))
-        : createCommentVNode("v-if", true),
-      createElementVNode("span", {
-        class: normalizeClass({ 'flex-1': _ctx.$slots.prefix || _ctx.$slots.suffix })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2 /* CLASS */),
-      (_ctx.$slots.suffix)
-        ? (openBlock(), createElementBlock("span", _hoisted_2, [
-            renderSlot(_ctx.$slots, "suffix")
-          ]))
-        : createCommentVNode("v-if", true)
-    ]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["class"]))
-}
-
-export { render };

package/lib/esm/components/progress/Progress.vue.js

@@ -1,6 +0,0 @@
-import script from './Progress.vue_vue_type_script_lang.js';
-export { default } from './Progress.vue_vue_type_script_lang.js';
-import { render } from './Progress.vue_vue_type_template_id_9ab7cee2_lang.js';
-
-script.render = render;
-script.__file = "src/components/progress/Progress.vue";

package/lib/esm/components/progress/Progress.vue_vue_type_script_lang.js

@@ -1,60 +0,0 @@
-const validator = {
-  variant: [
-    'bar',
-    'circle',
-    'score',
-  ],
-};
-
-var script = {
-  name: 'XProgress',
-
-  validator,
-
-  props: {
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    percentage: {
-      type: Number,
-      default: 0,
-      validator: (val) => val >= 0 && val <= 100,
-    },
-
-    scoreLength: {
-      type: Number,
-      default: 3,
-    },
-
-    tag: {
-      type: String,
-      default: 'div',
-    },
-
-    variant: {
-      type: String,
-      default: 'bar',
-      validator: (value) => validator.variant.includes(value),
-    },
-  },
-
-  computed: {
-    circleProgress() {
-      const progressLimit = 251;
-
-      return (progressLimit / 100) * this.percentage
-    },
-  },
-
-  methods: {
-    isScoreActive(item) {
-      if (this.percentage > (item - 1) * (100 / this.scoreLength)) return true
-
-      return false
-    },
-  },
-};
-
-export { script as default };

package/lib/esm/components/progress/Progress.vue_vue_type_template_id_9ab7cee2_lang.js

@@ -1,73 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode, Fragment, renderList } from 'vue';
-
-const _hoisted_1 = {
-  key: 0,
-  class: "rounded-lg bg-gray-200 dark:bg-gray-700 overflow-hidden"
-};
-const _hoisted_2 = {
-  key: 1,
-  class: "transform -rotate-90",
-  viewBox: "0 0 100 100"
-};
-const _hoisted_3 = /*#__PURE__*/createElementVNode("circle", {
-  class: "text-gray-200 dark:text-gray-700",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  "stroke-width": "4",
-  fill: "none",
-  cx: "50",
-  cy: "50",
-  r: "40"
-}, null, -1 /* HOISTED */);
-const _hoisted_4 = {
-  key: 2,
-  class: "space-x-1 inline-block"
-};
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createBlock(resolveDynamicComponent($props.tag), { class: "w-full" }, {
-    default: withCtx(() => [
-      ($props.variant === 'bar')
-        ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", {
-              class: normalizeClass(["h-2 rounded-lg transition-all duration-200", [`bg-${$props.color}-500`]]),
-              style: normalizeStyle({
-          width: `${$props.percentage}%`,
-        })
-            }, null, 6 /* CLASS, STYLE */)
-          ]))
-        : createCommentVNode("v-if", true),
-      ($props.variant === 'circle')
-        ? (openBlock(), createElementBlock("svg", _hoisted_2, [
-            _hoisted_3,
-            createElementVNode("circle", {
-              class: normalizeClass(["transition-all duration-200", [`text-${$props.color}-500`]]),
-              style: normalizeStyle({ strokeDasharray: `${$options.circleProgress} 252` }),
-              stroke: "currentColor",
-              "stroke-linejoin": "round",
-              "stroke-linecap": "round",
-              "stroke-width": "4",
-              fill: "none",
-              cx: "50",
-              cy: "50",
-              r: "40"
-            }, null, 6 /* CLASS, STYLE */)
-          ]))
-        : createCommentVNode("v-if", true),
-      ($props.variant === 'score')
-        ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList($props.scoreLength, (index) => {
-              return (openBlock(), createElementBlock("div", {
-                key: index,
-                class: 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 /* CLASS */))
-            }), 128 /* KEYED_FRAGMENT */))
-          ]))
-        : createCommentVNode("v-if", true)
-    ]),
-    _: 1 /* STABLE */
-  }))
-}
-
-export { render };