manolis-ui 0.0.6 → 0.0.8

package/dist/components/actions/modal.vue.d.ts

@@ -15,7 +15,7 @@ declare function __VLS_template(): {
         }): any;
         default?(_: {}): any;
         actions?(_: {}): any;
-        "close-button"?(_: {}): any;
+        'close-button'?(_: {}): any;
     };
     refs: {
         dialog: HTMLDialogElement;
@@ -26,7 +26,9 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     position: keyof typeof modalPosition;
     withBackdrop: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dialog: HTMLDialogElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/data-display/card.vue.d.ts

@@ -20,8 +20,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     outlined: boolean;
     loading: boolean;
-    class: string;
     title: string;
+    class: string;
     imgUrl: string;
     alt: string;
     description: string;

package/dist/components/data-input/advancedSearch.vue.d.ts

@@ -36,7 +36,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
         tab: string;
         data: any;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    searchContainer: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/layout/hero.vue.d.ts

@@ -5,7 +5,7 @@ declare function __VLS_template(): {
         description?(_: {
             class: string;
         }): any;
-        "call-to-action-block"?(_: {
+        'call-to-action-block'?(_: {
             class: string;
         }): any;
     };

package/dist/manolis-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as M, computed as S, openBlock as n, createElementBlock as a, normalizeClass as $, createCommentVNode as x, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as b, ref as k, h as te, onMounted as F, watch as E, withDirectives as U, isRef as Te, vModelCheckbox as Me, unref as V, createVNode as W, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as ee } from "vue";
+import { defineComponent as M, computed as S, createElementBlock as a, openBlock as n, normalizeClass as $, createCommentVNode as x, renderSlot as w, createTextVNode as ne, createElementVNode as t, Fragment as y, renderList as _, toDisplayString as b, ref as k, h as te, onMounted as F, watch as E, withDirectives as U, createVNode as W, isRef as Te, vModelCheckbox as Me, unref as V, defineAsyncComponent as Be, onBeforeUnmount as Ie, normalizeStyle as Oe, createBlock as re, resolveDynamicComponent as ie, mergeProps as ue, nextTick as de, onUnmounted as pe, vModelSelect as j, vModelText as ee } from "vue";
 const Ue = {
   key: 0,
   class: "loading loading-spinner"
@@ -313,7 +313,7 @@ const Fe = ae("SunIcon", [
       W(V(Re), { class: "swap-on fill-current" })
     ]));
   }
-}), Je = ["name"], We = { class: "collapse-title font-bold text-4xl" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], _n = /* @__PURE__ */ M({
+}), Je = ["name"], We = { class: "collapse-title font-bold text-2xl lg:text-4xl" }, Xe = { class: "collapse-content" }, Ze = ["innerHTML"], _n = /* @__PURE__ */ M({
   __name: "accordion",
   props: {
     name: {},
@@ -324,7 +324,7 @@ const Fe = ae("SunIcon", [
   setup(d) {
     const u = d;
     return (e, s) => (n(!0), a(y, null, _(u.items, (i, l) => (n(), a("div", {
-      class: $(["collapse border border-base-300", [u.icon ? `collapse-${u.icon}` : "", { "join-item": e.joinItems }]]),
+      class: $(["collapse border border-base-300", [e.icon ? `collapse-${e.icon}` : "", { "join-item": e.joinItems }]]),
       key: l
     }, [
       t("input", {
@@ -345,7 +345,7 @@ const Fe = ae("SunIcon", [
   class: "rounded-sm"
 }, Ge = ["src"], Qe = {
   key: 1,
-  class: "bg-neutral text-neutral-content w-16 rounded-full flex justify-center p-[25%] text-center"
+  class: "flex justify-center bg-neutral p-[25%] rounded-full w-16 text-neutral-content text-center"
 }, et = { class: "text-xl" }, kn = /* @__PURE__ */ M({
   __name: "avatar",
   props: {
@@ -361,7 +361,7 @@ const Fe = ae("SunIcon", [
         s && (e.value = s);
       }
     ), (s, i) => (n(), a("div", {
-      class: $(["avatar", s.onlineStatus])
+      class: $(["avatar", `avatar-${s.onlineStatus}`])
     }, [
       s.image ? (n(), a("div", Ke, [
         t("img", {

package/dist/manolis-ui.umd.cjs

@@ -33,4 +33,4 @@
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const le=L("SunIcon",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]),ae=(c,s)=>{const t=e.ref(null);return e.onMounted(()=>{if(typeof window<"u"){const o=window.localStorage.getItem(c);t.value=o?JSON.parse(o):s}}),e.watch(t,o=>{typeof window<"u"&&window.localStorage.setItem(c,JSON.stringify(o))}),t},re={class:"swap-rotate swap"},se=["true-value","false-value"],ce=e.defineComponent({__name:"theme-controller",props:{lightTheme:{default:"light"},darkTheme:{default:"dark"}},setup(c){const s=c,t=ae("theme",s.lightTheme);function o(r){typeof window<"u"&&window.document&&document.documentElement.setAttribute("data-theme",r)}return e.onMounted(()=>o(t.value?t.value:"")),e.watch(t,r=>{o(r)}),(r,l)=>(e.openBlock(),e.createElementBlock("label",re,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"theme-controller","onUpdate:modelValue":l[0]||(l[0]=d=>e.isRef(t)?t.value=d:null),"true-value":s.lightTheme,"false-value":s.darkTheme},null,8,se),[[e.vModelCheckbox,e.unref(t)]]),e.createVNode(e.unref(le),{class:"swap-off fill-current"}),e.createVNode(e.unref(oe),{class:"swap-on fill-current"})]))}}),ie=["name"],de={class:"collapse-title font-bold text-4xl"},me={class:"collapse-content"},pe=["innerHTML"],fe=e.defineComponent({__name:"accordion",props:{name:{},items:{},joinItems:{type:Boolean,default:!1},icon:{}},setup(c){const s=c;return(t,o)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(r,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["collapse border border-base-300",[s.icon?`collapse-${s.icon}`:"",{"join-item":t.joinItems}]]),key:l},[e.createElementVNode("input",{type:"radio",name:t.name,value:"true"},null,8,ie),e.createElementVNode("div",de,e.toDisplayString(r.title),1),e.createElementVNode("div",me,[e.createElementVNode("span",{innerHTML:r.content},null,8,pe)])],2))),128))}}),ue={key:0,class:"rounded-sm"},ge=["src"],ke={key:1,class:"bg-neutral text-neutral-content w-16 rounded-full flex justify-center p-[25%] text-center"},he={class:"text-xl"},be=e.defineComponent({__name:"avatar",props:{image:{},onlineStatus:{default:"none"},initials:{}},setup(c){const s=c,t=e.ref(s.onlineStatus);return e.watch(()=>s.onlineStatus,o=>{o&&(t.value=o)}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["avatar",o.onlineStatus])},[o.image?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("img",{src:o.image,class:"w-full h-full"},null,8,ge)])):(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("p",he,e.toDisplayString(o.initials),1)]))],2))}}),ye=e.defineComponent({__name:"badge",props:{color:{default:"neutral"},outline:{type:Boolean,default:!1},size:{default:"medium"}},setup(c){const s=c,t={"extra small":"badge-xs",small:"badge-sm",medium:"badge-md",large:"badge-lg"},o={neutral:"badge-neutral",primary:"badge-primary",secondary:"badge-secondary",accent:"badge-accent",ghost:"badge-ghost",info:"badge-info",success:"badge-success",warning:"badge-warning",error:"badge-error"};return(r,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",t[s.size],o[s.color],{"badge-outline":s.outline}])},[e.renderSlot(r.$slots,"default")],2))}}),Be=["src","alt"],we={key:1,class:"w-full h-32 skeleton"},Ee={key:0,class:"card-body"},_e={key:0,class:"group-hover:text-primary text-left text-lg cursor-pointer card-title"},Se={key:1,class:"text-left"},Ce={class:"flex-col flex-nowrap mt-auto card-actions"},Ve={key:1,class:"card-body"},$e=e.defineComponent({__name:"card",props:{imgUrl:{default:""},alt:{default:"A beautiful picture that says something about this card"},title:{default:""},description:{default:""},outlined:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},class:{default:""}},setup(c){const s=c,t=e.ref(s.outlined);return e.watch(()=>s.outlined,o=>{t.value=o}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact group",t.value?"border-4 border-primary":""])},[e.createElementVNode("figure",null,[o.imgUrl||o.imgUrl&&!o.loading?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imgUrl,alt:o.alt,class:e.normalizeClass(["rounded-sm w-full h-44 object-cover",{hidden:o.loading}])},null,10,Be)):e.createCommentVNode("",!0),o.loading&&o.imgUrl?(e.openBlock(),e.createElementBlock("div",we)):e.createCommentVNode("",!0)]),o.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ee,[o.title?(e.openBlock(),e.createElementBlock("h2",_e,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"details"),o.description?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ce,[e.renderSlot(o.$slots,"actions")])])),o.loading?(e.openBlock(),e.createElementBlock("div",Ve,r[0]||(r[0]=[e.createElementVNode("div",{class:"flex flex-col gap-4 w-52"},[e.createElementVNode("div",{class:"w-28 h-4 skeleton"}),e.createElementVNode("div",{class:"w-full h-4 skeleton"}),e.createElementVNode("div",{class:"w-full h-4 skeleton"})],-1)]))):e.createCommentVNode("",!0)],2))}}),Ne={class:"flex gap-4 bg-base-100 w-full tabs tabs-boxed"},De=["onClick"],xe={class:"text-sm"},Me={class:"md:block hidden opacity-35 text-xs truncate overflow-hidden ..."},Te={class:"hidden"},ze={id:"advancedSearchMobile",class:"modal"},Le={class:"modal-box"},Fe={class:"font-bold text-lg"},Oe=["checked"],Ie={class:"flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title"},Ue={class:"text-sm"},Ae={class:"flex place-content-center p-0 collapse-content"},Pe=e.defineComponent({__name:"advancedSearch",props:{searchOptions:{},currentCategory:{}},emits:["search","update:search-data"],setup(c,{emit:s}){const t=c,o=s,r=e.ref(null),l={datetime:e.defineAsyncComponent(()=>Promise.resolve().then(()=>it))},d=e.ref({}),k=e.ref({left:"0px",top:"0px",transform:"translateX(0%)"}),f=e.ref(null);function m(h,w){var B,E,u;if((B=r.value)!=null&&B.name){o("update:search-data",{tab:r.value.name,data:h});return}if(t.searchOptions){let b=(u=(E=t.searchOptions)==null?void 0:E.find(_=>(_==null?void 0:_.category)===t.currentCategory))==null?void 0:u.tabs[w];b!==void 0&&(b.value=h,o("update:search-data",{tab:b==null?void 0:b.name,data:b==null?void 0:b.value}))}}function p(){o("search")}async function C(h){f.value&&!f.value.contains(h.target)&&(await e.nextTick(),r.value=null)}async function F(){if(typeof window<"u"&&window.innerWidth<=768){const h=document.getElementById("advancedSearchMobile");h?h.showModal():console.warn("Modal element not found.")}}async function O(h){var B;r.value=h,await e.nextTick();const w=d.value[h.name];if(w){const E=w.getBoundingClientRect(),u=((B=f.value)==null?void 0:B.getBoundingClientRect())||{left:0,top:0};window.innerWidth>768?k.value={left:`${E.left+E.width/2-u.left}px`,top:`${E.bottom-u.top}px`,transform:"translateX(-50%)"}:k.value={left:"50%",top:`${E.bottom-u.top}px`,transform:"translateX(-50%)"}}else console.error("Tab element not found for:",h.name)}return e.onMounted(()=>{document.addEventListener("click",C)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",C)}),(h,w)=>{var B,E;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"searchContainer",ref:f,class:"w-full"},[e.createElementVNode("div",{class:"group/search relative flex place-items-center border-2 shadow-md p-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",onClick:F},[e.createElementVNode("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(((B=t.searchOptions.find(u=>u.category===t.currentCategory))==null?void 0:B.tabs)||[],u=>{var b;return e.openBlock(),e.createElementBlock("button",{key:u.name,onClick:_=>O(u),class:e.normalizeClass([{"tab-active":((b=r.value)==null?void 0:b.name)===u.name},"group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),ref_for:!0,ref:_=>d.value[u.name]=_},[e.createElementVNode("p",xe,e.toDisplayString(u.name),1),e.createElementVNode("p",Me,e.toDisplayString(u.description),1)],10,De)}),128))]),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",style:e.normalizeStyle(k.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l[r.value.type]),e.mergeProps(r.value.props?r.value.props:null,{onUpdated:m}),null,16))],4)):e.createCommentVNode("",!0),e.createElementVNode("button",{title:"search",type:"submit",class:"ml-1 btn btn-primary btn-square",onClick:p},[e.createVNode(e.unref(A),{size:24,color:"white"})])]),e.createElementVNode("div",Te,[e.createElementVNode("button",{title:"search",onClick:w[0]||(w[0]=()=>{})},[e.createVNode(e.unref(A),{size:24,color:"white"})])])],512),e.createElementVNode("dialog",ze,[e.createElementVNode("div",Le,[e.renderSlot(h.$slots,"additionalForMobile",{},()=>[e.createElementVNode("h3",Fe,e.toDisplayString(h.currentCategory),1)],!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(((E=t.searchOptions.find(u=>u.category===t.currentCategory))==null?void 0:E.tabs)||[],(u,b)=>(e.openBlock(),e.createElementBlock("div",{class:"bg-base-200 my-4 collapse",key:u.name},[e.createElementVNode("input",{type:"radio",name:"my-accordion-1",checked:b===0},null,8,Oe),e.createElementVNode("div",Ie,[e.createTextVNode(e.toDisplayString(u.name)+" ",1),e.createElementVNode("p",Ue,e.toDisplayString(u.description),1)]),e.createElementVNode("div",Ae,[w[1]||(w[1]=e.createElementVNode("br",null,null,-1)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l[u.type]),e.mergeProps({ref_for:!0},u.props||{},{onUpdated:_=>m(_,b)}),null,16,["onUpdated"]))])]))),128)),e.createElementVNode("div",{class:"modal-action"},[e.createElementVNode("form",{method:"dialog"},[e.createElementVNode("button",{class:"btn btn-primary",onClick:p},"Close and Search")])])])])],64)}}}),x=(c,s)=>{const t=c.__vccOpts||c;for(const[o,r]of s)t[o]=r;return t},je=x(Pe,[["__scopeId","data-v-08fa37eb"]]),Re=["placeholder","value","id"],He=["id"],qe={key:0,class:"flex justify-between items-center place-content-center mb-4"},Ye=["value"],Je=["value"],We={key:1,class:"gap-2 grid grid-cols-7"},Xe=["onClick"],Ze={key:2,class:"mt-4 lg:w-80"},Ke={key:0,class:"mb-2 font-bold text-lg"},Ge={key:1},Qe={key:1,class:"flex gap-4"},ve=["value"],et=["value"],tt={key:2,class:"flex flex-col gap-4"},nt={key:1,class:"flex gap-2"},ot=["value"],lt=["value"],at={key:1,class:"flex gap-2"},rt=["value"],st=["value"],ct={class:"flex gap-2 mt-4"},P=x({__name:"datetimePicker",props:{mode:{type:String,default:"datetime",validator:c=>["datetime","date","time"].includes(c)},range:{type:Boolean,default:!1},placeholder:{type:String,default:"Select date and time"},popup:{type:Boolean,default:!1},id:{type:String,default:"datetimepicker"},initialDate:{type:Object,default:()=>null}},emits:["updated"],setup(c,{emit:s}){const t=c;e.watch(()=>t.range,a=>{a?(l.value={start:null,end:null},d.value={start:null,end:null}):(l.value=null,d.value=null)});const o=s,r=e.ref(!1),l=e.ref(t.range?{start:null,end:null}:null),d=e.ref(t.range?{start:null,end:null}:null),k=e.ref(new Date().toLocaleString("default",{month:"long"})),f=e.ref(new Date().getFullYear()),m=e.ref(t.range?{start:0,end:0}:0),p=e.ref(t.range?{start:0,end:0}:0),C=e.ref(null),F=e.computed(()=>`${t.id}-input`),O=e.computed(()=>`${t.id}-popup`),h=e.computed(()=>t.mode==="date"||t.mode==="datetime"),w=e.computed(()=>t.mode==="time"||t.mode==="datetime");e.computed(()=>new Date(f.value,B.value));const B=e.computed(()=>T.indexOf(k.value)),E=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],u=e.computed(()=>new Date(f.value,B.value).getDay()),b=e.computed(()=>{const a=new Date(f.value,B.value+1,0).getDate();return Array.from({length:a},(i,n)=>new Date(f.value,B.value,n+1))}),_=e.computed(()=>Array.from({length:u.value},(a,i)=>i)),I=Array.from({length:24},(a,i)=>i),U=Array.from({length:60},(a,i)=>i),M=e.computed(()=>typeof navigator<"u"&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)),T=["January","February","March","April","May","June","July","August","September","October","November","December"],At=e.computed(()=>{const a=new Date().getFullYear();return Array.from({length:100},(i,n)=>a-50+n)}),Pt=e.computed(()=>{if(!h.value||!l.value)return"";if(t.range&&l.value.start&&l.value.end){const a=l.value.start.toLocaleDateString("en-US"),i=l.value.end.toLocaleDateString("en-US");return`${a} - ${i}`}return!t.range&&l.value?l.value.toLocaleDateString("en-US"):""}),$=a=>a instanceof Date?a:new Date(a),V=a=>a instanceof Date&&!isNaN(a),jt=e.computed(()=>{if(!w.value)return"";const a=i=>{var z,N,H;const n=((z=m.value)==null?void 0:z[i])??m.value,S=((N=p.value)==null?void 0:N[i])??p.value;return M.value?((H=d.value)==null?void 0:H[i])??d.value:`${n.toString().padStart(2,"0")}:${S.toString().padStart(2,"0")}`};return t.range?`${a("start")} - ${a("end")}`:a()}),Rt=e.computed(()=>{const a=Pt.value,i=jt.value;return`${a} ${i}`.trim()}),Ht=()=>r.value=!r.value,j=()=>{y(),qt()},qt=()=>r.value=!1,Yt=()=>{l.value=t.range?{start:null,end:null}:null,d.value=t.range?{start:null,end:null}:null,y()},Jt=a=>{t.range?l.value.start&&l.value.end?l.value={start:a,end:null}:l.value.start?l.value.end=a:l.value.start=a:l.value=a,y()},Wt=a=>(a=$(a),t.range?l.value.start&&V(l.value.start)&&a.getTime()===l.value.start.getTime()||l.value.end&&V(l.value.end)&&a.getTime()===l.value.end.getTime():V(l.value)&&a.getTime()===l.value.getTime()),Xt=a=>{a=$(a);const i=new Date;return a.getDate()===i.getDate()&&a.getMonth()===i.getMonth()&&a.getFullYear()===i.getFullYear()},Zt=a=>(a=$(a),t.range&&V(l.value.start)&&a.getTime()===l.value.start.getTime()),Kt=a=>(a=$(a),t.range&&V(l.value.end)&&a.getTime()===l.value.end.getTime()),Gt=a=>{if(a=$(a),t.range&&V(l.value.start)&&V(l.value.end)){const i=l.value.start.getTime(),n=l.value.end.getTime(),S=a.getTime();return S>i&&S<n}return!1},Qt=()=>{let a=B.value-1;a<0&&(a=11,f.value--),k.value=T[a],y()},vt=()=>{let a=B.value+1;a>11&&(a=0,f.value++),k.value=T[a],y()},R=a=>{C.value&&!C.value.contains(a.target)&&r.value==!0&&j()},y=()=>{let a={};const i=(n,S,z)=>{n instanceof Date&&!isNaN(n)||(n=new Date);const N=new Date(n);return N.setUTCHours(S,z,0,0),N.toISOString()};t.range?(a.from=i(l.value.start,m.value.start,p.value.start),a.to=i(l.value.end,m.value.end,p.value.end)):a=i(l.value,m.value,p.value),o("updated",a)};return e.onMounted(()=>{t.initialDate&&(t.range&&t.initialDate.start&&t.initialDate.end?l.value={start:new Date(t.initialDate.start),end:new Date(t.initialDate.end)}:t.initialDate.start&&(l.value={start:new Date(t.initialDate.start)})),t.range?(m.value.start=m.value.start??new Date().getHours(),m.value.end=m.value.end??new Date().getHours(),p.value.start=p.value.start??new Date().getMinutes(),p.value.end=p.value.end??new Date().getMinutes()):(m.value=m.value??new Date().getHours(),p.value=p.value??new Date().getMinutes())}),t.popup&&e.onMounted(()=>document.addEventListener("click",R)),e.onUnmounted(()=>document.removeEventListener("click",R)),(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:"inline-block relative w-full lg:w-[360px]",ref_key:"pickerContainer",ref:C},[e.createElementVNode("div",{class:"flex items-center gap-2 cursor-pointer",onClick:Ht},[c.popup?e.renderSlot(a.$slots,"default",{key:0},()=>[e.createElementVNode("input",{type:"text",class:"input-bordered w-full cursor-pointer input",placeholder:c.placeholder,value:Rt.value,readonly:"",id:F.value},null,8,Re),i[11]||(i[11]=e.createElementVNode("button",{class:"btn btn-ghost"}," 📅 ",-1))],!0):e.createCommentVNode("",!0)]),r.value||!c.popup?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["z-50 lg:bg-base-100 md:mt-2 px-4 md:p-4 rounded-md w-full",[{absolute:c.popup}]]),id:O.value},[h.value?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("button",{class:"md:block hidden btn btn-outline btn-primary md:btn-sm",onClick:Qt},i[12]||(i[12]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1)])),e.withDirectives(e.createElementVNode("select",{class:"border-none w-fit select","onUpdate:modelValue":i[0]||(i[0]=n=>k.value=n),onChange:y},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(T,(n,S)=>e.createElementVNode("option",{key:S,value:n},e.toDisplayString(n),9,Ye)),64))],544),[[e.vModelSelect,k.value]]),e.withDirectives(e.createElementVNode("select",{class:"border-none w-24 select","onUpdate:modelValue":i[1]||(i[1]=n=>f.value=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(At.value,n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n),9,Je))),128))],544),[[e.vModelSelect,f.value]]),e.createElementVNode("button",{class:"md:block hidden btn btn-outline btn-primary md:btn-sm",onClick:vt},i[13]||(i[13]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})],-1)]))])):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("div",We,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(E,n=>e.createElementVNode("div",{key:n,class:"text-center"},e.toDisplayString(n),1)),64)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"text-center"}))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer",{"bg-primary text-primary-content":Wt(n),today:Xt(n),"range-start bg-primary text-primary-content":Zt(n),"range-end bg-primary text-primary-content":Kt(n),"in-range bg-primary/20 hover:bg-primary/10":Gt(n)}]),onClick:S=>Jt(n)},e.toDisplayString(n.getDate()),11,Xe))),128))])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",Ze,[t.range?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("h3",Ke,"Select Time")),t.range?(e.openBlock(),e.createElementBlock("div",tt,[e.createElementVNode("div",null,[i[14]||(i[14]=e.createElementVNode("p",{class:"font-bold"},"Start Time",-1)),M.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"time",class:"input-bordered w-full input","onUpdate:modelValue":i[5]||(i[5]=n=>d.value.start=n),onChange:y},null,544)),[[e.vModelText,d.value.start]]):(e.openBlock(),e.createElementBlock("div",nt,[e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[6]||(i[6]=n=>m.value.start=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,ot))),128))],544),[[e.vModelSelect,m.value.start,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[7]||(i[7]=n=>p.value.start=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,lt))),128))],544),[[e.vModelSelect,p.value.start,void 0,{number:!0}]])]))]),e.createElementVNode("div",null,[i[15]||(i[15]=e.createElementVNode("p",{class:"font-bold"},"End Time",-1)),M.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"time",class:"input-bordered w-full input","onUpdate:modelValue":i[8]||(i[8]=n=>d.value.end=n),onChange:y},null,544)),[[e.vModelText,d.value.end]]):(e.openBlock(),e.createElementBlock("div",at,[e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[9]||(i[9]=n=>m.value.end=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,rt))),128))],544),[[e.vModelSelect,m.value.end,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[10]||(i[10]=n=>p.value.end=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,st))),128))],544),[[e.vModelSelect,p.value.end,void 0,{number:!0}]])]))])])):(e.openBlock(),e.createElementBlock("div",Ge,[M.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"time",class:"input-bordered w-full input","onUpdate:modelValue":i[2]||(i[2]=n=>d.value=n),onChange:y},null,544)),[[e.vModelText,d.value]]):(e.openBlock(),e.createElementBlock("div",Qe,[e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[3]||(i[3]=n=>m.value=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,ve))),128))],544),[[e.vModelSelect,m.value,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[4]||(i[4]=n=>p.value=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,et))),128))],544),[[e.vModelSelect,p.value,void 0,{number:!0}]])]))]))])):e.createCommentVNode("",!0),e.createElementVNode("div",ct,[e.createElementVNode("button",{class:e.normalizeClass(["btn btn-secondary",c.popup?"w-fit":"w-full"]),onClick:Yt},"Clear",2),c.popup?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn btn-primary btn-wide",onClick:j},"Close")):e.createCommentVNode("",!0)])],10,He)):e.createCommentVNode("",!0)],512))}},[["__scopeId","data-v-e7e203aa"]]),it=Object.freeze(Object.defineProperty({__proto__:null,default:P},Symbol.toStringTag,{value:"Module"})),dt=["value","checked","onChange","disabled"],mt=e.defineComponent({__name:"rating",props:{initialRating:{default:0},numberOfStars:{default:5},halfStars:{type:Boolean,default:!0},isInteractive:{type:Boolean,default:!1},size:{default:"sm"}},setup(c){const s=c,t=e.ref(s.initialRating);e.watch(()=>s.initialRating,r=>{t.value=r});const o=r=>{t.value=r};return(r,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["rating",[`rating-${s.size}`,{"rating-half":r.halfStars}]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.numberOfStars*(r.halfStars?2:1),d=>(e.openBlock(),e.createElementBlock("input",{key:d,type:"radio",value:r.halfStars?d*.5:d,checked:t.value===(r.halfStars?d*.5:d),onChange:k=>r.isInteractive?o(r.halfStars?d*.5:d):null,class:e.normalizeClass(["mask mask-star",{"bg-yellow-400":t.value>=(r.halfStars?d*.5:d),"mask-half-1":r.halfStars&&d%2!==0,"mask-half-2":r.halfStars&&d%2===0,"cursor-pointer":r.isInteractive,"cursor-default":!r.isInteractive}]),disabled:!r.isInteractive},null,42,dt))),128))],2))}}),pt={key:0,class:"loading loading-spinner loading-md mx-auto"},ft=e.defineComponent({__name:"loader",props:{loading:{type:Boolean,default:!0}},setup(c){const s=c,t=e.ref(s.loading);return e.watch(()=>s.loading,o=>{t.value=o}),(o,r)=>t.value?(e.openBlock(),e.createElementBlock("span",pt)):e.createCommentVNode("",!0)}}),ut={class:"bg-base-200 mx-auto md:px-10 py-10 text-base-content"},gt={class:"footer sm:footer-horizontal container"},kt={class:"footer-title"},ht=["href"],bt={class:"ml-auto"},yt=e.defineComponent({__name:"footer",props:{items:{}},setup(c){const s=c;return(t,o)=>(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("footer",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("h6",kt,e.toDisplayString(r.title),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,l=>(e.openBlock(),e.createElementBlock("a",{class:"link link-hover",href:l.link},e.toDisplayString(l.text),9,ht))),256))]))),256)),e.createElementVNode("aside",bt,[e.renderSlot(t.$slots,"default")])])]))}}),Bt={},wt={class:"min-h-40 container hero"},Et={class:"px-0! text-center hero-content"},_t={class:"mt-9 text-4xl"};function St(c,s){return e.openBlock(),e.createElementBlock("div",wt,[e.createElementVNode("div",Et,[e.createElementVNode("div",null,[e.createElementVNode("h1",_t,[e.renderSlot(c.$slots,"title",{},()=>[s[0]||(s[0]=e.createTextVNode("hero title"))])]),e.createElementVNode("p",null,[e.renderSlot(c.$slots,"description",{class:"py-9"})]),e.renderSlot(c.$slots,"call-to-action-block",{class:"max-w-full"},()=>[s[1]||(s[1]=e.createElementVNode("button",{class:"btn btn-primary"},"Call to action",-1))])])])])}const Ct=x(Bt,[["render",St]]),Vt={class:"categories flex flex-row gap-4 place-content-center"},$t=["onClick"],Nt=e.defineComponent({__name:"categoryNavigation",props:{searchOptions:{},currentCategory:{}},emits:["update:currentCategory"],setup(c,{emit:s}){const t=c,o=s;function r(l){o("update:currentCategory",l)}return(l,d)=>(e.openBlock(),e.createElementBlock("div",Vt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.searchOptions,k=>(e.openBlock(),e.createElementBlock("div",{key:k.category},[e.createElementVNode("button",{onClick:f=>r(k.category),class:e.normalizeClass(["truncate",{"font-semibold":t.currentCategory===k.category}])},e.toDisplayString(k.category),11,$t)]))),128))]))}}),Dt={class:"md:flex hidden navbar-start"},xt={class:"md:flex justify-center items-center hidden navbar-center"},Mt={class:"md:flex hidden navbar-end"},Tt={class:"navbar-bottom md:flex hidden"},zt=x(e.defineComponent({__name:"navigationBar",props:{isCollapsed:{type:Boolean,default:!0}},setup(c){const s=c;return(t,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar",s.isCollapsed?"collapsed":""])},[e.createElementVNode("div",Dt,[e.renderSlot(t.$slots,"start",{},void 0,!0)]),e.createElementVNode("div",xt,[e.renderSlot(t.$slots,"center",{},void 0,!0)]),e.createElementVNode("div",Mt,[e.renderSlot(t.$slots,"end",{},void 0,!0)]),e.createElementVNode("div",Tt,[e.renderSlot(t.$slots,"bottom",{},void 0,!0)])],2))}}),[["__scopeId","data-v-8ddb2b45"]]),Lt={role:"tablist",class:"tabs tabs-bordered tabs-lg mt-28 relative w-full"},Ft={key:0,class:"hidden md:flex gap-4 right-0 top-4 absolute"},Ot=["onClick","aria-selected"],It={role:"tabpanel",class:"tab-content border-base-300 border-t-2 border-x-0 border-b-0 p-6 overflow-x-auto max-w-full"},Ut=e.defineComponent({__name:"tab",props:{items:{},withControlls:{type:Boolean},rotateTabsAfter:{}},emits:["tab-changed"],setup(c,{emit:s}){const t=c,o=e.ref(t.items[0]),r=s;function l(f){o.value=f,r("tab-changed",f)}function d(){const m=(t.items.indexOf(o.value)+1)%t.items.length;l(t.items[m])}function k(){const m=(t.items.indexOf(o.value)-1+t.items.length)%t.items.length;l(t.items[m])}return e.onUnmounted(()=>{t.rotateTabsAfter&&setInterval(()=>{d()},t.rotateTabsAfter*1e3)}),(f,m)=>(e.openBlock(),e.createElementBlock("div",Lt,[f.withControlls?(e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("button",{onClick:m[0]||(m[0]=p=>k()),class:"cursor-pointer"},"Previous"),e.createElementVNode("button",{onClick:m[1]||(m[1]=p=>d()),class:"cursor-pointer text-primary"},"Next")])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.items,p=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("a",{type:"button",role:"tab",class:e.normalizeClass(["tab min-w-max",p===o.value?"bg-primary text-base-100":""]),onClick:C=>l(p),"aria-selected":o.value==p},e.toDisplayString(p),11,Ot),e.createElementVNode("div",It,[e.renderSlot(f.$slots,`${p}-tab`)])],64))),256))]))}});g.Accordion=fe,g.AdvancedSearch=je,g.Avatar=be,g.Badge=ye,g.ButtonComponent=Y,g.Card=$e,g.CategoryNavigation=Nt,g.DatetimePicker=P,g.Dropdown=X,g.Footer=yt,g.Hero=Ct,g.Loader=ft,g.Modal=G,g.NavigationBar=zt,g.Rating=mt,g.Swap=ee,g.Tab=Ut,g.ThemeController=ce,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+ */const le=L("SunIcon",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]),ae=(c,s)=>{const t=e.ref(null);return e.onMounted(()=>{if(typeof window<"u"){const o=window.localStorage.getItem(c);t.value=o?JSON.parse(o):s}}),e.watch(t,o=>{typeof window<"u"&&window.localStorage.setItem(c,JSON.stringify(o))}),t},re={class:"swap-rotate swap"},se=["true-value","false-value"],ce=e.defineComponent({__name:"theme-controller",props:{lightTheme:{default:"light"},darkTheme:{default:"dark"}},setup(c){const s=c,t=ae("theme",s.lightTheme);function o(r){typeof window<"u"&&window.document&&document.documentElement.setAttribute("data-theme",r)}return e.onMounted(()=>o(t.value?t.value:"")),e.watch(t,r=>{o(r)}),(r,l)=>(e.openBlock(),e.createElementBlock("label",re,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:"theme-controller","onUpdate:modelValue":l[0]||(l[0]=d=>e.isRef(t)?t.value=d:null),"true-value":s.lightTheme,"false-value":s.darkTheme},null,8,se),[[e.vModelCheckbox,e.unref(t)]]),e.createVNode(e.unref(le),{class:"swap-off fill-current"}),e.createVNode(e.unref(oe),{class:"swap-on fill-current"})]))}}),ie=["name"],de={class:"collapse-title font-bold text-2xl lg:text-4xl"},me={class:"collapse-content"},pe=["innerHTML"],fe=e.defineComponent({__name:"accordion",props:{name:{},items:{},joinItems:{type:Boolean,default:!1},icon:{}},setup(c){const s=c;return(t,o)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(r,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["collapse border border-base-300",[t.icon?`collapse-${t.icon}`:"",{"join-item":t.joinItems}]]),key:l},[e.createElementVNode("input",{type:"radio",name:t.name,value:"true"},null,8,ie),e.createElementVNode("div",de,e.toDisplayString(r.title),1),e.createElementVNode("div",me,[e.createElementVNode("span",{innerHTML:r.content},null,8,pe)])],2))),128))}}),ue={key:0,class:"rounded-sm"},ge=["src"],ke={key:1,class:"flex justify-center bg-neutral p-[25%] rounded-full w-16 text-neutral-content text-center"},he={class:"text-xl"},be=e.defineComponent({__name:"avatar",props:{image:{},onlineStatus:{default:"none"},initials:{}},setup(c){const s=c,t=e.ref(s.onlineStatus);return e.watch(()=>s.onlineStatus,o=>{o&&(t.value=o)}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["avatar",`avatar-${o.onlineStatus}`])},[o.image?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("img",{src:o.image,class:"w-full h-full"},null,8,ge)])):(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("p",he,e.toDisplayString(o.initials),1)]))],2))}}),ye=e.defineComponent({__name:"badge",props:{color:{default:"neutral"},outline:{type:Boolean,default:!1},size:{default:"medium"}},setup(c){const s=c,t={"extra small":"badge-xs",small:"badge-sm",medium:"badge-md",large:"badge-lg"},o={neutral:"badge-neutral",primary:"badge-primary",secondary:"badge-secondary",accent:"badge-accent",ghost:"badge-ghost",info:"badge-info",success:"badge-success",warning:"badge-warning",error:"badge-error"};return(r,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",t[s.size],o[s.color],{"badge-outline":s.outline}])},[e.renderSlot(r.$slots,"default")],2))}}),Be=["src","alt"],we={key:1,class:"w-full h-32 skeleton"},Ee={key:0,class:"card-body"},_e={key:0,class:"group-hover:text-primary text-left text-lg cursor-pointer card-title"},Se={key:1,class:"text-left"},Ce={class:"flex-col flex-nowrap mt-auto card-actions"},Ve={key:1,class:"card-body"},$e=e.defineComponent({__name:"card",props:{imgUrl:{default:""},alt:{default:"A beautiful picture that says something about this card"},title:{default:""},description:{default:""},outlined:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},class:{default:""}},setup(c){const s=c,t=e.ref(s.outlined);return e.watch(()=>s.outlined,o=>{t.value=o}),(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-base-100 shadow-xl rounded-sm min-w-64 max-w-full h-full card card-compact group",t.value?"border-4 border-primary":""])},[e.createElementVNode("figure",null,[o.imgUrl||o.imgUrl&&!o.loading?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.imgUrl,alt:o.alt,class:e.normalizeClass(["rounded-sm w-full h-44 object-cover",{hidden:o.loading}])},null,10,Be)):e.createCommentVNode("",!0),o.loading&&o.imgUrl?(e.openBlock(),e.createElementBlock("div",we)):e.createCommentVNode("",!0)]),o.loading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Ee,[o.title?(e.openBlock(),e.createElementBlock("h2",_e,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"details"),o.description?(e.openBlock(),e.createElementBlock("p",Se,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Ce,[e.renderSlot(o.$slots,"actions")])])),o.loading?(e.openBlock(),e.createElementBlock("div",Ve,r[0]||(r[0]=[e.createElementVNode("div",{class:"flex flex-col gap-4 w-52"},[e.createElementVNode("div",{class:"w-28 h-4 skeleton"}),e.createElementVNode("div",{class:"w-full h-4 skeleton"}),e.createElementVNode("div",{class:"w-full h-4 skeleton"})],-1)]))):e.createCommentVNode("",!0)],2))}}),Ne={class:"flex gap-4 bg-base-100 w-full tabs tabs-boxed"},De=["onClick"],xe={class:"text-sm"},Me={class:"md:block hidden opacity-35 text-xs truncate overflow-hidden ..."},Te={class:"hidden"},ze={id:"advancedSearchMobile",class:"modal"},Le={class:"modal-box"},Fe={class:"font-bold text-lg"},Oe=["checked"],Ie={class:"flex justify-between items-center pr-4 w-full font-medium text-xl collapse-title"},Ue={class:"text-sm"},Ae={class:"flex place-content-center p-0 collapse-content"},Pe=e.defineComponent({__name:"advancedSearch",props:{searchOptions:{},currentCategory:{}},emits:["search","update:search-data"],setup(c,{emit:s}){const t=c,o=s,r=e.ref(null),l={datetime:e.defineAsyncComponent(()=>Promise.resolve().then(()=>it))},d=e.ref({}),k=e.ref({left:"0px",top:"0px",transform:"translateX(0%)"}),f=e.ref(null);function m(h,w){var B,E,u;if((B=r.value)!=null&&B.name){o("update:search-data",{tab:r.value.name,data:h});return}if(t.searchOptions){let b=(u=(E=t.searchOptions)==null?void 0:E.find(_=>(_==null?void 0:_.category)===t.currentCategory))==null?void 0:u.tabs[w];b!==void 0&&(b.value=h,o("update:search-data",{tab:b==null?void 0:b.name,data:b==null?void 0:b.value}))}}function p(){o("search")}async function C(h){f.value&&!f.value.contains(h.target)&&(await e.nextTick(),r.value=null)}async function F(){if(typeof window<"u"&&window.innerWidth<=768){const h=document.getElementById("advancedSearchMobile");h?h.showModal():console.warn("Modal element not found.")}}async function O(h){var B;r.value=h,await e.nextTick();const w=d.value[h.name];if(w){const E=w.getBoundingClientRect(),u=((B=f.value)==null?void 0:B.getBoundingClientRect())||{left:0,top:0};window.innerWidth>768?k.value={left:`${E.left+E.width/2-u.left}px`,top:`${E.bottom-u.top}px`,transform:"translateX(-50%)"}:k.value={left:"50%",top:`${E.bottom-u.top}px`,transform:"translateX(-50%)"}}else console.error("Tab element not found for:",h.name)}return e.onMounted(()=>{document.addEventListener("click",C)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",C)}),(h,w)=>{var B,E;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"searchContainer",ref:f,class:"w-full"},[e.createElementVNode("div",{class:"group/search relative flex place-items-center border-2 shadow-md p-2 border-base-300/25 rounded-sm w-full transition-all cursor-pointer md:cursor-auto",onClick:F},[e.createElementVNode("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(((B=t.searchOptions.find(u=>u.category===t.currentCategory))==null?void 0:B.tabs)||[],u=>{var b;return e.openBlock(),e.createElementBlock("button",{key:u.name,onClick:_=>O(u),class:e.normalizeClass([{"tab-active":((b=r.value)==null?void 0:b.name)===u.name},"group/searchitem relative after:top-0 after:-right-2 after:absolute first-of-type:flex-auto last-of-type:flex-auto md:after:content-[''] last-of-type:after:content-none after:content-none after:bg-base-200 hover:bg-base-200 p-1 rounded-sm w-auto after:w-[1px] after:h-10 text-start overflow-x-hidden pointer-events-none md:pointer-events-auto"]),ref_for:!0,ref:_=>d.value[u.name]=_},[e.createElementVNode("p",xe,e.toDisplayString(u.name),1),e.createElementVNode("p",Me,e.toDisplayString(u.description),1)],10,De)}),128))]),r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"absolute flex shadow-sm mt-4 w-fit max-w-full transition-all tab-content",style:e.normalizeStyle(k.value)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l[r.value.type]),e.mergeProps(r.value.props?r.value.props:null,{onUpdated:m}),null,16))],4)):e.createCommentVNode("",!0),e.createElementVNode("button",{title:"search",type:"submit",class:"ml-1 btn btn-primary btn-square",onClick:p},[e.createVNode(e.unref(A),{size:24,color:"white"})])]),e.createElementVNode("div",Te,[e.createElementVNode("button",{title:"search",onClick:w[0]||(w[0]=()=>{})},[e.createVNode(e.unref(A),{size:24,color:"white"})])])],512),e.createElementVNode("dialog",ze,[e.createElementVNode("div",Le,[e.renderSlot(h.$slots,"additionalForMobile",{},()=>[e.createElementVNode("h3",Fe,e.toDisplayString(h.currentCategory),1)],!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(((E=t.searchOptions.find(u=>u.category===t.currentCategory))==null?void 0:E.tabs)||[],(u,b)=>(e.openBlock(),e.createElementBlock("div",{class:"bg-base-200 my-4 collapse",key:u.name},[e.createElementVNode("input",{type:"radio",name:"my-accordion-1",checked:b===0},null,8,Oe),e.createElementVNode("div",Ie,[e.createTextVNode(e.toDisplayString(u.name)+" ",1),e.createElementVNode("p",Ue,e.toDisplayString(u.description),1)]),e.createElementVNode("div",Ae,[w[1]||(w[1]=e.createElementVNode("br",null,null,-1)),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l[u.type]),e.mergeProps({ref_for:!0},u.props||{},{onUpdated:_=>m(_,b)}),null,16,["onUpdated"]))])]))),128)),e.createElementVNode("div",{class:"modal-action"},[e.createElementVNode("form",{method:"dialog"},[e.createElementVNode("button",{class:"btn btn-primary",onClick:p},"Close and Search")])])])])],64)}}}),x=(c,s)=>{const t=c.__vccOpts||c;for(const[o,r]of s)t[o]=r;return t},je=x(Pe,[["__scopeId","data-v-08fa37eb"]]),Re=["placeholder","value","id"],He=["id"],qe={key:0,class:"flex justify-between items-center place-content-center mb-4"},Ye=["value"],Je=["value"],We={key:1,class:"gap-2 grid grid-cols-7"},Xe=["onClick"],Ze={key:2,class:"mt-4 lg:w-80"},Ke={key:0,class:"mb-2 font-bold text-lg"},Ge={key:1},Qe={key:1,class:"flex gap-4"},ve=["value"],et=["value"],tt={key:2,class:"flex flex-col gap-4"},nt={key:1,class:"flex gap-2"},ot=["value"],lt=["value"],at={key:1,class:"flex gap-2"},rt=["value"],st=["value"],ct={class:"flex gap-2 mt-4"},P=x({__name:"datetimePicker",props:{mode:{type:String,default:"datetime",validator:c=>["datetime","date","time"].includes(c)},range:{type:Boolean,default:!1},placeholder:{type:String,default:"Select date and time"},popup:{type:Boolean,default:!1},id:{type:String,default:"datetimepicker"},initialDate:{type:Object,default:()=>null}},emits:["updated"],setup(c,{emit:s}){const t=c;e.watch(()=>t.range,a=>{a?(l.value={start:null,end:null},d.value={start:null,end:null}):(l.value=null,d.value=null)});const o=s,r=e.ref(!1),l=e.ref(t.range?{start:null,end:null}:null),d=e.ref(t.range?{start:null,end:null}:null),k=e.ref(new Date().toLocaleString("default",{month:"long"})),f=e.ref(new Date().getFullYear()),m=e.ref(t.range?{start:0,end:0}:0),p=e.ref(t.range?{start:0,end:0}:0),C=e.ref(null),F=e.computed(()=>`${t.id}-input`),O=e.computed(()=>`${t.id}-popup`),h=e.computed(()=>t.mode==="date"||t.mode==="datetime"),w=e.computed(()=>t.mode==="time"||t.mode==="datetime");e.computed(()=>new Date(f.value,B.value));const B=e.computed(()=>T.indexOf(k.value)),E=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],u=e.computed(()=>new Date(f.value,B.value).getDay()),b=e.computed(()=>{const a=new Date(f.value,B.value+1,0).getDate();return Array.from({length:a},(i,n)=>new Date(f.value,B.value,n+1))}),_=e.computed(()=>Array.from({length:u.value},(a,i)=>i)),I=Array.from({length:24},(a,i)=>i),U=Array.from({length:60},(a,i)=>i),M=e.computed(()=>typeof navigator<"u"&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)),T=["January","February","March","April","May","June","July","August","September","October","November","December"],At=e.computed(()=>{const a=new Date().getFullYear();return Array.from({length:100},(i,n)=>a-50+n)}),Pt=e.computed(()=>{if(!h.value||!l.value)return"";if(t.range&&l.value.start&&l.value.end){const a=l.value.start.toLocaleDateString("en-US"),i=l.value.end.toLocaleDateString("en-US");return`${a} - ${i}`}return!t.range&&l.value?l.value.toLocaleDateString("en-US"):""}),$=a=>a instanceof Date?a:new Date(a),V=a=>a instanceof Date&&!isNaN(a),jt=e.computed(()=>{if(!w.value)return"";const a=i=>{var z,N,H;const n=((z=m.value)==null?void 0:z[i])??m.value,S=((N=p.value)==null?void 0:N[i])??p.value;return M.value?((H=d.value)==null?void 0:H[i])??d.value:`${n.toString().padStart(2,"0")}:${S.toString().padStart(2,"0")}`};return t.range?`${a("start")} - ${a("end")}`:a()}),Rt=e.computed(()=>{const a=Pt.value,i=jt.value;return`${a} ${i}`.trim()}),Ht=()=>r.value=!r.value,j=()=>{y(),qt()},qt=()=>r.value=!1,Yt=()=>{l.value=t.range?{start:null,end:null}:null,d.value=t.range?{start:null,end:null}:null,y()},Jt=a=>{t.range?l.value.start&&l.value.end?l.value={start:a,end:null}:l.value.start?l.value.end=a:l.value.start=a:l.value=a,y()},Wt=a=>(a=$(a),t.range?l.value.start&&V(l.value.start)&&a.getTime()===l.value.start.getTime()||l.value.end&&V(l.value.end)&&a.getTime()===l.value.end.getTime():V(l.value)&&a.getTime()===l.value.getTime()),Xt=a=>{a=$(a);const i=new Date;return a.getDate()===i.getDate()&&a.getMonth()===i.getMonth()&&a.getFullYear()===i.getFullYear()},Zt=a=>(a=$(a),t.range&&V(l.value.start)&&a.getTime()===l.value.start.getTime()),Kt=a=>(a=$(a),t.range&&V(l.value.end)&&a.getTime()===l.value.end.getTime()),Gt=a=>{if(a=$(a),t.range&&V(l.value.start)&&V(l.value.end)){const i=l.value.start.getTime(),n=l.value.end.getTime(),S=a.getTime();return S>i&&S<n}return!1},Qt=()=>{let a=B.value-1;a<0&&(a=11,f.value--),k.value=T[a],y()},vt=()=>{let a=B.value+1;a>11&&(a=0,f.value++),k.value=T[a],y()},R=a=>{C.value&&!C.value.contains(a.target)&&r.value==!0&&j()},y=()=>{let a={};const i=(n,S,z)=>{n instanceof Date&&!isNaN(n)||(n=new Date);const N=new Date(n);return N.setUTCHours(S,z,0,0),N.toISOString()};t.range?(a.from=i(l.value.start,m.value.start,p.value.start),a.to=i(l.value.end,m.value.end,p.value.end)):a=i(l.value,m.value,p.value),o("updated",a)};return e.onMounted(()=>{t.initialDate&&(t.range&&t.initialDate.start&&t.initialDate.end?l.value={start:new Date(t.initialDate.start),end:new Date(t.initialDate.end)}:t.initialDate.start&&(l.value={start:new Date(t.initialDate.start)})),t.range?(m.value.start=m.value.start??new Date().getHours(),m.value.end=m.value.end??new Date().getHours(),p.value.start=p.value.start??new Date().getMinutes(),p.value.end=p.value.end??new Date().getMinutes()):(m.value=m.value??new Date().getHours(),p.value=p.value??new Date().getMinutes())}),t.popup&&e.onMounted(()=>document.addEventListener("click",R)),e.onUnmounted(()=>document.removeEventListener("click",R)),(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:"inline-block relative w-full lg:w-[360px]",ref_key:"pickerContainer",ref:C},[e.createElementVNode("div",{class:"flex items-center gap-2 cursor-pointer",onClick:Ht},[c.popup?e.renderSlot(a.$slots,"default",{key:0},()=>[e.createElementVNode("input",{type:"text",class:"input-bordered w-full cursor-pointer input",placeholder:c.placeholder,value:Rt.value,readonly:"",id:F.value},null,8,Re),i[11]||(i[11]=e.createElementVNode("button",{class:"btn btn-ghost"}," 📅 ",-1))],!0):e.createCommentVNode("",!0)]),r.value||!c.popup?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["z-50 lg:bg-base-100 md:mt-2 px-4 md:p-4 rounded-md w-full",[{absolute:c.popup}]]),id:O.value},[h.value?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("button",{class:"md:block hidden btn btn-outline btn-primary md:btn-sm",onClick:Qt},i[12]||(i[12]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 19l-7-7 7-7"})],-1)])),e.withDirectives(e.createElementVNode("select",{class:"border-none w-fit select","onUpdate:modelValue":i[0]||(i[0]=n=>k.value=n),onChange:y},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(T,(n,S)=>e.createElementVNode("option",{key:S,value:n},e.toDisplayString(n),9,Ye)),64))],544),[[e.vModelSelect,k.value]]),e.withDirectives(e.createElementVNode("select",{class:"border-none w-24 select","onUpdate:modelValue":i[1]||(i[1]=n=>f.value=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(At.value,n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n),9,Je))),128))],544),[[e.vModelSelect,f.value]]),e.createElementVNode("button",{class:"md:block hidden btn btn-outline btn-primary md:btn-sm",onClick:vt},i[13]||(i[13]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 5l7 7-7 7"})],-1)]))])):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("div",We,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(E,n=>e.createElementVNode("div",{key:n,class:"text-center"},e.toDisplayString(n),1)),64)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"text-center"}))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["hover:bg-primary-10 py-1 rounded-full text-center cursor-pointer",{"bg-primary text-primary-content":Wt(n),today:Xt(n),"range-start bg-primary text-primary-content":Zt(n),"range-end bg-primary text-primary-content":Kt(n),"in-range bg-primary/20 hover:bg-primary/10":Gt(n)}]),onClick:S=>Jt(n)},e.toDisplayString(n.getDate()),11,Xe))),128))])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",Ze,[t.range?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("h3",Ke,"Select Time")),t.range?(e.openBlock(),e.createElementBlock("div",tt,[e.createElementVNode("div",null,[i[14]||(i[14]=e.createElementVNode("p",{class:"font-bold"},"Start Time",-1)),M.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"time",class:"input-bordered w-full input","onUpdate:modelValue":i[5]||(i[5]=n=>d.value.start=n),onChange:y},null,544)),[[e.vModelText,d.value.start]]):(e.openBlock(),e.createElementBlock("div",nt,[e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[6]||(i[6]=n=>m.value.start=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,ot))),128))],544),[[e.vModelSelect,m.value.start,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[7]||(i[7]=n=>p.value.start=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,lt))),128))],544),[[e.vModelSelect,p.value.start,void 0,{number:!0}]])]))]),e.createElementVNode("div",null,[i[15]||(i[15]=e.createElementVNode("p",{class:"font-bold"},"End Time",-1)),M.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"time",class:"input-bordered w-full input","onUpdate:modelValue":i[8]||(i[8]=n=>d.value.end=n),onChange:y},null,544)),[[e.vModelText,d.value.end]]):(e.openBlock(),e.createElementBlock("div",at,[e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[9]||(i[9]=n=>m.value.end=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,rt))),128))],544),[[e.vModelSelect,m.value.end,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[10]||(i[10]=n=>p.value.end=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,st))),128))],544),[[e.vModelSelect,p.value.end,void 0,{number:!0}]])]))])])):(e.openBlock(),e.createElementBlock("div",Ge,[M.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,type:"time",class:"input-bordered w-full input","onUpdate:modelValue":i[2]||(i[2]=n=>d.value=n),onChange:y},null,544)),[[e.vModelText,d.value]]):(e.openBlock(),e.createElementBlock("div",Qe,[e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[3]||(i[3]=n=>m.value=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(I),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,ve))),128))],544),[[e.vModelSelect,m.value,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("select",{class:"w-full select-bordered select","onUpdate:modelValue":i[4]||(i[4]=n=>p.value=n),onChange:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(U),n=>(e.openBlock(),e.createElementBlock("option",{key:n,value:n},e.toDisplayString(n.toString().padStart(2,"0")),9,et))),128))],544),[[e.vModelSelect,p.value,void 0,{number:!0}]])]))]))])):e.createCommentVNode("",!0),e.createElementVNode("div",ct,[e.createElementVNode("button",{class:e.normalizeClass(["btn btn-secondary",c.popup?"w-fit":"w-full"]),onClick:Yt},"Clear",2),c.popup?(e.openBlock(),e.createElementBlock("button",{key:0,class:"btn btn-primary btn-wide",onClick:j},"Close")):e.createCommentVNode("",!0)])],10,He)):e.createCommentVNode("",!0)],512))}},[["__scopeId","data-v-e7e203aa"]]),it=Object.freeze(Object.defineProperty({__proto__:null,default:P},Symbol.toStringTag,{value:"Module"})),dt=["value","checked","onChange","disabled"],mt=e.defineComponent({__name:"rating",props:{initialRating:{default:0},numberOfStars:{default:5},halfStars:{type:Boolean,default:!0},isInteractive:{type:Boolean,default:!1},size:{default:"sm"}},setup(c){const s=c,t=e.ref(s.initialRating);e.watch(()=>s.initialRating,r=>{t.value=r});const o=r=>{t.value=r};return(r,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["rating",[`rating-${s.size}`,{"rating-half":r.halfStars}]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.numberOfStars*(r.halfStars?2:1),d=>(e.openBlock(),e.createElementBlock("input",{key:d,type:"radio",value:r.halfStars?d*.5:d,checked:t.value===(r.halfStars?d*.5:d),onChange:k=>r.isInteractive?o(r.halfStars?d*.5:d):null,class:e.normalizeClass(["mask mask-star",{"bg-yellow-400":t.value>=(r.halfStars?d*.5:d),"mask-half-1":r.halfStars&&d%2!==0,"mask-half-2":r.halfStars&&d%2===0,"cursor-pointer":r.isInteractive,"cursor-default":!r.isInteractive}]),disabled:!r.isInteractive},null,42,dt))),128))],2))}}),pt={key:0,class:"loading loading-spinner loading-md mx-auto"},ft=e.defineComponent({__name:"loader",props:{loading:{type:Boolean,default:!0}},setup(c){const s=c,t=e.ref(s.loading);return e.watch(()=>s.loading,o=>{t.value=o}),(o,r)=>t.value?(e.openBlock(),e.createElementBlock("span",pt)):e.createCommentVNode("",!0)}}),ut={class:"bg-base-200 mx-auto md:px-10 py-10 text-base-content"},gt={class:"footer sm:footer-horizontal container"},kt={class:"footer-title"},ht=["href"],bt={class:"ml-auto"},yt=e.defineComponent({__name:"footer",props:{items:{}},setup(c){const s=c;return(t,o)=>(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("footer",gt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("h6",kt,e.toDisplayString(r.title),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.items,l=>(e.openBlock(),e.createElementBlock("a",{class:"link link-hover",href:l.link},e.toDisplayString(l.text),9,ht))),256))]))),256)),e.createElementVNode("aside",bt,[e.renderSlot(t.$slots,"default")])])]))}}),Bt={},wt={class:"min-h-40 container hero"},Et={class:"px-0! text-center hero-content"},_t={class:"mt-9 text-4xl"};function St(c,s){return e.openBlock(),e.createElementBlock("div",wt,[e.createElementVNode("div",Et,[e.createElementVNode("div",null,[e.createElementVNode("h1",_t,[e.renderSlot(c.$slots,"title",{},()=>[s[0]||(s[0]=e.createTextVNode("hero title"))])]),e.createElementVNode("p",null,[e.renderSlot(c.$slots,"description",{class:"py-9"})]),e.renderSlot(c.$slots,"call-to-action-block",{class:"max-w-full"},()=>[s[1]||(s[1]=e.createElementVNode("button",{class:"btn btn-primary"},"Call to action",-1))])])])])}const Ct=x(Bt,[["render",St]]),Vt={class:"categories flex flex-row gap-4 place-content-center"},$t=["onClick"],Nt=e.defineComponent({__name:"categoryNavigation",props:{searchOptions:{},currentCategory:{}},emits:["update:currentCategory"],setup(c,{emit:s}){const t=c,o=s;function r(l){o("update:currentCategory",l)}return(l,d)=>(e.openBlock(),e.createElementBlock("div",Vt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.searchOptions,k=>(e.openBlock(),e.createElementBlock("div",{key:k.category},[e.createElementVNode("button",{onClick:f=>r(k.category),class:e.normalizeClass(["truncate",{"font-semibold":t.currentCategory===k.category}])},e.toDisplayString(k.category),11,$t)]))),128))]))}}),Dt={class:"md:flex hidden navbar-start"},xt={class:"md:flex justify-center items-center hidden navbar-center"},Mt={class:"md:flex hidden navbar-end"},Tt={class:"navbar-bottom md:flex hidden"},zt=x(e.defineComponent({__name:"navigationBar",props:{isCollapsed:{type:Boolean,default:!0}},setup(c){const s=c;return(t,o)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["place-items-start border-primary bg-base-100 px-5 py-5 border-b-4 transition-all navbar navigationbar",s.isCollapsed?"collapsed":""])},[e.createElementVNode("div",Dt,[e.renderSlot(t.$slots,"start",{},void 0,!0)]),e.createElementVNode("div",xt,[e.renderSlot(t.$slots,"center",{},void 0,!0)]),e.createElementVNode("div",Mt,[e.renderSlot(t.$slots,"end",{},void 0,!0)]),e.createElementVNode("div",Tt,[e.renderSlot(t.$slots,"bottom",{},void 0,!0)])],2))}}),[["__scopeId","data-v-8ddb2b45"]]),Lt={role:"tablist",class:"tabs tabs-bordered tabs-lg mt-28 relative w-full"},Ft={key:0,class:"hidden md:flex gap-4 right-0 top-4 absolute"},Ot=["onClick","aria-selected"],It={role:"tabpanel",class:"tab-content border-base-300 border-t-2 border-x-0 border-b-0 p-6 overflow-x-auto max-w-full"},Ut=e.defineComponent({__name:"tab",props:{items:{},withControlls:{type:Boolean},rotateTabsAfter:{}},emits:["tab-changed"],setup(c,{emit:s}){const t=c,o=e.ref(t.items[0]),r=s;function l(f){o.value=f,r("tab-changed",f)}function d(){const m=(t.items.indexOf(o.value)+1)%t.items.length;l(t.items[m])}function k(){const m=(t.items.indexOf(o.value)-1+t.items.length)%t.items.length;l(t.items[m])}return e.onUnmounted(()=>{t.rotateTabsAfter&&setInterval(()=>{d()},t.rotateTabsAfter*1e3)}),(f,m)=>(e.openBlock(),e.createElementBlock("div",Lt,[f.withControlls?(e.openBlock(),e.createElementBlock("div",Ft,[e.createElementVNode("button",{onClick:m[0]||(m[0]=p=>k()),class:"cursor-pointer"},"Previous"),e.createElementVNode("button",{onClick:m[1]||(m[1]=p=>d()),class:"cursor-pointer text-primary"},"Next")])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.items,p=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("a",{type:"button",role:"tab",class:e.normalizeClass(["tab min-w-max",p===o.value?"bg-primary text-base-100":""]),onClick:C=>l(p),"aria-selected":o.value==p},e.toDisplayString(p),11,Ot),e.createElementVNode("div",It,[e.renderSlot(f.$slots,`${p}-tab`)])],64))),256))]))}});g.Accordion=fe,g.AdvancedSearch=je,g.Avatar=be,g.Badge=ye,g.ButtonComponent=Y,g.Card=$e,g.CategoryNavigation=Nt,g.DatetimePicker=P,g.Dropdown=X,g.Footer=yt,g.Hero=Ct,g.Loader=ft,g.Modal=G,g.NavigationBar=zt,g.Rating=mt,g.Swap=ee,g.Tab=Ut,g.ThemeController=ce,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -4,8 +4,8 @@
   :root, :host {
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-      "Liberation Mono", "Courier New", monospace;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
     --color-red-500: oklch(0.637 0.237 25.331);
     --color-yellow-400: oklch(0.852 0.199 91.936);
     --color-green-500: oklch(0.723 0.219 149.579);
@@ -21,6 +21,8 @@
     --text-lg--line-height: calc(1.75 / 1.125);
     --text-xl: 1.25rem;
     --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-medium: 500;
@@ -203,7 +205,7 @@
     padding: calc(0.25rem * 0);
     color: inherit;
     overflow-x: hidden;
-    transition: transform 0.3s ease-out, visibility 0s allow-discrete, opacity 0.1s ease-out;
+    transition: transform 0.3s ease-out, visibility 0.3s allow-discrete, opacity 0.1s ease-out;
     overflow-y: hidden;
     overscroll-behavior: contain;
     z-index: 999;
@@ -367,6 +369,19 @@
         color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
       }
     }
