@indielayer/ui 0.2.2 → 1.0.0-alpha.0

package/lib/cjs/components/icon/Icon.vue_vue_type_template_id_4fe868d3_lang.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["innerHTML"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("svg", {
-    class: vue.normalizeClass(["stroke-2 inline-block", [
-      {
-        'h-3 w-3': _ctx.size === 'xs',
-        'h-4 w-4': _ctx.size === 'sm',
-        'h-5 w-5': !['xs', 'sm', 'xl'].includes(_ctx.size),
-        'h-6 w-6': _ctx.size === 'xl',
-      },
-    ]]),
-    fill: "none",
-    stroke: "currentColor",
-    viewBox: "0 0 24 24",
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, [
-    vue.createElementVNode("g", {
-      innerHTML: $options.icons[$props.icon] ? $options.icons[$props.icon] : $props.icon
-    }, null, 8, _hoisted_1)
-  ], 2))
-}
-
-exports.render = render;

package/lib/cjs/components/image/Image.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Image_vue_vue_type_script_lang = require('./Image.vue_vue_type_script_lang.js');
-var Image_vue_vue_type_template_id_d7718e2c_lang = require('./Image.vue_vue_type_template_id_d7718e2c_lang.js');
-
-Image_vue_vue_type_script_lang.render = Image_vue_vue_type_template_id_d7718e2c_lang.render;
-
-module.exports = Image_vue_vue_type_script_lang;

package/lib/cjs/components/image/Image.vue_vue_type_script_lang.js

