@deck9/ui 0.5.1 → 0.7.3

package/dist/src/Checkbox/Checkbox.vue.d.ts

@@ -16,27 +16,23 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-    checked: {
-        type: BooleanConstructor;
-        required: false;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, {
+    emits: (e: "update:modelValue", checked: boolean) => void;
+    update: (value: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     id?: unknown;
     label?: unknown;
     modelValue?: unknown;
     description?: unknown;
-    checked?: unknown;
 } & {
     label: string;
     id: string;
     modelValue: boolean;
-    checked: boolean;
 } & {
     description?: string | undefined;
 }> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
-    checked: boolean;
 }>;
 export default _sfc_main;

package/dist/src/Menu/Menu.vue.d.ts

@@ -0,0 +1,99 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    position: {
+        type: StringConstructor;
+        required: true;
+        default: string;
+    };
+}, {
+    Menu: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | null | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        as: string;
+    }>, {
+        as: string;
+    }>;
+    MenuButton: import("vue").DefineComponent<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+    }, {
+        id: string;
+        el: import("vue").Ref<HTMLButtonElement | null>;
+        type: import("vue").Ref<unknown>;
+        handleKeyDown: (event: KeyboardEvent) => void;
+        handleKeyUp: (event: KeyboardEvent) => void;
+        handleClick: (event: MouseEvent) => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        as: string;
+        disabled: boolean;
+    }>, {
+        as: string;
+        disabled: boolean;
+    }>;
+    MenuItems: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        static: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        id: string;
+        el: import("vue").Ref<HTMLDivElement | null>;
+        handleKeyDown: (event: KeyboardEvent) => void;
+        handleKeyUp: (event: KeyboardEvent) => void;
+        visible: import("vue").ComputedRef<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        as: string;
+        unmount: boolean;
+        static: boolean;
+    }>, {
+        as: string;
+        unmount: boolean;
+        static: boolean;
+    }>;
+    D9Icon: import("vue").DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+            default: string;
+        };
+    }, {
+        props: {
+            name: string;
+        };
+        isIconAvailable: import("vue").ComputedRef<boolean>;
+        FontAwesomeIcon: import("vue").ComponentPublicInstance<import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, {}, {}, {}, {}, {}, import("@fortawesome/vue-fontawesome").FontAwesomeIconProps, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        name?: unknown;
+    } & {
+        name: string;
+    } & {}>, {
+        name: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    position?: unknown;
+} & {
+    position: string;
+} & {}>, {
+    position: string;
+}>;
+export default _sfc_main;

package/dist/src/Menu/MenuLink.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
+}, {
+    MenuItem: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | null | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        as: string;
+        disabled: boolean;
+    }>, {
+        as: string;
+        disabled: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    label?: unknown;
+} & {} & {
+    label?: string | undefined;
+}>, {}>;
+export default _sfc_main;

package/dist/src/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as D9Menu } from "./Menu.vue";
+export { default as D9MenuLink } from "./MenuLink.vue";

package/dist/src/Spinner/index.d.ts

@@ -0,0 +1 @@
+export { default as D9Spinner } from "./Spinner.vue";

package/dist/src/Switch/Switch.vue.d.ts

@@ -0,0 +1,81 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    description: {
+        type: StringConstructor;
+        required: false;
+    };
+    onLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    offLabel: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}, {
+    emits: (e: "update:modelValue", value: boolean) => void;
+    update: (newValue: boolean) => void;
+    Switch: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        id: string;
+        el: import("vue").Ref<HTMLButtonElement | null>;
+        type: import("vue").Ref<unknown>;
+        labelledby: import("vue").Ref<string | undefined> | undefined;
+        describedby: import("vue").Ref<string | undefined> | undefined;
+        handleClick(event: MouseEvent): void;
+        handleKeyUp(event: KeyboardEvent): void;
+        handleKeyPress(event: KeyboardEvent): void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (_value: boolean) => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        as: string;
+        modelValue: boolean;
+    }>, {
+        as: string;
+        modelValue: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    id?: unknown;
+    label?: unknown;
+    modelValue?: unknown;
+    description?: unknown;
+    onLabel?: unknown;
+    offLabel?: unknown;
+} & {
+    label: string;
+    id: string;
+    modelValue: boolean;
+    onLabel: string;
+    offLabel: string;
+} & {
+    description?: string | undefined;
+}> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    id: string;
+    onLabel: string;
+    offLabel: string;
+}>;
+export default _sfc_main;

package/dist/src/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default as D9Switch } from "./Switch.vue";

package/dist/src/index.d.ts

@@ -3,4 +3,7 @@ export * from "./Checkbox/index";
 export * from "./Icon/index";
 export * from "./Input/index";
 export * from "./Label/index";
+export * from "./Menu/index";
+export * from "./Switch/index";
 export * from "./Skeleton/index";
+export * from "./Spinner/index";

package/dist/src/index.es.js

