@indielayer/ui 0.2.2 → 1.0.0-alpha.0

package/lib/esm/composables/inputtable.js

@@ -1,155 +0,0 @@
-import { ref, watch, inject, computed, onMounted, onUnmounted } from 'vue';
-import { withProps as withProps$1, useInteractive, withValidator as withValidator$1 } from './interactive.js';
-
-const validator = {
-  ...withValidator$1(),
-};
-
-const withProps = () => ({
-  ...withProps$1(),
-  name: {
-    type: String,
-    default: null,
-  },
-  modelValue: {
-    type: [String, Number, Boolean, Function, Object, Array],
-    default: null,
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-  },
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  validateOnInput: {
-    type: Boolean,
-    default: true,
-  },
-  error: {
-    type: String,
-    default: '',
-  },
-  rules: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const withValidator = () => validator;
-
-const withEmits = (useListeners = true) => {
-  const emits = ['update:modelValue'];
-
-  if (!useListeners) return emits
-
-  return emits.concat(['blur', 'focus', 'input', 'change'])
-};
-
-const useInputtable = (props, { attrs, emit, useListeners = true } = {}) => {
-  const interactive = useInteractive();
-
-  const isFirstValidation = ref(true);
-  const errorInternal = ref(props.error);
-
-  const name = props.name ? props.name : (Math.random() + 1).toString(36).substring(7);
-  const nameInternal = ref(name);
-
-  watch(() => props.error, (val) => { errorInternal.value = val; });
-  watch(() => props.name, (val) => { if (val) nameInternal.value = val; });
-
-  const form = inject('form', {
-    registerInput: () => {},
-    unregisterInput: () => {},
-  });
-
-  const reset = () => {
-    errorInternal.value = '';
-    isFirstValidation.value = true;
-    emit('update:modelValue', '');
-  };
-
-  const setError = (val) => {
-    errorInternal.value = val;
-  };
-
-  const validate = (val) => {
-    val = val || props.modelValue;
-
-    isFirstValidation.value = false;
-
-    for (let i = 0; i < props.rules.length; i++) {
-      const item = props.rules[i];
-
-      let isValid = true;
-
-      // Direct Function
-      if (typeof item === 'function') {
-        const rule = item;
-
-        isValid = rule(val);
-      } else if (Array.isArray(item) && item.length === 2) {
-        // Rule array [function, options]
-        const { 0: rule, 1: options } = item;
-
-        isValid = rule(val, options);
-      } else {
-        // Rule object { fn, options }
-        const rule = item.fn;
-        const { options } = item;
-
-        isValid = rule(val, options);
-      }
-
-      if (isValid !== true) {
-        errorInternal.value = isValid;
-
-        return false
-      }
-    }
-
-    errorInternal.value = '';
-
-    return true
-  };
-
-  const inputListeners = useListeners ? computed(() => {
-    return {
-      attrs,
-      blur: (event) => emit('blur', event),
-      focus: (event) => emit('focus', event),
-      input: (event) => {
-        if (props.validateOnInput && !isFirstValidation.value) validate(event.target.value);
-        emit('update:modelValue', event.target.value);
-      },
-      change: (event) => emit('change', event),
-    }
-  }) : ref({});
-
-  onMounted(() => {
-    form.registerInput(nameInternal.value, { focus: interactive.focus, validate, setError });
-  });
-
-  onUnmounted(() => {
-    form.unregisterInput(nameInternal.value);
-  });
-
-  return {
-    ...interactive,
-
-    // data
-    isFirstValidation,
-    errorInternal,
-
-    // computed
-    inputListeners,
-
-    // methods
-    reset,
-    validate,
-    setError,
-  }
-};
-
-export { useInputtable, withEmits, withProps, withValidator };

package/lib/esm/composables/interactive.js

@@ -1,35 +0,0 @@
-import { ref } from 'vue';
-import { withProps as withProps$1, withValidator as withValidator$1 } from './common.js';
-
-const validator = {
-  ...withValidator$1(),
-};
-
-const withProps = () => ({
-  ...withProps$1(),
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  loading: {
-    type: Boolean,
-    default: false,
-  },
-});
-
-const withValidator = () => validator;
-
-const useInteractive = () => {
-  const focusRef = ref(null);
-
-  const focus = () => {
-    if (focusRef.value) focusRef.value.focus();
-  };
-
-  return {
-    focusRef,
-    focus,
-  }
-};
-
-export { useInteractive, withProps, withValidator };

package/lib/esm/index.js

@@ -1,85 +0,0 @@
-import * as index from './components/index.js';
-import './components/avatar/Avatar.vue.js';
-export { default as Avatar } from './components/avatar/Avatar.vue_vue_type_script_lang.js';
-import './components/button/Button.vue.js';
-export { default as Button } from './components/button/Button.vue_vue_type_script_lang.js';
-import './components/card/Card.vue.js';
-export { default as Card } from './components/card/Card.vue_vue_type_script_lang.js';
-import './components/checkbox/Checkbox.vue.js';
-export { default as Checkbox } from './components/checkbox/Checkbox.vue_vue_type_script_lang.js';
-import './components/collapse/Collapse.vue.js';
-export { default as Collapse } from './components/collapse/Collapse.vue_vue_type_script_lang.js';
-import './components/container/Container.vue.js';
-export { default as Container } from './components/container/Container.vue_vue_type_script_lang.js';
-import './components/divider/Divider.vue.js';
-export { default as Divider } from './components/divider/Divider.vue_vue_type_script_lang.js';
-import './components/form/Form.vue.js';
-export { default as Form } from './components/form/Form.vue_vue_type_script_lang.js';
-import './components/image/Image.vue.js';
-export { default as Image } from './components/image/Image.vue_vue_type_script_lang.js';
-import './components/input/Input.vue.js';
-export { default as Input } from './components/input/Input.vue_vue_type_script_lang.js';
-import './components/link/Link.vue.js';
-export { default as Link } from './components/link/Link.vue_vue_type_script_lang.js';
-import './components/modal/Modal.vue.js';
-export { default as Modal } from './components/modal/Modal.vue_vue_type_script_lang.js';
-import './components/note/Note.vue.js';
-export { default as Note } from './components/note/Note.vue_vue_type_script_lang.js';
-import './components/pagination/Pagination.vue.js';
-export { default as Pagination } from './components/pagination/Pagination.vue_vue_type_script_lang.js';
-import './components/popover/Popover.vue.js';
-export { default as Popover } from './components/popover/Popover.vue_vue_type_script_lang.js';
-import './components/popover/PopoverContainer.vue.js';
-export { default as PopoverContainer } from './components/popover/PopoverContainer.vue_vue_type_script_lang.js';
-import './components/popover/PopoverItem.vue.js';
-export { default as PopoverItem } from './components/popover/PopoverItem.vue_vue_type_script_lang.js';
-import './components/progress/Progress.vue.js';
-export { default as Progress } from './components/progress/Progress.vue_vue_type_script_lang.js';
-import './components/radio/Radio.vue.js';
-export { default as Radio } from './components/radio/Radio.vue_vue_type_script_lang.js';
-import './components/select/Select.vue.js';
-export { default as Select } from './components/select/Select.vue_vue_type_script_lang.js';
-import './components/skeleton/Skeleton.vue.js';
-export { default as Skeleton } from './components/skeleton/Skeleton.vue_vue_type_script_lang.js';
-import './components/status/StatusDot.vue.js';
-export { default as StatusDot } from './components/status/StatusDot.vue_vue_type_script_lang.js';
-import './components/table/Table.vue.js';
-export { default as Table } from './components/table/Table.vue_vue_type_script_lang.js';
-import './components/tabs/Tab.vue.js';
-export { default as Tab } from './components/tabs/Tab.vue_vue_type_script_lang.js';
-import './components/tabs/Tabs.vue.js';
-export { default as Tabs } from './components/tabs/Tabs.vue_vue_type_script_lang.js';
-import './components/tag/Tag.vue.js';
-export { default as Tag } from './components/tag/Tag.vue_vue_type_script_lang.js';
-import './components/textarea/Textarea.vue.js';
-export { default as Textarea } from './components/textarea/Textarea.vue_vue_type_script_lang.js';
-import './components/toast/Toast.vue.js';
-export { default as Toast } from './components/toast/Toast.vue_vue_type_script_lang.js';
-import './components/toggle/Toggle.vue.js';
-export { default as Toggle } from './components/toggle/Toggle.vue_vue_type_script_lang.js';
-import './components/tooltip/Tooltip.vue.js';
-export { default as Tooltip } from './components/tooltip/Tooltip.vue_vue_type_script_lang.js';
-export { default as Icon } from './components/icon/Icon.vue_vue_type_script_lang.js';
-export { default as PaginationItem } from './components/pagination/PaginationItem.vue_vue_type_script_lang.js';
-export { default as Spacer } from './components/spacer/Spacer.vue.js';
-export { default as Spinner } from './components/spinner/Spinner.vue_vue_type_script_lang.js';
-export { default as TableBody } from './components/table/TableBody.vue_vue_type_script_lang.js';
-export { default as TableCell } from './components/table/TableCell.vue_vue_type_script_lang.js';
-export { default as TableHead } from './components/table/TableHead.vue_vue_type_script_lang.js';
-export { default as TableHeader } from './components/table/TableHeader.vue_vue_type_script_lang.js';
-export { default as TableRow } from './components/table/TableRow.vue_vue_type_script_lang.js';
-export { default as Colors } from './components/colors.vue.js';
-
-const install = (Vue, config = {}) => {
-  Object.entries(index).forEach(([name, component]) => {
-    const prefix = config.prefix ? config.prefix : 'X';
-
-    Vue.component(`${prefix}${name}`, component);
-  });
-};
-
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue);
-}
-
-export { install as default };

package/lib/esm/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };

package/lib/umd/index.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).IndieUI={},e.Vue)}(this,(function(e,t){"use strict";var r={name:"XAvatar",validator:{variant:["rounded","squared"]},props:{alt:{type:String,default:null},color:{type:String,default:"primary"},name:{type:String,default:null},size:{type:String,default:null},outlined:{type:Boolean,default:!1},src:{type:String,default:null},tag:{type:String,default:"span"},squared:{type:Boolean,default:!1}},data:()=>({source:null}),computed:{initials(){if(this.name){const e=this.name.match(/\b\w/g)||[];return((e.shift()||"")+(e.pop()||"")).toUpperCase()}return""}},mounted(){if(this.src){const e=new Image;e.onload=()=>{this.source=this.src},e.onerror=()=>{},e.src=this.src}}};const o={key:0,class:"leading-none"},l=["alt","src"];r.render=function(e,r,a,n,s,i){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.tag),{class:t.normalizeClass(["inline-flex items-center justify-center overflow-hidden",[{[`bg-${a.color}-500 text-${a.color}-50`]:!s.source&&!a.outlined},{"border border-gray-400 dark:border-gray-500":!s.source&&a.outlined,"h-6 w-6 text-xs":"xs"===a.size,"h-7 w-7 text-sm":"sm"===a.size,"h-10 w-10":!["xs","sm","lg","xl"].includes(a.size),"h-12 w-12 text-lg":"lg"===a.size,"h-20 w-20 text-2xl":"xl"===a.size,"h-36 w-36 text-2xl":"2xl"===a.size},a.squared?"rounded-md":"rounded-full"]])},{default:t.withCtx((()=>[!s.source&&a.name?(t.openBlock(),t.createElementBlock("span",o,t.toDisplayString(i.initials),1)):t.createCommentVNode("",!0),s.source?(t.openBlock(),t.createElementBlock("img",{key:1,alt:a.alt,src:a.src,class:"h-full w-full"},null,8,l)):t.createCommentVNode("",!0)])),_:1},8,["class"])};const a={size:["auto","xs","sm","md","lg","xl"]},n=()=>({size:{type:String,default:null,validator:e=>a.size.includes(e)},color:{type:String,default:"primary"},flat:{type:Boolean,default:!1}}),s=()=>a,i={...s()},d=()=>({...n(),disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}}),c=()=>i,u=()=>{const e=t.ref(null);return{focusRef:e,focus:()=>{e.value&&e.value.focus()}}};var p={name:"XSpinner",props:{size:{type:String,default:null}}};const m=[t.createStaticVNode('<g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="0.5s" repeatCount="indefinite"></animateTransform></path></g></g>',1)];p.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("svg",{class:t.normalizeClass([{"h-3 w-3":"xs"===o.size,"h-4 w-4":"sm"===o.size,"h-5 w-5":!["xs","sm","xl"].includes(o.size),"h-6 w-6":"xl"===o.size}]),viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",style:{stroke:"currentColor"}},m,2)};var g={name:"XIcon",validator:s(),props:{...n(),icon:{type:String,required:!0}},computed:{icons(){return this.$icons?this.$icons:{}}}};const b=["innerHTML"];g.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("svg",{class:t.normalizeClass(["stroke-2 inline-block",[{"h-3 w-3":"xs"===e.size,"h-4 w-4":"sm"===e.size,"h-5 w-5":!["xs","sm","xl"].includes(e.size),"h-6 w-6":"xl"===e.size}]]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("g",{innerHTML:n.icons[o.icon]?n.icons[o.icon]:o.icon},null,8,b)],2)};const y={group:[!1,!0,"","first","last"]};var x={name:"XButton",components:{XSpinner:p,XIcon:g},validator:{...c(),...y},props:{...d(),group:{default:!1,type:[String,Boolean],validator:e=>y.group.includes(e)},icon:{type:String,default:null},iconRight:{type:Boolean,default:!1},to:{type:String,default:void 0},tag:{type:String,default:"button"},type:{type:String,default:"button"},outlined:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},glow:{type:Boolean,default:!1}},setup:()=>({...u()})};x.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-spinner"),i=t.resolveComponent("x-icon");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.to?"router-link":o.tag),{ref:"focusRef",to:o.to,class:t.normalizeClass(["relative leading-tight transition-colors duration-150 cursor-pointer focus:outline-none inline-block items-center justify-center font-medium",[{shadow:!e.flat&&!o.glow,[`shadow-lg shadow-${e.color}-500/50`]:!e.flat&&o.glow},e.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":{[`border border-${e.color}-500 text-${e.color}-500`]:o.outlined,[`border border-transparent text-${e.color}-50 bg-${e.color}-500`]:!o.outlined,"hover:bg-dark-image active:bg-darker-image active:shadow-none":!e.loading&&!o.outlined,"hover:bg-gray-100 active:bg-gray-200 dark:hover:bg-gray-700 dark:hover:active:bg-gray-600":!e.loading&&o.outlined},e.$slots.default?{"py-1":"auto"===e.size,"px-2 py-1 text-xs":"xs"===e.size,"px-2 py-1 text-sm":"sm"===e.size,"px-4 py-2":!["auto","xs","sm","lg","xl"].includes(e.size),"px-6 py-3 text-lg":"lg"===e.size,"px-10 py-6 text-xl":"xl"===e.size}:"px-3 py-2",{"inline-flex items-center":o.icon,"rounded-button":!1===o.group,"rounded-l-button":"first"===o.group,"rounded-r-button":"last"===o.group,"!rounded-full":o.rounded,"cursor-default":e.loading,"flex items-center justify-center":e.loading,"flex-row-reverse":o.icon&&o.iconRight}]]),"aria-busy":e.loading?"true":null,"aria-disabled":"button"!==o.tag&&e.disabled?"true":null,disabled:e.disabled||e.loading,type:"button"===o.tag?o.type:null},{default:t.withCtx((()=>[e.loading?(t.openBlock(),t.createBlock(s,{key:0,size:e.size,class:"absolute"},null,8,["size"])):t.createCommentVNode("",!0),o.icon?(t.openBlock(),t.createElementBlock("span",{key:1,class:t.normalizeClass(["flex",[{"mr-2":e.$slots.default&&!o.iconRight,"ml-2":e.$slots.default&&o.iconRight,invisible:e.loading}]])},[t.createVNode(i,{size:e.size,icon:o.icon},null,8,["size","icon"])],2)):t.createCommentVNode("",!0),t.createElementVNode("span",{class:t.normalizeClass({invisible:e.loading})},[t.renderSlot(e.$slots,"default")],2)])),_:3},8,["to","class","aria-busy","aria-disabled","disabled","type"])};var f={name:"XCard",props:{flat:{type:Boolean,default:!1},tag:{type:String,default:"div"}}};f.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:t.normalizeClass(["rounded bg-white dark:bg-gray-800",[{shadow:!o.flat}]])},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3},8,["class"])};const h={...c()},k=()=>({...d(),name:{type:String,default:null},modelValue:{type:[String,Number,Boolean,Function,Object,Array],default:null},readonly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},validateOnInput:{type:Boolean,default:!0},error:{type:String,default:""},rules:{type:Array,default:()=>[]}}),v=()=>h,w=(e=!0)=>{const t=["update:modelValue"];return e?t.concat(["blur","focus","input","change"]):t},B=(e,{attrs:r,emit:o,useListeners:l=!0}={})=>{const a=u(),n=t.ref(!0),s=t.ref(e.error),i=e.name?e.name:(Math.random()+1).toString(36).substring(7),d=t.ref(i);t.watch((()=>e.error),(e=>{s.value=e})),t.watch((()=>e.name),(e=>{e&&(d.value=e)}));const c=t.inject("form",{registerInput:()=>{},unregisterInput:()=>{}}),p=e=>{s.value=e},m=t=>{t=t||e.modelValue,n.value=!1;for(let r=0;r<e.rules.length;r++){const o=e.rules[r];let l=!0;if("function"==typeof o){l=o(t)}else if(Array.isArray(o)&&2===o.length){const{0:e,1:r}=o;l=e(t,r)}else{const e=o.fn,{options:r}=o;l=e(t,r)}if(!0!==l)return s.value=l,!1}return s.value="",!0},g=l?t.computed((()=>({attrs:r,blur:e=>o("blur",e),focus:e=>o("focus",e),input:t=>{e.validateOnInput&&!n.value&&m(t.target.value),o("update:modelValue",t.target.value)},change:e=>o("change",e)}))):t.ref({});return t.onMounted((()=>{c.registerInput(d.value,{focus:a.focus,validate:m,setError:p})})),t.onUnmounted((()=>{c.unregisterInput(d.value)})),{...a,isFirstValidation:n,errorInternal:s,inputListeners:g,reset:()=>{s.value="",n.value=!0,o("update:modelValue","")},validate:m,setError:p}};var C={name:"XCheckbox",components:{XSpinner:p},validator:{...v()},props:{...k(),label:{type:String,default:null},glow:{type:Boolean,default:!1}},emits:w(!1),setup:(e,{attrs:t,emit:r})=>({...B(e,{attrs:t,emit:r,useListeners:!1})}),computed:{checked:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}}},methods:{toggle(){this.$emit("update:modelValue",!this.modelValue)}}};const z={class:"inline-block mb-1 relative cursor-pointer pb-2"},V=["aria-checked","aria-disabled","disabled","name","required","value"],E=[t.createElementVNode("path",{d:"M0 11l2-2 5 5L18 3l2 2L7 18z"},null,-1)],S=["textContent"],N=["textContent"];C.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-spinner");return t.openBlock(),t.createElementBlock("label",z,[t.createElementVNode("div",{ref:"focusRef",class:t.normalizeClass(["flex items-center",{"cursor-not-allowed":e.disabled}]),tabindex:0,onKeypress:r[1]||(r[1]=t.withKeys(t.withModifiers(((...e)=>n.toggle&&n.toggle(...e)),["prevent","stop"]),["enter","space"]))},[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=e=>n.checked=e),"aria-checked":n.checked?"true":"false","aria-disabled":e.disabled?"true":null,type:"checkbox",class:"invisible absolute",disabled:e.disabled||e.loading,name:e.name,required:e.required,value:e.modelValue},null,8,V),[[t.vModelCheckbox,n.checked]]),t.createElementVNode("div",{class:t.normalizeClass(["rounded flex justify-center items-center flex-shrink-0",[{shadow:!e.flat&&!e.loading,[`shadow-lg shadow-${e.color}-500/50`]:!e.flat&&o.glow&&e.modelValue,"h-4 w-4":"sm"===e.size||"xs"===e.size,"h-5 w-5":!["xs","sm","xl"].includes(e.size),"h-6 w-6":"xl"===e.size},e.disabled?{"bg-gray-500 border-gray-600 dark:border-gray-400":e.modelValue,"bg-gray-200 border-gray-300 dark:border-gray-700":!e.modelValue}:{[`bg-${e.color}-500 border-${e.color}-500`]:e.modelValue&&!e.loading,"border bg-white dark:bg-gray-900 border-gray-300 hover:border-gray-900 dark:border-gray-700":!e.modelValue&&!e.loading}]])},[e.loading?(t.openBlock(),t.createBlock(s,{key:0,size:e.size,class:"absolute"},null,8,["size"])):(t.openBlock(),t.createElementBlock("svg",{key:1,class:t.normalizeClass(["fill-current text-gray-100",{"opacity-0":!e.modelValue,"h-2 w-2":"sm"===e.size||"xs"===e.size,"h-3 w-3":!["xs","sm","xl"].includes(e.size),"h-4 w-4":"xl"===e.size}]),viewBox:"0 0 20 20"},E,2))],2),t.createElementVNode("div",{class:t.normalizeClass(["inline-block font-medium text-gray-800 dark:text-gray-200 pl-2",{"text-xs":"xs"===e.size,"text-sm":"sm"===e.size,"text-lg":"lg"===e.size,"text-xl":"xl"===e.size}])},[o.label?(t.openBlock(),t.createElementBlock("span",{key:0,textContent:t.toDisplayString(o.label)},null,8,S)):t.renderSlot(e.$slots,"default",{key:1})],2)],34),e.errorInternal?(t.openBlock(),t.createElementBlock("p",{key:0,class:"text-sm text-error-500 mt-1",textContent:t.toDisplayString(e.errorInternal)},null,8,N)):t.createCommentVNode("",!0)])};var $={name:"XCollapse",props:{disabled:{default:!1,type:Boolean},expanded:{default:!1,type:Boolean},iconLeft:{default:!1,type:Boolean},tag:{default:"div",type:String}},data(){return{collapsed:!this.expanded,maxHeight:this.expanded?"auto":0}},beforeMount(){window.addEventListener("resize",this.resizeContent)},beforeUnmount(){window.removeEventListener("resize",this.resizeContent)},mounted(){this.resizeContent()},methods:{toggleExpand(){this.disabled||(this.collapsed=!this.collapsed,this.$emit("toggle",this.collapsed),this.resizeContent())},resizeContent(){this.collapsed?this.maxHeight=0:this.maxHeight=this.$refs.content.offsetHeight}}};const T={class:"flex-1"},A={class:"absolute top-1/2 transform -translate-y-1/2 right-2"},D=[t.createElementVNode("polyline",{points:"6 9 12 15 18 9"},null,-1)],I={ref:"content"};$.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{"aria-disabled":o.disabled,"aria-expanded":a.collapsed?"false":"true"},{default:t.withCtx((()=>[t.createElementVNode("div",{class:t.normalizeClass(["flex items-center relative",{"cursor-pointer":!o.disabled,"flex-row-reverse":o.iconLeft}]),onClick:r[0]||(r[0]=e=>n.toggleExpand())},[t.createElementVNode("div",T,[t.renderSlot(e.$slots,"default",{collapsed:a.collapsed})]),t.createElementVNode("div",A,[(t.openBlock(),t.createElementBlock("svg",{width:"24",height:"24",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linejoin":"round","stroke-linecap":"round",fill:"none",role:"presentation",class:t.normalizeClass(["stroke-2 w-5 h-5 transform transition-transform duration-200",[o.iconLeft?"mr-2":"ml-2",{"rotate-180":!a.collapsed}]])},D,2))])],2),e.$slots.summary?t.renderSlot(e.$slots,"summary",{key:0}):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"overflow-y-hidden transition-all duration-300 ease-in-out",style:t.normalizeStyle({maxHeight:a.maxHeight+"px"})},[t.createElementVNode("div",I,[t.renderSlot(e.$slots,"content")],512)],4)])),_:3},8,["aria-disabled","aria-expanded"])};var P={name:"XContainer",props:{tag:{type:String,default:"div"}}};P.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:"container mx-auto px-4"},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3})};var L={name:"XDivider",props:{label:{type:String,default:""},vertical:{type:Boolean,default:!1}}};const X=["textContent"];L.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([[{"h-full flex-col":o.vertical,"w-full":!o.vertical}],"flex justify-center items-center"])},[t.createElementVNode("div",{class:"bg-gray-200 dark:bg-gray-600 flex-grow",style:t.normalizeStyle([{width:o.vertical?"1px":"auto",height:o.vertical?"auto":"1px"}])},null,4),o.label?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["font-medium text-sm text-gray-600 dark:text-gray-300",[{"my-2":o.vertical,"mx-4":!o.vertical}]]),textContent:t.toDisplayString(o.label)},null,10,X)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"bg-gray-200 dark:bg-gray-600 flex-grow",style:t.normalizeStyle([{width:o.vertical?"1px":"auto",height:o.vertical?"auto":"1px"}])},null,4)],2)};var j={name:"XForm",inheritAttrs:!1,props:{autoValidate:{type:Boolean,default:!0},autoFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},errors:{type:Array,default:()=>[]}},setup(e,{emit:r}){const o=[];t.provide("form",{registerInput:(e,{focus:t,validate:r,setError:l})=>{const a=o.find((t=>t.name===e));a?(a.focus=t,a.validate=r,a.setError=l):o.push({name:e,focus:t,validate:r,setError:l})},unregisterInput:e=>{const t=o.findIndex((t=>t.name===e));o.splice(t,1)}}),t.onMounted((()=>{e.autoFocus&&o&&o.length>0&&o[0].focus()})),t.watch((()=>e.errors),(e=>{t.nextTick((()=>{e.forEach((e=>{const t=o.find((t=>t.name===e.field));t&&t.setError(e.msg)}))}))}));const l=()=>{let e=!0;return o.forEach((t=>{!t.validate()&&e&&(e=!1,t.focus&&t.focus())})),e};return{validate:l,submit:t=>{t.preventDefault(),t.stopPropagation();const o=!e.autoValidate||l();r("submit",o)}}}};const M=["disabled"];j.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("form",{onSubmit:r[0]||(r[0]=(...e)=>l.submit&&l.submit(...e)),onKeypress:r[1]||(r[1]=t.withKeys(((...e)=>l.submit&&l.submit(...e)),["enter"]))},[t.createElementVNode("fieldset",{disabled:o.disabled},[t.renderSlot(e.$slots,"default")],8,M)],32)};var H={props:{src:{type:String,default:""}},data:()=>({source:"data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="}),mounted(){const e=new Image;e.onload=()=>{this.source=this.src},e.onerror=()=>{},e.src=this.src}};const _=["src"];H.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("img",{src:a.source},null,8,_)};var R={name:"XInput",validator:v(),props:{...k(),showPasswordToggle:{type:Boolean,default:!0},label:{type:String,default:""},iconRight:{type:Boolean,default:!1},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:w(),setup:(e,{attrs:t,emit:r})=>({...B(e,{attrs:t,emit:r})}),data(){return{currentType:this.type}},methods:{onChange(e){"number"===this.type&&(null!==this.min&&e.target.value<this.min&&(e.target.value=this.min),null!==this.max&&e.target.value>this.max&&(e.target.value=this.max))},togglePasswordVisibility(){this.currentType="password"===this.currentType?"text":"password"}}};const O={class:"inline-block mb-1 relative"},F=["textContent"],q={class:"relative"},K=["disabled","max","maxlength","min","dir","minlength","name","placeholder","readonly","type","value"],U=t.createElementVNode("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"},null,-1),G=t.createElementVNode("circle",{cx:"12",cy:"12",r:"3"},null,-1),Q=t.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),Z=t.createElementVNode("line",{x1:"1",y1:"1",x2:"23",y2:"23"},null,-1),J=["textContent"];R.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("label",O,[o.label?(t.openBlock(),t.createElementBlock("p",{key:0,class:t.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1",{"text-xs":"xs"===e.size,"text-sm":"sm"===e.size,"text-lg":"lg"===e.size,"text-xl":"xl"===e.size}]),textContent:t.toDisplayString(o.label)},null,10,F)):t.createCommentVNode("",!0),t.createElementVNode("div",q,[e.$slots.icon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["flex items-center w-5 h-5 text-gray-500 absolute my-auto inset-y-0",[{"ml-2 left-0":e.$slots.icon&&!o.iconRight,"mr-2 right-0":e.$slots.icon&&o.iconRight}]])},[t.renderSlot(e.$slots,"icon")],2)):t.createCommentVNode("",!0),t.createElementVNode("input",t.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",[e.disabled?"bg-gray-200 dark:bg-gray-800 cursor-not-allowed":"bg-white dark:bg-gray-900","password"===o.type?"pr-9":e.flat?"":"pr-4",e.flat?"p-0 bg-transparent":{"border shadow":!0,"py-1":"auto"===e.size,"px-2 py-1 text-xs":"xs"===e.size,"px-2 py-1 text-sm":"sm"===e.size,"px-3 py-2":!["auto","xs","sm","lg","xl"].includes(e.size),"px-4 py-3 text-lg":"lg"===e.size,"px-6 py-6 text-xl":"xl"===e.size},{"!pl-9":e.$slots.icon&&!o.iconRight,"!pr-9":e.$slots.icon&&o.iconRight,"border-error-500 focus:border-error-500 dark:focus:border-error-500":e.errorInternal},o.inputClass]],disabled:e.disabled,max:o.max,maxlength:o.maxlength,min:o.min,dir:o.dir,minlength:o.minlength,name:e.name,placeholder:o.placeholder,readonly:e.readonly,type:a.currentType,value:e.modelValue},t.toHandlers(e.inputListeners),{onChange:r[0]||(r[0]=(...e)=>n.onChange&&n.onChange(...e))}),null,16,K),"password"===o.type&&o.showPasswordToggle?(t.openBlock(),t.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:r[1]||(r[1]=e=>n.togglePasswordVisibility())},["password"===a.currentType?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[U,G],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[Q,Z],64))])):t.createCommentVNode("",!0)]),e.errorInternal?(t.openBlock(),t.createElementBlock("p",{key:1,class:"text-sm text-error-500 mt-1",textContent:t.toDisplayString(e.errorInternal)},null,8,J)):t.createCommentVNode("",!0)])};const W={color:["error","gray","primary","success","warning"]};var Y={name:"XLink",validator:W,props:{color:{default:"gray",type:String,validator:e=>W.color.includes(e)},external:{default:!1,type:Boolean},tag:{default:"a",type:String},to:{type:String,default:void 0},underline:{default:!1,type:Boolean}}};const ee={key:0,class:"inline-flex items-center"},te=t.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"},[t.createElementVNode("line",{x1:"7",y1:"17",x2:"17",y2:"7"}),t.createElementVNode("polyline",{points:"7 7 17 7 17 17"})],-1);Y.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.to?"router-link":o.tag),{to:o.to,class:t.normalizeClass(["transition-colors duration-150 ease-in-out cursor-pointer",[{"hover:text-gray-600 dark:hover:text-gray-300":"gray"===o.color,"text-primary-500 hover:text-primary-600":"primary"===o.color,"text-error-500 hover:text-error-600":"error"===o.color,"text-warning-500 hover:text-warning-600":"warning"===o.color,"text-success-500 hover:text-success-600":"success"===o.color,underline:o.underline}]])},{default:t.withCtx((()=>[o.external?(t.openBlock(),t.createElementBlock("span",ee,[t.renderSlot(e.$slots,"default"),te])):t.renderSlot(e.$slots,"default",{key:1})])),_:3},8,["to","class"])};var re={name:"XModal",props:{size:{type:String,default:null},showClose:{type:Boolean,default:!1}},data:()=>({isOpen:!1}),beforeMount(){document.addEventListener("keydown",this.onKeydown)},beforeUnmount(){document.removeEventListener("keydown",this.onKeydown)},methods:{close(){this.isOpen=!1,this.$emit("close")},onKeydown(e){27===e.keyCode&&this.isOpen&&this.close()},open(){this.isOpen=!0,this.$emit("open")},toggle(){this.isOpen=!this.isOpen,this.$emit("toggle",this.isOpen)}}};const oe={class:"flex items-end sm:items-center justify-center min-h-full p-4 sm:p-6"},le=[t.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"},[t.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"})],-1)];re.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["fixed z-40 inset-0 overflow-y-auto transition-all",[a.isOpen?"visible":"invisible ease-in duration-100"]])},[t.createElementVNode("div",{class:t.normalizeClass(["fixed inset-0 bg-gray-500 dark:bg-gray-600 transition-opacity",[a.isOpen?"ease-out duration-200 opacity-75":"ease-in duration-100 opacity-0"]]),onClick:r[0]||(r[0]=t.withModifiers((e=>n.close()),["self"]))},null,2),t.createElementVNode("div",oe,[t.createElementVNode("div",{class:t.normalizeClass(["relative inline-block bg-white dark:bg-gray-900 rounded-lg shadow-xl transform transition-all",[{"w-full":"auto"===o.size,"sm:max-w-xs w-full":"xs"===o.size,"sm:max-w-sm w-full":"sm"===o.size,"sm:max-w-lg w-full":!["auto","full","xs","sm","lg","xl"].includes(o.size),"sm:max-w-xl w-full":"lg"===o.size,"sm:max-w-3xl w-full":"xl"===o.size,"w-full":"full"===o.size},a.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"},[t.renderSlot(e.$slots,"default"),o.showClose?(t.openBlock(),t.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:r[1]||(r[1]=e=>n.close())},le)):t.createCommentVNode("",!0)],2)])],2)};var ae={name:"XNote",props:{filled:{type:Boolean,default:!1},tag:{type:String,default:"div"},color:{type:String,default:"primary"}}};const ne={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"},se=t.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),ie=t.createElementVNode("line",{x1:"12",y1:"8",x2:"12",y2:"12"},null,-1),de=t.createElementVNode("line",{x1:"12",y1:"16",x2:"12",y2:"16"},null,-1),ce=t.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),ue=t.createElementVNode("path",{d:"M16 10L10.5 15L8 12.7273"},null,-1),pe=t.createElementVNode("path",{d:"M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z"},null,-1),me=t.createElementVNode("path",{d:"M9 9L15 15"},null,-1),ge=t.createElementVNode("path",{d:"M15 9L9 15"},null,-1),be=t.createElementVNode("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),ye=t.createElementVNode("path",{d:"M12 9v2m0 4v.01"},null,-1),xe=t.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),fe={key:1,class:"flex-none pr-2"};ae.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:t.normalizeClass(["flex rounded-md p-2",o.filled?[`bg-${o.color}-500 text-${o.color}-50`]:[`border text-${o.color}-500 border-${o.color}-500`]])},{default:t.withCtx((()=>[e.$slots.icon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("svg",ne,["primary"===o.color?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[se,ie,de],64)):t.createCommentVNode("",!0),"success"===o.color?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[ce,ue],64)):t.createCommentVNode("",!0),"error"===o.color?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[pe,me,ge],64)):t.createCommentVNode("",!0),"warning"===o.color?(t.openBlock(),t.createElementBlock(t.Fragment,{key:3},[be,ye,xe],64)):t.createCommentVNode("",!0)])),e.$slots.icon?(t.openBlock(),t.createElementBlock("div",fe,[t.renderSlot(e.$slots,"icon")])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"default")])),_:3},8,["class"])};var he={props:{value:{type:Number,default:0},selected:{type:Boolean,default:!1},size:{type:String,default:null},links:{type:Boolean,default:!1}}};he.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-button");return t.openBlock(),t.createElementBlock("li",null,[t.createVNode(s,{to:o.links?`?page=${o.value}`:null,size:o.size,class:"mx-1 min-w-[32px]",outlined:!o.selected,color:o.selected?"primary":"none",onClick:r[0]||(r[0]=t=>o.selected?null:e.$emit("input",o.value))},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(o.value),1)])),_:1},8,["to","size","outlined","color"])])};var ke={components:{XPaginationItem:he},props:{totalPages:{type:Number,default:1},modelValue:{type:Number,default:1},size:{type:String,default:null},links:{type:Boolean,default:!1}},computed:{pages(){return 3===this.totalPages?[2]:this.totalPages>2?1===this.modelValue||2===this.modelValue?[2,3]:this.modelValue===this.totalPages||this.modelValue===this.totalPages-1?[this.totalPages-2,this.totalPages-1]:[this.modelValue-1,this.modelValue,this.modelValue+1]:[]}}};const ve={class:"flex items-end"},we={key:0},Be={key:1};ke.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-pagination-item");return t.openBlock(),t.createElementBlock("ul",ve,[t.createVNode(s,{value:1,links:o.links,size:o.size,selected:1===o.modelValue,class:"mr-1",onInput:r[0]||(r[0]=t=>e.$emit("update:modelValue",t))},null,8,["links","size","selected"]),o.totalPages>3&&o.modelValue>3?(t.openBlock(),t.createElementBlock("span",we,"...")):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.pages,(l=>(t.openBlock(),t.createBlock(s,{key:l,class:"mx-1",value:l,links:o.links,size:o.size,selected:o.modelValue===l,onInput:r[1]||(r[1]=t=>e.$emit("update:modelValue",t))},null,8,["value","links","size","selected"])))),128)),o.totalPages>3&&o.modelValue<o.totalPages-2?(t.openBlock(),t.createElementBlock("span",Be,"...")):t.createCommentVNode("",!0),o.totalPages>1?(t.openBlock(),t.createBlock(s,{key:2,value:o.totalPages,links:o.links,size:o.size,class:"ml-1",selected:o.modelValue===o.totalPages,onInput:r[2]||(r[2]=t=>e.$emit("update:modelValue",t))},null,8,["value","links","size","selected"])):t.createCommentVNode("",!0)])};const Ce={align:["bottom","center","left","right","top"],position:["bottom","left","right","top"]};var ze={name:"XPopover",validator:Ce,props:{align:{type:String,default:"center",validator:e=>Ce.align.includes(e)},hover:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!0},position:{default:"bottom",type:String,validator:e=>Ce.position.includes(e)}},data:()=>({isOpen:!1}),methods:{close(){this.isOpen=!1,this.$emit("close")},open(){this.isOpen=!0,this.$emit("open")},toggle(){this.isOpen=!this.isOpen,this.$emit("toggle",this.isOpen)}}};!function(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===r&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\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"),ze.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["inline-block relative xpopover",[{hover:o.hover,"is-open":a.isOpen},e.$attrs.class,e.$attrs.staticClass]])},[t.createElementVNode("div",{class:"flex",onClick:r[0]||(r[0]=e=>o.hover?null:n.toggle())},[t.renderSlot(e.$slots,"default")]),o.hover?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["fixed inset-0 opacity-0 z-40",[a.isOpen?"visible":"invisible"]]),onClick:r[1]||(r[1]=t.withModifiers((e=>n.close()),["self"]))},null,2)),t.createElementVNode("div",{class:t.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",[{"left-0 right-auto":"left"===o.align&&["bottom","top"].includes(o.position),"left-1/2 right-auto -translate-x-1/2":"center"===o.align&&["bottom","top"].includes(o.position),"right-0 left-auto":"right"===o.align&&["bottom","top"].includes(o.position),"top-0 bottom-auto":"top"===o.align&&["left","right"].includes(o.position),"-translate-y-1/2 top-1/2 bottom-auto":"center"===o.align&&["left","right"].includes(o.position),"bottom-0":"bottom"===o.align&&["left","right"].includes(o.position),"xpopover-top bottom-full pb-2":"top"===o.position,"xpopover-right left-full pl-2":"right"===o.position,"xpopover-bottom top-full bottom-0":"bottom"===o.position,"xpopover-left right-full left-auto pr-2":"left"===o.position}]]),onClick:r[2]||(r[2]=e=>o.dismissible?n.close():null)},[t.renderSlot(e.$slots,"content")],2)],2)};var Ve={name:"XPopoverContainer",props:{tag:{default:"div",type:String}},created(){if("XPopover"!==this.$parent.$options.name)throw this.$destroy(),new Error("PopoverContainer must be wrap with Popover")}};Ve.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.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:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3})};const Ee={variant:["base","error"]};var Se={name:"XPopoverItem",validator:Ee,props:{disabled:{default:!1,type:Boolean},variant:{default:"base",type:String,validator:e=>Ee.variant.includes(e)},tag:{default:"div",type:String}}};const Ne={key:0,class:"inline-flex items-center mr-2"},$e={key:1,class:"inline-flex items-center ml-1"};Se.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:t.normalizeClass(["px-2 py-1 block rounded transition-colors duration-100 ease-in-out whitespace-nowrap",[{"flex items-center":e.$slots.prefix||e.$slots.suffix,"hover:bg-gray-100 dark:hover:bg-gray-800":"base"===o.variant&&!o.disabled,"hover:text-error-500 hover:bg-error-50":"error"===o.variant&&!o.disabled,"opacity-70":o.disabled,"cursor-pointer":!o.disabled}]])},{default:t.withCtx((()=>[e.$slots.prefix?(t.openBlock(),t.createElementBlock("span",Ne,[t.renderSlot(e.$slots,"prefix")])):t.createCommentVNode("",!0),t.createElementVNode("span",{class:t.normalizeClass({"flex-1":e.$slots.prefix||e.$slots.suffix})},[t.renderSlot(e.$slots,"default")],2),e.$slots.suffix?(t.openBlock(),t.createElementBlock("span",$e,[t.renderSlot(e.$slots,"suffix")])):t.createCommentVNode("",!0)])),_:3},8,["class"])};const Te={variant:["bar","circle","score"]};var Ae={name:"XProgress",validator:Te,props:{color:{type:String,default:"primary"},percentage:{type:Number,default:0,validator:e=>e>=0&&e<=100},scoreLength:{type:Number,default:3},tag:{type:String,default:"div"},variant:{type:String,default:"bar",validator:e=>Te.variant.includes(e)}},computed:{circleProgress(){return 2.51*this.percentage}},methods:{isScoreActive(e){return this.percentage>(e-1)*(100/this.scoreLength)}}};const De={key:0,class:"rounded-lg bg-gray-200 dark:bg-gray-700 overflow-hidden"},Ie={key:1,class:"transform -rotate-90",viewBox:"0 0 100 100"},Pe=t.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),Le={key:2,class:"space-x-1 inline-block"};Ae.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:"w-full"},{default:t.withCtx((()=>["bar"===o.variant?(t.openBlock(),t.createElementBlock("div",De,[t.createElementVNode("div",{class:t.normalizeClass(["h-2 rounded-lg transition-all duration-200",[`bg-${o.color}-500`]]),style:t.normalizeStyle({width:`${o.percentage}%`})},null,6)])):t.createCommentVNode("",!0),"circle"===o.variant?(t.openBlock(),t.createElementBlock("svg",Ie,[Pe,t.createElementVNode("circle",{class:t.normalizeClass(["transition-all duration-200",[`text-${o.color}-500`]]),style:t.normalizeStyle({strokeDasharray:`${n.circleProgress} 252`}),stroke:"currentColor","stroke-linejoin":"round","stroke-linecap":"round","stroke-width":"4",fill:"none",cx:"50",cy:"50",r:"40"},null,6)])):t.createCommentVNode("",!0),"score"===o.variant?(t.openBlock(),t.createElementBlock("div",Le,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.scoreLength,(e=>(t.openBlock(),t.createElementBlock("div",{key:e,class:t.normalizeClass(["rounded-sm h-2 w-3 inline-block",n.isScoreActive(e)?[`bg-${o.color}-500`]:["bg-gray-200 dark:bg-gray-700"]])},null,2)))),128))])):t.createCommentVNode("",!0)])),_:1})};var Xe={name:"XRadio",components:{XSpinner:p},validator:{...v()},props:{...k(),bordered:{type:Boolean,default:!1},value:{type:[String,Number,Boolean,Function,Object,Array],default:null},label:{type:String,default:null},glow:{type:Boolean,default:!1}},emits:w(!1),setup:(e,{attrs:t,emit:r})=>({...B(e,{attrs:t,emit:r,useListeners:!1})}),computed:{selected:{get(){return this.value===this.modelValue},set(){this.$emit("update:modelValue",this.value)}}}};const je=["aria-checked","aria-disabled"],Me=["disabled","name","required","value"],He=[t.createElementVNode("path",{d:"M0 11l2-2 5 5L18 3l2 2L7 18z"},null,-1)],_e=["textContent"],Re=["textContent"];Xe.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-spinner");return t.openBlock(),t.createElementBlock("label",{ref:"focusRef",class:t.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":o.bordered,"border-gray-300 dark:border-gray-700":o.bordered&&!n.selected,[`border-${e.color}-500 dark:border-${e.color}-500`]:o.bordered&&n.selected&&!e.disabled}]),"aria-checked":n.selected?"true":"false","aria-disabled":e.disabled?"true":null,tabindex:0,onKeypress:r[1]||(r[1]=t.withKeys(t.withModifiers((t=>e.$emit("update:modelValue",o.value)),["prevent","stop"]),["enter","space"]))},[t.createElementVNode("div",{class:t.normalizeClass(["flex items-center",{"cursor-not-allowed":e.disabled}])},[t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":r[0]||(r[0]=e=>n.selected=e),type:"radio",class:"invisible absolute",disabled:e.disabled||e.loading,name:e.name,required:e.required,value:e.modelValue},null,8,Me),[[t.vModelRadio,n.selected]]),t.createElementVNode("div",{class:t.normalizeClass(["rounded-full flex justify-center items-center flex-shrink-0",[{shadow:!e.flat&&!e.loading,[`shadow-lg shadow-${e.color}-500/50`]:!e.flat&&o.glow&&n.selected,"h-4 w-4":"sm"===e.size||"xs"===e.size,"h-5 w-5":!["xs","sm","xl"].includes(e.size),"h-6 w-6":"xl"===e.size},e.disabled?{"bg-gray-500 border-gray-600 dark:border-gray-400":n.selected,"bg-gray-200 border-gray-300 dark:border-gray-700":!n.selected}:{[`bg-${e.color}-500 border-${e.color}-500`]:n.selected&&!e.loading,"border bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-700":!n.selected&&!e.loading}]])},[e.loading?(t.openBlock(),t.createBlock(s,{key:0,size:e.size,class:"absolute"},null,8,["size"])):(t.openBlock(),t.createElementBlock("svg",{key:1,class:t.normalizeClass(["fill-current text-gray-100",{"opacity-0":!n.selected,"h-2 w-2":"sm"===e.size||"xs"===e.size,"h-3 w-3":!["xs","sm","xl"].includes(e.size),"h-4 w-4":"xl"===e.size}]),viewBox:"0 0 20 20"},He,2))],2),o.label?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 pl-2",{"text-xs":"xs"===e.size,"text-sm":"sm"===e.size,"text-lg":"lg"===e.size,"text-xl":"xl"===e.size}]),textContent:t.toDisplayString(o.label)},null,10,_e)):t.createCommentVNode("",!0)],2),e.$slots.default?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass({"text-xs pl-6":"xs"===e.size,"text-sm pl-6":"sm"===e.size,"pl-7":!["xs","sm","lg","xl"].includes(e.size),"text-lg pl-7":"lg"===e.size,"text-lg pl-8":"xl"===e.size})},[t.renderSlot(e.$slots,"default")],2)):t.createCommentVNode("",!0),e.errorInternal?(t.openBlock(),t.createElementBlock("p",{key:1,class:"text-sm text-error-500 mt-1",textContent:t.toDisplayString(e.errorInternal)},null,8,Re)):t.createCommentVNode("",!0)],42,je)};var Oe={name:"XSelect",components:{XSpinner:p},validator:{...v()},props:{...k(),placeholder:{type:String,default:null},flat:{type:Boolean,default:!1},label:{type:String,default:null},options:{type:Array,default:null}},emits:w(!1),setup:(e,{attrs:t,emit:r})=>({...B(e,{attrs:t,emit:r,useListeners:!1})}),computed:{selected:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}}}};const Fe={class:"inline-block mb-1 relative pb-2"},qe=["textContent"],Ke={class:"relative"},Ue=["disabled","name","readonly","value"],Ge={key:0,disabled:"",value:""},Qe=["value","disabled"],Ze={class:"pointer-events-none absolute inset-y-0 right-0 flex items-center px-2"},Je=[t.createElementVNode("path",{d:"M18 8L12 2L6 8"},null,-1),t.createElementVNode("path",{d:"M18 16L12 22L6 16"},null,-1)],We=["textContent"];Oe.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-spinner");return t.openBlock(),t.createElementBlock("label",Fe,[o.label?(t.openBlock(),t.createElementBlock("p",{key:0,class:t.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1",{"text-xs":"xs"===e.size,"text-sm":"sm"===e.size,"text-lg":"lg"===e.size,"text-xl":"xl"===e.size}]),textContent:t.toDisplayString(o.label)},null,10,qe)):t.createCommentVNode("",!0),t.createElementVNode("div",Ke,[t.withDirectives(t.createElementVNode("select",t.mergeProps({ref:"focusRef","onUpdate:modelValue":r[0]||(r[0]=e=>n.selected=e),class:["block appearance-none w-full border border-gray-300 dark:border-gray-700 pr-8 rounded-form leading-tight focus:outline-none focus:border-primary-500 dark:focus:border-primary-500 transition-colors duration-150 ease-in-out",[e.disabled?"bg-gray-200 dark:bg-gray-800 text-gray-800 dark:text-gray-200 cursor-not-allowed":"bg-white dark:bg-gray-900",{shadow:!o.flat,"py-1":"auto"===e.size,"px-2 py-1 text-xs":"xs"===e.size,"px-2 py-1 text-sm":"sm"===e.size,"px-3 py-2":!["auto","xs","sm","lg","xl"].includes(e.size),"px-4 py-3 text-lg":"lg"===e.size,"px-6 py-6 text-xl":"xl"===e.size},{"text-gray-400 dark:text-gray-500":""===e.modelValue||null===e.modelValue,"border-error-500 focus:border-error-500 dark:focus:border-error-500":e.errorInternal}]],disabled:e.disabled||e.loading,name:e.name,readonly:e.readonly,value:e.modelValue},t.toHandlers(e.inputListeners)),[o.placeholder?(t.openBlock(),t.createElementBlock("option",Ge,t.toDisplayString(o.placeholder),1)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.options,((e,r)=>(t.openBlock(),t.createElementBlock("option",{key:r,value:e.value,disabled:e.disabled},t.toDisplayString(e.label),9,Qe)))),128)),t.renderSlot(e.$slots,"default")],16,Ue),[[t.vModelSelect,n.selected]]),t.createElementVNode("div",Ze,[e.loading?(t.openBlock(),t.createBlock(s,{key:0,size:e.size},null,8,["size"])):(t.openBlock(),t.createElementBlock("svg",{key:1,class:t.normalizeClass(["stroke-2",[e.disabled?"text-gray-600 dark:text-gray-400":"text-gray-700 dark:text-gray-300",{"h-3 w-3":"sm"===e.size||"xs"===e.size,"h-4 w-4":!["xs","sm","xl"].includes(e.size),"h-5 w-5":"xl"===e.size}]]),viewBox:"0 0 24 24",stroke:"currentColor","stroke-linejoin":"round","stroke-linecap":"round",fill:"none"},Je,2))])]),e.errorInternal?(t.openBlock(),t.createElementBlock("p",{key:1,class:"text-sm text-error-500 mt-1",textContent:t.toDisplayString(e.errorInternal)},null,8,We)):t.createCommentVNode("",!0)])};const Ye={class:"flex-grow"};const et={render:function(e,r){return t.openBlock(),t.createElementBlock("div",Ye)}};var tt=et,rt={name:"XSkeleton",props:{tag:{type:String,default:"div"}}};const ot=t.createTextVNode(" ​ ");rt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:"animate-pulse bg-gray-300 dark:bg-gray-600 rounded-md"},{default:t.withCtx((()=>[ot])),_:1})};var lt={name:"XStatusDot",props:{animate:{type:Boolean,default:!1},color:{type:String,default:"primary"},tag:{type:String,default:"div"}}};lt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:"inline-block relative"},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default"),o.animate?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["animate-ping opacity-75 absolute -top-0.5 -right-0.5 rounded-full h-3 w-3 z-10",[`bg-${o.color}-500`]])},null,2)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["absolute -top-0.5 -right-0.5 rounded-full h-3 w-3 z-10",[`bg-${o.color}-500`]])},null,2)])),_:3})};var at={name:"XTableHead"};const nt={class:"align-bottom"},st={class:"text-sm text-gray-700 dark:text-gray-400"};at.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("thead",nt,[t.createElementVNode("tr",st,[t.renderSlot(e.$slots,"default")])])};const it={sort:[null,1,-1],textAlign:[null,"left","center","right","justify"]};var dt={name:"XTableHeader",validator:it,props:{sort:{type:[Number,Boolean],default:null,validator:e=>it.sort.includes(e)},sortable:{type:Boolean,default:!1},textAlign:{type:String,default:"left",validator:e=>it.textAlign.includes(e)},stickyHeader:{type:Boolean,default:!1}}};const ct={key:0,class:"flex items-center"},ut={key:0,width:"24",height:"24",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linejoin":"round","stroke-linecap":"round",fill:"none",role:"presentation",class:"inline-block stroke-2 w-3 h-3 ml-0.5"},pt=t.createElementVNode("line",{x1:"12",y1:"5",x2:"12",y2:"19"},null,-1),mt=t.createElementVNode("polyline",{points:"19 12 12 19 5 12"},null,-1),gt=t.createElementVNode("line",{x1:"12",y1:"19",x2:"12",y2:"5"},null,-1),bt=t.createElementVNode("polyline",{points:"5 12 12 5 19 12"},null,-1);dt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("th",{class:t.normalizeClass(["py-2 bg-gray-50 dark:bg-gray-800 font-medium tracking-wide uppercase text-xs pr-1 last:pr-0",[{"cursor-pointer hover:text-gray-800 dark:hover:text-gray-300 transition-colors duration-150 ease-in-out":o.sortable,"sticky top-0":o.stickyHeader,"text-left":"left"===o.textAlign,"text-center":"center"===o.textAlign,"text-right":"right"===o.textAlign,"text-justify":"justify"===o.textAlign}]])},[o.sortable?(t.openBlock(),t.createElementBlock("div",ct,[t.renderSlot(e.$slots,"default"),[1,-1].includes(o.sort)?(t.openBlock(),t.createElementBlock("svg",ut,[-1===o.sort?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[pt,mt],64)):t.createCommentVNode("",!0),1===o.sort?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[gt,bt],64)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])):t.renderSlot(e.$slots,"default",{key:1})],2)};var yt={name:"XTableBody"};yt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("tbody",null,[t.renderSlot(e.$slots,"default")])};const xt={verticalAlign:["baseline","bottom","middle","text-bottom","text-top","top"]};var ft={name:"XTableRow",validator:xt,props:{clickable:{type:Boolean,default:!1},verticalAlign:{type:String,default:"top",validator:e=>xt.verticalAlign.includes(e)}}};ft.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("tr",{class:t.normalizeClass(["border-b border-gray-200 dark:border-gray-700",[{"hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer":o.clickable,"align-baseline":"baseline"===o.verticalAlign,"align-bottom":"bottom"===o.verticalAlign,"align-middle":"middle"===o.verticalAlign,"align-text-bottom":"text-bottom"===o.verticalAlign,"align-text-top":"text-top"===o.verticalAlign,"align-top":"top"===o.verticalAlign}]])},[t.renderSlot(e.$slots,"default")],2)};const ht={textAlign:[null,"left","center","right","justify"],verticalAlign:[null,"baseline","bottom","middle","text-bottom","text-top","top"]};var kt={name:"XTableCell",validator:ht,props:{textAlign:{default:null,type:String,validator:e=>ht.textAlign.includes(e)},truncate:{default:!1,type:Boolean},dense:{default:!1,type:Boolean},fixed:{default:!1,type:Boolean},verticalAlign:{default:null,type:String,validator:e=>ht.verticalAlign.includes(e)}},created(){this.truncate&&!this.fixed&&console.warn('Table must have "fixed" property set to true when using TableCell "truncate" property')}};kt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("td",{class:t.normalizeClass(["last:pr-0",[{"py-1 pr-2":o.dense,"py-2 pr-4":!o.dense,"text-left":"left"===o.textAlign,"text-center":"center"===o.textAlign,"text-right":"right"===o.textAlign,"text-justify":"justify"===o.textAlign,"align-baseline":"baseline"===o.verticalAlign,"align-bottom":"bottom"===o.verticalAlign,"align-middle":"middle"===o.verticalAlign,"align-text-bottom":"text-bottom"===o.verticalAlign,"align-text-top":"text-top"===o.verticalAlign,"align-top":"top"===o.verticalAlign,truncate:o.truncate&&o.fixed}]])},[t.renderSlot(e.$slots,"default")],2)};var vt={name:"XTable",components:{TableHead:at,TableHeader:dt,TableBody:yt,TableRow:ft,TableCell:kt,XSpinner:p},props:{loading:{type:Boolean,default:!1},headers:{type:Array,default:()=>[]},items:{type:Array,default:()=>[]},sort:{type:Array,default:()=>[]},dense:{type:Boolean,default:!1},fixed:{type:Boolean,default:!1},scrollable:{type:Boolean,default:!0},stickyHeader:{type:Boolean,default:!0}},methods:{getSort(e,t){for(let r=0;r<t.length;r++){const{0:o,1:l}=t[r].split(",");if(e===o)return parseInt(l)}return null},sortHeader(e){const t=this.sort.slice(0);let r=!1;for(let o=0;o<t.length;o++){const{0:l,1:a}=t[o].split(",");if(l===e.value){if(r=!0,"-1"===a){t.splice(o,1,`${e.value},1`);break}if("1"===a){t.splice(o,1);break}}}r||t.push(`${e.value},-1`),this.$emit("update:sort",t)},getPath(e,t,r){if(!t)return;const o=(Array.isArray(t)?t:t.match(/([^[.\]])+/g)).reduce(((e,t)=>e&&e[t]),e);return void 0===o?r:o}}};const wt={key:0,class:"absolute inset-0 flex items-center justify-center z-40 bg-gray-300 rounded opacity-50"};vt.render=function(e,r,o,l,a,n){const s=t.resolveComponent("table-header"),i=t.resolveComponent("table-head"),d=t.resolveComponent("table-cell"),c=t.resolveComponent("table-row"),u=t.resolveComponent("table-body"),p=t.resolveComponent("x-spinner");return t.openBlock(),t.createElementBlock("table",{class:t.normalizeClass(["w-full relative",[{"overflow-x-scroll sm:overflow-x-auto whitespace-wrap sm:whitespace-normal block sm:table":o.scrollable,relative:o.stickyHeader,"table-fixed":o.fixed}]])},[t.createVNode(i,null,{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.headers,((e,r)=>(t.openBlock(),t.createBlock(s,{key:r,"sticky-header":o.stickyHeader,"text-align":e.align,sort:n.getSort(e.value,o.sort),sortable:e.sortable,onClick:t=>e.sortable?n.sortHeader(e):null},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.text),1)])),_:2},1032,["sticky-header","text-align","sort","sortable","onClick"])))),128))])),_:1}),t.createVNode(u,null,{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.items,((r,l)=>(t.openBlock(),t.createBlock(c,{key:l,clickable:"",onClick:t=>e.$emit("click-row",r)},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.headers,((l,a)=>(t.openBlock(),t.createBlock(d,{key:a,"text-align":l.align,dense:o.dense,fixed:o.fixed},{default:t.withCtx((()=>[t.renderSlot(e.$slots,`item-${l.value}`,{item:r},(()=>[t.createTextVNode(t.toDisplayString(n.getPath(r,l.value)),1)]))])),_:2},1032,["text-align","dense","fixed"])))),128))])),_:2},1032,["onClick"])))),128))])),_:3}),o.loading?(t.openBlock(),t.createElementBlock("div",wt,[t.createVNode(p,{size:"lg"})])):t.createCommentVNode("",!0)],2)};var Bt={name:"XTab",props:{disabled:{type:Boolean,default:!1},value:{type:[String,Number],default:null},color:{type:String,default:"primary"},tag:{type:String,default:"li"},to:{type:String,default:void 0}},setup(e){const r=t.inject("tabs",{state:t.reactive({active:null}),activateTab:()=>{}}),o=t.reactive({selected:t.computed((()=>r.state.active===e.value))});return{...t.toRefs(o),tabs:r,onClickTab:function(){r.activateTab(e.value)}}}};Bt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.to?"router-link":o.tag),{to:o.to,class:t.normalizeClass(["pb-2 transition-colors duration-150 ease-in-out",[{[`border-b-2 border-${o.color}-500 text-${o.color}-500`]:e.selected,"cursor-pointer":!o.disabled,"cursor-not-allowed":o.disabled,"cursor-not-allowed text-gray-500":o.disabled&&!e.selected}]]),"aria-disabled":o.disabled?"true":null,"aria-selected":e.selected?"true":"false",onClick:l.onClickTab},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3},8,["to","class","aria-disabled","aria-selected","onClick"])};var Ct={name:"XTabs",props:{modelValue:{type:[String,Number],default:null},tag:{type:String,default:"ul"}},emits:["update:modelValue"],setup(e,{emit:r}){const o=t.reactive({active:t.computed((()=>e.modelValue))});t.provide("tabs",{state:o,activateTab:function(e){r("update:modelValue",e)}})}};Ct.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:"flex border-b border-gray-200 dark:border-gray-700 space-x-4"},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3})};var zt={name:"XTag",props:{color:{type:String,default:"gray"},radius:{type:String,default:"full"},removable:{type:Boolean,default:!1},size:{type:String,default:null},tag:{type:String,default:"span"},outlined:{type:Boolean,default:!1}}};const Vt={key:0,class:"flex items-center"},Et=[t.createElementVNode("line",{x1:"18",y1:"6",x2:"6",y2:"18"},null,-1),t.createElementVNode("line",{x1:"6",y1:"6",x2:"18",y2:"18"},null,-1)];zt.render=function(e,r,o,l,a,n){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:t.normalizeClass(["inline-block leading-none",[[`bg-${o.color}-200 text-${o.color}-900 border-${o.color}-900`],{"!bg-transparent border":o.outlined,"py-1":"auto"===o.size,"px-2 py-1 text-xs":"xs"===o.size,"px-2 py-1 text-sm":"sm"===o.size,"px-3 py-2":!["auto","xs","sm","lg","xl"].includes(o.size),"px-4 py-3 text-lg":"lg"===o.size,"px-6 py-6 text-xl":"xl"===o.size,"rounded-full":"full"===o.radius,"rounded-lg":"lg"===o.radius,"rounded-md":"md"===o.radius,"rounded-sm":"sm"===o.radius,rounded:"rounded"===o.radius}]])},{default:t.withCtx((()=>[o.removable?(t.openBlock(),t.createElementBlock("span",Vt,[t.renderSlot(e.$slots,"default"),(t.openBlock(),t.createElementBlock("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-1 cursor-pointer hover:text-gray-700 transition-colors duration-150 ease-in-out flex-shrink-0",onClick:r[0]||(r[0]=t=>e.$emit("remove"))},Et))])):t.renderSlot(e.$slots,"default",{key:1})])),_:3},8,["class"])};var St={name:"XTextarea",validator:v(),props:{...k(),label:{type:String,default:""},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},adjustToText:{type:Boolean,default:!0},preventEnter:{type:Boolean,default:!1},inputClass:{type:String,default:""}},emits:w(),setup:(e,{attrs:t,emit:r})=>({...B(e,{attrs:t,emit:r})}),watch:{modelValue(){setTimeout(this.resize)},size(){setTimeout(this.resize)}},mounted(){this.resize(),window.addEventListener("resize",this.resize)},beforeUnmount(){window.removeEventListener("resize",this.resize)},methods:{onInput(){this.resize()},onKeyDown(e){if(this.preventEnter&&13===e.keyCode)return e.preventDefault(),void e.stopPropagation()},resize(){if(this.adjustToText){const{focusRef:e}=this.$refs;e.style.height="1px",e.style.height=2+e.scrollHeight+"px"}}}};const Nt={class:"inline-block mb-1 relative"},$t=["textContent"],Tt=["disabled","max","maxlength","min","dir","minlength","name","placeholder","readonly","value"],At=["textContent"];St.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("label",Nt,[o.label?(t.openBlock(),t.createElementBlock("p",{key:0,class:t.normalizeClass(["font-medium text-gray-800 dark:text-gray-200 mb-1",{"text-xs":"xs"===e.size,"text-sm":"sm"===e.size,"text-lg":"lg"===e.size,"text-xl":"xl"===e.size}]),textContent:t.toDisplayString(o.label)},null,10,$t)):t.createCommentVNode("",!0),t.createElementVNode("textarea",t.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 resize-none overflow-hidden",[e.disabled?"bg-gray-200 dark:bg-gray-800 cursor-not-allowed":"bg-white dark:bg-gray-900",{"py-1":"auto"===e.size,"px-2 py-1 text-xs":"xs"===e.size,"px-2 py-1 text-sm":"sm"===e.size,"px-3 py-2":!["auto","xs","sm","lg","xl"].includes(e.size),"px-4 py-3 text-lg":"lg"===e.size,"px-6 py-6 text-xl":"xl"===e.size},e.flat?"!p-0 !bg-transparent":"border shadow",{"border-error-500 focus:border-error-500 dark:focus:border-error-500":e.errorInternal},o.inputClass]],disabled:e.disabled,max:o.max,maxlength:o.maxlength,min:o.min,dir:o.dir,minlength:o.minlength,name:e.name,placeholder:o.placeholder,readonly:e.readonly,value:e.modelValue},t.toHandlers(e.inputListeners),{onKeydown:r[0]||(r[0]=(...e)=>n.onKeyDown&&n.onKeyDown(...e)),onInput:r[1]||(r[1]=(...e)=>n.onInput&&n.onInput(...e))}),null,16,Tt),e.errorInternal?(t.openBlock(),t.createElementBlock("p",{key:1,class:"text-sm text-error-500 mt-1",textContent:t.toDisplayString(e.errorInternal)},null,8,At)):t.createCommentVNode("",!0)])};const Dt={align:["left","right"],position:["bottom","top"]};var It={name:"XToast",validator:Dt,props:{align:{type:String,default:"right",validator:e=>Dt.align.includes(e)},position:{default:"bottom",type:String,validator:e=>Dt.position.includes(e)},timeout:{type:Number,default:3500}},data:()=>({events:[]}),methods:{log(e){this.add(e)},success(e){this.add(e,"success")},warn(e){this.add(e,"warn")},error(e){this.add(e,"error")},add(e,t=null){const r={id:Date.now(),content:e,type:t};this.events.push(r),this.setTimer(r)},remove(e){this.events=this.events.filter((t=>t.id!==e.id))},setTimer(e){setTimeout((()=>{this.remove(e)}),this.timeout)}}};const Pt=["onClick"];It.render=function(e,r,o,l,a,n){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["fixed z-40 w-full sm:w-96",{"left-0":"left"===o.align,"right-0":"right"===o.align,"bottom-0":"bottom"===o.position,"top-0":"top"===o.position}])},[t.createVNode(t.TransitionGroup,{tag:"ul","enter-active-class":"transition ease-out duration-500","leave-active-class":"transition ease-out duration-500","enter-class":"transform translate-y-2 opacity-0","enter-to-class":"transform translate-y-0 opacity-100","leave-class":"transform translate-y-0 opacity-100","leave-to-class":"transform translate-y-2 opacity-0","move-class":"ease-in-out duration-200"},{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.events,(e=>(t.openBlock(),t.createElementBlock("li",{key:e.id,class:t.normalizeClass(["px-4",{"pb-2":"bottom"===o.position,"pt-2":"top"===o.position}])},[t.createElementVNode("div",{class:t.normalizeClass(["rounded px-4 py-3 cursor-pointer w-full",{"bg-gray-900 dark:bg-white text-white dark:text-gray-900 border border-gray-700 dark:border-gray-200":!e.type||e.type&&!["success","error","warn"].includes(e.type),"bg-success-500 text-success-50":e.type&&"success"===e.type,"bg-error-500 text-error-50":e.type&&"error"===e.type,"bg-warning-500 text-warning-50":e.type&&"warn"===e.type}]),onClick:t=>n.remove(e)},t.toDisplayString(e.content),11,Pt)],2)))),128))])),_:1})],2)};var Lt={name:"XToggle",components:{XSpinner:p},validator:{...v()},props:{...k(),id:{type:String,default:null},label:{type:String,default:null},glow:{type:Boolean,default:!1}},emits:w(!1),setup:(e,{attrs:t,emit:r})=>({...B(e,{attrs:t,emit:r,useListeners:!1})}),computed:{checked:{get(){return this.modelValue},set(e){this.$emit("update:modelValue",e)}}}};const Xt={class:"flex items-center"},jt=["id","aria-checked","aria-disabled","disabled","name","required","value"],Mt=["textContent"],Ht=["textContent"];Lt.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-spinner");return t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(["inline-block mb-1 relative pb-2",[e.disabled?"cursor-not-allowed":"cursor-pointer"]])},[t.createElementVNode("div",Xt,[t.createElementVNode("div",{class:t.normalizeClass(["rounded-full transition-colors duration-300",[{"border shadow":!e.flat,[`shadow-lg shadow-${e.color}-500/50`]:!e.flat&&o.glow&&e.modelValue,"w-8":"sm"===e.size||"xs"===e.size,"w-10":!["xs","sm","lg","xl"].includes(e.size),"w-12":"lg"===e.size,"w-14":"xl"===e.size,"bg-gray-300 dark:bg-gray-600":e.disabled&&!n.checked,"bg-gray-400 dark:bg-gray-400":e.disabled&&n.checked,"bg-gray-200 dark:bg-gray-600":!e.disabled&&!n.checked,[`bg-${e.color}-200  border-${e.color}-200`]:!e.disabled&&n.checked}]])},[t.withDirectives(t.createElementVNode("input",{id:o.id,"onUpdate:modelValue":r[0]||(r[0]=e=>n.checked=e),"aria-checked":n.checked?"true":"false","aria-disabled":e.disabled?"true":null,type:"checkbox",class:"hidden",disabled:e.disabled||e.loading,name:e.name,required:e.required,value:e.modelValue},null,8,jt),[[t.vModelCheckbox,n.checked]]),e.loading?(t.openBlock(),t.createBlock(s,{key:0,size:e.size,class:t.normalizeClass({"translate-x-full":n.checked})},null,8,["size","class"])):(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["rounded-full shadow transform transition duration-300 flex-shrink-0",[{"h-4 w-4":"sm"===e.size||"xs"===e.size,"h-5 w-5":!["xs","sm","lg","xl"].includes(e.size),"h-6 w-6":"lg"===e.size,"h-7 w-7":"xl"===e.size,"translate-x-full":n.checked,"bg-gray-200 dark:bg-gray-200":e.disabled,"bg-white":!e.disabled&&!n.checked,[`bg-${e.color}-500`]:!e.disabled&&n.checked}]])},null,2))],2),o.label?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["pl-2 font-medium text-gray-800 dark:text-gray-200",{"text-xs":"xs"===e.size,"text-sm":"sm"===e.size,"text-lg":"lg"===e.size,"text-xl":"xl"===e.size}]),textContent:t.toDisplayString(o.label)},null,10,Mt)):t.createCommentVNode("",!0)]),e.errorInternal?(t.openBlock(),t.createElementBlock("p",{key:0,class:"text-sm text-error-500 mt-1",textContent:t.toDisplayString(e.errorInternal)},null,8,Ht)):t.createCommentVNode("",!0)],2)};var _t={components:{XPopover:ze,XPopoverContainer:Ve}};_t.render=function(e,r,o,l,a,n){const s=t.resolveComponent("x-popover-container"),i=t.resolveComponent("x-popover");return t.openBlock(),t.createBlock(i,t.mergeProps({hover:"",class:"dark"},e.$attrs),{content:t.withCtx((()=>[t.createVNode(s,{class:"p-2 text-gray-300 text-sm"},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"tooltip")])),_:3})])),default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3},16)};const Rt={class:t.normalizeClass(["bg-primary-50","bg-primary-200","bg-primary-500","bg-primary-600","bg-primary-800","border-primary-200","border-primary-500","border-primary-600","border-primary-700","border-primary-900","text-primary-50","text-primary-500","text-primary-600","text-primary-900","shadow-primary-500/50","bg-secondary-50","bg-secondary-200","bg-secondary-500","bg-secondary-600","bg-secondary-800","border-secondary-200","border-secondary-500","border-secondary-600","border-secondary-700","border-secondary-900","text-secondary-50","text-secondary-500","text-secondary-600","text-secondary-900","shadow-secondary-500/50","bg-error-50","bg-error-200","bg-error-500","bg-error-600","bg-error-800","border-error-200","border-error-500","border-error-600","border-error-700","border-error-900","text-error-50","text-error-500","text-error-600","text-error-900","shadow-error-500/50","bg-warning-50","bg-warning-200","bg-warning-500","bg-warning-600","bg-warning-800","border-warning-200","border-warning-500","border-warning-600","border-warning-700","border-warning-900","text-warning-50","text-warning-500","text-warning-600","text-warning-900","shadow-warning-500/50","bg-success-50","bg-success-200","bg-success-500","bg-success-600","bg-success-800","border-success-200","border-success-500","border-success-600","border-success-700","border-success-900","text-success-50","text-success-500","text-success-600","text-success-900","shadow-success-500/50","bg-rose-50","bg-rose-200","bg-rose-500","bg-rose-600","bg-rose-800","border-rose-200","border-rose-500","border-rose-600","border-rose-700","border-rose-900","text-rose-50","text-rose-500","text-rose-600","text-rose-900","shadow-rose-500/50","bg-zinc-50","bg-zinc-200","bg-zinc-500","bg-zinc-600","bg-zinc-800","border-zinc-200","border-zinc-500","border-zinc-600","border-zinc-700","border-zinc-900","text-zinc-50","text-zinc-500","text-zinc-600","text-zinc-900","shadow-zinc-500/50","bg-neutral-50","bg-neutral-200","bg-neutral-500","bg-neutral-600","bg-neutral-800","border-neutral-200","border-neutral-500","border-neutral-600","border-neutral-700","border-neutral-900","text-neutral-50","text-neutral-500","text-neutral-600","text-neutral-900","shadow-neutral-500/50","bg-stone-50","bg-stone-200","bg-stone-500","bg-stone-600","bg-stone-800","border-stone-200","border-stone-500","border-stone-600","border-stone-700","border-stone-900","text-stone-50","text-stone-500","text-stone-600","text-stone-900","shadow-stone-500/50","bg-pink-50","bg-pink-200","bg-pink-500","bg-pink-600","bg-pink-800","border-pink-200","border-pink-500","border-pink-600","border-pink-700","border-pink-900","text-pink-50","text-pink-500","text-pink-600","text-pink-900","shadow-pink-500/50","bg-fuchsia-50","bg-fuchsia-200","bg-fuchsia-500","bg-fuchsia-600","bg-fuchsia-800","border-fuchsia-200","border-fuchsia-500","border-fuchsia-600","border-fuchsia-700","border-fuchsia-900","text-fuchsia-50","text-fuchsia-500","text-fuchsia-600","text-fuchsia-900","shadow-fuchsia-500/50","bg-purple-50","bg-purple-200","bg-purple-500","bg-purple-600","bg-purple-800","border-purple-200","border-purple-500","border-purple-600","border-purple-700","border-purple-900","text-purple-50","text-purple-500","text-purple-600","text-purple-900","shadow-purple-500/50","bg-violet-50","bg-violet-200","bg-violet-500","bg-violet-600","bg-violet-800","border-violet-200","border-violet-500","border-violet-600","border-violet-700","border-violet-900","text-violet-50","text-violet-500","text-violet-600","text-violet-900","shadow-violet-500/50","bg-indigo-50","bg-indigo-200","bg-indigo-500","bg-indigo-600","bg-indigo-800","border-indigo-200","border-indigo-500","border-indigo-600","border-indigo-700","border-indigo-900","text-indigo-50","text-indigo-500","text-indigo-600","text-indigo-900","shadow-indigo-500/50","bg-blue-50","bg-blue-200","bg-blue-500","bg-blue-600","bg-blue-800","border-blue-200","border-blue-500","border-blue-600","border-blue-700","border-blue-900","text-blue-50","text-blue-500","text-blue-600","text-blue-900","shadow-blue-500/50","bg-sky-50","bg-sky-200","bg-sky-500","bg-sky-600","bg-sky-800","border-sky-200","border-sky-500","border-sky-600","border-sky-700","border-sky-900","text-sky-50","text-sky-500","text-sky-600","text-sky-900","shadow-sky-500/50","bg-cyan-50","bg-cyan-200","bg-cyan-500","bg-cyan-600","bg-cyan-800","border-cyan-200","border-cyan-500","border-cyan-600","border-cyan-700","border-cyan-900","text-cyan-50","text-cyan-500","text-cyan-600","text-cyan-900","shadow-cyan-500/50","bg-teal-50","bg-teal-200","bg-teal-500","bg-teal-600","bg-teal-800","border-teal-200","border-teal-500","border-teal-600","border-teal-700","border-teal-900","text-teal-50","text-teal-500","text-teal-600","text-teal-900","shadow-teal-500/50","bg-emerald-50","bg-emerald-200","bg-emerald-500","bg-emerald-600","bg-emerald-800","border-emerald-200","border-emerald-500","border-emerald-600","border-emerald-700","border-emerald-900","text-emerald-50","text-emerald-500","text-emerald-600","text-emerald-900","shadow-emerald-500/50","bg-green-50","bg-green-200","bg-green-500","bg-green-600","bg-green-800","border-green-200","border-green-500","border-green-600","border-green-700","border-green-900","text-green-50","text-green-500","text-green-600","text-green-900","shadow-green-500/50","bg-lime-50","bg-lime-200","bg-lime-500","bg-lime-600","bg-lime-800","border-lime-200","border-lime-500","border-lime-600","border-lime-700","border-lime-900","text-lime-50","text-lime-500","text-lime-600","text-lime-900","shadow-lime-500/50","bg-yellow-50","bg-yellow-200","bg-yellow-500","bg-yellow-600","bg-yellow-800","border-yellow-200","border-yellow-500","border-yellow-600","border-yellow-700","border-yellow-900","text-yellow-50","text-yellow-500","text-yellow-600","text-yellow-900","shadow-yellow-500/50","bg-amber-50","bg-amber-200","bg-amber-500","bg-amber-600","bg-amber-800","border-amber-200","border-amber-500","border-amber-600","border-amber-700","border-amber-900","text-amber-50","text-amber-500","text-amber-600","text-amber-900","shadow-amber-500/50","bg-orange-50","bg-orange-200","bg-orange-500","bg-orange-600","bg-orange-800","border-orange-200","border-orange-500","border-orange-600","border-orange-700","border-orange-900","text-orange-50","text-orange-500","text-orange-600","text-orange-900","shadow-orange-500/50","bg-red-50","bg-red-200","bg-red-500","bg-red-600","bg-red-800","border-red-200","border-red-500","border-red-600","border-red-700","border-red-900","text-red-50","text-red-500","text-red-600","text-red-900","shadow-red-500/50","bg-gray-50","bg-gray-200","bg-gray-500","bg-gray-600","bg-gray-800","border-gray-200","border-gray-500","border-gray-600","border-gray-700","border-gray-900","text-gray-50","text-gray-500","text-gray-600","text-gray-900","shadow-gray-500/50"])};const Ot={render:function(e,r){return t.openBlock(),t.createElementBlock("div",Rt)}};var Ft=Ot,qt=Object.freeze({__proto__:null,Avatar:r,Button:x,Card:f,Checkbox:C,Collapse:$,Container:P,Divider:L,Form:j,Icon:g,Image:H,Input:R,Link:Y,Modal:re,Note:ae,Pagination:ke,PaginationItem:he,Popover:ze,PopoverContainer:Ve,PopoverItem:Se,Progress:Ae,Radio:Xe,Select:Oe,Spacer:tt,Spinner:p,Skeleton:rt,StatusDot:lt,Table:vt,TableBody:yt,TableCell:kt,TableHead:at,TableHeader:dt,TableRow:ft,Tab:Bt,Tabs:Ct,Tag:zt,Textarea:St,Toast:It,Toggle:Lt,Tooltip:_t,Colors:Ft});const Kt=(e,t={})=>{Object.entries(qt).forEach((([r,o])=>{const l=t.prefix?t.prefix:"X";e.component(`${l}${r}`,o)}))};"undefined"!=typeof window&&window.Vue&&Kt(window.Vue),e.Avatar=r,e.Button=x,e.Card=f,e.Checkbox=C,e.Collapse=$,e.Colors=Ft,e.Container=P,e.Divider=L,e.Form=j,e.Icon=g,e.Image=H,e.Input=R,e.Link=Y,e.Modal=re,e.Note=ae,e.Pagination=ke,e.PaginationItem=he,e.Popover=ze,e.PopoverContainer=Ve,e.PopoverItem=Se,e.Progress=Ae,e.Radio=Xe,e.Select=Oe,e.Skeleton=rt,e.Spacer=tt,e.Spinner=p,e.StatusDot=lt,e.Tab=Bt,e.Table=vt,e.TableBody=yt,e.TableCell=kt,e.TableHead=at,e.TableHeader=dt,e.TableRow=ft,e.Tabs=Ct,e.Tag=zt,e.Textarea=St,e.Toast=It,e.Toggle=Lt,e.Tooltip=_t,e.default=Kt,Object.defineProperty(e,"__esModule",{value:!0})}));