+    .dropdown:focus-within {
+      .menu-dropdown-toggle:after {
+        rotate: 45deg;
+        translate: 0 1px;
+      }
+    }
+    .dropdown-content {
+      margin-top: calc(0.25rem * 2);
+      padding: calc(0.25rem * 2);
+      &:before {
+        display: none;
+      }
+    }
   }
   .dropdown {
     position: relative;
@@ -565,8 +580,10 @@
     --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
     0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
     --btn-noise: var(--fx-noise);
-    &:hover {
-      --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
+    @media (hover: hover) {
+      &:hover {
+        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
+      }
     }
     &.btn-active {
       --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
@@ -592,11 +609,13 @@
       --btn-border: #0000;
       --btn-noise: none;
       --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
-      &:hover {
-        pointer-events: none;
-        background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
-        --btn-border: #0000;
-        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
+      @media (hover: hover) {
+        &:hover {
+          pointer-events: none;
+          background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent);
+          --btn-border: #0000;
+          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
+        }
       }
     }
     &:is(input[type="checkbox"], input[type="radio"]) {
@@ -605,17 +624,11 @@
         content: attr(aria-label);
       }
       &:checked {
-        --btn-color: var(--color-primary);
-        --btn-bg: var(--color-primary);
-        --btn-fg: var(--color-primary-content);
-        --btn-border: var(--color-primary);
-        &:focus-visible {
-          outline-color: var(--color-primary);
-        }
-        &:hover {
-          --btn-bg: color-mix(in oklab, var(--color-primary) 90%, #000);
-          --btn-border: color-mix(in oklab, var(--color-primary) 90%, #000);
-        }
+        outline-width: 2px;
+        outline-style: solid;
+        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
+        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
+        isolation: isolate;
       }
     }
   }
@@ -623,9 +636,9 @@
     pointer-events: none !important;
     display: inline-block !important;
     aspect-ratio: 1 / 1 !important;
-    width: calc(0.25rem * 6) !important;
     background-color: currentColor !important;
     vertical-align: middle !important;
+    width: calc(var(--size-selector, 0.25rem) * 6) !important;
     mask-size: 100% !important;
     mask-repeat: no-repeat !important;
     mask-position: center !important;
@@ -635,9 +648,9 @@
     pointer-events: none;
     display: inline-block;
     aspect-ratio: 1 / 1;
-    width: calc(0.25rem * 6);
     background-color: currentColor;
     vertical-align: middle;
+    width: calc(var(--size-selector, 0.25rem) * 6);
     mask-size: 100%;
     mask-repeat: no-repeat;
     mask-position: center;
@@ -673,11 +686,11 @@
       min-height: 3.75rem;
       transition: background-color 0.2s ease-out;
     }
-    &:is([open], .collapse-open, :focus:not(.collapse-close)),
+    &:is([open], :focus:not(.collapse-close)),
   &:not(.collapse-close):has(> input:is([type="checkbox"], [type="radio"]):checked) {
       grid-template-rows: max-content 1fr;
     }
-    &:is([open], .collapse-open, :focus:not(.collapse-close)) > .collapse-content,
+    &:is([open], :focus:not(.collapse-close)) > .collapse-content,
   &:not(.collapse-close)
     > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
       visibility: visible;
@@ -690,29 +703,41 @@
       outline-width: 2px;
       outline-offset: 2px;
     }