@@ -1 +1 @@
-var e=Object.defineProperty,r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,n=(r,t,i)=>t in r?e(r,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[t]=i,a=(e,a)=>{for(var o in a||(a={}))t.call(a,o)&&n(e,o,a[o]);if(r)for(var o of r(a))i.call(a,o)&&n(e,o,a[o]);return e};import{defineComponent as o,computed as l,unref as s,openBlock as d,createBlock as u,mergeProps as c,createCommentVNode as p,createElementBlock as f,normalizeClass as g,createElementVNode as y,toDisplayString as m,createVNode as b,Fragment as v,renderList as h}from"vue";import{FontAwesomeIcon as x}from"@fortawesome/vue-fontawesome";import{library as k}from"@fortawesome/fontawesome-svg-core";import*as q from"@fortawesome/free-solid-svg-icons";k.add(q.faChartPie,q.faCheck,q.faCheckCircle,q.faChevronDown,q.faChevronLeft,q.faChevronRight,q.faChevronUp,q.faCircleNotch,q.faClipboard,q.faCog,q.faDoorOpen,q.faEllipsisH,q.faEnvelope,q.faExclamationTriangle,q.faFingerprint,q.faGlobe,q.faHandPointRight,q.faInfoCircle,q.faPencilAlt,q.faPlayCircle,q.faPlus,q.faPlusCircle,q.faRobot,q.faSave,q.faShieldAlt,q.faTimes,q.faTrash,q.faUser,q.faUserShield);var w=[...Object.keys(k.definitions.fas)].sort();const C=o({props:{name:{type:String,required:!0,default:"user"}},setup(e){const r=e,t=l((()=>!!w.includes(r.name)||(console.warn("could not load icon, because it is not available",r.name),!1)));return(r,i)=>s(t)?(d(),u(s(x),c({key:0,icon:["fas",e.name]},r.$attrs),null,16,["icon"])):p("",!0)}}),S=["aria-label","tabindex"],z={key:0,class:"absolute inset-0 flex items-center justify-center"},D=o({props:{label:{type:String,required:!0},size:{type:null,required:!1,default:"medium"},type:{type:null,required:!1,default:"primary"},isLoading:{type:Boolean,required:!1,default:!1},isDisabled:{type:Boolean,required:!1,default:!1},icon:{type:String,required:!1},iconPosition:{type:null,required:!1,default:"right"}},emits:["onClick"],setup(e,{emit:r}){const t=e,i=l((()=>{const e={"text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900":"primary"===t.type,"text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900":"light"===t.type,"text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900":"dark"===t.type},r={"pointer-events-none opacity-75 cursor-not-allowed":t.isDisabled},i={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":"small"===t.size,"px-5 py-2 text-sm leading-4 font-medium rounded-lg":"medium"===t.size,"px-8 py-3 text-base leading-6 font-medium rounded-lg":"large"===t.size};return a(a(a({},e),r),i)})),n=l((()=>{const e={"mr-2 -ml-1":["small","medium"].includes(t.size)&&"left"===t.iconPosition,"mr-4 -ml-2":["large"].includes(t.size)&&"left"===t.iconPosition},r={"ml-3 -mr-1":["small","medium"].includes(t.size)&&"right"===t.iconPosition,"ml-3 -mr-3":["large"].includes(t.size)&&"right"===t.iconPosition},i={"text-white":"primary"===t.type,"text-blue-600":"light"===t.type,"text-grey-50":"dark"===t.type};return a(a(a({},e),r),i)}));function o(){t.isDisabled||r("onClick")}return(r,t)=>(d(),f("button",{class:g(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",s(i)]),type:"button","aria-label":e.label,tabindex:e.isDisabled?"-1":void 0,onClick:o},[y("div",{class:g(!e.isLoading||"invisible")},[e.icon&&"left"===e.iconPosition?(d(),u(C,{key:0,name:e.icon,class:g(s(n))},null,8,["name","class"])):p("",!0),y("span",null,m(e.label),1),e.icon&&"right"===e.iconPosition?(d(),u(C,{key:1,name:e.icon,class:g(s(n))},null,8,["name","class"])):p("",!0)],2),e.isLoading?(d(),f("span",z,[b(C,{class:"animate-spin",name:"circle-notch"})])):p("",!0)],10,S))}});var P,j=new Uint8Array(16);function B(){if(!P&&!(P="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return P(j)}var I=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function O(e){return"string"==typeof e&&I.test(e)}for(var R=[],V=0;V<256;++V)R.push((V+256).toString(16).substr(1));const E={class:"relative flex items-start"},L={class:"flex items-center h-5"},U=["checked","id"],A={class:"ml-2 text-sm leading-5"},T=["for"],$={key:0,class:"text-grey-700 dark:text-grey-400 mono-0 casual-60"},H=o({props:{id:{type:String,required:!1,default:function(e,r,t){var i=(e=e||{}).random||(e.rng||B)();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,r){t=t||0;for(var n=0;n<16;++n)r[t+n]=i[n];return r}return function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=(R[e[r+0]]+R[e[r+1]]+R[e[r+2]]+R[e[r+3]]+"-"+R[e[r+4]]+R[e[r+5]]+"-"+R[e[r+6]]+R[e[r+7]]+"-"+R[e[r+8]]+R[e[r+9]]+"-"+R[e[r+10]]+R[e[r+11]]+R[e[r+12]]+R[e[r+13]]+R[e[r+14]]+R[e[r+15]]).toLowerCase();if(!O(t))throw TypeError("Stringified UUID is invalid");return t}(i)}()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1},checked:{type:Boolean,required:!1}},emits:["update:modelValue"],setup:e=>(r,t)=>(d(),f("div",E,[y("div",L,[y("input",{class:"h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm",type:"checkbox",checked:e.modelValue,id:e.id},null,8,U)]),y("div",A,[y("label",{for:e.id,class:"font-medium text-grey-900 dark:text-grey-200 casual-25"},m(e.label),9,T),e.description?(d(),f("p",$,m(e.description),1)):p("",!0)])]))}),M={class:"relative"},N=["placeholder","type","tabindex"],F=o({props:{type:{type:String,required:!0,default:"text"},placeholder:{type:String,required:!1},size:{type:null,required:!1,default:"medium"},icon:{type:String,required:!1},isDisabled:{type:Boolean,required:!1,default:!1}},emits:["onInput"],setup(e,{emit:r}){const t=e,i=l((()=>({"px-3 py-1 rounded font-normal":"small"===t.size,"px-4 py-3 rounded font-normal":"medium"===t.size,"px-6 py-3 rounded font-normal":"large"===t.size,"pl-10":t.icon&&"small"===t.size,"pl-12":t.icon&&("medium"===t.size||"large"===t.size)}))),n=l((()=>({"pointer-events-none opacity-50 cursor-not-allowed":t.isDisabled}))),o=l((()=>({"text-xs leading-4":"small"===t.size,"text-sm leading-4":"medium"===t.size,"text-base leading-4":"large"===t.size}))),u=function(e){r("onInput",(null==e?void 0:e.target).value)};return(r,t)=>(d(),f("div",M,[y("input",{class:g(["mono-50 bg-grey-50 text-grey-800 placeholder-grey-600 border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800",a(a(a({},s(i)),s(o)),s(n))]),placeholder:e.placeholder,type:e.type,tabindex:e.isDisabled?"-1":void 0,onInput:u},null,42,N),e.icon?(d(),f("span",{key:0,class:g(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",s(o)])},[b(C,{name:e.icon},null,8,["name"])],2)):p("",!0)]))}}),G={class:"inline-block text-blue-900 text-sm font-medium"},J=["for"],K={key:0},Q=o({props:{id:{type:String,required:!0},label:{type:String,required:!0},description:{type:String,required:!0}},setup:e=>(r,t)=>(d(),f("span",G,[y("label",{for:e.id},m(e.label),9,J),e.description?(d(),f("span",K,m(e.description),1)):p("",!0)]))}),W={class:"animate-pulse"},X={class:"flex items-center justify-between space-x-4"},Y={key:0,class:"h-12 w-12 bg-current rounded-full flex-shrink-0"},Z={key:1,class:"bg-current h-8 w-full rounded-lg"},_={key:0,class:"space-y-2 mt-6"},ee={key:1,class:"mt-6 bg-current h-10 rounded-lg w-1/3"},re=o({props:{avatar:{type:Boolean,required:!1,default:!1},title:{type:Boolean,required:!1,default:!0},lines:{type:Number,required:!1,default:3},footer:{type:Boolean,required:!1,default:!1}},setup(e){const r=new Array(e.lines).fill(void 0).map((()=>{const e=[4,5,6,8,10,16,24,32];return{margin:`mr-${e[Math.floor(Math.random()*e.length)]}`}}));return(t,i)=>(d(),f("div",W,[y("div",X,[e.avatar?(d(),f("div",Y)):p("",!0),e.title?(d(),f("div",Z)):p("",!0)]),e.lines>0?(d(),f("div",_,[(d(!0),f(v,null,h(s(r),((e,r)=>(d(),f("div",{class:g(["bg-current h-4 rounded-lg",e.margin]),key:r},null,2)))),128))])):p("",!0),e.footer?(d(),f("div",ee)):p("",!0)]))}});export{D as D9Button,H as D9Checkbox,C as D9Icon,F as D9Input,Q as D9Label,re as D9Skeleton,w as icons};
+var e=Object.defineProperty,t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,a=(t,n,r)=>n in t?e(t,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[n]=r,o=(e,o)=>{for(var i in o||(o={}))n.call(o,i)&&a(e,i,o[i]);if(t)for(var i of t(o))r.call(o,i)&&a(e,i,o[i]);return e};import{defineComponent as i,computed as l,unref as s,openBlock as u,createBlock as d,mergeProps as c,createCommentVNode as p,createElementBlock as f,normalizeClass as v,createElementVNode as m,toDisplayString as y,createVNode as g,inject as b,ref as h,cloneVNode as w,h as x,onMounted as S,watchEffect as k,provide as I,onUnmounted as C,nextTick as O,withCtx as D,renderSlot as P,Transition as E,Fragment as R,renderList as A,createStaticVNode as T}from"vue";import{FontAwesomeIcon as q}from"@fortawesome/vue-fontawesome";import{library as M}from"@fortawesome/fontawesome-svg-core";import*as j from"@fortawesome/free-solid-svg-icons";M.add(j.faChartPie,j.faCheck,j.faCheckCircle,j.faChevronDown,j.faChevronLeft,j.faChevronRight,j.faChevronUp,j.faCircleNotch,j.faClipboard,j.faCog,j.faDoorOpen,j.faEllipsisH,j.faEnvelope,j.faExclamationTriangle,j.faFingerprint,j.faGlobe,j.faHandPointRight,j.faInfoCircle,j.faPencilAlt,j.faPlayCircle,j.faPlus,j.faPlusCircle,j.faRobot,j.faSave,j.faShieldAlt,j.faTimes,j.faTrash,j.faUser,j.faUserShield);var L=[...Object.keys(M.definitions.fas)].sort();const V=i({props:{name:{type:String,required:!0,default:"user"}},setup(e){const t=e,n=l((()=>!!L.includes(t.name)||(console.warn("could not load icon, because it is not available",t.name),!1)));return(t,r)=>s(n)?(u(),d(s(q),c({key:0,icon:["fas",e.name]},t.$attrs),null,16,["icon"])):p("",!0)}}),N=["aria-label","tabindex"],U={key:0,class:"absolute inset-0 flex items-center justify-center"},B=i({props:{label:{type:String,required:!0},size:{type:null,required:!1,default:"medium"},type:{type:null,required:!1,default:"primary"},isLoading:{type:Boolean,required:!1,default:!1},isDisabled:{type:Boolean,required:!1,default:!1},icon:{type:String,required:!1},iconPosition:{type:null,required:!1,default:"right"}},emits:["onClick"],setup(e,{emit:t}){const n=e,r=l((()=>{const e={"text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900":"primary"===n.type,"text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900":"light"===n.type,"text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900":"dark"===n.type},t={"pointer-events-none opacity-75 cursor-not-allowed":n.isDisabled},r={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":"small"===n.size,"px-5 py-2 text-sm leading-4 font-medium rounded-lg":"medium"===n.size,"px-8 py-3 text-base leading-6 font-medium rounded-lg":"large"===n.size};return o(o(o({},e),t),r)})),a=l((()=>{const e={"mr-2 -ml-1":["small","medium"].includes(n.size)&&"left"===n.iconPosition,"mr-4 -ml-2":["large"].includes(n.size)&&"left"===n.iconPosition},t={"ml-3 -mr-1":["small","medium"].includes(n.size)&&"right"===n.iconPosition,"ml-3 -mr-3":["large"].includes(n.size)&&"right"===n.iconPosition},r={"text-white":"primary"===n.type,"text-blue-600":"light"===n.type,"text-grey-50":"dark"===n.type};return o(o(o({},e),t),r)}));function i(){n.isDisabled||t("onClick")}return(t,n)=>(u(),f("button",{class:v(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",s(r)]),type:"button","aria-label":e.label,tabindex:e.isDisabled?"-1":void 0,onClick:i},[m("div",{class:v(!e.isLoading||"invisible")},[e.icon&&"left"===e.iconPosition?(u(),d(V,{key:0,name:e.icon,class:v(s(a))},null,8,["name","class"])):p("",!0),m("span",null,y(e.label),1),e.icon&&"right"===e.iconPosition?(u(),d(V,{key:1,name:e.icon,class:v(s(a))},null,8,["name","class"])):p("",!0)],2),e.isLoading?(u(),f("span",U,[g(V,{class:"animate-spin",name:"circle-notch"})])):p("",!0)],10,N))}});var $,F=new Uint8Array(16);function K(){if(!$&&!($="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return $(F)}var z=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function H(e){return"string"==typeof e&&z.test(e)}for(var _=[],W=0;W<256;++W)_.push((W+256).toString(16).substr(1));function G(e,t,n){var r=(e=e||{}).random||(e.rng||K)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var a=0;a<16;++a)t[n+a]=r[a];return t}return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(_[e[t+0]]+_[e[t+1]]+_[e[t+2]]+_[e[t+3]]+"-"+_[e[t+4]]+_[e[t+5]]+"-"+_[e[t+6]]+_[e[t+7]]+"-"+_[e[t+8]]+_[e[t+9]]+"-"+_[e[t+10]]+_[e[t+11]]+_[e[t+12]]+_[e[t+13]]+_[e[t+14]]+_[e[t+15]]).toLowerCase();if(!H(n))throw TypeError("Stringified UUID is invalid");return n}(r)}const Q={class:"relative flex items-start"},J={class:"flex items-center h-5"},Y=["checked","id"],X={class:"ml-2 text-sm leading-5"},Z=["for"],ee={key:0,class:"text-grey-700 dark:text-grey-400 mono-0 casual-60"},te=i({props:{id:{type:String,required:!1,default:G()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e=>{t("update:modelValue",e.target.checked)};return(t,r)=>(u(),f("div",Q,[m("div",J,[m("input",{class:"h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm",type:"checkbox",checked:e.modelValue,onChange:n,id:e.id},null,40,Y)]),m("div",X,[m("label",{for:e.id,class:"font-medium text-grey-900 dark:text-grey-200 casual-25"},y(e.label),9,Z),e.description?(u(),f("p",ee,y(e.description),1)):p("",!0)])]))}}),ne={class:"relative"},re=["placeholder","type","tabindex"],ae=i({props:{type:{type:String,required:!0,default:"text"},placeholder:{type:String,required:!1},size:{type:null,required:!1,default:"medium"},icon:{type:String,required:!1},isDisabled:{type:Boolean,required:!1,default:!1}},emits:["onInput"],setup(e,{emit:t}){const n=e,r=l((()=>({"px-3 py-1 rounded font-normal":"small"===n.size,"px-4 py-3 rounded font-normal":"medium"===n.size,"px-6 py-3 rounded font-normal":"large"===n.size,"pl-10":n.icon&&"small"===n.size,"pl-12":n.icon&&("medium"===n.size||"large"===n.size)}))),a=l((()=>({"pointer-events-none opacity-50 cursor-not-allowed":n.isDisabled}))),i=l((()=>({"text-xs leading-4":"small"===n.size,"text-sm leading-4":"medium"===n.size,"text-base leading-4":"large"===n.size}))),d=function(e){t("onInput",(null==e?void 0:e.target).value)};return(t,n)=>(u(),f("div",ne,[m("input",{class:v(["mono-50 bg-grey-50 text-grey-800 placeholder-grey-600 border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800",o(o(o({},s(r)),s(i)),s(a))]),placeholder:e.placeholder,type:e.type,tabindex:e.isDisabled?"-1":void 0,onInput:d},null,42,re),e.icon?(u(),f("span",{key:0,class:v(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",s(i)])},[g(V,{name:e.icon},null,8,["name"])],2)):p("",!0)]))}}),oe={class:"inline-block text-blue-900 text-sm font-medium"},ie=["for"],le={key:0},se=i({props:{id:{type:String,required:!0},label:{type:String,required:!0},description:{type:String,required:!0}},setup:e=>(t,n)=>(u(),f("span",oe,[m("label",{for:e.id},y(e.label),9,ie),e.description?(u(),f("span",le,y(e.description),1)):p("",!0)]))});function ue(){return(ue=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function de(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}function ce(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function pe(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return ce(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ce(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function fe(e,t){if(e in t){for(var n=t[e],r=arguments.length,a=new Array(r>2?r-2:0),o=2;o<r;o++)a[o-2]=arguments[o];return"function"==typeof n?n.apply(void 0,a):n}var i=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(i,fe),i}var ve,me,ye,ge,be,he;function we(e){var t,n,r=e.visible,a=void 0===r||r,o=e.features,i=void 0===o?ve.None:o,l=de(e,["visible","features"]);return a||i&ve.Static&&l.props.static?xe(l):i&ve.RenderStrategy?fe(null==(t=l.props.unmount)||t?ye.Unmount:ye.Hidden,((n={})[ye.Unmount]=function(){return null},n[ye.Hidden]=function(){return xe(ue({},l,{props:ue({},l.props,{hidden:!0,style:{display:"none"}})}))},n)):xe(l)}function xe(e){var t,n=e.props,r=e.attrs,a=e.slots,o=e.slot,i=e.name,l=function(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),a=pe(t);!(n=a()).done;){var o=n.value;o in r&&delete r[o]}return r}(n,["unmount","static"]),s=l.as,u=de(l,["as"]),d=null==a.default?void 0:a.default(o);if("template"===s){if(Object.keys(u).length>0||Object.keys(r).length>0){var c=null!=d?d:[],p=c[0],f=c.slice(1);if(null==(t=p)||"string"!=typeof t.type&&"object"!=typeof t.type&&"function"!=typeof t.type||f.length>0)throw new Error(['Passing props on "template"!',"","The current component <"+i+' /> is rendering a "template".',"However we need to passthrough the following props:",Object.keys(u).concat(Object.keys(r)).map((function(e){return"  - "+e})).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map((function(e){return"  - "+e})).join("\n")].join("\n"));return w(p,u)}return Array.isArray(d)&&1===d.length?d[0]:d}return x(s,u,d)}(me=ve||(ve={}))[me.None=0]="None",me[me.RenderStrategy=1]="RenderStrategy",me[me.Static=2]="Static",(ge=ye||(ye={}))[ge.Unmount=0]="Unmount",ge[ge.Hidden=1]="Hidden",(he=be||(be={})).Space=" ",he.Enter="Enter",he.Escape="Escape",he.Backspace="Backspace",he.ArrowLeft="ArrowLeft",he.ArrowUp="ArrowUp",he.ArrowRight="ArrowRight",he.ArrowDown="ArrowDown",he.Home="Home",he.End="End",he.PageUp="PageUp",he.PageDown="PageDown",he.Tab="Tab";var Se,ke,Ie,Ce,Oe,De,Pe,Ee,Re,Ae,Te=0;function qe(){return++Te}function Me(e){var t;return null==e||null==e.value?null:null!=(t=e.value.$el)?t:e.value}(ke=Se||(Se={}))[ke.First=1]="First",ke[ke.Previous=2]="Previous",ke[ke.Next=4]="Next",ke[ke.Last=8]="Last",ke[ke.WrapAround=16]="WrapAround",ke[ke.NoScroll=32]="NoScroll",(Ce=Ie||(Ie={}))[Ce.Error=0]="Error",Ce[Ce.Overflow=1]="Overflow",Ce[Ce.Success=2]="Success",Ce[Ce.Underflow=3]="Underflow",(De=Oe||(Oe={}))[De.Previous=-1]="Previous",De[De.Next=1]="Next",(Ee=Pe||(Pe={}))[Ee.Strict=0]="Strict",Ee[Ee.Loose=1]="Loose",(Ae=Re||(Re={}))[Ae.AddElement=0]="AddElement",Ae[Ae.RemoveElement=1]="RemoveElement";var je,Le,Ve,Ne,Ue,Be,$e,Fe,Ke,ze,He,_e=Symbol("Context");function We(e,t){if(e)return e;var n=null!=t?t:"button";return"string"==typeof n&&"button"===n.toLowerCase()?"button":void 0}function Ge(e,t){var n=h(We(e.value.type,e.value.as));return S((function(){n.value=We(e.value.type,e.value.as)})),k((function(){var e;n.value||Me(t)&&Me(t)instanceof HTMLButtonElement&&!(null==(e=Me(t))?void 0:e.hasAttribute("type"))&&(n.value="button")})),n}function Qe(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),a=null!=r?r:-1,o=function(){switch(e.focus){case $e.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case $e.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==a&&r.length-n-1>=a)&&!t.resolveDisabled(e)}));return-1===r?r:n.length-1-r;case $e.Next:return n.findIndex((function(e,n){return!(n<=a)&&!t.resolveDisabled(e)}));case $e.Last:var o=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===o?o:n.length-1-o;case $e.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case $e.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===o?r:o}(Le=je||(je={}))[Le.Open=0]="Open",Le[Le.Closed=1]="Closed",(Ne=Ve||(Ve={}))[Ne.Open=0]="Open",Ne[Ne.Closed=1]="Closed",(Be=Ue||(Ue={}))[Be.Open=0]="Open",Be[Be.Closed=1]="Closed",function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}($e||($e={})),(Ke=Fe||(Fe={}))[Ke.Open=0]="Open",Ke[Ke.Closed=1]="Closed",(He=ze||(ze={}))[He.Open=0]="Open",He[He.Closed=1]="Closed";var Je=Symbol("MenuContext");function Ye(e){var t=b(Je,null);if(null===t){var n=new Error("<"+e+" /> is missing a parent <Menu /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ye),n}return t}var Xe,Ze,et,tt,nt=i({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup:function(e,t){var n,r,a,o,i=t.slots,s=t.attrs,u=h(ze.Closed),d=h(null),c=h(null),p=h([]),f=h(""),v=h(null),m={menuState:u,buttonRef:d,itemsRef:c,items:p,searchQuery:f,activeItemIndex:v,closeMenu:function(){u.value=ze.Closed,v.value=null},openMenu:function(){return u.value=ze.Open},goToItem:function(e,t){var n=Qe(e===$e.Specific?{focus:$e.Specific,id:t}:{focus:e},{resolveItems:function(){return p.value},resolveActiveIndex:function(){return v.value},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.disabled}});""===f.value&&v.value===n||(f.value="",v.value=n)},search:function(e){f.value+=e.toLowerCase();var t=p.value.findIndex((function(e){return e.dataRef.textValue.startsWith(f.value)&&!e.dataRef.disabled}));-1!==t&&t!==v.value&&(v.value=t)},clearSearch:function(){f.value=""},registerItem:function(e,t){p.value.push({id:e,dataRef:t})},unregisterItem:function(e){var t=p.value.slice(),n=null!==v.value?t[v.value]:null,r=t.findIndex((function(t){return t.id===e}));-1!==r&&t.splice(r,1),p.value=t,v.value=r===v.value||null===n?null:t.indexOf(n)}};return n="mousedown",r=function(e){var t,n,r,a=e.target,o=document.activeElement;u.value===ze.Open&&((null==(t=Me(d))?void 0:t.contains(a))||((null==(n=Me(c))?void 0:n.contains(a))||m.closeMenu(),o!==document.body&&(null==o?void 0:o.contains(a))||e.defaultPrevented||null==(r=Me(d))||r.focus({preventScroll:!0})))},window.addEventListener(n,r,a),C((function(){return window.removeEventListener(n,r,a)})),I(Je,m),o=l((function(){var e;return fe(u.value,((e={})[ze.Open]=je.Open,e[ze.Closed]=je.Closed,e))})),I(_e,o),function(){var t={open:u.value===ze.Open};return we({props:e,slot:t,slots:i,attrs:s,name:"Menu"})}}}),rt=i({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"}},render:function(){var e,t=Ye("MenuButton"),n={open:t.menuState.value===ze.Open},r={ref:"el",id:this.id,type:this.type,"aria-haspopup":!0,"aria-controls":null==(e=Me(t.itemsRef))?void 0:e.id,"aria-expanded":this.$props.disabled?void 0:t.menuState.value===ze.Open,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onClick:this.handleClick};return we({props:ue({},this.$props,r),slot:n,attrs:this.$attrs,slots:this.$slots,name:"MenuButton"})},setup:function(e,t){var n=t.attrs,r=Ye("MenuButton");return{id:"headlessui-menu-button-"+qe(),el:r.buttonRef,type:Ge(l((function(){return{as:e.as,type:n.type}})),r.buttonRef),handleKeyDown:function(e){switch(e.key){case be.Space:case be.Enter:case be.ArrowDown:e.preventDefault(),e.stopPropagation(),r.openMenu(),O((function(){var e;null==(e=Me(r.itemsRef))||e.focus({preventScroll:!0}),r.goToItem($e.First)}));break;case be.ArrowUp:e.preventDefault(),e.stopPropagation(),r.openMenu(),O((function(){var e;null==(e=Me(r.itemsRef))||e.focus({preventScroll:!0}),r.goToItem($e.Last)}))}},handleKeyUp:function(e){switch(e.key){case be.Space:e.preventDefault()}},handleClick:function(t){var n;e.disabled||(r.menuState.value===ze.Open?(r.closeMenu(),O((function(){var e;return null==(e=Me(r.buttonRef))?void 0:e.focus({preventScroll:!0})}))):(t.preventDefault(),t.stopPropagation(),r.openMenu(),n=function(){var e;return null==(e=Me(r.itemsRef))?void 0:e.focus({preventScroll:!0})},requestAnimationFrame((function(){return requestAnimationFrame(n)}))))}}}}),at=i({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},render:function(){var e,t,n=Ye("MenuItems"),r={open:n.menuState.value===ze.Open},a={"aria-activedescendant":null===n.activeItemIndex.value||null==(e=n.items.value[n.activeItemIndex.value])?void 0:e.id,"aria-labelledby":null==(t=Me(n.buttonRef))?void 0:t.id,id:this.id,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,role:"menu",tabIndex:0,ref:"el"};return we({props:ue({},this.$props,a),slot:r,attrs:this.$attrs,slots:this.$slots,features:ve.RenderStrategy|ve.Static,visible:this.visible,name:"MenuItems"})},setup:function(){var e,t,n,r,a,o=Ye("MenuItems"),i="headlessui-menu-items-"+qe(),s=h(null);e={container:l((function(){return Me(o.itemsRef)})),enabled:l((function(){return o.menuState.value===ze.Open})),accept:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}},t=e.container,n=e.accept,r=e.walk,a=e.enabled,k((function(){var e=t.value;if(e&&(void 0===a||a.value))for(var o=Object.assign((function(e){return n(e)}),{acceptNode:n}),i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,o,!1);i.nextNode();)r(i.currentNode)}));var u=b(_e,null),d=l((function(){return null!==u?u.value===je.Open:o.menuState.value===ze.Open}));return{id:i,el:o.itemsRef,handleKeyDown:function(e){switch(s.value&&clearTimeout(s.value),e.key){case be.Space:if(""!==o.searchQuery.value)return e.preventDefault(),e.stopPropagation(),o.search(e.key);case be.Enter:if(e.preventDefault(),e.stopPropagation(),null!==o.activeItemIndex.value){var t,n=o.items.value[o.activeItemIndex.value].id;null==(t=document.getElementById(n))||t.click()}o.closeMenu(),O((function(){var e;return null==(e=Me(o.buttonRef))?void 0:e.focus({preventScroll:!0})}));break;case be.ArrowDown:return e.preventDefault(),e.stopPropagation(),o.goToItem($e.Next);case be.ArrowUp:return e.preventDefault(),e.stopPropagation(),o.goToItem($e.Previous);case be.Home:case be.PageUp:return e.preventDefault(),e.stopPropagation(),o.goToItem($e.First);case be.End:case be.PageDown:return e.preventDefault(),e.stopPropagation(),o.goToItem($e.Last);case be.Escape:e.preventDefault(),e.stopPropagation(),o.closeMenu(),O((function(){var e;return null==(e=Me(o.buttonRef))?void 0:e.focus({preventScroll:!0})}));break;case be.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(o.search(e.key),s.value=setTimeout((function(){return o.clearSearch()}),350))}},handleKeyUp:function(e){switch(e.key){case be.Space:e.preventDefault()}},visible:d}}}),ot=i({name:"MenuItem",props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1}},setup:function(e,t){var n=t.slots,r=t.attrs,a=Ye("MenuItem"),o="headlessui-menu-item-"+qe(),i=l((function(){return null!==a.activeItemIndex.value&&a.items.value[a.activeItemIndex.value].id===o})),s=h({disabled:e.disabled,textValue:""});function u(t){if(e.disabled)return t.preventDefault();a.closeMenu(),O((function(){var e;return null==(e=Me(a.buttonRef))?void 0:e.focus({preventScroll:!0})}))}function d(){if(e.disabled)return a.goToItem($e.Nothing);a.goToItem($e.Specific,o)}function c(){e.disabled||i.value||a.goToItem($e.Specific,o)}function p(){e.disabled||i.value&&a.goToItem($e.Nothing)}return S((function(){var e,t,n=null==(e=document.getElementById(o))||null==(t=e.textContent)?void 0:t.toLowerCase().trim();void 0!==n&&(s.value.textValue=n)})),S((function(){return a.registerItem(o,s)})),C((function(){return a.unregisterItem(o)})),k((function(){a.menuState.value===ze.Open&&i.value&&O((function(){var e;return null==(e=document.getElementById(o))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})}))})),function(){var t=e.disabled,a={active:i.value,disabled:t};return we({props:ue({},e,{id:o,role:"menuitem",tabIndex:!0===t?void 0:-1,"aria-disabled":!0===t||void 0,onClick:u,onFocus:d,onPointermove:c,onMousemove:c,onPointerleave:p,onMouseleave:p}),slot:a,attrs:r,slots:n,name:"MenuItem"})}}});(Ze=Xe||(Xe={}))[Ze.Open=0]="Open",Ze[Ze.Closed=1]="Closed",(tt=et||(et={}))[tt.Empty=1]="Empty",tt[tt.Active=2]="Active";var it,lt,st,ut,dt=Symbol("GroupContext"),ct=i({name:"Switch",emits:{"update:modelValue":function(e){return!0}},props:{as:{type:[Object,String],default:"button"},modelValue:{type:Boolean,default:!1}},render:function(){var e={checked:this.$props.modelValue},t={id:this.id,ref:"el",role:"switch",type:this.type,tabIndex:0,"aria-checked":this.$props.modelValue,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,onClick:this.handleClick,onKeyup:this.handleKeyUp,onKeypress:this.handleKeyPress};return we({props:ue({},this.$props,t),slot:e,attrs:this.$attrs,slots:this.$slots,name:"Switch"})},setup:function(e,t){var n=t.emit,r=t.attrs,a=b(dt,null),o="headlessui-switch-"+qe();function i(){n("update:modelValue",!e.modelValue)}var s=h(null),u=null===a?s:a.switchRef;return{id:o,el:u,type:Ge(l((function(){return{as:e.as,type:r.type}})),u),labelledby:null==a?void 0:a.labelledby,describedby:null==a?void 0:a.describedby,handleClick:function(e){e.preventDefault(),i()},handleKeyUp:function(e){e.key!==be.Tab&&e.preventDefault(),e.key===be.Space&&i()},handleKeyPress:function(e){e.preventDefault()}}}});(lt=it||(it={})).Finished="finished",lt.Cancelled="cancelled",(ut=st||(st={})).Visible="visible",ut.Hidden="hidden",ve.RenderStrategy;const pt=i({props:{position:{type:String,required:!0,default:"left"}},setup:e=>(t,n)=>(u(),d(s(nt),{as:"div",class:"relative inline-block text-left"},{default:D((()=>[g(s(rt),null,{default:D((()=>[P(t.$slots,"button",{},(()=>[g(s(V),{class:"fill-current",name:"ellipsis-h"})]))])),_:3}),g(E,{"enter-active-class":"transition duration-100 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100","leave-active-class":"transition duration-75 ease-out","leave-from-class":"transform scale-100 opacity-100","leave-to-class":"transform scale-95 opacity-0"},{default:D((()=>[g(s(at),{class:v([{"left-0":"right"===e.position,"right-0":"left"===e.position},"origin-top-left absolute mt-1 py-1 bg-white w-56 rounded shadow-lg text-grey-700 focus:outline-none"])},{default:D((()=>[P(t.$slots,"default")])),_:3},8,["class"])])),_:3})])),_:3}))}),ft=i({props:{label:{type:String,required:!1}},setup:e=>(t,n)=>(u(),d(s(ot),null,{default:D((({active:n})=>[m("span",c({class:["block px-4 py-2 text-xs hover:bg-grey-200 focus:bg-grey-200 focus:outline-none",n?"bg-grey-200":""]},t.$attrs),y(e.label),17)])),_:1}))}),vt={class:"sr-only"},mt=i({props:{id:{type:String,required:!1,default:G()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1},onLabel:{type:String,required:!1,default:"on"},offLabel:{type:String,required:!1,default:"off"}},emits:["update:modelValue"],setup(e,{emit:t}){const n=e=>{t("update:modelValue",e)};return(t,r)=>(u(),d(s(ct),{modelValue:e.modelValue,label:e.label,class:v([e.modelValue?"bg-blue-700":"bg-grey-700","relative inline-flex items-center h-6 rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-300 transition"]),"onUpdate:modelValue":n},{default:D((()=>[m("span",{class:v(["absolute inset-x-2 text-xs text-white text-center",e.modelValue?"pr-3":"pl-3"])},y(e.modelValue?e.onLabel:e.offLabel),3),m("span",vt,y(e.label),1),m("span",{class:v([e.modelValue?"translate-x-9":"translate-x-1","inline-block w-4 h-4 transform bg-white rounded-full transition"])},null,2)])),_:1},8,["modelValue","label","class"]))}}),yt={class:"animate-pulse"},gt={class:"flex items-center justify-between space-x-4"},bt={key:0,class:"h-12 w-12 bg-current rounded-full flex-shrink-0"},ht={key:1,class:"bg-current h-8 w-full rounded-lg"},wt={key:0,class:"space-y-2 mt-6"},xt={key:1,class:"mt-6 bg-current h-10 rounded-lg w-1/3"},St=i({props:{avatar:{type:Boolean,required:!1,default:!1},title:{type:Boolean,required:!1,default:!0},lines:{type:Number,required:!1,default:3},footer:{type:Boolean,required:!1,default:!1}},setup(e){const t=new Array(e.lines).fill(void 0).map((()=>{const e=[4,5,6,8,10,16,24,32];return{margin:`mr-${e[Math.floor(Math.random()*e.length)]}`}}));return(n,r)=>(u(),f("div",yt,[m("div",gt,[e.avatar?(u(),f("div",bt)):p("",!0),e.title?(u(),f("div",ht)):p("",!0)]),e.lines>0?(u(),f("div",wt,[(u(!0),f(R,null,A(s(t),((e,t)=>(u(),f("div",{class:v(["bg-current h-4 rounded-lg",e.margin]),key:t},null,2)))),128))])):p("",!0),e.footer?(u(),f("div",xt)):p("",!0)]))}});var kt=(e,t)=>{for(const[n,r]of t)e[n]=r;return e};const It={},Ct={class:"grid grid-cols-3 grid-rows-3 gap-1 w-12 h-12"},Ot=[T('<div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.4s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div>',9)];var Dt=kt(It,[["render",function(e,t){return u(),f("div",Ct,Ot)}]]);export{B as D9Button,te as D9Checkbox,V as D9Icon,ae as D9Input,se as D9Label,pt as D9Menu,ft as D9MenuLink,St as D9Skeleton,Dt as D9Spinner,mt as D9Switch,L as icons};