@@ -1,28 +0,0 @@
-'use strict';
-
-const fallback = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=';
-
-var script = {
-  props: {
-    src: {
-      type: String,
-      default: '',
-    },
-  },
-
-  data() {
-    return {
-      source: fallback,
-    }
-  },
-
-  mounted() {
-    const img = new Image();
-
-    img.onload = () => { this.source = this.src; };
-    img.onerror = () => { };
-    img.src = this.src;
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/image/Image.vue_vue_type_template_id_d7718e2c_lang.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["src"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("img", { src: $data.source }, null, 8, _hoisted_1))
-}
-
-exports.render = render;

package/lib/cjs/components/index.js

@@ -1,87 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Spacer = require('./spacer/Spacer.vue.js');
-var colors = require('./colors.vue.js');
-var Avatar_vue_vue_type_script_lang = require('./avatar/Avatar.vue_vue_type_script_lang.js');
-var Button_vue_vue_type_script_lang = require('./button/Button.vue_vue_type_script_lang.js');
-var Card_vue_vue_type_script_lang = require('./card/Card.vue_vue_type_script_lang.js');
-var Checkbox_vue_vue_type_script_lang = require('./checkbox/Checkbox.vue_vue_type_script_lang.js');
-var Collapse_vue_vue_type_script_lang = require('./collapse/Collapse.vue_vue_type_script_lang.js');
-var Container_vue_vue_type_script_lang = require('./container/Container.vue_vue_type_script_lang.js');
-var Divider_vue_vue_type_script_lang = require('./divider/Divider.vue_vue_type_script_lang.js');
-var Form_vue_vue_type_script_lang = require('./form/Form.vue_vue_type_script_lang.js');
-var Icon_vue_vue_type_script_lang = require('./icon/Icon.vue_vue_type_script_lang.js');
-var Image_vue_vue_type_script_lang = require('./image/Image.vue_vue_type_script_lang.js');
-var Input_vue_vue_type_script_lang = require('./input/Input.vue_vue_type_script_lang.js');
-var Link_vue_vue_type_script_lang = require('./link/Link.vue_vue_type_script_lang.js');
-var Modal_vue_vue_type_script_lang = require('./modal/Modal.vue_vue_type_script_lang.js');
-var Note_vue_vue_type_script_lang = require('./note/Note.vue_vue_type_script_lang.js');
-var Pagination_vue_vue_type_script_lang = require('./pagination/Pagination.vue_vue_type_script_lang.js');
-var PaginationItem_vue_vue_type_script_lang = require('./pagination/PaginationItem.vue_vue_type_script_lang.js');
-var Popover_vue_vue_type_script_lang = require('./popover/Popover.vue_vue_type_script_lang.js');
-var PopoverContainer_vue_vue_type_script_lang = require('./popover/PopoverContainer.vue_vue_type_script_lang.js');
-var PopoverItem_vue_vue_type_script_lang = require('./popover/PopoverItem.vue_vue_type_script_lang.js');
-var Progress_vue_vue_type_script_lang = require('./progress/Progress.vue_vue_type_script_lang.js');
-var Radio_vue_vue_type_script_lang = require('./radio/Radio.vue_vue_type_script_lang.js');
-var Select_vue_vue_type_script_lang = require('./select/Select.vue_vue_type_script_lang.js');
-var Spinner_vue_vue_type_script_lang = require('./spinner/Spinner.vue_vue_type_script_lang.js');
-var Skeleton_vue_vue_type_script_lang = require('./skeleton/Skeleton.vue_vue_type_script_lang.js');
-var StatusDot_vue_vue_type_script_lang = require('./status/StatusDot.vue_vue_type_script_lang.js');
-var Table_vue_vue_type_script_lang = require('./table/Table.vue_vue_type_script_lang.js');
-var TableBody_vue_vue_type_script_lang = require('./table/TableBody.vue_vue_type_script_lang.js');
-var TableCell_vue_vue_type_script_lang = require('./table/TableCell.vue_vue_type_script_lang.js');
-var TableHead_vue_vue_type_script_lang = require('./table/TableHead.vue_vue_type_script_lang.js');
-var TableHeader_vue_vue_type_script_lang = require('./table/TableHeader.vue_vue_type_script_lang.js');
-var TableRow_vue_vue_type_script_lang = require('./table/TableRow.vue_vue_type_script_lang.js');
-var Tab_vue_vue_type_script_lang = require('./tabs/Tab.vue_vue_type_script_lang.js');
-var Tabs_vue_vue_type_script_lang = require('./tabs/Tabs.vue_vue_type_script_lang.js');
-var Tag_vue_vue_type_script_lang = require('./tag/Tag.vue_vue_type_script_lang.js');
-var Textarea_vue_vue_type_script_lang = require('./textarea/Textarea.vue_vue_type_script_lang.js');
-var Toast_vue_vue_type_script_lang = require('./toast/Toast.vue_vue_type_script_lang.js');
-var Toggle_vue_vue_type_script_lang = require('./toggle/Toggle.vue_vue_type_script_lang.js');
-var Tooltip_vue_vue_type_script_lang = require('./tooltip/Tooltip.vue_vue_type_script_lang.js');
-
-
-
-exports.Spacer = Spacer;
-exports.Colors = colors;
-exports.Avatar = Avatar_vue_vue_type_script_lang;
-exports.Button = Button_vue_vue_type_script_lang;
-exports.Card = Card_vue_vue_type_script_lang;
-exports.Checkbox = Checkbox_vue_vue_type_script_lang;
-exports.Collapse = Collapse_vue_vue_type_script_lang;
-exports.Container = Container_vue_vue_type_script_lang;
-exports.Divider = Divider_vue_vue_type_script_lang;
-exports.Form = Form_vue_vue_type_script_lang;
-exports.Icon = Icon_vue_vue_type_script_lang;
-exports.Image = Image_vue_vue_type_script_lang;
-exports.Input = Input_vue_vue_type_script_lang;
-exports.Link = Link_vue_vue_type_script_lang;
-exports.Modal = Modal_vue_vue_type_script_lang;
-exports.Note = Note_vue_vue_type_script_lang;
-exports.Pagination = Pagination_vue_vue_type_script_lang;
-exports.PaginationItem = PaginationItem_vue_vue_type_script_lang;
-exports.Popover = Popover_vue_vue_type_script_lang;
-exports.PopoverContainer = PopoverContainer_vue_vue_type_script_lang;
-exports.PopoverItem = PopoverItem_vue_vue_type_script_lang;
-exports.Progress = Progress_vue_vue_type_script_lang;
-exports.Radio = Radio_vue_vue_type_script_lang;
-exports.Select = Select_vue_vue_type_script_lang;
-exports.Spinner = Spinner_vue_vue_type_script_lang;
-exports.Skeleton = Skeleton_vue_vue_type_script_lang;
-exports.StatusDot = StatusDot_vue_vue_type_script_lang;
-exports.Table = Table_vue_vue_type_script_lang;
-exports.TableBody = TableBody_vue_vue_type_script_lang;
-exports.TableCell = TableCell_vue_vue_type_script_lang;
-exports.TableHead = TableHead_vue_vue_type_script_lang;
-exports.TableHeader = TableHeader_vue_vue_type_script_lang;
-exports.TableRow = TableRow_vue_vue_type_script_lang;
-exports.Tab = Tab_vue_vue_type_script_lang;
-exports.Tabs = Tabs_vue_vue_type_script_lang;
-exports.Tag = Tag_vue_vue_type_script_lang;
-exports.Textarea = Textarea_vue_vue_type_script_lang;
-exports.Toast = Toast_vue_vue_type_script_lang;
-exports.Toggle = Toggle_vue_vue_type_script_lang;
-exports.Tooltip = Tooltip_vue_vue_type_script_lang;

package/lib/cjs/components/input/Input.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Input_vue_vue_type_script_lang = require('./Input.vue_vue_type_script_lang.js');
-var Input_vue_vue_type_template_id_0a66306d_lang = require('./Input.vue_vue_type_template_id_0a66306d_lang.js');
-
-Input_vue_vue_type_script_lang.render = Input_vue_vue_type_template_id_0a66306d_lang.render;
-
-module.exports = Input_vue_vue_type_script_lang;

package/lib/cjs/components/input/Input.vue_vue_type_script_lang.js

@@ -1,101 +0,0 @@
-'use strict';
-
-var inputtable = require('../../composables/inputtable.js');
-
-var script = {
-  name: 'XInput',
-
-  validator: inputtable.withValidator(),
-
-  props: {
-    ...inputtable.withProps(),
-
-    showPasswordToggle: {
-      type: Boolean,
-      default: true,
-    },
-
-    label: {
-      type: String,
-      default: '',
-    },
-
-    iconRight: {
-      type: Boolean,
-      default: false,
-    },
-
-    dir: {
-      type: String,
-      default: 'ltr',
-    },
-
-    max: {
-      type: Number,
-      default: null,
-    },
-
-    maxlength: {
-      type: Number,
-      default: null,
-    },
-
-    min: {
-      type: Number,
-      default: null,
-    },
-
-    minlength: {
-      type: Number,
-      default: null,
-    },
-
-    placeholder: {
-      type: String,
-      default: null,
-    },
-
-    type: {
-      type: String,
-      default: 'text',
-    },
-
-    inputClass: {
-      type: String,
-      default: '',
-    },
-  },
-
-  emits: inputtable.withEmits(),
-
-  setup(props, { attrs, emit }) {
-    return {
-      ...inputtable.useInputtable(props, { attrs, emit }),
-    }
-  },
-
-  data() {
-    return {
-      currentType: this.type,
-    }
-  },
-
-  methods: {
-    onChange(e) {
-      if (this.type === 'number') {
-        if (this.min !== null) {
-          if (e.target.value < this.min) e.target.value = this.min;
-        }
-
-        if (this.max !== null) {
-          if (e.target.value > this.max) e.target.value = this.max;
-        }
-      }
-    },
-    togglePasswordVisibility() {
-      this.currentType = this.currentType === 'password' ? 'text' : 'password';
-    },
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/input/Input.vue_vue_type_template_id_0a66306d_lang.js

@@ -1,126 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "inline-block mb-1 relative" };
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = { class: "relative" };
-const _hoisted_4 = ["disabled", "max", "maxlength", "min", "dir", "minlength", "name", "placeholder", "readonly", "type", "value"];
-const _hoisted_5 = /*#__PURE__*/vue.createElementVNode("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }, null, -1);
-const _hoisted_6 = /*#__PURE__*/vue.createElementVNode("circle", {
-  cx: "12",
-  cy: "12",
-  r: "3"
-}, null, -1);
-const _hoisted_7 = /*#__PURE__*/vue.createElementVNode("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }, null, -1);
-const _hoisted_8 = /*#__PURE__*/vue.createElementVNode("line", {
-  x1: "1",
-  y1: "1",
-  x2: "23",
-  y2: "23"
-}, null, -1);
-const _hoisted_9 = ["textContent"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("label", _hoisted_1, [
-    ($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': _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_2))
-      : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", _hoisted_3, [
-      (_ctx.$slots.icon)
-        ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 0,
-            class: vue.normalizeClass(["flex items-center w-5 h-5 text-gray-500 absolute my-auto inset-y-0", [{
-          'ml-2 left-0': _ctx.$slots.icon && !$props.iconRight,
-          'mr-2 right-0': _ctx.$slots.icon && $props.iconRight,
-        }]])
-          }, [
-            vue.renderSlot(_ctx.$slots, "icon")
-          ], 2))
-        : vue.createCommentVNode("", true),
-      vue.createElementVNode("input", vue.mergeProps({
-        ref: "focusRef",
-        class: ["appearance-none block w-full text-gray-700 dark:text-gray-200 placeholder-gray-400 dark:placeholder-gray-600 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out border-gray-300 dark:border-gray-700", [
-          _ctx.disabled ? 'bg-gray-200 dark:bg-gray-800 cursor-not-allowed' : 'bg-white dark:bg-gray-900',
-          $props.type === 'password' ? 'pr-9' : (_ctx.flat ? '' : 'pr-4'),
-          _ctx.flat ? 'p-0 bg-transparent' : {
-            // shadow
-            'border shadow': true,
-
-            // size
-            'py-1': _ctx.size === 'auto',
-            'px-2 py-1 text-xs': _ctx.size === 'xs',
-            'px-2 py-1 text-sm': _ctx.size === 'sm',
-            'px-3 py-2': !['auto', 'xs', 'sm', 'lg', 'xl'].includes(_ctx.size),
-            'px-4 py-3 text-lg': _ctx.size === 'lg',
-            'px-6 py-6 text-xl': _ctx.size === 'xl',
-          },
-          {
-            '!pl-9': _ctx.$slots.icon && !$props.iconRight,
-            '!pr-9': _ctx.$slots.icon && $props.iconRight,
-            // error
-            'border-error-500 focus:border-error-500 dark:focus:border-error-500': _ctx.errorInternal,
-          },
-          $props.inputClass,
-        ]],
-        disabled: _ctx.disabled,
-        max: $props.max,
-        maxlength: $props.maxlength,
-        min: $props.min,
-        dir: $props.dir,
-        minlength: $props.minlength,
-        name: _ctx.name,
-        placeholder: $props.placeholder,
-        readonly: _ctx.readonly,
-        type: $data.currentType,
-        value: _ctx.modelValue
-      }, vue.toHandlers(_ctx.inputListeners), {
-        onChange: _cache[0] || (_cache[0] = (...args) => ($options.onChange && $options.onChange(...args)))
-      }), null, 16, _hoisted_4),
-      ($props.type === 'password' && $props.showPasswordToggle)
-        ? (vue.openBlock(), vue.createElementBlock("svg", {
-            key: 1,
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            "stroke-linejoin": "round",
-            "stroke-linecap": "round",
-            fill: "none",
-            class: "text-gray-700 dark:text-gray-300 stroke-2 w-4 h-4 absolute my-auto mr-2 inset-y-0 right-1 cursor-pointer",
-            onClick: _cache[1] || (_cache[1] = $event => ($options.togglePasswordVisibility()))
-          }, [
-            ($data.currentType === 'password')
-              ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  _hoisted_5,
-                  _hoisted_6
-                ], 64))
-              : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                  _hoisted_7,
-                  _hoisted_8
-                ], 64))
-          ]))
-        : 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_9))
-      : vue.createCommentVNode("", true)
-  ]))
-}
-
-exports.render = render;