-    &:not(.collapse-open, .collapse-close) {
+    &:not(.collapse-close) {
       > input[type="checkbox"],
     > input[type="radio"]:not(:checked),
     > .collapse-title {
         cursor: pointer;
       }
     }
-    &:focus:not(.collapse-open, .collapse-close, .collapse[open]) > .collapse-title {
+    &:focus:not(.collapse-close, .collapse[open]) > .collapse-title {
       cursor: unset;
     }
-    &:is([open], .collapse-open, :focus:not(.collapse-close)) > :where(.collapse-content),
+    &:is([open], :focus:not(.collapse-close)) > :where(.collapse-content),
   &:not(.collapse-close)
     > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
       padding-bottom: 1rem;
       transition: padding 0.2s ease-out,
       background-color 0.2s ease-out;
     }
-    &:is([open], .collapse-open) {
+    &:is([open]) {
+      &.collapse-arrow {
+        > .collapse-title:after {
+          transform: translateY(-50%) rotate(225deg);
+        }
+      }
+    }
+    &.collapse-open {
       &.collapse-arrow {
         > .collapse-title:after {
           transform: translateY(-50%) rotate(225deg);
         }
       }
+      &.collapse-plus {
+        > .collapse-title:after {
+          content: "−";
+        }
+      }
     }
     &.collapse-arrow:focus:not(.collapse-close) {
       > .collapse-title:after {
@@ -731,13 +756,6 @@
         }
       }
     }
-    &.collapse-open {
-      &.collapse-plus {
-        > .collapse-title:after {
-          content: "−";
-        }
-      }
-    }
     &.collapse-plus:focus:not(.collapse-close) {
       > .collapse-title:after {
         content: "−";
@@ -799,6 +817,82 @@
   .collapse {
     visibility: collapse;
   }
+  .input {
+    cursor: text;
+    border: var(--border) solid #0000;
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 1;
+    appearance: none;
+    align-items: center;
+    gap: calc(0.25rem * 2);
+    background-color: var(--color-base-100);
+    padding-inline: calc(0.25rem * 3);
+    vertical-align: middle;
+    white-space: nowrap;
+    width: clamp(3rem, 20rem, 100%);
+    height: var(--size);
+    font-size: 0.875rem;
+    border-start-start-radius: var(--join-ss, var(--radius-field));
+    border-start-end-radius: var(--join-se, var(--radius-field));
+    border-end-start-radius: var(--join-es, var(--radius-field));
+    border-end-end-radius: var(--join-ee, var(--radius-field));
+    border-color: var(--input-color);
+    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
+    --size: calc(var(--size-field, 0.25rem) * 10);
+    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    &:where(input) {
+      display: inline-flex;
+    }
+    :where(input) {
+      display: inline-flex;
+      height: 100%;
+      width: 100%;
+      appearance: none;
+      background-color: transparent;
+      border: none;
+      &:focus, &:focus-within {
+        outline-style: none;
+        @media (forced-colors: active) {
+          outline: 2px solid transparent;
+          outline-offset: 2px;
+        }
+      }
+    }
+    &:focus, &:focus-within {
+      --input-color: var(--color-base-content);
+      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
+      outline: 2px solid var(--input-color);
+      outline-offset: 2px;
+      isolation: isolate;
+    }
+    &:has(> input[disabled]), &:is(:disabled, [disabled]) {
+      cursor: not-allowed;
+      border-color: var(--color-base-200);
+      background-color: var(--color-base-200);
+      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+      &::placeholder {
+        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+      }
+      box-shadow: none;
+    }
+    &:has(> input[disabled]) > input[disabled] {
+      cursor: not-allowed;
+    }
+    &::-webkit-date-and-time-value {
+      text-align: inherit;
+    }
+    &[type="number"] {
+      &::-webkit-inner-spin-button {
+        margin-block: calc(0.25rem * -3);
+        margin-inline-end: calc(0.25rem * -3);
+      }
+    }
+    &::-webkit-calendar-picker-indicator {
+      position: absolute;
+      inset-inline-end: 0.75em;
+    }
+  }
   .steps {
     display: inline-grid;
     grid-auto-flow: column;
@@ -917,7 +1011,10 @@
     background-color: transparent;
     vertical-align: middle;
     width: clamp(3rem, 20rem, 100%);
-    border-radius: calc( var(--radius-selector) + min( var(--range-p), calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)) ) );
+    --radius-selector-max: calc(
+    var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
+  );
+    border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
     border: none;
     height: var(--range-thumb-size);
     [dir="rtl"] & {
@@ -942,7 +1039,7 @@
     &::-webkit-slider-thumb {
       position: relative;
       box-sizing: border-box;
-      border-radius: calc( var(--radius-selector) + min( var(--range-p), calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)) ) );
+      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
       background-color: currentColor;
       height: var(--range-thumb-size);
       width: var(--range-thumb-size);
@@ -966,7 +1063,7 @@
     &::-moz-range-thumb {
       position: relative;
       box-sizing: border-box;
-      border-radius: calc( var(--radius-selector) + min( var(--range-p), calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)) ) );
+      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
       background-color: currentColor;
       height: var(--range-thumb-size);
       width: var(--range-thumb-size);
@@ -1135,11 +1232,11 @@
     select {
       margin-inline-start: calc(0.25rem * -4);
       margin-inline-end: calc(0.25rem * -7);
-      height: 100%;
       width: calc(100% + 2.75rem);
       appearance: none;
       padding-inline-start: calc(0.25rem * 4);
       padding-inline-end: calc(0.25rem * 7);
+      height: calc(100% - 2px);
       background: inherit;
       border-radius: inherit;
       border-style: none;
@@ -1446,77 +1543,6 @@
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
-  .input {
-    cursor: text;
-    border: var(--border) solid #0000;
-    display: inline-flex;
-    flex-shrink: 1;
-    appearance: none;
-    align-items: center;
-    gap: calc(0.25rem * 2);
-    background-color: var(--color-base-100);
-    padding-inline: calc(0.25rem * 3);
-    vertical-align: middle;
-    white-space: nowrap;
-    width: clamp(3rem, 20rem, 100%);
-    height: var(--size);
-    font-size: 0.875rem;
-    border-start-start-radius: var(--join-ss, var(--radius-field));
-    border-start-end-radius: var(--join-se, var(--radius-field));
-    border-end-start-radius: var(--join-es, var(--radius-field));
-    border-end-end-radius: var(--join-ee, var(--radius-field));
-    border-color: var(--input-color);
-    box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
-    --size: calc(var(--size-field, 0.25rem) * 10);
-    --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
-    &:where(input) {
-      display: inline-block;
-    }
-    :where(input) {
-      display: inline-block;
-      height: 100%;
-      width: 100%;
-      appearance: none;
-      background-color: transparent;
-      border: none;
-      &:focus, &:focus-within {
-        outline-style: none;
-        @media (forced-colors: active) {
-          outline: 2px solid transparent;
-          outline-offset: 2px;
-        }
-      }
-    }
-    &:focus, &:focus-within {
-      --input-color: var(--color-base-content);
-      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
-      outline: 2px solid var(--input-color);
-      outline-offset: 2px;
-      isolation: isolate;
-    }
-    &:has(> input[disabled]), &:is(:disabled, [disabled]) {
-      cursor: not-allowed;
-      border-color: var(--color-base-200);
-      background-color: var(--color-base-200);
-      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-      &::placeholder {
-        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-      }
-      box-shadow: none;
-    }
-    &:has(> input[disabled]) > input[disabled] {
-      cursor: not-allowed;
-    }
-    &::-webkit-date-and-time-value {
-      text-align: inherit;
-    }
-    &[type="number"] {
-      &::-webkit-inner-spin-button {
-        margin-block: calc(0.25rem * -3);
-        margin-inline-end: calc(0.25rem * -3);
-      }
-    }
-  }
   .modal-backdrop {
     grid-column-start: 1;
     grid-row-start: 1;
@@ -1615,6 +1641,7 @@
       height: calc(100% - 0.5rem);
       align-items: center;
       padding-inline: calc(0.25rem * 3);
+      white-space: nowrap;
       font-size: inherit;
       &:first-child {
         margin-inline-start: calc(0.25rem * -3);
@@ -1634,6 +1661,7 @@
       height: calc(100% - 0.5rem);
       align-items: center;
       padding-inline: calc(0.25rem * 3);
+      white-space: nowrap;
       font-size: inherit;
       &:first-child {
         margin-inline-start: calc(0.25rem * -3);
@@ -1814,7 +1842,7 @@
     flex: auto;
     flex-direction: column;
     gap: calc(0.25rem * 2);
-    padding: var(--card-p, 2rem);
+    padding: var(--card-p, 1.5rem);
     font-size: var(--card-fs, 0.875rem);
     :where(p) {
       flex-grow: 1;
@@ -2272,6 +2300,10 @@
   .text-start {
     text-align: start;
   }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
   .text-4xl {
     font-size: var(--text-4xl);
     line-height: var(--tw-leading, var(--text-4xl--line-height));
@@ -2655,6 +2687,12 @@
       background-color: var(--color-base-100);
     }
   }
+  .lg\:text-4xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
   .xl\:min-w-52 {
     @media (width >= 80rem) {
       min-width: calc(var(--spacing) * 52);
@@ -2818,120 +2856,6 @@
     color: var(--color-base-content);
   }
 }
-@layer base {
-  *,
-::after,
-::backdrop,
-::before,
-::file-selector-button {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    border: 0 solid;
-  }
-  :host,
-html {
-    line-height: 1.5;
-    font-family: var(
-    --default-font-family,
-    ui-sans-serif,
-    system-ui,
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji"
-  );
-    webkit-tap-highlight-color: #0000;
-  }
-  body {
-    line-height: inherit;
-  }
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-  h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-  a {
-    color: inherit;
-    webkit-text-decoration: inherit;
-    text-decoration: inherit;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  ::file-selector-button,
-button,
-input,
-optgroup,
-select,
-textarea {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    background: 0 0;
-  }
-  input:where(:not([type="button"], [type="reset"], [type="submit"])),
-select,
-textarea {
-    border-width: 1px;
-  }
-  ::file-selector-button,
-button,
-input:where([type="button"], [type="reset"], [type="submit"]) {
-    appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  ::-webkit-search-decoration {
-    webkit-appearance: none;
-  }
-  menu,
-ol,
-ul {
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  ::placeholder {
-    opacity: 1;
-    color: color-mix(in oklch, currentColor 50%, #0000);
-  }
-  audio,
-canvas,
-embed,
-iframe,
-img,
-object,
-svg,
-video {
-    display: block;
-    vertical-align: middle;
-  }
-  img,
-video {
-    max-width: 100%;
-    height: auto;
-  }
-}
 @layer base {
   :where(
   :root:has(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "manolis-ui",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "files": [
     "dist/*",
@@ -9,10 +9,10 @@
   ],
   "main": "dist/manolis-ui.js",
   "module": "dist/manolis-ui.umd.js",
-  "types": "./dist/src/index.d.ts",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/src/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/manolis-ui.js",
       "require": "./dist/manolis-ui.umd.js"
     },
@@ -29,9 +29,9 @@
     "vue": "^3.5.13"
   },
   "dependencies": {
-    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-links": "^8.6.0",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/builder-vite": "^8.4.7",
+    "@tailwindcss/cli": "4.0.3",
     "@tailwindcss/container-queries": "^0.1.1",
     "lucide-vue-next": "^0.468.0",
     "path": "^0.12.7",
@@ -41,25 +41,25 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "3.2.2",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-onboarding": "8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/test": "8.4.7",
-    "@storybook/vue3": "8.4.7",
-    "@storybook/vue3-vite": "8.4.7",
-    "@tailwindcss/postcss": "^4.0.0",
-    "@tailwindcss/vite": "^4.0.4",
+    "@chromatic-com/storybook": "^3.2.5",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-onboarding": "^8.6.0",
+    "@storybook/blocks": "^8.6.0",
+    "@storybook/test": "^8.6.0",
+    "@storybook/vue3": "^8.6.0",
+    "@storybook/vue3-vite": "^8.6.0",
+    "@tailwindcss/postcss": "^4.0.3",
+    "@tailwindcss/vite": "^4.0.3",
     "@vitejs/plugin-vue": "^5.2.1",
-    "daisyui": "5.0.0-beta.7",
-    "postcss": "^8.4.49",
-    "storybook": "8.4.7",
-    "tailwindcss": "^4.0.4",
-    "typescript": "~5.6.2",
-    "vite": "^6.0.1",
-    "vite-plugin-dts": "^4.4.0",
-    "vue-tsc": "^2.1.10"
+    "daisyui": "5.0.0-beta.9",
+    "postcss": "^8.5.3",
+    "storybook": "^8.6.0",
+    "tailwindcss": "^4.0.3",
+    "typescript": "~5.6.3",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vue-tsc": "^2.2.4"
   },
   "scripts": {
     "dev": "vite",

package/src/components/data-display/accordion.vue

@@ -19,9 +19,9 @@ interface Accordion {
 
 
 <template>
-    <div class="collapse border border-base-300" :class="[props.icon ? `collapse-${props.icon}` : '', { ['join-item']: joinItems }]" v-for="(item, index) in props.items" :key="index">
+    <div class="collapse border border-base-300" :class="[icon ? `collapse-${icon}` : '', { ['join-item']: joinItems }]" v-for="(item, index) in props.items" :key="index">
         <input type="radio" :name="name" value="true" />
-        <div class="collapse-title font-bold text-4xl">{{item.title}}</div>
+        <div class="collapse-title font-bold text-2xl lg:text-4xl">{{item.title}}</div>
         <div class="collapse-content">
             <span v-html="item.content"></span>
         </div>

package/src/components/data-display/avatar.vue

@@ -24,12 +24,12 @@ watch(
 </script>
 
 <template>
-    <div class="avatar" :class="onlineStatus">
+    <div class="avatar" :class="`avatar-${onlineStatus}`">
         <div class="rounded-sm" v-if="image">
             <img :src="image" class="w-full h-full">
         </div>
 
-        <div v-else class="bg-neutral text-neutral-content w-16 rounded-full flex justify-center p-[25%] text-center">
+        <div v-else class="flex justify-center bg-neutral p-[25%] rounded-full w-16 text-neutral-content text-center">
             <p class="text-xl">{{initials}}</p>
         </div>
     </div>