package/dist/src/index.umd.js

@@ -1 +1 @@
-var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,r)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,__spreadValues=(e,t)=>{for(var r in t||(t={}))__hasOwnProp.call(t,r)&&__defNormalProp(e,r,t[r]);if(__getOwnPropSymbols)for(var r of __getOwnPropSymbols(t))__propIsEnum.call(t,r)&&__defNormalProp(e,r,t[r]);return e};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@fortawesome/vue-fontawesome"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons")):"function"==typeof define&&define.amd?define(["exports","vue","@fortawesome/vue-fontawesome","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ui={},e.Vue,e.vueFontawesome,e.fontawesomeSvgCore,e.fasIcons)}(this,(function(e,t,r,o,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(n);o.library.add(l.faChartPie,l.faCheck,l.faCheckCircle,l.faChevronDown,l.faChevronLeft,l.faChevronRight,l.faChevronUp,l.faCircleNotch,l.faClipboard,l.faCog,l.faDoorOpen,l.faEllipsisH,l.faEnvelope,l.faExclamationTriangle,l.faFingerprint,l.faGlobe,l.faHandPointRight,l.faInfoCircle,l.faPencilAlt,l.faPlayCircle,l.faPlus,l.faPlusCircle,l.faRobot,l.faSave,l.faShieldAlt,l.faTimes,l.faTrash,l.faUser,l.faUserShield);var i=[...Object.keys(o.library.definitions.fas)].sort();const s=t.defineComponent({props:{name:{type:String,required:!0,default:"user"}},setup(e){const o=e,n=t.computed((()=>!!i.includes(o.name)||(console.warn("could not load icon, because it is not available",o.name),!1)));return(o,a)=>t.unref(n)?(t.openBlock(),t.createBlock(t.unref(r.FontAwesomeIcon),t.mergeProps({key:0,icon:["fas",e.name]},o.$attrs),null,16,["icon"])):t.createCommentVNode("",!0)}}),d=["aria-label","tabindex"],c={key:0,class:"absolute inset-0 flex items-center justify-center"},u=t.defineComponent({props:{label:{type:String,required:!0},size:{type:null,required:!1,default:"medium"},type:{type:null,required:!1,default:"primary"},isLoading:{type:Boolean,required:!1,default:!1},isDisabled:{type:Boolean,required:!1,default:!1},icon:{type:String,required:!1},iconPosition:{type:null,required:!1,default:"right"}},emits:["onClick"],setup(e,{emit:r}){const o=e,n=t.computed((()=>{const e={"text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900":"primary"===o.type,"text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900":"light"===o.type,"text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900":"dark"===o.type},t={"pointer-events-none opacity-75 cursor-not-allowed":o.isDisabled},r={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":"small"===o.size,"px-5 py-2 text-sm leading-4 font-medium rounded-lg":"medium"===o.size,"px-8 py-3 text-base leading-6 font-medium rounded-lg":"large"===o.size};return __spreadValues(__spreadValues(__spreadValues({},e),t),r)})),a=t.computed((()=>{const e={"mr-2 -ml-1":["small","medium"].includes(o.size)&&"left"===o.iconPosition,"mr-4 -ml-2":["large"].includes(o.size)&&"left"===o.iconPosition},t={"ml-3 -mr-1":["small","medium"].includes(o.size)&&"right"===o.iconPosition,"ml-3 -mr-3":["large"].includes(o.size)&&"right"===o.iconPosition},r={"text-white":"primary"===o.type,"text-blue-600":"light"===o.type,"text-grey-50":"dark"===o.type};return __spreadValues(__spreadValues(__spreadValues({},e),t),r)}));function l(){o.isDisabled||r("onClick")}return(r,o)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",t.unref(n)]),type:"button","aria-label":e.label,tabindex:e.isDisabled?"-1":void 0,onClick:l},[t.createElementVNode("div",{class:t.normalizeClass(!e.isLoading||"invisible")},[e.icon&&"left"===e.iconPosition?(t.openBlock(),t.createBlock(s,{key:0,name:e.icon,class:t.normalizeClass(t.unref(a))},null,8,["name","class"])):t.createCommentVNode("",!0),t.createElementVNode("span",null,t.toDisplayString(e.label),1),e.icon&&"right"===e.iconPosition?(t.openBlock(),t.createBlock(s,{key:1,name:e.icon,class:t.normalizeClass(t.unref(a))},null,8,["name","class"])):t.createCommentVNode("",!0)],2),e.isLoading?(t.openBlock(),t.createElementBlock("span",c,[t.createVNode(s,{class:"animate-spin",name:"circle-notch"})])):t.createCommentVNode("",!0)],10,d))}});var p,m=new Uint8Array(16);function f(){if(!p&&!(p="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(m)}var g=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function y(e){return"string"==typeof e&&g.test(e)}for(var b=[],k=0;k<256;++k)b.push((k+256).toString(16).substr(1));const v={class:"relative flex items-start"},h={class:"flex items-center h-5"},x=["checked","id"],_={class:"ml-2 text-sm leading-5"},C=["for"],B={key:0,class:"text-grey-700 dark:text-grey-400 mono-0 casual-60"},V=t.defineComponent({props:{id:{type:String,required:!1,default:function(e,t,r){var o=(e=e||{}).random||(e.rng||f)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,t){r=r||0;for(var n=0;n<16;++n)t[r+n]=o[n];return t}return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=(b[e[t+0]]+b[e[t+1]]+b[e[t+2]]+b[e[t+3]]+"-"+b[e[t+4]]+b[e[t+5]]+"-"+b[e[t+6]]+b[e[t+7]]+"-"+b[e[t+8]]+b[e[t+9]]+"-"+b[e[t+10]]+b[e[t+11]]+b[e[t+12]]+b[e[t+13]]+b[e[t+14]]+b[e[t+15]]).toLowerCase();if(!y(r))throw TypeError("Stringified UUID is invalid");return r}(o)}()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1},checked:{type:Boolean,required:!1}},emits:["update:modelValue"],setup:e=>(r,o)=>(t.openBlock(),t.createElementBlock("div",v,[t.createElementVNode("div",h,[t.createElementVNode("input",{class:"h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm",type:"checkbox",checked:e.modelValue,id:e.id},null,8,x)]),t.createElementVNode("div",_,[t.createElementVNode("label",{for:e.id,class:"font-medium text-grey-900 dark:text-grey-200 casual-25"},t.toDisplayString(e.label),9,C),e.description?(t.openBlock(),t.createElementBlock("p",B,t.toDisplayString(e.description),1)):t.createCommentVNode("",!0)])]))}),w={class:"relative"},E=["placeholder","type","tabindex"],S=t.defineComponent({props:{type:{type:String,required:!0,default:"text"},placeholder:{type:String,required:!1},size:{type:null,required:!1,default:"medium"},icon:{type:String,required:!1},isDisabled:{type:Boolean,required:!1,default:!1}},emits:["onInput"],setup(e,{emit:r}){const o=e,n=t.computed((()=>({"px-3 py-1 rounded font-normal":"small"===o.size,"px-4 py-3 rounded font-normal":"medium"===o.size,"px-6 py-3 rounded font-normal":"large"===o.size,"pl-10":o.icon&&"small"===o.size,"pl-12":o.icon&&("medium"===o.size||"large"===o.size)}))),a=t.computed((()=>({"pointer-events-none opacity-50 cursor-not-allowed":o.isDisabled}))),l=t.computed((()=>({"text-xs leading-4":"small"===o.size,"text-sm leading-4":"medium"===o.size,"text-base leading-4":"large"===o.size}))),i=function(e){r("onInput",(null==e?void 0:e.target).value)};return(r,o)=>(t.openBlock(),t.createElementBlock("div",w,[t.createElementVNode("input",{class:t.normalizeClass(["mono-50 bg-grey-50 text-grey-800 placeholder-grey-600 border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800",__spreadValues(__spreadValues(__spreadValues({},t.unref(n)),t.unref(l)),t.unref(a))]),placeholder:e.placeholder,type:e.type,tabindex:e.isDisabled?"-1":void 0,onInput:i},null,42,E),e.icon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",t.unref(l)])},[t.createVNode(s,{name:e.icon},null,8,["name"])],2)):t.createCommentVNode("",!0)]))}}),P={class:"inline-block text-blue-900 text-sm font-medium"},q=["for"],N={key:0},z=t.defineComponent({props:{id:{type:String,required:!0},label:{type:String,required:!0},description:{type:String,required:!0}},setup:e=>(r,o)=>(t.openBlock(),t.createElementBlock("span",P,[t.createElementVNode("label",{for:e.id},t.toDisplayString(e.label),9,q),e.description?(t.openBlock(),t.createElementBlock("span",N,t.toDisplayString(e.description),1)):t.createCommentVNode("",!0)]))}),D={class:"animate-pulse"},O={class:"flex items-center justify-between space-x-4"},j={key:0,class:"h-12 w-12 bg-current rounded-full flex-shrink-0"},I={key:1,class:"bg-current h-8 w-full rounded-lg"},R={key:0,class:"space-y-2 mt-6"},T={key:1,class:"mt-6 bg-current h-10 rounded-lg w-1/3"},L=t.defineComponent({props:{avatar:{type:Boolean,required:!1,default:!1},title:{type:Boolean,required:!1,default:!0},lines:{type:Number,required:!1,default:3},footer:{type:Boolean,required:!1,default:!1}},setup(e){const r=new Array(e.lines).fill(void 0).map((()=>{const e=[4,5,6,8,10,16,24,32];return{margin:`mr-${e[Math.floor(Math.random()*e.length)]}`}}));return(o,n)=>(t.openBlock(),t.createElementBlock("div",D,[t.createElementVNode("div",O,[e.avatar?(t.openBlock(),t.createElementBlock("div",j)):t.createCommentVNode("",!0),e.title?(t.openBlock(),t.createElementBlock("div",I)):t.createCommentVNode("",!0)]),e.lines>0?(t.openBlock(),t.createElementBlock("div",R,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(r),((e,r)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["bg-current h-4 rounded-lg",e.margin]),key:r},null,2)))),128))])):t.createCommentVNode("",!0),e.footer?(t.openBlock(),t.createElementBlock("div",T)):t.createCommentVNode("",!0)]))}});e.D9Button=u,e.D9Checkbox=V,e.D9Icon=s,e.D9Input=S,e.D9Label=z,e.D9Skeleton=L,e.icons=i,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
+var __defProp=Object.defineProperty,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e};!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@fortawesome/vue-fontawesome"),require("@fortawesome/fontawesome-svg-core"),require("@fortawesome/free-solid-svg-icons")):"function"==typeof define&&define.amd?define(["exports","vue","@fortawesome/vue-fontawesome","@fortawesome/fontawesome-svg-core","@fortawesome/free-solid-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ui={},e.Vue,e.vueFontawesome,e.fontawesomeSvgCore,e.fasIcons)}(this,(function(e,t,n,r,o){"use strict";function a(e){if(e&&e.__esModule)return e;var t={__proto__:null,[Symbol.toStringTag]:"Module"};return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(o);r.library.add(l.faChartPie,l.faCheck,l.faCheckCircle,l.faChevronDown,l.faChevronLeft,l.faChevronRight,l.faChevronUp,l.faCircleNotch,l.faClipboard,l.faCog,l.faDoorOpen,l.faEllipsisH,l.faEnvelope,l.faExclamationTriangle,l.faFingerprint,l.faGlobe,l.faHandPointRight,l.faInfoCircle,l.faPencilAlt,l.faPlayCircle,l.faPlus,l.faPlusCircle,l.faRobot,l.faSave,l.faShieldAlt,l.faTimes,l.faTrash,l.faUser,l.faUserShield);var i=[...Object.keys(r.library.definitions.fas)].sort();const s=t.defineComponent({props:{name:{type:String,required:!0,default:"user"}},setup(e){const r=e,o=t.computed((()=>!!i.includes(r.name)||(console.warn("could not load icon, because it is not available",r.name),!1)));return(r,a)=>t.unref(o)?(t.openBlock(),t.createBlock(t.unref(n.FontAwesomeIcon),t.mergeProps({key:0,icon:["fas",e.name]},r.$attrs),null,16,["icon"])):t.createCommentVNode("",!0)}}),u=["aria-label","tabindex"],c={key:0,class:"absolute inset-0 flex items-center justify-center"},d=t.defineComponent({props:{label:{type:String,required:!0},size:{type:null,required:!1,default:"medium"},type:{type:null,required:!1,default:"primary"},isLoading:{type:Boolean,required:!1,default:!1},isDisabled:{type:Boolean,required:!1,default:!1},icon:{type:String,required:!1},iconPosition:{type:null,required:!1,default:"right"}},emits:["onClick"],setup(e,{emit:n}){const r=e,o=t.computed((()=>{const e={"text-white bg-blue-600 border-transparent hover:bg-blue-700 active:bg-blue-700 dark:ring-blue-800 ring-offset-2 dark:ring-offset-grey-900":"primary"===r.type,"text-blue-600 bg-grey-100 border-transparent hover:bg-blue-100 hover:text-blue-700 active:bg-grey-100 ring-blue-300 ring-offset-2 dark:ring-offset-grey-900":"light"===r.type,"text-grey-50 bg-grey-700 border-transparent hover:bg-grey-800 active:bg-grey-700 ring-grey-500 dark:ring-grey-400 dark:ring-opacity-50 ring-offset-2 dark:ring-offset-grey-900":"dark"===r.type},t={"pointer-events-none opacity-75 cursor-not-allowed":r.isDisabled},n={"px-4 py-1 text-xs leading-5 mono-100 rounded-lg":"small"===r.size,"px-5 py-2 text-sm leading-4 font-medium rounded-lg":"medium"===r.size,"px-8 py-3 text-base leading-6 font-medium rounded-lg":"large"===r.size};return __spreadValues(__spreadValues(__spreadValues({},e),t),n)})),a=t.computed((()=>{const e={"mr-2 -ml-1":["small","medium"].includes(r.size)&&"left"===r.iconPosition,"mr-4 -ml-2":["large"].includes(r.size)&&"left"===r.iconPosition},t={"ml-3 -mr-1":["small","medium"].includes(r.size)&&"right"===r.iconPosition,"ml-3 -mr-3":["large"].includes(r.size)&&"right"===r.iconPosition},n={"text-white":"primary"===r.type,"text-blue-600":"light"===r.type,"text-grey-50":"dark"===r.type};return __spreadValues(__spreadValues(__spreadValues({},e),t),n)}));function l(){r.isDisabled||n("onClick")}return(n,r)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["relative inline-flex items-center focus:outline-none focus:ring active:ring transition duration-150 ease-in-out",t.unref(o)]),type:"button","aria-label":e.label,tabindex:e.isDisabled?"-1":void 0,onClick:l},[t.createElementVNode("div",{class:t.normalizeClass(!e.isLoading||"invisible")},[e.icon&&"left"===e.iconPosition?(t.openBlock(),t.createBlock(s,{key:0,name:e.icon,class:t.normalizeClass(t.unref(a))},null,8,["name","class"])):t.createCommentVNode("",!0),t.createElementVNode("span",null,t.toDisplayString(e.label),1),e.icon&&"right"===e.iconPosition?(t.openBlock(),t.createBlock(s,{key:1,name:e.icon,class:t.normalizeClass(t.unref(a))},null,8,["name","class"])):t.createCommentVNode("",!0)],2),e.isLoading?(t.openBlock(),t.createElementBlock("span",c,[t.createVNode(s,{class:"animate-spin",name:"circle-notch"})])):t.createCommentVNode("",!0)],10,u))}});var p,f=new Uint8Array(16);function m(){if(!p&&!(p="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(f)}var v=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function y(e){return"string"==typeof e&&v.test(e)}for(var g=[],b=0;b<256;++b)g.push((b+256).toString(16).substr(1));function h(e,t,n){var r=(e=e||{}).random||(e.rng||m)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=r[o];return t}return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(g[e[t+0]]+g[e[t+1]]+g[e[t+2]]+g[e[t+3]]+"-"+g[e[t+4]]+g[e[t+5]]+"-"+g[e[t+6]]+g[e[t+7]]+"-"+g[e[t+8]]+g[e[t+9]]+"-"+g[e[t+10]]+g[e[t+11]]+g[e[t+12]]+g[e[t+13]]+g[e[t+14]]+g[e[t+15]]).toLowerCase();if(!y(n))throw TypeError("Stringified UUID is invalid");return n}(r)}const k={class:"relative flex items-start"},w={class:"flex items-center h-5"},x=["checked","id"],S={class:"ml-2 text-sm leading-5"},C=["for"],E={key:0,class:"text-grey-700 dark:text-grey-400 mono-0 casual-60"},I=t.defineComponent({props:{id:{type:String,required:!1,default:h()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1}},emits:["update:modelValue"],setup(e,{emit:n}){const r=e=>{n("update:modelValue",e.target.checked)};return(n,o)=>(t.openBlock(),t.createElementBlock("div",k,[t.createElementVNode("div",w,[t.createElementVNode("input",{class:"h-4 w-4 border-grey-600 dark:text-blue-500 dark:border-grey-300 dark:checked:border-blue-500 dark:focus:ring-blue-900 dark:focus:ring-offset-grey-800 rounded-sm",type:"checkbox",checked:e.modelValue,onChange:r,id:e.id},null,40,x)]),t.createElementVNode("div",S,[t.createElementVNode("label",{for:e.id,class:"font-medium text-grey-900 dark:text-grey-200 casual-25"},t.toDisplayString(e.label),9,C),e.description?(t.openBlock(),t.createElementBlock("p",E,t.toDisplayString(e.description),1)):t.createCommentVNode("",!0)])]))}}),V={class:"relative"},B=["placeholder","type","tabindex"],O=t.defineComponent({props:{type:{type:String,required:!0,default:"text"},placeholder:{type:String,required:!1},size:{type:null,required:!1,default:"medium"},icon:{type:String,required:!1},isDisabled:{type:Boolean,required:!1,default:!1}},emits:["onInput"],setup(e,{emit:n}){const r=e,o=t.computed((()=>({"px-3 py-1 rounded font-normal":"small"===r.size,"px-4 py-3 rounded font-normal":"medium"===r.size,"px-6 py-3 rounded font-normal":"large"===r.size,"pl-10":r.icon&&"small"===r.size,"pl-12":r.icon&&("medium"===r.size||"large"===r.size)}))),a=t.computed((()=>({"pointer-events-none opacity-50 cursor-not-allowed":r.isDisabled}))),l=t.computed((()=>({"text-xs leading-4":"small"===r.size,"text-sm leading-4":"medium"===r.size,"text-base leading-4":"large"===r.size}))),i=function(e){n("onInput",(null==e?void 0:e.target).value)};return(n,r)=>(t.openBlock(),t.createElementBlock("div",V,[t.createElementVNode("input",{class:t.normalizeClass(["mono-50 bg-grey-50 text-grey-800 placeholder-grey-600 border-grey-300 dark:bg-grey-800 dark:text-grey-100 dark:placeholder-grey-400 dark:border-grey-700 focus:border-blue-400 focus:ring-blue-400 dark:focus:border-blue-800 dark:focus:ring-blue-800",__spreadValues(__spreadValues(__spreadValues({},t.unref(o)),t.unref(l)),t.unref(a))]),placeholder:e.placeholder,type:e.type,tabindex:e.isDisabled?"-1":void 0,onInput:i},null,42,B),e.icon?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass(["absolute left-0 inset-y-0 inline-flex items-center justify-center text-grey-700 dark:text-grey-100 px-4",t.unref(l)])},[t.createVNode(s,{name:e.icon},null,8,["name"])],2)):t.createCommentVNode("",!0)]))}}),P={class:"inline-block text-blue-900 text-sm font-medium"},N=["for"],D={key:0},_=t.defineComponent({props:{id:{type:String,required:!0},label:{type:String,required:!0},description:{type:String,required:!0}},setup:e=>(n,r)=>(t.openBlock(),t.createElementBlock("span",P,[t.createElementVNode("label",{for:e.id},t.toDisplayString(e.label),9,N),e.description?(t.openBlock(),t.createElementBlock("span",D,t.toDisplayString(e.description),1)):t.createCommentVNode("",!0)]))});function T(){return(T=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function j(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function R(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function M(e,t){if(e in t){for(var n=t[e],r=arguments.length,o=new Array(r>2?r-2:0),a=2;a<r;a++)o[a-2]=arguments[a];return"function"==typeof n?n.apply(void 0,o):n}var l=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(l,M),l}var q,L,z,U,F,$;function K(e){var t,n,r=e.visible,o=void 0===r||r,a=e.features,l=void 0===a?q.None:a,i=j(e,["visible","features"]);return o||l&q.Static&&i.props.static?H(i):l&q.RenderStrategy?M(null==(t=i.props.unmount)||t?z.Unmount:z.Hidden,((n={})[z.Unmount]=function(){return null},n[z.Hidden]=function(){return H(T({},i,{props:T({},i.props,{hidden:!0,style:{display:"none"}})}))},n)):H(i)}function H(e){var n,r=e.props,o=e.attrs,a=e.slots,l=e.slot,i=e.name,s=function(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),o=R(t);!(n=o()).done;){var a=n.value;a in r&&delete r[a]}return r}(r,["unmount","static"]),u=s.as,c=j(s,["as"]),d=null==a.default?void 0:a.default(l);if("template"===u){if(Object.keys(c).length>0||Object.keys(o).length>0){var p=null!=d?d:[],f=p[0],m=p.slice(1);if(null==(n=f)||"string"!=typeof n.type&&"object"!=typeof n.type&&"function"!=typeof n.type||m.length>0)throw new Error(['Passing props on "template"!',"","The current component <"+i+' /> is rendering a "template".',"However we need to passthrough the following props:",Object.keys(c).concat(Object.keys(o)).map((function(e){return"  - "+e})).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map((function(e){return"  - "+e})).join("\n")].join("\n"));return t.cloneVNode(f,c)}return Array.isArray(d)&&1===d.length?d[0]:d}return t.h(u,c,d)}(L=q||(q={}))[L.None=0]="None",L[L.RenderStrategy=1]="RenderStrategy",L[L.Static=2]="Static",(U=z||(z={}))[U.Unmount=0]="Unmount",U[U.Hidden=1]="Hidden",($=F||(F={})).Space=" ",$.Enter="Enter",$.Escape="Escape",$.Backspace="Backspace",$.ArrowLeft="ArrowLeft",$.ArrowUp="ArrowUp",$.ArrowRight="ArrowRight",$.ArrowDown="ArrowDown",$.Home="Home",$.End="End",$.PageUp="PageUp",$.PageDown="PageDown",$.Tab="Tab";var W,G,Q,J,Y,X,Z,ee,te,ne,re=0;function oe(){return++re}function ae(e){var t;return null==e||null==e.value?null:null!=(t=e.value.$el)?t:e.value}(G=W||(W={}))[G.First=1]="First",G[G.Previous=2]="Previous",G[G.Next=4]="Next",G[G.Last=8]="Last",G[G.WrapAround=16]="WrapAround",G[G.NoScroll=32]="NoScroll",(J=Q||(Q={}))[J.Error=0]="Error",J[J.Overflow=1]="Overflow",J[J.Success=2]="Success",J[J.Underflow=3]="Underflow",(X=Y||(Y={}))[X.Previous=-1]="Previous",X[X.Next=1]="Next",(ee=Z||(Z={}))[ee.Strict=0]="Strict",ee[ee.Loose=1]="Loose",(ne=te||(te={}))[ne.AddElement=0]="AddElement",ne[ne.RemoveElement=1]="RemoveElement";var le,ie,se,ue,ce,de,pe,fe,me,ve,ye,ge=Symbol("Context");function be(e,t){if(e)return e;var n=null!=t?t:"button";return"string"==typeof n&&"button"===n.toLowerCase()?"button":void 0}function he(e,n){var r=t.ref(be(e.value.type,e.value.as));return t.onMounted((function(){r.value=be(e.value.type,e.value.as)})),t.watchEffect((function(){var e;r.value||ae(n)&&ae(n)instanceof HTMLButtonElement&&!(null==(e=ae(n))?void 0:e.hasAttribute("type"))&&(r.value="button")})),r}function ke(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),o=null!=r?r:-1,a=function(){switch(e.focus){case pe.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case pe.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==o&&r.length-n-1>=o)&&!t.resolveDisabled(e)}));return-1===r?r:n.length-1-r;case pe.Next:return n.findIndex((function(e,n){return!(n<=o)&&!t.resolveDisabled(e)}));case pe.Last:var a=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===a?a:n.length-1-a;case pe.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case pe.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===a?r:a}(ie=le||(le={}))[ie.Open=0]="Open",ie[ie.Closed=1]="Closed",(ue=se||(se={}))[ue.Open=0]="Open",ue[ue.Closed=1]="Closed",(de=ce||(ce={}))[de.Open=0]="Open",de[de.Closed=1]="Closed",function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(pe||(pe={})),(me=fe||(fe={}))[me.Open=0]="Open",me[me.Closed=1]="Closed",(ye=ve||(ve={}))[ye.Open=0]="Open",ye[ye.Closed=1]="Closed";var we=Symbol("MenuContext");function xe(e){var n=t.inject(we,null);if(null===n){var r=new Error("<"+e+" /> is missing a parent <Menu /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,xe),r}return n}var Se,Ce,Ee,Ie,Ve=t.defineComponent({name:"Menu",props:{as:{type:[Object,String],default:"template"}},setup:function(e,n){var r,o,a,l,i=n.slots,s=n.attrs,u=t.ref(ve.Closed),c=t.ref(null),d=t.ref(null),p=t.ref([]),f=t.ref(""),m=t.ref(null),v={menuState:u,buttonRef:c,itemsRef:d,items:p,searchQuery:f,activeItemIndex:m,closeMenu:function(){u.value=ve.Closed,m.value=null},openMenu:function(){return u.value=ve.Open},goToItem:function(e,t){var n=ke(e===pe.Specific?{focus:pe.Specific,id:t}:{focus:e},{resolveItems:function(){return p.value},resolveActiveIndex:function(){return m.value},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.disabled}});""===f.value&&m.value===n||(f.value="",m.value=n)},search:function(e){f.value+=e.toLowerCase();var t=p.value.findIndex((function(e){return e.dataRef.textValue.startsWith(f.value)&&!e.dataRef.disabled}));-1!==t&&t!==m.value&&(m.value=t)},clearSearch:function(){f.value=""},registerItem:function(e,t){p.value.push({id:e,dataRef:t})},unregisterItem:function(e){var t=p.value.slice(),n=null!==m.value?t[m.value]:null,r=t.findIndex((function(t){return t.id===e}));-1!==r&&t.splice(r,1),p.value=t,m.value=r===m.value||null===n?null:t.indexOf(n)}};return r="mousedown",o=function(e){var t,n,r,o=e.target,a=document.activeElement;u.value===ve.Open&&((null==(t=ae(c))?void 0:t.contains(o))||((null==(n=ae(d))?void 0:n.contains(o))||v.closeMenu(),a!==document.body&&(null==a?void 0:a.contains(o))||e.defaultPrevented||null==(r=ae(c))||r.focus({preventScroll:!0})))},window.addEventListener(r,o,a),t.onUnmounted((function(){return window.removeEventListener(r,o,a)})),t.provide(we,v),l=t.computed((function(){var e;return M(u.value,((e={})[ve.Open]=le.Open,e[ve.Closed]=le.Closed,e))})),t.provide(ge,l),function(){var t={open:u.value===ve.Open};return K({props:e,slot:t,slots:i,attrs:s,name:"Menu"})}}}),Be=t.defineComponent({name:"MenuButton",props:{disabled:{type:Boolean,default:!1},as:{type:[Object,String],default:"button"}},render:function(){var e,t=xe("MenuButton"),n={open:t.menuState.value===ve.Open},r={ref:"el",id:this.id,type:this.type,"aria-haspopup":!0,"aria-controls":null==(e=ae(t.itemsRef))?void 0:e.id,"aria-expanded":this.$props.disabled?void 0:t.menuState.value===ve.Open,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,onClick:this.handleClick};return K({props:T({},this.$props,r),slot:n,attrs:this.$attrs,slots:this.$slots,name:"MenuButton"})},setup:function(e,n){var r=n.attrs,o=xe("MenuButton");return{id:"headlessui-menu-button-"+oe(),el:o.buttonRef,type:he(t.computed((function(){return{as:e.as,type:r.type}})),o.buttonRef),handleKeyDown:function(e){switch(e.key){case F.Space:case F.Enter:case F.ArrowDown:e.preventDefault(),e.stopPropagation(),o.openMenu(),t.nextTick((function(){var e;null==(e=ae(o.itemsRef))||e.focus({preventScroll:!0}),o.goToItem(pe.First)}));break;case F.ArrowUp:e.preventDefault(),e.stopPropagation(),o.openMenu(),t.nextTick((function(){var e;null==(e=ae(o.itemsRef))||e.focus({preventScroll:!0}),o.goToItem(pe.Last)}))}},handleKeyUp:function(e){switch(e.key){case F.Space:e.preventDefault()}},handleClick:function(n){var r;e.disabled||(o.menuState.value===ve.Open?(o.closeMenu(),t.nextTick((function(){var e;return null==(e=ae(o.buttonRef))?void 0:e.focus({preventScroll:!0})}))):(n.preventDefault(),n.stopPropagation(),o.openMenu(),r=function(){var e;return null==(e=ae(o.itemsRef))?void 0:e.focus({preventScroll:!0})},requestAnimationFrame((function(){return requestAnimationFrame(r)}))))}}}}),Oe=t.defineComponent({name:"MenuItems",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0}},render:function(){var e,t,n=xe("MenuItems"),r={open:n.menuState.value===ve.Open},o={"aria-activedescendant":null===n.activeItemIndex.value||null==(e=n.items.value[n.activeItemIndex.value])?void 0:e.id,"aria-labelledby":null==(t=ae(n.buttonRef))?void 0:t.id,id:this.id,onKeydown:this.handleKeyDown,onKeyup:this.handleKeyUp,role:"menu",tabIndex:0,ref:"el"};return K({props:T({},this.$props,o),slot:r,attrs:this.$attrs,slots:this.$slots,features:q.RenderStrategy|q.Static,visible:this.visible,name:"MenuItems"})},setup:function(){var e,n,r,o,a,l=xe("MenuItems"),i="headlessui-menu-items-"+oe(),s=t.ref(null);e={container:t.computed((function(){return ae(l.itemsRef)})),enabled:t.computed((function(){return l.menuState.value===ve.Open})),accept:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk:function(e){e.setAttribute("role","none")}},n=e.container,r=e.accept,o=e.walk,a=e.enabled,t.watchEffect((function(){var e=n.value;if(e&&(void 0===a||a.value))for(var t=Object.assign((function(e){return r(e)}),{acceptNode:r}),l=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,t,!1);l.nextNode();)o(l.currentNode)}));var u=t.inject(ge,null),c=t.computed((function(){return null!==u?u.value===le.Open:l.menuState.value===ve.Open}));return{id:i,el:l.itemsRef,handleKeyDown:function(e){switch(s.value&&clearTimeout(s.value),e.key){case F.Space:if(""!==l.searchQuery.value)return e.preventDefault(),e.stopPropagation(),l.search(e.key);case F.Enter:if(e.preventDefault(),e.stopPropagation(),null!==l.activeItemIndex.value){var n,r=l.items.value[l.activeItemIndex.value].id;null==(n=document.getElementById(r))||n.click()}l.closeMenu(),t.nextTick((function(){var e;return null==(e=ae(l.buttonRef))?void 0:e.focus({preventScroll:!0})}));break;case F.ArrowDown:return e.preventDefault(),e.stopPropagation(),l.goToItem(pe.Next);case F.ArrowUp:return e.preventDefault(),e.stopPropagation(),l.goToItem(pe.Previous);case F.Home:case F.PageUp:return e.preventDefault(),e.stopPropagation(),l.goToItem(pe.First);case F.End:case F.PageDown:return e.preventDefault(),e.stopPropagation(),l.goToItem(pe.Last);case F.Escape:e.preventDefault(),e.stopPropagation(),l.closeMenu(),t.nextTick((function(){var e;return null==(e=ae(l.buttonRef))?void 0:e.focus({preventScroll:!0})}));break;case F.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(l.search(e.key),s.value=setTimeout((function(){return l.clearSearch()}),350))}},handleKeyUp:function(e){switch(e.key){case F.Space:e.preventDefault()}},visible:c}}}),Pe=t.defineComponent({name:"MenuItem",props:{as:{type:[Object,String],default:"template"},disabled:{type:Boolean,default:!1}},setup:function(e,n){var r=n.slots,o=n.attrs,a=xe("MenuItem"),l="headlessui-menu-item-"+oe(),i=t.computed((function(){return null!==a.activeItemIndex.value&&a.items.value[a.activeItemIndex.value].id===l})),s=t.ref({disabled:e.disabled,textValue:""});function u(n){if(e.disabled)return n.preventDefault();a.closeMenu(),t.nextTick((function(){var e;return null==(e=ae(a.buttonRef))?void 0:e.focus({preventScroll:!0})}))}function c(){if(e.disabled)return a.goToItem(pe.Nothing);a.goToItem(pe.Specific,l)}function d(){e.disabled||i.value||a.goToItem(pe.Specific,l)}function p(){e.disabled||i.value&&a.goToItem(pe.Nothing)}return t.onMounted((function(){var e,t,n=null==(e=document.getElementById(l))||null==(t=e.textContent)?void 0:t.toLowerCase().trim();void 0!==n&&(s.value.textValue=n)})),t.onMounted((function(){return a.registerItem(l,s)})),t.onUnmounted((function(){return a.unregisterItem(l)})),t.watchEffect((function(){a.menuState.value===ve.Open&&i.value&&t.nextTick((function(){var e;return null==(e=document.getElementById(l))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})}))})),function(){var t=e.disabled,n={active:i.value,disabled:t};return K({props:T({},e,{id:l,role:"menuitem",tabIndex:!0===t?void 0:-1,"aria-disabled":!0===t||void 0,onClick:u,onFocus:c,onPointermove:d,onMousemove:d,onPointerleave:p,onMouseleave:p}),slot:n,attrs:o,slots:r,name:"MenuItem"})}}});(Ce=Se||(Se={}))[Ce.Open=0]="Open",Ce[Ce.Closed=1]="Closed",(Ie=Ee||(Ee={}))[Ie.Empty=1]="Empty",Ie[Ie.Active=2]="Active";var Ne,De,_e,Te,je=Symbol("GroupContext"),Ae=t.defineComponent({name:"Switch",emits:{"update:modelValue":function(e){return!0}},props:{as:{type:[Object,String],default:"button"},modelValue:{type:Boolean,default:!1}},render:function(){var e={checked:this.$props.modelValue},t={id:this.id,ref:"el",role:"switch",type:this.type,tabIndex:0,"aria-checked":this.$props.modelValue,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,onClick:this.handleClick,onKeyup:this.handleKeyUp,onKeypress:this.handleKeyPress};return K({props:T({},this.$props,t),slot:e,attrs:this.$attrs,slots:this.$slots,name:"Switch"})},setup:function(e,n){var r=n.emit,o=n.attrs,a=t.inject(je,null),l="headlessui-switch-"+oe();function i(){r("update:modelValue",!e.modelValue)}var s=t.ref(null),u=null===a?s:a.switchRef;return{id:l,el:u,type:he(t.computed((function(){return{as:e.as,type:o.type}})),u),labelledby:null==a?void 0:a.labelledby,describedby:null==a?void 0:a.describedby,handleClick:function(e){e.preventDefault(),i()},handleKeyUp:function(e){e.key!==F.Tab&&e.preventDefault(),e.key===F.Space&&i()},handleKeyPress:function(e){e.preventDefault()}}}});(De=Ne||(Ne={})).Finished="finished",De.Cancelled="cancelled",(Te=_e||(_e={})).Visible="visible",Te.Hidden="hidden",q.RenderStrategy;const Re=t.defineComponent({props:{position:{type:String,required:!0,default:"left"}},setup:e=>(n,r)=>(t.openBlock(),t.createBlock(t.unref(Ve),{as:"div",class:"relative inline-block text-left"},{default:t.withCtx((()=>[t.createVNode(t.unref(Be),null,{default:t.withCtx((()=>[t.renderSlot(n.$slots,"button",{},(()=>[t.createVNode(t.unref(s),{class:"fill-current",name:"ellipsis-h"})]))])),_:3}),t.createVNode(t.Transition,{"enter-active-class":"transition duration-100 ease-out","enter-from-class":"transform scale-95 opacity-0","enter-to-class":"transform scale-100 opacity-100","leave-active-class":"transition duration-75 ease-out","leave-from-class":"transform scale-100 opacity-100","leave-to-class":"transform scale-95 opacity-0"},{default:t.withCtx((()=>[t.createVNode(t.unref(Oe),{class:t.normalizeClass([{"left-0":"right"===e.position,"right-0":"left"===e.position},"origin-top-left absolute mt-1 py-1 bg-white w-56 rounded shadow-lg text-grey-700 focus:outline-none"])},{default:t.withCtx((()=>[t.renderSlot(n.$slots,"default")])),_:3},8,["class"])])),_:3})])),_:3}))}),Me=t.defineComponent({props:{label:{type:String,required:!1}},setup:e=>(n,r)=>(t.openBlock(),t.createBlock(t.unref(Pe),null,{default:t.withCtx((({active:r})=>[t.createElementVNode("span",t.mergeProps({class:["block px-4 py-2 text-xs hover:bg-grey-200 focus:bg-grey-200 focus:outline-none",r?"bg-grey-200":""]},n.$attrs),t.toDisplayString(e.label),17)])),_:1}))}),qe={class:"sr-only"},Le=t.defineComponent({props:{id:{type:String,required:!1,default:h()},label:{type:String,required:!0},modelValue:{type:Boolean,required:!0},description:{type:String,required:!1},onLabel:{type:String,required:!1,default:"on"},offLabel:{type:String,required:!1,default:"off"}},emits:["update:modelValue"],setup(e,{emit:n}){const r=e=>{n("update:modelValue",e)};return(n,o)=>(t.openBlock(),t.createBlock(t.unref(Ae),{modelValue:e.modelValue,label:e.label,class:t.normalizeClass([e.modelValue?"bg-blue-700":"bg-grey-700","relative inline-flex items-center h-6 rounded-full w-14 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-300 transition"]),"onUpdate:modelValue":r},{default:t.withCtx((()=>[t.createElementVNode("span",{class:t.normalizeClass(["absolute inset-x-2 text-xs text-white text-center",e.modelValue?"pr-3":"pl-3"])},t.toDisplayString(e.modelValue?e.onLabel:e.offLabel),3),t.createElementVNode("span",qe,t.toDisplayString(e.label),1),t.createElementVNode("span",{class:t.normalizeClass([e.modelValue?"translate-x-9":"translate-x-1","inline-block w-4 h-4 transform bg-white rounded-full transition"])},null,2)])),_:1},8,["modelValue","label","class"]))}}),ze={class:"animate-pulse"},Ue={class:"flex items-center justify-between space-x-4"},Fe={key:0,class:"h-12 w-12 bg-current rounded-full flex-shrink-0"},$e={key:1,class:"bg-current h-8 w-full rounded-lg"},Ke={key:0,class:"space-y-2 mt-6"},He={key:1,class:"mt-6 bg-current h-10 rounded-lg w-1/3"},We=t.defineComponent({props:{avatar:{type:Boolean,required:!1,default:!1},title:{type:Boolean,required:!1,default:!0},lines:{type:Number,required:!1,default:3},footer:{type:Boolean,required:!1,default:!1}},setup(e){const n=new Array(e.lines).fill(void 0).map((()=>{const e=[4,5,6,8,10,16,24,32];return{margin:`mr-${e[Math.floor(Math.random()*e.length)]}`}}));return(r,o)=>(t.openBlock(),t.createElementBlock("div",ze,[t.createElementVNode("div",Ue,[e.avatar?(t.openBlock(),t.createElementBlock("div",Fe)):t.createCommentVNode("",!0),e.title?(t.openBlock(),t.createElementBlock("div",$e)):t.createCommentVNode("",!0)]),e.lines>0?(t.openBlock(),t.createElementBlock("div",Ke,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(n),((e,n)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["bg-current h-4 rounded-lg",e.margin]),key:n},null,2)))),128))])):t.createCommentVNode("",!0),e.footer?(t.openBlock(),t.createElementBlock("div",He)):t.createCommentVNode("",!0)]))}});var Ge=(e,t)=>{for(const[n,r]of t)e[n]=r;return e};const Qe={},Je={class:"grid grid-cols-3 grid-rows-3 gap-1 w-12 h-12"},Ye=[t.createStaticVNode('<div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.4s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.3s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.1s;"></div><div class="animate-spinner bg-current rounded" style="animation-delay:0.2s;"></div>',9)];var Xe=Ge(Qe,[["render",function(e,n){return t.openBlock(),t.createElementBlock("div",Je,Ye)}]]);e.D9Button=d,e.D9Checkbox=I,e.D9Icon=s,e.D9Input=O,e.D9Label=_,e.D9Menu=Re,e.D9MenuLink=Me,e.D9Skeleton=We,e.D9Spinner=Xe,e.D9Switch=Le,e.icons=i,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deck9/ui",
-  "version": "0.5.1",
+  "version": "0.7.3",
   "description": "The UI components used in deck9 software applications.",
   "author": "Philipp Reinking <philipp@deck9.co> (https://deck9.co)",
   "scripts": {
@@ -12,7 +12,8 @@
     "build-storybook": "build-storybook"
   },
   "files": [
-    "dist"
+    "dist",
+    "tailwind.config.js"
   ],
   "main": "./dist/src/index.umd.js",
   "module": "./dist/src/index.es.js",