package/src/components/avatar/Avatar.vue

@@ -1,120 +0,0 @@
-<template>
-  <component
-    :is="tag"
-    class="inline-flex items-center justify-center overflow-hidden"
-    :class="[
-      // color
-      { [`bg-${color}-500 text-${color}-50`]: !source && !outlined },
-      {
-        // border
-        'border border-gray-400 dark:border-gray-500': !source && outlined,
-
-        // size
-        'h-6 w-6 text-xs': size === 'xs',
-        'h-7 w-7 text-sm': size === 'sm',
-        'h-10 w-10': !['xs', 'sm', 'lg', 'xl'].includes(size),
-        'h-12 w-12 text-lg': size === 'lg',
-        'h-20 w-20 text-2xl': size === 'xl',
-        'h-36 w-36 text-2xl': size === '2xl',
-      },
-      squared ? 'rounded-md' : 'rounded-full'
-    ]"
-  >
-    <span
-      v-if="!source && name"
-      class="leading-none"
-    >{{ initials }}</span>
-
-    <img
-      v-if="source"
-      :alt="alt"
-      :src="src"
-      class="h-full w-full"
-    />
-  </component>
-</template>
-
-<script>
-const validator = {
-  variant: [
-    'rounded',
-    'squared',
-  ],
-}
-
-export default {
-  name: 'XAvatar',
-
-  validator,
-
-  props: {
-    alt: {
-      type: String,
-      default: null,
-    },
-
-    color: {
-      type: String,
-      default: 'primary',
-    },
-
-    name: {
-      type: String,
-      default: null,
-    },
-
-    size: {
-      type: String,
-      default: null,
-    },
-
-    outlined: {
-      type: Boolean,
-      default: false,
-    },
-
-    src: {
-      type: String,
-      default: null,
-    },
-
-    tag: {
-      type: String,
-      default: 'span',
-    },
-
-    squared: {
-      type: Boolean,
-      default: false,
-    },
-  },
-
-  data() {
-    return {
-      source: null,
-    }
-  },
-
-  computed: {
-    initials() {
-      if (this.name) {
-        const initials = this.name.match(/\b\w/g) || []
-
-        return ((initials.shift() || '') + (initials.pop() || '')).toUpperCase()
-      }
-
-      return ''
-    },
-  },
-
-  mounted() {
-    if (this.src) {
-      const img = new Image()
-
-      img.onload = () => { this.source = this.src }
-      img.onerror = () => { }
-      img.src = this.src
-    }
-  },
-}
-</script>