package/lib/cjs/components/link/Link.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Link_vue_vue_type_script_lang = require('./Link.vue_vue_type_script_lang.js');
-var Link_vue_vue_type_template_id_291038eb_lang = require('./Link.vue_vue_type_template_id_291038eb_lang.js');
-
-Link_vue_vue_type_script_lang.render = Link_vue_vue_type_template_id_291038eb_lang.render;
-
-module.exports = Link_vue_vue_type_script_lang;

package/lib/cjs/components/link/Link.vue_vue_type_script_lang.js

@@ -1,47 +0,0 @@
-'use strict';
-
-const validator = {
-  color: [
-    'error',
-    'gray',
-    'primary',
-    'success',
-    'warning',
-  ],
-};
-
-var script = {
-  name: 'XLink',
-
-  validator,
-
-  props: {
-    color: {
-      default: 'gray',
-      type: String,
-      validator: (value) => validator.color.includes(value),
-    },
-
-    external: {
-      default: false,
-      type: Boolean,
-    },
-
-    tag: {
-      default: 'a',
-      type: String,
-    },
-
-    to: {
-      type: String,
-      default: undefined,
-    },
-
-    underline: {
-      default: false,
-      type: Boolean,
-    },
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/link/Link.vue_vue_type_template_id_291038eb_lang.js

@@ -1,59 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = {
-  key: 0,
-  class: "inline-flex items-center"
-};
-const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("svg", {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation",
-  class: "stroke-2 w-4 h-4 ml"
-}, [
-  /*#__PURE__*/vue.createElementVNode("line", {
-    x1: "7",
-    y1: "17",
-    x2: "17",
-    y2: "7"
-  }),
-  /*#__PURE__*/vue.createElementVNode("polyline", { points: "7 7 17 7 17 17" })
-], -1);
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.to ? 'router-link' : $props.tag), {
-    to: $props.to,
-    class: vue.normalizeClass(["transition-colors duration-150 ease-in-out cursor-pointer", [
-      {
-        // color
-        'hover:text-gray-600 dark:hover:text-gray-300': $props.color === 'gray',
-        'text-primary-500 hover:text-primary-600': $props.color === 'primary',
-        'text-error-500 hover:text-error-600': $props.color === 'error',
-        'text-warning-500 hover:text-warning-600': $props.color === 'warning',
-        'text-success-500 hover:text-success-600': $props.color === 'success',
-        // underline
-        'underline': $props.underline
-      },
-    ]])
-  }, {
-    default: vue.withCtx(() => [
-      ($props.external)
-        ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-            vue.renderSlot(_ctx.$slots, "default"),
-            _hoisted_2
-          ]))
-        : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-    ]),
-    _: 3
-  }, 8, ["to", "class"]))
-}
-
-exports.render = render;