@@ -23,6 +24,7 @@
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^3.0.0-4",
+    "@headlessui/vue": "^1.4.1",
     "@tailwindcss/forms": "^0.3.3",
     "@tailwindcss/typography": "^0.4.1",
     "tailwindcss": "^2.2.15",
@@ -47,10 +49,12 @@
     "@vue/cli-plugin-eslint": "^4.5.13",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
+    "@whitespace/storybook-addon-html": "^5.0.0",
     "eslint": "^6.8.0",
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-vue": "^7.18.0",
     "less-loader": "^10.0.1",
+    "storybook-addon-jsx": "^7.3.14",
     "storybook-dark-mode": "^1.0.8",
     "typescript": "^4.4.3",
     "vite": "^2.5.10",

package/tailwind.config.js

@@ -0,0 +1,61 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const defaultTheme = require("tailwindcss/defaultTheme");
+const colors = require("tailwindcss/colors");
+
+module.exports = {
+  mode: "jit",
+  purge: {
+    content: [
+      "./src/**/*.vue",
+      "./src/**/*.mdx",
+      "./src/**/*.stories.ts",
+      "./src/**/*.stories.tsx",
+    ],
+    whitelistPatterns: [/svg.*/, /fa.*/],
+  },
+  darkMode: "class",
+  theme: {
+    extend: {
+      colors: {
+        black: "#050505",
+        white: "#ffffff",
+        grey: colors.blueGray,
+        red: colors.red,
+        yellow: colors.yellow,
+        blue: colors.blue,
+      },
+      container: {
+        center: true,
+        padding: "1rem",
+      },
+      fontFamily: {
+        sans: ["Recursive var", ...defaultTheme.fontFamily.sans],
+      },
+      opacity: {
+        10: "0.1",
+        20: "0.2",
+        30: "0.3",
+        40: "0.4",
+        50: "0.5",
+        60: "0.6",
+        70: "0.7",
+        80: "0.8",
+        90: "0.9",
+      },
+      keyframes: {
+        spinner: {
+          "0%, 70%, 100%": { transform: "scale3D(1,1,1);" },
+          "35%": { transform: "scale3D(0,0,1);" },
+        },
+      },
+      animation: {
+        spinner: "spinner 1.3s ease-in-out infinite",
+      },
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/typography"),
+    require("@deck9/tailwindcss-recursive-font-helper"),
+  ],
+};