package/lib/cjs/components/modal/Modal.vue.js

@@ -1,8 +0,0 @@
-'use strict';
-
-var Modal_vue_vue_type_script_lang = require('./Modal.vue_vue_type_script_lang.js');
-var Modal_vue_vue_type_template_id_1597a9fe_lang = require('./Modal.vue_vue_type_template_id_1597a9fe_lang.js');
-
-Modal_vue_vue_type_script_lang.render = Modal_vue_vue_type_template_id_1597a9fe_lang.render;
-
-module.exports = Modal_vue_vue_type_script_lang;

package/lib/cjs/components/modal/Modal.vue_vue_type_script_lang.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var script = {
-  name: 'XModal',
-
-  props: {
-    size: {
-      type: String,
-      default: null,
-    },
-    showClose: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  data() {
-    return {
-      isOpen: false,
-    }
-  },
-
-  beforeMount() {
-    document.addEventListener('keydown', this.onKeydown);
-  },
-
-  beforeUnmount() {
-    document.removeEventListener('keydown', this.onKeydown);
-  },
-
-  methods: {
-    close() {
-      this.isOpen = false;
-      this.$emit('close');
-    },
-
-    onKeydown(event) {
-      if (event.keyCode === 27 && this.isOpen) {
-        this.close();
-      }
-    },
-
-    open() {
-      this.isOpen = true;
-      this.$emit('open');
-    },
-
-    toggle() {
-      this.isOpen = !this.isOpen;
-      this.$emit('toggle', this.isOpen);
-    },
-  },
-};
-
-module.exports = script;

package/lib/cjs/components/modal/Modal.vue_vue_type_template_id_1597a9fe_lang.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "flex items-end sm:items-center justify-center min-h-full p-4 sm:p-6" };
-const _hoisted_2 = /*#__PURE__*/vue.createElementVNode("svg", {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  "stroke-linejoin": "round",
-  "stroke-linecap": "round",
-  fill: "none",
-  role: "presentation",
-  class: "stroke-2 w-4 h-4"
-}, [
-  /*#__PURE__*/vue.createElementVNode("line", {
-    x1: "18",
-    y1: "6",
-    x2: "6",
-    y2: "18"
-  }),
-  /*#__PURE__*/vue.createElementVNode("line", {
-    x1: "6",
-    y1: "6",
-    x2: "18",
-    y2: "18"
-  })
-], -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["fixed z-40 inset-0 overflow-y-auto transition-all", [
-      $data.isOpen ? 'visible' : 'invisible ease-in duration-100'
-    ]])
-  }, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(["fixed inset-0 bg-gray-500 dark:bg-gray-600 transition-opacity", [
-        $data.isOpen ? 'ease-out duration-200 opacity-75' : 'ease-in duration-100 opacity-0',
-      ]]),
-      onClick: _cache[0] || (_cache[0] = vue.withModifiers($event => ($options.close()), ["self"]))
-    }, null, 2),
-    vue.createElementVNode("div", _hoisted_1, [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(["relative inline-block bg-white dark:bg-gray-900 rounded-lg shadow-xl transform transition-all", [
-          {
-            'w-full': $props.size === 'auto',
-            'sm:max-w-xs w-full': $props.size === 'xs',
-            'sm:max-w-sm w-full': $props.size === 'sm',
-            'sm:max-w-lg w-full': !['auto', 'full', 'xs', 'sm', 'lg', 'xl'].includes($props.size),
-            'sm:max-w-xl w-full': $props.size === 'lg',
-            'sm:max-w-3xl w-full': $props.size === 'xl',
-            'w-full': $props.size === 'full',
-          },
-          $data.isOpen ?
-            'ease-out duration-200 opacity-100 translate-y-0 sm:scale-100'
-            : 'ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95',
-        ]]),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": "modal-headline"
-      }, [
-        vue.renderSlot(_ctx.$slots, "default"),
-        ($props.showClose)
-          ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: "absolute rounded-md bg-white -top-4 -right-2 w-8 h-8 shadow-md flex items-center justify-center cursor-pointer",
-              onClick: _cache[1] || (_cache[1] = $event => ($options.close()))
-            }, _hoisted_3))
-          : vue.createCommentVNode("", true)
-      ], 2)
-    ])
-  ], 2))
-}
-
-exports.render = render;